@font-face {
  font-family: 'Crimson';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/crimson-text-regular.woff2") format("woff2"), url("/assets/fonts/crimson-text-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/roboto-light.woff2") format("woff2"), url("/assets/fonts/roboto-light.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/roboto-regular.woff2") format("woff2"), url("/assets/fonts/roboto-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/roboto-bold.woff2") format("woff2"), url("/assets/fonts/roboto-bold.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

* {
  box-sizing: border-box; }

body {
  font-size: 20px;
  line-height: 30px; }

img {
  display: block;
  width: 100%;
  height: auto; }

a {
  color: #444444; }
  a {
    text-decoration: none; }

.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  .container__s {
    max-width: 100%; }
    @media (min-width: 46.25em) and (max-width: 61.24em) {
      .container__s {
        max-width: 75%; } }
    @media (min-width: 61.25em) {
      .container__s {
        max-width: 680px; } }
  .container__center {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center; }
  .container__left {
    margin-left: auto; }
    @media (min-width: 61.25em) {
      .container__left {
        margin-left: 0; } }
  @media (min-width: 61.25em) and (max-width: 99.99em) {
    .container__indented {
      padding-right: 2rem;
      padding-left: 2rem; } }
  @media (min-width: 100em) {
    .container__indented {
      padding-right: 3rem;
      padding-left: 3rem; } }
  @media (min-width: 61.25em) and (max-width: 99.99em) {
    .container__indented-strong {
      padding-right: 4rem;
      padding-left: 4rem; } }
  @media (min-width: 100em) {
    .container__indented-strong {
      padding-right: 8rem;
      padding-left: 8rem; } }

.tile {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
  .tile--25 {
    width: 25%; }
    @media (max-width: 46.24em) {
      .tile--25 {
        width: 100%; } }
  .tile--30 {
    width: 30%; }
    @media (max-width: 46.24em) {
      .tile--30 {
        width: 100%; } }
  .tile--40 {
    width: 40%; }
    @media (max-width: 46.24em) {
      .tile--40 {
        width: 100%; } }
    .tile--40-wide {
      width: 40%;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center; }
      @media (max-width: 61.24em) {
        .tile--40-wide {
          width: 100%; } }
  .tile--50 {
    width: 48%; }
    @media (max-width: 46.24em) {
      .tile--50 {
        width: 100%; } }
    .tile--50-wide {
      width: 48%; }
      @media (max-width: 61.24em) {
        .tile--50-wide {
          width: 100%; } }
  .tile--60 {
    width: 60%; }
    @media (max-width: 46.24em) {
      .tile--60 {
        width: 100%; } }
    .tile--60-wide {
      width: 60%; }
      @media (max-width: 61.24em) {
        .tile--60-wide {
          width: 100%; } }
  .tile--70 {
    width: 70%; }
    @media (max-width: 46.24em) {
      .tile--70 {
        width: 100%; } }
  .tile--75 {
    width: 75%; }
    @media (max-width: 46.24em) {
      .tile--75 {
        width: 100%; } }

.bg-primary {
  background: #F8F8F4; }

.layout--wrapper {
  width: 100%;
  position: relative; }
  @media (min-width: 61.25em) {
    .layout--wrapper {
      min-height: 100vh; } }

.layout--inner {
  position: relative;
  margin: auto;
  width: 100%; }
  @media (min-width: 61.25em) {
    .layout--inner {
      min-height: 100vh; } }
  @media (min-width: 46.25em) {
    .not-home .layout--inner {
      padding-top: 10rem; } }

.layout--centered {
  display: block;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 46.24em) {
    .layout--centered {
      padding: 1rem 1rem; } }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .layout--centered {
      padding: 2rem 1rem; } }
  @media (min-width: 61.25em) {
    .layout--centered {
      padding: 2rem 2rem; } }
  .layout--centered__narrow .layout--inner {
    max-width: 960px;
    margin-left: 0;
    padding-top: 0; }
  .layout--centered__extra-narrow .layout--inner {
    max-width: 760px;
    margin-left: 0;
    padding-top: 0; }

.header {
  z-index: 100;
  width: 100%;
  width: 100%;
  background: #F8F8F4; }
  @media (min-width: 61.25em) {
    .header {
      position: fixed;
      top: 0;
      left: 0;
      height: auto; } }
  .header--inner {
    max-width: 1600px;
    margin: auto;
    -webkit-transition: padding 0.2s ease-in-out;
    transition: padding 0.2s ease-in-out; }
    @media (max-width: 61.24em) {
      .header--inner {
        padding: 0 0 1rem 0; } }
    @media (min-width: 61.25em) and (max-width: 99.99em) {
      .header--inner {
        padding: 2rem 2rem 3rem; }
        .has-scrolled .header--inner {
          padding: 1rem 2rem 1rem; } }
    @media (min-width: 100em) {
      .header--inner {
        padding: 2rem 2rem 3rem; }
        .has-scrolled .header--inner {
          padding: 1rem 2rem 1rem; } }
    @media (min-width: 46.25em) and (max-width: 61.24em) {
      .header--inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
                flex-direction: column; } }
    @media (min-width: 61.25em) {
      .header--inner {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex; }
        .header--inner .header--logo {
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
                  order: 1; }
          .header--inner .header--logo-wrapper {
            position: relative;
            padding-top: 6.08974%;
            width: 100%;
            max-width: 312px; }
          .header--inner .header--logo svg {
            position: absolute;
            top: 0;
            width: 100%;
            height: auto; }
        .header--inner .header--nav {
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
                  order: 2; } }
  .header--logo {
    width: 30%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end; }
    .header--logo svg {
      display: block;
      width: 100%;
      height: auto; }
    @media (max-width: 61.24em) {
      .header--logo {
        margin-top: 2.75rem;
        width: unset;
        width: 100%;
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
        text-align: center; } }
  @media (max-width: 61.24em) {
    .header--nav {
      width: 100%; } }
  .header--nav .nav--link {
    position: relative; }
    .header--nav .nav--link:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -0.4rem;
      left: 0;
      width: 97%;
      background: #3883B2;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      opacity: 0;
      height: 0; }
    .header--nav .nav--link:hover:after, .header--nav .nav--link.is-active:after {
      height: 3px;
      opacity: 1; }
  @media (max-width: 61.24em) {
    .header--nav {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      position: relative;
      width: 100%; }
      .header--nav .nav {
        background: #FFFFFF;
        width: 100%;
        max-height: 0;
        -webkit-transition: max-height 300ms ease-in-out;
        transition: max-height 300ms ease-in-out;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
                justify-content: center; }
        .header--nav .nav ul {
          text-align: center;
          margin: 4rem 0 0 0; }
          .header--nav .nav ul li {
            font-weight: 300;
            list-style: none;
            margin-bottom: 2.5rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 0.75rem;
            line-height: 1.2rem; } }
        @media (max-width: 61.24em) and (min-width: 61.25em) {
          .header--nav .nav ul li {
            font-size: 0.8rem;
            line-height: 1.25rem; } }
  @media (max-width: 61.24em) {
        .nav--mobile__active .header--nav .nav {
          max-height: 100vh; } }
  @media (min-width: 61.25em) {
    .header--nav {
      font-size: 0.6rem;
      line-height: 1rem;
      height: 2rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
              align-items: flex-end;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      width: 70%; } }
  @media (min-width: 61.25em) and (min-width: 61.25em) {
    .header--nav {
      font-size: 0.8rem;
      line-height: 1.25rem; } }
  @media (min-width: 61.25em) {
      .header--nav .nav ul {
        margin: 0; } }
    @media (min-width: 61.25em) and (max-width: 61.24em) {
      .header--nav .nav ul {
        display: none; } }
  @media (min-width: 61.25em) {
      .header--nav .nav li {
        font-family: Roboto;
        font-weight: 300;
        display: inline;
        list-style: none;
        margin-left: 3rem;
        text-transform: uppercase;
        letter-spacing: 2px; } }
    @media (min-width: 61.25em) and (max-width: 99.99em) {
      .header--nav .nav li {
        font-size: 0.6rem;
        line-height: 1rem;
        margin-left: 2rem; } }
  @media (min-width: 61.25em) and (max-width: 99.99em) and (min-width: 61.25em) {
    .header--nav .nav li {
      font-size: 0.8rem;
      line-height: 1.25rem; } }
  .header .nav--mobile-trigger {
    width: 3.6rem;
    height: 3rem;
    position: absolute;
    top: 0.2rem;
    border: none;
    background: none;
    left: 50%;
    padding: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media (min-width: 61.25em) {
      .header .nav--mobile-trigger {
        display: none; } }
    .header .nav--mobile-trigger:before, .header .nav--mobile-trigger:after {
      content: "";
      display: block;
      position: absolute;
      top: 0.8rem;
      left: 1rem;
      width: 1.6rem;
      height: 3px;
      background: #3883B2;
      -webkit-transition: -webkit-transform 0.2s ease-in-out;
      transition: -webkit-transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out;
      transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }
    .header .nav--mobile-trigger:after {
      top: 1.4rem; }
    .nav--mobile__active .header .nav--mobile-trigger:before {
      -webkit-transform: translateY(0.3rem) rotateZ(135deg);
              transform: translateY(0.3rem) rotateZ(135deg); }
    .nav--mobile__active .header .nav--mobile-trigger:after {
      -webkit-transform: translateY(-0.3rem) rotateZ(-135deg);
              transform: translateY(-0.3rem) rotateZ(-135deg); }
    .header .nav--mobile-trigger-container {
      min-height: 2rem; }

* {
  font-family: Roboto, sans-serif;
  box-sizing: border-box; }

html {
  font-size: 20px; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

a {
  color: unset;
  text-decoration: unset; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.editor--content {
  color: #444444;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.2rem; }
  @media (min-width: 61.25em) {
    .editor--content {
      font-size: 0.8rem;
      line-height: 1.25rem; } }
  .editor--content h1,
  .editor--content .h1,
  .editor--content h2,
  .editor--content .h2,
  .editor--content h3,
  .editor--content .h3 {
    font-family: 'Crimson', serif;
    font-weight: 300; }
  .editor--content h1,
  .editor--content .h1 {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 1.25rem; }
    @media (min-width: 61.25em) {
      .editor--content h1,
      .editor--content .h1 {
        font-size: 1.8rem;
        line-height: 2.3rem; } }
  .editor--content h2,
  .editor--content .h2 {
    font-size: 1.3rem;
    line-height: 1.4rem;
    margin-bottom: 1rem; }
    @media (min-width: 61.25em) {
      .editor--content h2,
      .editor--content .h2 {
        font-size: 1.4rem;
        line-height: 1.9rem; } }
  .editor--content h3,
  .editor--content .h3 {
    font-size: 0.8rem;
    line-height: 1.25rem;
    margin-bottom: 0.5rem; }
    @media (min-width: 61.25em) {
      .editor--content h3,
      .editor--content .h3 {
        font-size: 1rem;
        line-height: 1.5rem; } }
  .editor--content p {
    margin-bottom: 0.75rem; }
  .editor--content .font-size__s, .editor--content.font-size__s {
    font-size: 0.6rem;
    line-height: 1rem; }
    @media (min-width: 61.25em) {
      .editor--content .font-size__s, .editor--content.font-size__s {
        font-size: 0.8rem;
        line-height: 1.25rem; } }
  .editor--content .font-size__m, .editor--content.font-size__m {
    font-size: 0.75rem;
    line-height: 1.2rem; }
    @media (min-width: 61.25em) {
      .editor--content .font-size__m, .editor--content.font-size__m {
        font-size: 0.8rem;
        line-height: 1.25rem; } }
  .editor--content .font-size__l, .editor--content.font-size__l {
    font-size: 0.8rem;
    line-height: 1.25rem; }
    @media (min-width: 61.25em) {
      .editor--content .font-size__l, .editor--content.font-size__l {
        font-size: 1rem;
        line-height: 1.5rem; } }
  .editor--content .font-size__xl, .editor--content.font-size__xl {
    font-size: 1.3rem;
    line-height: 1.4rem; }
    @media (min-width: 61.25em) {
      .editor--content .font-size__xl, .editor--content.font-size__xl {
        font-size: 1.4rem;
        line-height: 1.9rem; } }
  .editor--content .font-size__xxl, .editor--content.font-size__xxl {
    font-size: 1.4rem;
    line-height: 1.8rem; }
    @media (min-width: 61.25em) {
      .editor--content .font-size__xxl, .editor--content.font-size__xxl {
        font-size: 1.8rem;
        line-height: 2.3rem; } }

.fold {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative; }
  @media (max-width: 46.24em) {
    .fold {
      padding: 0rem;
      margin-bottom: 4rem; }
      .fold:last-child {
        margin-bottom: 2rem; } }
  @media (min-width: 46.25em) and (max-width: 99.99em) {
    .fold {
      padding: 0;
      margin-bottom: 6rem; } }
  @media (min-width: 100em) {
    .fold {
      padding: 0;
      margin-bottom: 10rem; } }
  .fold__fullwidth {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  @media (max-width: 46.24em) {
    .fold__solid {
      padding-left: 0 !important;
      padding-right: 0 !important; } }
  .fold__solid {
    background: #F8F8F4; }
  .fold--inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%; }
    .fold__solid.fold__fullwidth .fold--inner {
      background: #F8F8F4; }
    @media (max-width: 46.24em) {
      .fold__solid .fold--inner .fold--content {
        padding-left: 1rem;
        padding-right: 1rem; } }
    @media (min-width: 46.25em) and (max-width: 61.24em) {
      .fold__solid .fold--inner .fold--content {
        padding-left: 2rem;
        padding-right: 2rem; } }
  .fold--content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto; }
    .fold__solid .fold--content {
      background: #F8F8F4; }
    @media (max-width: 61.24em) {
      .fold--content {
        padding: 1rem;
        text-align: center; }
        .fold__even-border .fold--content {
          padding: 1rem; }
        .fold--hero .fold--content {
          padding-top: 1rem;
          padding-bottom: 6rem; } }
  @media (max-width: 61.24em) and (min-width: 20em) {
    .fold--content {
      text-align: left; } }
    @media (min-width: 46.25em) and (max-width: 61.24em) {
      .fold--content {
        padding: 1rem 1rem; } }
    @media (min-width: 61.25em) {
      .fold--content {
        padding: 1rem 2rem; }
        .fold__even-border .fold--content {
          padding: 2rem; } }
    @media (max-width: 61.24em) {
      .fold--content-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
                flex-direction: column-reverse; } }
    .fold--content-about {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      min-height: 50vh;
      width: 100%;
      margin-top: 1rem;
      margin-bottom: 1rem; }
  .fold--about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    position: unset; }
    @media (min-width: 61.25em) {
      .fold--about {
        padding-bottom: 4rem; } }
  .fold--hero {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column; }
    .fold--hero h1 {
      text-align: center; }
    .fold--hero .trigger {
      bottom: -1rem;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      @media (min-width: 61.25em) {
        .fold--hero .trigger {
          bottom: 1.5rem; } }
    .fold--hero .fold--inner {
      padding-top: 2rem;
      padding-bottom: 2rem; }
    @media (min-width: 61.25em) {
      .fold--hero {
        min-height: 50vh; }
        .fold--hero .fold--inner {
          padding-top: 0;
          padding-bottom: 0;
          height: 50vh;
          min-height: 50vh; } }
  .fold--label {
    color: #444444;
    margin-bottom: 1rem; }
    @media (min-width: 61.25em) {
      .fold__even-border .fold--label {
        position: absolute;
        -webkit-transform: translateY(-1rem);
                transform: translateY(-1rem); } }
    .fold--label-bottom {
      position: absolute;
      top: auto;
      bottom: 2rem;
      margin-bottom: 0; }
    .fold--label p {
      font-size: 0.5rem;
      line-height: 0.75rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 700; }

.image--full {
  max-width: 100%;
  height: auto; }

@media (min-width: 46.25em) and (max-width: 61.24em) {
  .padding--m {
    padding: 0.5rem; } }

@media (min-width: 61.25em) {
  .padding--m {
    padding: 1.5rem; } }

.padding--topbottom-m {
  padding-top: 1.5rem;
  padding-bottom: 2rem; }
  @media (min-width: 61.25em) {
    .padding--topbottom-m {
      padding-top: 5rem;
      padding-bottom: 5rem; } }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

@media (min-width: 61.25em) {
  .persons--wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    min-height: 10rem;
    width: 100%; }
  .persons--intro {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    width: 40%;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); } }

.person {
  margin-bottom: 1rem; }
  @media (min-width: 61.25em) {
    .person {
      margin: 0;
      mix-blend-mode: multiply;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
              flex-grow: 0;
      -webkit-flex-shrink: 0;
              flex-shrink: 0;
      width: 55%;
      position: relative; }
      .person.show-vita {
        mix-blend-mode: normal; } }
  @media (max-width: 61.24em) {
    .person .person--vita-trigger-show {
      position: absolute;
      left: 50%;
      bottom: 1rem;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      .person .person--vita-trigger-show svg {
        -webkit-transform: rotate(0);
                transform: rotate(0); }
        .show-vita .person .person--vita-trigger-show svg {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
    .person.show-vita .person--vita-trigger-show svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .person .person--vita-trigger-hide {
      display: none; } }
  @media (max-width: 61.24em) {
    .person--portrait {
      margin-left: -1rem;
      margin-right: -1rem; } }
  .person--description {
    position: relative;
    background: #F8F8F4;
    padding: 0.75rem 1rem 3rem 1rem;
    margin-top: -2rem; }
    .person--description p {
      margin-bottom: 0.25rem; }
    .person--description h2 {
      margin-bottom: 0.5rem; }
    @media (min-width: 61.25em) {
      .person--description {
        padding: 1rem 2.5rem 2rem 1.5rem;
        margin: 0;
        width: 60%;
        position: absolute;
        right: 10%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }
    @media (min-width: 100em) {
      .person--description {
        width: 50%; } }
    @media (min-width: 61.25em) {
      .person--description .trigger {
        position: absolute;
        top: 1.25rem;
        right: 1.25rem; } }
  .person--vita {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    display: none; }
    .show-vita .person--vita {
      display: block; }
    .person--vita-inner {
      background: #F8F8F4;
      padding: 0 1rem 1rem 1rem; }
      @media (min-width: 61.25em) {
        .person--vita-inner {
          height: 100%;
          padding: 2rem; } }
    @media (max-width: 61.24em) {
      .person--vita h1,
      .person--vita h2 {
        display: none; } }
    @media (min-width: 61.25em) {
      .person--vita {
        display: block;
        position: fixed;
        z-index: 10;
        top: 0rem;
        height: 100%;
        left: 50%;
        padding: 6rem 2rem 2rem;
        width: 100%;
        max-width: 1600px;
        -webkit-transform: translateX(200%);
                transform: translateX(200%);
        background: #F8F8F4; }
        .person--vita .trigger {
          position: absolute;
          margin-left: -2rem; }
        .person--vita-content {
          max-width: 740px;
          padding-right: 1rem;
          height: 100%;
          margin-right: auto;
          margin-left: auto;
          overflow: auto; }
        .show-vita .person--vita {
          display: block;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%); } }
    @media (min-width: 100em) {
      .person--vita-content {
        max-width: 960px; } }

.margin--bottom-s {
  margin-bottom: 3rem; }

@media (min-width: 61.25em) {
  .text--cols__2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem; }
  .text--cols__3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem; } }

.legal {
  padding-bottom: 2rem; }
  @media (min-width: 61.25em) {
    .legal {
      padding-left: 1rem;
      padding-bottom: 4rem;
      max-width: 1600px;
      margin-left: auto;
      margin-right: auto; } }
  .legal--item {
    font-size: 0.5rem;
    line-height: 0.75rem;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.6;
    margin-left: 1rem; }

.trigger {
  display: block;
  width: 30px;
  height: 30px;
  border: none;
  outline: none;
  background: transparent;
  padding: 0;
  cursor: pointer; }
  .trigger__right .trigger--arrow {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .trigger__up .trigger--arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .trigger__left .trigger--arrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }