.articlebody--standardgrid, .siteheader, .noteslist, .note__article, .note__article__header, .pagefooter {
  display: grid;
  grid-column-gap: 15px;
  grid-template-columns: 100px 1fr 1fr minmax(50ch, 60ch) 1fr; }
  @media (max-width: 900px) {
    .articlebody--standardgrid, .siteheader, .noteslist, .note__article, .note__article__header, .pagefooter {
      grid-template-columns: 1fr; } }

@font-face {
  font-family: 'ricardo_altmediumitalic';
  src: url("ricardoalt-mediumit-webfont.woff2") format("woff2"), url("ricardoalt-mediumit-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ricardo_altextrabolditalic';
  src: url("ricardoalt-xboldit-webfont.woff") format("woff2"), url("ricardoalt-xboldit-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ricardo_altmedium';
  src: url("ricardoalt-medium-webfont.woff") format("woff2"), url("ricardoalt-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ricardo_altbold';
  src: url("ricardoalt-bold-webfont.woff") format("woff2"), url("ricardoalt-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ricardo_altsemibold';
  src: url("ricardoalt-sbold-webfont.woff") format("woff2"), url("ricardoalt-sbold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: 'ricardo_altmedium', futura, helvetica, verdana sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #21001e;
  font-family: 'ricardo_altextrabolditalic', futura;
  font-weight: normal;
  font-style: normal; }

a, .link {
  color: #0a6fb8;
  text-decoration: none;
  font-family: 'ricardo_altbold', futura;
  font-weight: normal;
  font-style: normal; }
  a:hover, .link:hover {
    text-decoration: underline; }

.notebook__subtitle, .notebook__excerpt, .notebook__nextlink, .noteslist__list, .note__article__body, .latestnotes__list {
  font-size: 12px;
  line-height: 18px; }

.notebook__title, .note__title {
  margin: 0;
  font-size: 27px; }

.tagslistcontainer {
  background-color: #fe3;
  padding-bottom: 3em;
  display: grid;
  grid-column-gap: 15px;
  grid-template-columns: 100px repeat(4, 225px) 1fr; }

.tagslist__headertitle {
  grid-column: 3/6;
  font-size: 12px;
  font-family: 'ricardo_altmedium', sans-serif; }
  .tagslist__headertitle em {
    font-family: 'ricardo_altbold', sans-serif;
    font-size: 27px;
    font-style: normal; }

.tagslist__heading {
  padding: 0 1em 1em; }
  .tagslist__heading.is--open {
    background-color: #fefef4; }
  .tagslist__heading:nth-of-type(3n + 1) {
    grid-column: 3; }
  .tagslist__heading:nth-of-type(3n + 2) {
    grid-column: 4; }
  .tagslist__heading:nth-of-type(3n + 3) {
    grid-column: 5; }
  .tagslist__heading:nth-of-type(4), .tagslist__heading:nth-of-type(5), .tagslist__heading:nth-of-type(6) {
    grid-row: 4; }

.tagslist__results {
  grid-column: 1 / 7;
  grid-row: 3;
  display: none;
  padding-left: 120px;
  padding-right: 75px;
  padding-bottom: 2em; }
  .tagslist__results:nth-of-type(n + 4), .tagslist__results:nth-of-type(2n + 4), .tagslist__results:nth-of-type(3n + 4) {
    grid-row: 5; }
  .tagslist__results:nth-of-type(n + 7), .tagslist__results:nth-of-type(2n + 7), .tagslist__results:nth-of-type(3n + 7) {
    grid-row: 6; }
  .is--open + .tagslist__results {
    display: block;
    border-top: 10px solid #fefef4;
    border-bottom: 10px solid #fefef4; }

.tagslist__togglebutton {
  cursor: pointer;
  border: none;
  background: none;
  position: relative;
  top: 3px; }
  .tagslist__togglebutton__svg {
    width: 24px;
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1)); }
    .is--open > .tagslist__level1__header .tagslist__togglebutton__svg,
    .is--open > .tagslist__level2__header .tagslist__togglebutton__svg {
      transform: rotate(180deg);
      filter: drop-shadow(0px -1px 1px rgba(0, 0, 0, 0.1)); }

.tagslist__timeline__svg {
  width: 80%;
  max-width: 200px; }

.tagslist__link {
  font-size: 12px;
  text-decoration: none; }
  .tagslist__link__notebookname {
    font-family: 'ricardo_altmediumitalic'; }

.tagslist__level1__container {
  display: grid;
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  grid-column-gap: 15px; }

.tagslist__level1__header {
  font-size: 27px;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-transform: capitalize;
  cursor: pointer; }

.tagslist__level2.is--open {
  background-color: #fff;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

.tagslist__level2__heading {
  padding: 0 1em; }
  .tagslist__level2__heading.is--open {
    background-color: #fefef4;
    border-bottom: 15px solid #fefef4; }

.tagslist__level2__results {
  display: none;
  padding-top: 1em;
  padding-bottom: 2.5em;
  background-color: #fefef4;
  grid-row: 2;
  grid-column: 1 / 4;
  grid-template-columns: 1fr minmax(1fr, 10ch) minmax(1fr, 30ch); }
  .tagslist__level2__results:nth-of-type(n + 4), .tagslist__level2__results:nth-of-type(2n + 4), .tagslist__level2__results:nth-of-type(3n + 4) {
    grid-row: 3; }
  .tagslist__level2__results:nth-of-type(n + 7), .tagslist__level2__results:nth-of-type(2n + 7), .tagslist__level2__results:nth-of-type(3n + 7) {
    grid-row: 5; }
  .tagslist__level2__results:nth-of-type(n + 10), .tagslist__level2__results:nth-of-type(2n + 10), .tagslist__level2__results:nth-of-type(3n + 10) {
    grid-row: 6; }
  .is--open + .tagslist__level2__results {
    display: grid; }

.tagslist__level2__header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 18px;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem; }

.tagslist__level2__container:nth-of-type(2n + 1), .tagslist__level2__sectionhead:nth-of-type(2n + 1) {
  grid-column: 2; }

.tagslist__level2__container:nth-of-type(2n + 2), .tagslist__level2__sectionhead:nth-of-type(2n + 2) {
  grid-column: 3; }

.tagslist__level2__container {
  grid-row: 2; }

.articlebody {
  overflow: hidden; }
  .articlebody p {
    font-size: 1.15em;
    line-height: 1.5em;
    max-width: 45em; }
  .articlebody img {
    max-width: 80%;
    height: auto; }
  .articlebody pre, .articlebody code {
    background-color: #fff;
    padding: 5px; }
  .articlebody pre {
    padding: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.03);
    border-left: 1px solid rgba(0, 0, 0, 0.03);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.uc {
  background-color: #fe3;
  overflow: hidden;
  font-size: 14px;
  width: 100vw; }
  .uc__mobile {
    padding: 1em 1em 5em 1em;
    line-height: 1.4em;
    width: 100vw; }
    @media (min-width: 900px) {
      .uc__mobile {
        display: none; } }
  .uc__dev {
    padding-left: 3em; }
    @media (max-width: 900px) {
      .uc__dev {
        display: none; } }

.siteheader {
  background-color: #fe3;
  overflow: hidden;
  padding-bottom: 0.5em; }
  .siteheader__about {
    grid-column: 2/3; }
    .siteheader__aboutlink {
      background-color: #bf403c;
      font-family: 'ricardo_altextrabolditalic';
      font-weight: normal;
      font-style: normal;
      color: #fff;
      display: inline-block;
      padding: 15px 5px 5px;
      font-size: 12px; }
  .siteheader__homelink {
    text-align: right;
    border: none;
    text-decoration: none;
    grid-column: 3/5; }
  .siteheader__logotext {
    font-size: 18px;
    margin-bottom: 0; }
  .siteheader__tagline {
    margin-top: 0;
    font-size: 9px; }
  .siteheader__logoimg {
    margin-top: 11px;
    width: 45px;
    float: right; }

.articlebody--notebookindex {
  grid-template-rows: auto auto auto;
  background-color: #fe3;
  padding-bottom: 2em; }

.notebook__title {
  grid-column: 2/4;
  display: inline-flex;
  align-items: flex-end;
  padding-top: 2em;
  margin: 0; }

.notebook__subtitle {
  color: #21001e;
  font-family: 'ricardo_altbold';
  font-weight: normal;
  font-style: normal;
  display: inline-flex;
  align-items: flex-end;
  margin: 0; }

.notebook__notetitle {
  margin-bottom: 2rem; }

.notebook__excerpt {
  grid-column: 4/5;
  grid-row: 2/3; }

.notebook__nextlink {
  display: block;
  margin-top: 2rem;
  grid-column: 4/5;
  grid-row: 3/4; }

.noteslist {
  line-height: 21px;
  margin-top: 2em;
  padding-bottom: 2em; }
  .noteslist--note {
    background-color: #e7e5e2;
    padding-top: 2em; }
  .noteslist__title {
    grid-column: 3/4; }
  .noteslist__list {
    grid-column: 4/5; }

.note__article__header {
  grid-column: 1/6;
  grid-template-rows: 110px 70px;
  grid-row-gap: 15px;
  background-color: #fe3; }

.note__article__body {
  padding-top: 3em;
  grid-column: 3/5; }
  .note__article__body pre {
    font-size: 0; }
  .note__article__body code {
    font-size: 12px; }

.note__title {
  grid-column: 2/5;
  display: flex;
  align-items: flex-end; }

.note__meta {
  grid-column: 3/5;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 2fr; }
  .note__meta__title, .note__meta__value {
    margin: 0;
    display: inline-block;
    font-family: 'ricardo_altbold', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 11px; }
  .note__meta__value {
    font-family: 'ricardo_altextrabolditalic', sans-serif; }
  .note__meta__block--nbooktitle {
    grid-column: 1/3;
    grid-row: 1/2; }
  .note__meta__block--tags {
    grid-column: 1/3;
    grid-row: 2/3; }

.latestnotes__title {
  grid-column: 3/5; }

.latestnotes__list {
  grid-column: 4/5; }
  .latestnotes__list__title {
    font-size: 16px;
    margin-bottom: 1em; }
  .latestnotes__list__meta em {
    font-style: normal;
    font-weight: bold; }
  .latestnotes__list__article * {
    font-size: 12px;
    font-family: verdana, sans-serif; }

.articlebody--about {
  background-color: #fe3; }

.about__section {
  grid-column: 4/5; }

.about__title {
  grid-column: 3/5;
  grid-row: 1/2; }

.about__portfoliolink {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em; }

.about__profilephoto {
  margin-left: -150px;
  grid-column: 2/5;
  grid-row: 4/5; }
  .about__profilephoto img {
    max-width: 100%;
    width: 260px; }
  .about__profilephoto__caption {
    font-family: 'ricardo_altmedium';
    font-size: 11px; }

.about__sectiontitle {
  grid-column: 4/5; }

.about__introblock {
  grid-column: 4/5; }

.about__deflist {
  margin: 0;
  grid-column: 4/5;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  grid-auto-rows: 100px; }
  .about__deflist dd {
    margin: 0; }
  .about__deflist figure {
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative; }
  .about__deflist figcaption {
    font-family: 'ricardo_altmedium';
    font-size: 11px;
    line-height: 1em;
    position: absolute;
    bottom: 0; }
  .about__deflist svg {
    display: block;
    max-width: 60px;
    margin-bottom: 1em;
    width: auto !important;
    height: auto !important; }

.about__logo--peugeot {
  max-width: 80px !important; }

.about__logo--ca {
  max-width: 50px !important; }

.about__logo--canal {
  max-width: 85px !important; }

.about__logo--accor {
  max-width: 95px !important; }

.about__logo--fscope {
  max-width: 105px !important; }

.about__logo--arbonne {
  max-width: 40px !important; }

.about__values {
  grid-column: 4/5;
  font-size: 14px; }
  .about__values dt {
    font-family: 'ricardo_altsemibold';
    margin-bottom: 1em; }
    .about__values dt em {
      font-family: 'ricardo_altbold';
      font-style: normal;
      font-size: 14px; }
  .about__values dd {
    margin: 0 0 1em 1em; }
    .about__values dd em {
      font-family: 'ricardo_altsemibold';
      font-style: normal; }

.articlebody--portfolio {
  background-color: #fe3; }

.portfolio__title {
  grid-column: 3/5;
  grid-row: 1/2; }

.portfolio__item {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  min-height: 75vh;
  padding-bottom: 1em; }

.portfolio__list {
  grid-column: 4/5; }
  .portfolio__list__title {
    margin-top: 1em;
    font-family: 'ricardo_altbold'; }
  .portfolio__list__work {
    margin: 0; }
    .portfolio__list__work img {
      box-shadow: 2px 2px 5px #141414; }
    .portfolio__list__work video {
      width: 100%;
      height: auto;
      box-shadow: 1px 1px 2px #969696; }
      .portfolio__list__work video.is--inview {
        box-shadow: 2px 2px 5px #141414; }

.pagefooter {
  background-color: #fe3;
  overflow: hidden;
  margin-top: 3em;
  padding: 2em 0 6em;
  grid-template-rows: 100px;
  line-height: 1.7em; }
  .pagefooter__title {
    grid-column: 4/4;
    grid-row: 1;
    font-size: 16px; }
  .pagefooter__text {
    font-size: 14px;
    grid-column: 4/5;
    margin: 0; }
  .pagefooter__image {
    grid-column: 3/3;
    grid-row: 1; }
    .pagefooter__image img {
      width: 200px;
      height: auto; }
    .pagefooter__image__caption {
      display: none; }

* {
  box-sizing: border-box; }

body {
  font-family: sans-serif;
  margin: 0;
  color: #21001e;
  background-color: #fefef4; }

ul, ol {
  padding: 0;
  margin: 0; }

li {
  list-style-type: none; }

/*# sourceMappingURL=app.css.map */