/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
input, textarea, select, a {
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  background: inherit;
  font-family: inherit;
  color: inherit;
}

.preserve-3d {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 0;
}

.bg-cover {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

a {
  color: inherit;
  text-decoration: none;
}

.lower {
  text-transform: lowercase;
}

.upper {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline !important;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.pointer {
  cursor: pointer;
}

.hide {
  display: none !important;
}

.m-auto {
  margin-left: auto;
  margin-right: auto;
}

.fw-img {
  width: 100%;
  display: block;
}

.onum {
  font-feature-settings: "onum" 1;
  font-feature-settings: "onum" on;
}

.smoothing {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ff__100 {
  font-weight: 100;
}

.ff__200 {
  font-weight: 200;
}

.ff__300 {
  font-weight: 300;
}

.ff__400 {
  font-weight: 400;
}

.ff__500 {
  font-weight: 500;
}

.ff__600 {
  font-weight: 600;
}

.ff__700 {
  font-weight: 700;
}

.ff__800 {
  font-weight: 800;
}

.ff__900 {
  font-weight: 900;
}

.ff__normal {
  font-style: normal;
}

.ff__italic {
  font-style: italic;
}

.ff__oblique {
  font-style: oblique;
}

.spread {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.object-cover img.cover, .object-cover video.cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.disabled {
  cursor: default;
  pointer-events: none;
}

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;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* MUST BE THE SAME AS VALUE IN config.py */
/* Media Queries */
/* Viewport width + max  
    outputs both desktop in vw's and max in px 
*/
/* Viewport portrait + mobile  

*/
#grid .inner {
  background-image: url("../grid.png");
  height: 100%;
  background-size: 100%;
}

#grid {
  opacity: 1;
  z-index: 10000;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0;
  display: none;
}

#grid-trigger {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 64px;
  height: 64px;
  background-color: grey;
  z-index: 10001;
}

.DF__gateway__form {
  width: 90%;
  margin: auto;
  text-align: center;
  height: 100%;
  position: relative;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.DF__gateway__input {
  font-family: inherit;
  font-size: 20px;
  border: 1px solid black;
  margin-bottom: 40px;
}

.DF__gateway__submit {
  font-family: inherit;
  font-size: 20px;
}

/*
Avoid empty images to appear as broken
*/
.DF__lazy :not([src]):not([srcset]) {
  visibility: hidden;
}

/* 
Fixes the Firefox anomaly while images are loading
*/
@-moz-document url-prefix() {
  .DF__lazy :-moz-loading {
    visibility: hidden;
  }
}
.DF__lazy {
  opacity: 0;
}

.DF__lazy:not(.initial) {
  transition: opacity 1s;
}

.DF__lazy.initial,
.DF__lazy.loaded,
.DF__lazy.error {
  opacity: 1;
}

.DF__background_image_container {
  position: relative;
  /*
  Used to calculate a padded box based it padding at 100%
  */
  width: 100%;
  padding-top: 56.25%;
}

.DF__vimeo_wrapper {
  position: relative;
  /*
  Used to calculate a padded box based it padding at 100%
  */
  width: 100%;
  padding-top: 56.25%;
}

.DF__vimeo_thumbnail,
.DF__vimeo_iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.DF__play_button {
  position: absolute;
  top: 50%;
  left: 50%;
}

.white {
  color: #ffffff;
}

.bg-white {
  background-color: #ffffff;
}

.black {
  color: #000000;
  transition: color 0.4s ease;
}

.bg-black {
  background-color: #000000;
}

.grey {
  color: #777777;
  transition: color 0.4s ease;
}

.bg-grey {
  background-color: #777777;
}

a.grey:hover {
  color: #000000;
}

.light-grey {
  color: #d7d7d7;
}

.bg-light-grey {
  background-color: #d7d7d7;
}

.verylightgrey {
  color: #f9f9f9;
}

.bg-verylightgrey {
  background-color: #f9f9f9;
}

input, textarea, button {
  background: inherit;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.DF__form_input ::-webkit-input-placeholder, .DF__form ::-webkit-input-placeholder, .DF__form_textarea ::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
  font-weight: 300;
}
.DF__form_input :-moz-placeholder, .DF__form :-moz-placeholder, .DF__form_textarea :-moz-placeholder {
  color: #000000;
  opacity: 1;
  font-weight: 300;
}
.DF__form_input ::-moz-placeholder, .DF__form ::-moz-placeholder, .DF__form_textarea ::-moz-placeholder {
  color: #000000;
  opacity: 1;
  font-weight: 300;
}
.DF__form_input :-ms-input-placeholder, .DF__form :-ms-input-placeholder, .DF__form_textarea :-ms-input-placeholder {
  color: #000000;
  opacity: 1;
  font-weight: 300;
}
.DF__form_input ::placeholder, .DF__form ::placeholder, .DF__form_textarea ::placeholder {
  color: #000000;
  opacity: 1;
  font-weight: 300;
}

.DF__form.error ::-webkit-input-placeholder {
  color: #777777;
  opacity: 1;
  font-weight: inherit;
}
.DF__form.error :-moz-placeholder {
  color: #777777;
  opacity: 1;
  font-weight: inherit;
}
.DF__form.error ::-moz-placeholder {
  color: #777777;
  opacity: 1;
  font-weight: inherit;
}
.DF__form.error :-ms-input-placeholder {
  color: #777777;
  opacity: 1;
  font-weight: inherit;
}
.DF__form.error ::placeholder {
  color: #777777;
  opacity: 1;
  font-weight: inherit;
}

.DF__form_button {
  cursor: pointer;
}

/* Customize the label (the container) */
.DF__checkbox_radio_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.DF__checkbox_radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.DF__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.DF__radio_container .DF__checkmark {
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.DF__checkbox_radio_container:hover input ~ .DF__checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.DF__checkbox_radio_container input:checked ~ .DF__checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.DF__checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.DF__checkbox_radio_container input:checked ~ .DF__checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.DF__checkbox_container .DF__checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Style the checkmark/indicator */
.DF__radio_container .DF__checkmark:after {
  left: 9px;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

#overlay-menu {
  position: fixed;
  z-index: 100000;
  right: 0;
  bottom: 20%;
  opacity: 0.5;
  background: white;
  color: black;
}

#overlay-image-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  pointer-events: none;
  opacity: 0.5;
  min-height: 100vh;
  width: 100vw;
}
#overlay-image-container .debug-overlay-image, #overlay-image-container img {
  display: block;
  line-height: 0;
}

.debug-overlay-image {
  filter: contrast(1.5);
  mix-blend-mode: darken;
}

.debug-overlay-image:before {
  background-color: black;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: darken;
  position: absolute;
  top: 0;
  left: 0;
}

.debug-overlay-image:after {
  background-color: white;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
  left: 0;
}

.header {
  position: fixed;
  z-index: 4;
  mix-blend-mode: difference;
  width: calc(100vw - 3.0555555556vw);
  margin-left: 1.5277777778vw;
  margin-right: 1.5277777778vw;
}
@media (min-width: 10001px) {
  .header {
    width: calc(100vw - 305.5555555556px);
  }
}
@media (min-width: 10001px) {
  .header {
    margin-left: 152.7777777778px;
    margin-right: 152.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .header {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
    margin-left: 0vw;
    margin-right: 0vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .header {
    width: 100vw;
    position: fixed;
    mix-blend-mode: initial;
    background: #ffffff;
    transition: top 0.4s ease, transform 0.4s ease;
  }
}
@media (max-width: 1023px) and (orientation:portrait) and (orientation:portrait) and (max-width: 1023px) {
  .header {
    height: 18.6666666667vw;
  }
}

.header-push {
  display: none;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .header-push {
    display: block;
    position: relative;
    height: 19.2vw;
    width: 100vw;
  }
}

@media (max-width: 1023px) and (orientation:portrait) {
  .header-dropper--enabled {
    position: sticky;
    top: -18.6666666667vw;
    transition: top 0.4s ease, transform 0.4s ease;
  }
}

@media (max-width: 1023px) and (orientation:portrait) {
  .header-dropper--active {
    top: 0;
  }
}

.header__activation-zone {
  position: relative;
  background: transparent;
  height: 2.9166666667vw;
  padding-top: 1.9444444444vw;
}
@media (min-width: 10001px) {
  .header__activation-zone {
    height: 291.6666666667px;
    padding-top: 194.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .header__activation-zone {
    padding-top: 7.4666666667vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .header__activation-zone {
    background: white;
    pointer-events: none;
  }
}

.header__logotype {
  position: fixed;
  z-index: 10;
  filter: url(#threshold);
  mix-blend-mode: difference;
  background: transparent;
  width: 7.3611111111vw;
  height: 0.9722222222vw;
  left: 1.3888888889vw;
  top: 1.9444444444vw;
}
.header__logotype svg, .header__logotype path {
  fill: #ffffff;
}
@media (min-width: 10001px) {
  .header__logotype {
    width: 736.1111111111px;
    height: 97.2222222222px;
    left: 138.8888888889px;
    top: 194.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .header__logotype {
    width: 28.2666666667vw;
    height: 3.7333333333vw;
    left: 3.7333333333vw;
    top: 7.4666666667vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .header__logotype {
    mix-blend-mode: difference;
  }
}
.header__logotype svg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.header__burger {
  position: fixed;
  z-index: 10;
  mix-blend-mode: difference;
  width: 1.1111111111vw;
  height: 0.9722222222vw;
  right: 1.3888888889vw;
  top: 1.7361111111vw;
}
@media (min-width: 10001px) {
  .header__burger {
    width: 111.1111111111px;
    height: 97.2222222222px;
    right: 138.8888888889px;
    top: 173.6111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .header__burger {
    width: 4.2666666667vw;
    height: 3.7333333333vw;
    right: 3.7333333333vw;
    top: 6.6666666667vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .header__burger {
    mix-blend-mode: difference;
  }
}

.header__burger-tap-target-wrapper, .header__logotype-tap-target-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}

.header__burger-line {
  position: absolute;
  border-top: 1px solid white;
  width: 1.1111111111vw;
  padding-bottom: 0.2777777778vw;
}
@media (min-width: 10001px) {
  .header__burger-line {
    width: 111.1111111111px;
    padding-bottom: 27.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .header__burger-line {
    width: 4.2666666667vw;
    padding-bottom: 1.0666666667vw;
  }
}

.header__burger-line--top {
  transition: bottom 0.4s ease;
  bottom: 0.3472222222vw;
}
@media (min-width: 10001px) {
  .header__burger-line--top {
    bottom: 34.7222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .header__burger-line--top {
    bottom: 1.3333333333vw;
  }
}

.header__burger-line--bottom {
  bottom: 0;
}

.header__burger--open .header__burger-line--top {
  bottom: 0;
}

.nav {
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
  height: 0;
  overflow: hidden;
  transition: height 0.6s ease, border-bottom 0.6s ease 0.6s;
  width: 100vw;
  z-index: 4;
  border-bottom: 0px solid #d7d7d748;
  max-height: 17.3611111111vw;
}
@media (min-width: 10001px) {
  .nav {
    max-height: 1736.1111111111px;
  }
}

.nav--open {
  border-bottom: 1px solid #d7d7d748;
  transition: height 0.6s ease, border-bottom 0.6s ease;
}

.nav__sections {
  display: flex;
  justify-content: space-around;
  padding-left: 20.9722222222vw;
  padding-top: 1.9444444444vw;
  padding-bottom: 9.2361111111vw;
}
@media (min-width: 10001px) {
  .nav__sections {
    padding-left: 2097.2222222222px;
    padding-top: 194.4444444444px;
    padding-bottom: 923.6111111111px;
  }
}

.nav__section {
  display: inline-block;
  vertical-align: top;
  width: 14.7222222222vw;
  padding-right: 5.6944444444vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .nav__section {
    width: 212px;
    padding-right: 82px;
  }
}

.nav__title {
  letter-spacing: 0.0347222222vw;
}
@media (min-width: 10001px) {
  .nav__title {
    letter-spacing: 3.4722222222px;
  }
}

.nav__links {
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
  padding-top: 1.8055555556vw;
}
@media (min-width: 10001px) {
  .nav__links {
    padding-top: 180.5555555556px;
  }
}

.nav__link {
  display: block;
  transition: color 0.4s ease;
}

.nav__link:hover {
  color: #000000;
}

.mobile-nav {
  display: none;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mobile-nav {
    font-size: 4.2666666667vw;
    line-height: 5.3333333333vw;
  }
}

.mobile-nav--open {
  display: block;
}

@media (orientation:portrait) and (max-width: 1023px) {
  .mob-nav__sections {
    padding-top: 13.3333333333vw;
  }
}

@media (orientation:portrait) and (max-width: 1023px) {
  .mob-nav__section {
    padding-top: 4.5333333333vw;
    padding-bottom: 10.1333333333vw;
  }
}

.mob-nav__section--first {
  border-top: none;
  padding-top: 0;
}

.mob-nav__title {
  display: block;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-nav__title {
    padding-bottom: 12vw;
    font-size: 3.4666666667vw;
    letter-spacing: 0.1333333333vw;
  }
}

@media (orientation:portrait) and (max-width: 1023px) {
  .mob-nav__title.first {
    padding-top: 9.6vw;
  }
}

.mob-nav__carousel {
  white-space: nowrap;
  overflow-x: scroll;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-nav__carousel {
    padding-left: 3.7333333333vw;
    padding-right: 2.1333333333vw;
    font-size: 3.2vw;
    padding-top: 1.3333333333vw;
    padding-bottom: 3.4666666667vw;
  }
}

.mob-nav__carousel-link {
  display: inline-flex;
  flex-direction: column;
  overflow: hidden;
  height: fit-content;
}
.mob-nav__carousel-link .caption {
  white-space: normal;
  margin-bottom: auto;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-nav__carousel-link {
    width: 61.0666666667vw;
    margin-right: 1.6vw;
  }
}

.mob-nav__media-wrapper {
  position: relative;
  display: inline-block;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-nav__media-wrapper {
    width: 61.0666666667vw;
    height: 38.1333333333vw;
  }
}

.mob-nav__link {
  display: block;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-nav__link {
    margin-bottom: 3.4666666667vw;
    letter-spacing: 0.1066666667vw;
  }
}

.header-dropper {
  width: 100vw;
  position: fixed;
  background: #ffffff;
  z-index: 100;
  transition: top 0.4s ease;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .header-dropper {
    height: 18.6666666667vw;
    top: -18.6666666667vw;
  }
}

.header-dropper--active {
  top: 0;
}

.header-dropper--hidden {
  visibility: hidden;
  opacity: 0;
}

.mob-nav__contact-image {
  margin: auto;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-nav__contact-image {
    height: 88.8vw;
    width: 61.0666666667vw;
    margin-bottom: 14.6666666667vw;
  }
}
.mob-nav__contact-image img {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0;
}

.mob-nav__contact-address {
  margin-bottom: 10.4vw;
}
.mob-nav__contact-address p {
  display: none;
}

.mob-nav__contact-phone {
  margin-bottom: 10.4vw;
}

.mob-nav__contact-google-maps-url {
  margin-bottom: 10.4vw;
}

.mob-nav__maps_url {
  margin-bottom: 10.4vw;
}

@media (orientation:portrait) and (max-width: 1023px) {
  .mob-nav__contacts {
    padding-bottom: 8vw;
  }
}

.mob-nav__contact {
  margin-bottom: 10.4vw;
}

.header--bg-white {
  background: #ffffff;
}

@media (max-width: 1023px) and (orientation:portrait) {
  .mob-newsletter__feedback {
    position: absolute;
    top: 28.8vw;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-newsletter__feedback {
    font-size: 3.4666666667vw;
  }
}

.nav-footer {
  position: relative;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .nav-footer .mob-newsletter__feedback {
    top: -10.6666666667vw;
  }
}

.footer {
  flex-shrink: 0;
  margin-top: auto;
}

.mob-footer {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-footer {
    padding-top: 38.6666666667vw;
  }
}

.footer__form-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #d7d7d7;
  border-left: none;
  height: 2.4305555556vw;
  width: 34.7222222222vw;
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .footer__form-wrapper {
    height: 35px;
    width: 500px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.newsletter__form {
  width: 100%;
}

.newsletter__signup__input {
  width: 27.0833333333vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .newsletter__signup__input {
    width: 390px;
  }
}

.newsletter__submit-arrow {
  height: 0.625vw;
  width: 1.1111111111vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .newsletter__submit-arrow {
    height: 9px;
    width: 16px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .newsletter__submit-arrow {
    height: 2.4vw;
    width: 4.2666666667vw;
  }
}
.newsletter__submit-arrow svg path {
  transition: stroke 0.4s ease;
}

.newsletter__submit-arrow.disabled svg path {
  stroke: #777777;
}

.newsletter__success {
  height: 0.6944444444vw;
  width: 0.8333333333vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .newsletter__success {
    height: 10px;
    width: 12px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .newsletter__success {
    height: 2.6666666667vw;
    width: 3.2vw;
  }
}

.newsletter__error {
  height: 0.6944444444vw;
  width: 0.4166666667vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .newsletter__error {
    height: 10px;
    width: 6px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .newsletter__error {
    height: 2.6666666667vw;
    width: 1.6vw;
  }
}

.newsletter__submit-arrow svg, .newsletter__success svg, .newsletter__error svg {
  height: 100%;
  width: 100%;
}

.newsletter__error--hidden, .newsletter__submit-arrow--hidden, .newsletter__success--hidden {
  display: none;
}

.footer__details-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #d7d7d7;
  border-left: none;
  border-right: none;
  width: calc(100vw - 34.7222222222vw);
  height: 2.4305555556vw;
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .footer__details-wrapper {
    width: calc(100vw - 500px);
  }
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .footer__details-wrapper {
    height: 35px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.footer__privacy-policy {
  margin-left: 1.7361111111vw;
}
@media (min-width: 10001px) {
  .footer__privacy-policy {
    margin-left: 173.6111111111px;
  }
}

.sm-link {
  margin-left: 1.3194444444vw;
}
.sm-link svg {
  height: 0.7638888889vw;
  width: 0.7638888889vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .sm-link svg {
    height: 11px;
    width: 11px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .sm-link svg {
    margin-top: 0.8vw;
    height: 3.4666666667vw;
    width: 3.4666666667vw;
  }
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .sm-link {
    margin-left: 19px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .sm-link {
    margin-left: 10.4vw;
  }
}

.footer__feedback-wrapper {
  display: flex;
  align-items: center;
  height: 2.4305555556vw;
  width: 34.7222222222vw;
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
  font-size: 0.7638888889vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .footer__feedback-wrapper {
    height: 35px;
    width: 500px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11px;
  }
}

.footer__credit {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 2.4305555556vw;
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
  font-size: 0.6944444444vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .footer__credit {
    height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
  }
}

.mob-newsletter__feedback {
  border: none;
  height: 0;
  overflow: hidden;
}

.mob-newsletter__feedback--open,
.mob-footer__newsletter,
.mob-footer__socials-wrapper,
.mob-footer__details-wrapper {
  display: flex;
  align-items: center;
  width: 100vw;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-newsletter__feedback--open,
.mob-footer__newsletter,
.mob-footer__socials-wrapper,
.mob-footer__details-wrapper {
    height: 10.6666666667vw;
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
  }
}

.mob-newsletter__feedback--open {
  border-top: 1px solid #d7d7d7;
}

.mob-footer__newsletter,
.mob-footer__socials-wrapper {
  border-bottom: 1px solid #d7d7d7;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-footer__newsletter,
.mob-footer__socials-wrapper {
    font-size: 3.4666666667vw;
  }
}

.mob-footer__newsletter {
  border-top: 1px solid #d7d7d7;
  font-weight: 300;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-footer__newsletter .newsletter__signup__input {
    width: 92.5333333333vw;
    font-size: 3.4666666667vw;
    padding-left: 0vw;
  }
}

.mob-footer__socials-wrapper,
.mob-footer__details-wrapper {
  justify-content: space-between;
}

.mob-footer--article-nopad {
  padding-top: 0;
}

.mob-footer.mobile-nav--open {
  display: none;
  height: 0;
}

.footer--hide {
  display: none;
}

.contact-page, .privacy-page {
  height: 100vh;
  background: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .contact-page, .privacy-page {
    flex-direction: column;
    height: auto;
    min-height: 100vh;
  }
}

.contact-page__content, .privacy-page__content {
  height: 100%;
  padding-left: 1.3888888889vw;
  line-height: 1.0416666667vw;
}
@media (min-width: 10001px) {
  .contact-page__content, .privacy-page__content {
    padding-left: 138.8888888889px;
    line-height: 104.1666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .contact-page__content, .privacy-page__content {
    padding-left: 0vw;
    line-height: 4vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .contact-page__content, .privacy-page__content {
    order: 1;
    padding: 3.7333333333vw;
    padding-top: 0;
  }
}

.privacy-page__content {
  width: 25.4166666667vw;
  line-height: 0.9027777778vw;
  font-size: 0.7638888889vw;
}
@media (min-width: 10001px) {
  .privacy-page__content {
    width: 2541.6666666667px;
    line-height: 90.2777777778px;
    font-size: 76.3888888889px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .privacy-page__content {
    width: 100vw;
    line-height: 4.2666666667vw;
    font-size: 3.4666666667vw;
    letter-spacing: 0.1066666667vw;
  }
}

.contact-page__imagery {
  height: 100vh;
  object-position: center;
  object-fit: cover;
  width: 49.5833333333vw;
}
@media (min-width: 10001px) {
  .contact-page__imagery {
    width: 4958.3333333333px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .contact-page__imagery {
    order: 0;
    margin: auto;
    width: 61.0666666667vw;
    height: 88.8vw;
  }
}
.contact-page__imagery img {
  object-position: 50% 50%;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.contact-page__title, .privacy-page__title {
  margin-top: 11.25vw;
  height: 8.3333333333vw;
  font-size: 0.8333333333vw;
  line-height: 1.1805555556vw;
}
@media (min-width: 10001px) {
  .contact-page__title, .privacy-page__title {
    margin-top: 1125px;
    height: 833.3333333333px;
    font-size: 83.3333333333px;
    line-height: 118.0555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .contact-page__title, .privacy-page__title {
    margin-top: 0vw;
    height: 38.4vw;
    font-size: 3.4666666667vw;
    line-height: 3.7333333333vw;
  }
}

@media (orientation:portrait) and (max-width: 1023px) {
  .contact-page__title {
    padding-top: 6.6666666667vw;
  }
}

.contact-page__address {
  margin-bottom: 1em;
}
.contact-page__address svg {
  vertical-align: middle;
}
.contact-page__address p {
  height: 0.6944444444vw;
}
@media (min-width: 10001px) {
  .contact-page__address p {
    height: 69.4444444444px;
  }
}

.contact-page__maps_url {
  margin-bottom: 3em;
}

.contact-page__contact {
  margin-bottom: 1em;
}

.privacy-page__policy {
  margin-bottom: 1.5972222222vw;
}
@media (min-width: 10001px) {
  .privacy-page__policy {
    margin-bottom: 159.7222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .privacy-page__policy {
    margin-bottom: 4.8vw;
  }
}

.privacy-page__policy-title {
  margin-bottom: 1em;
}

.practice-page {
  height: 100vh;
  background: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .practice-page {
    flex-direction: column;
  }
}

.practice-page__nav-header {
  height: 8.4027777778vw;
}
@media (min-width: 10001px) {
  .practice-page__nav-header {
    height: 840.2777777778px;
  }
}

.practice-page__content {
  height: fit-content;
  display: flex;
  flex-direction: row;
  padding-left: 1.3888888889vw;
  margin-top: 11.25vw;
}
@media (min-width: 10001px) {
  .practice-page__content {
    padding-left: 138.8888888889px;
    margin-top: 1125px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .practice-page__content {
    order: 1;
    padding: 3.7333333333vw;
  }
}

.practice-page__imagery {
  height: 100vh;
  object-position: center;
  object-fit: cover;
  width: 49.5833333333vw;
}
@media (min-width: 10001px) {
  .practice-page__imagery {
    width: 4958.3333333333px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .practice-page__imagery {
    order: 0;
    margin: auto;
    width: 61.0666666667vw;
    height: 88.8vw;
  }
}

.practice-page__image {
  height: 100vh;
  object-position: center;
  object-fit: cover;
  width: 49.5833333333vw;
}
@media (min-width: 10001px) {
  .practice-page__image {
    width: 4958.3333333333px;
  }
}
.practice-page__image img {
  object-position: 50% 50%;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.practice-page__nav {
  margin-bottom: auto;
  width: 14.7222222222vw;
  padding-right: 6.9444444444vw;
}
@media (min-width: 10001px) {
  .practice-page__nav {
    width: 1472.2222222222px;
    padding-right: 694.4444444444px;
  }
}

.practice-page__title {
  color: #777777;
  transition: color 0.4s ease;
}

.practice-page__title.active, .practice-page__title:hover {
  color: #000000;
  text-decoration: underline;
}

.practice-page__copy-container {
  position: relative;
  width: 23.9583333333vw;
  padding-top: 8.5416666667vw;
  font-size: 0.8333333333vw;
  line-height: 1.0069444444vw;
}
@media (min-width: 10001px) {
  .practice-page__copy-container {
    width: 2395.8333333333px;
    padding-top: 854.1666666667px;
    font-size: 83.3333333333px;
    line-height: 100.6944444444px;
  }
}
.practice-page__copy-container p {
  line-height: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .practice-page__copy-container p {
    line-height: 83.3333333333px;
  }
}

.practice-page__copy-wrapper {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0s ease 0.4s;
  height: calc(100vh - 22.5694444444vw);
  overflow: scroll;
  display: flex;
  flex-direction: column;
}

.practice-page__copy-wrapper.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0s ease;
}

.practice-page__imagery {
  position: relative;
}

.practice-page__bottom-copy {
  margin-top: auto;
}

.practice-page__image {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0s ease 0.4s;
}

.practice-page__image--padded {
  padding-top: 19.7916666667vw;
  max-width: 40.3472222222vw;
  width: 50vh;
}
@media (min-width: 10001px) {
  .practice-page__image--padded {
    padding-top: 1979.1666666667px;
    max-width: 4034.7222222222px;
  }
}

.practice-page__image.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0s ease;
}

.mob-practice__title-wrapper {
  position: fixed;
  width: 100vw;
  top: 18.4vw;
  background: #ffffff;
  z-index: 2;
  padding-bottom: 7.4666666667vw;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-practice__title-wrapper {
    font-size: 3.4666666667vw;
    line-height: 3.4666666667vw;
    letter-spacing: 0.1333333333vw;
  }
}

.mob-practice__title-push {
  width: 100vw;
  height: 38.6666666667vw;
}

.mob-practice__image {
  width: 100%;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-practice__image {
    height: 133.3333333333vw;
  }
}
.mob-practice__image img {
  width: 100%;
}

.mob-practice__title {
  padding-bottom: 6.6666666667vw;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-practice__title {
    font-size: 3.4666666667vw;
    line-height: 3.4666666667vw;
    letter-spacing: 0.1333333333vw;
  }
}

.mob-practice__copy, .mob-practice__image, .mob-practice__copy--bottom {
  padding-bottom: 14.6666666667vw;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-practice__copy, .mob-practice__image, .mob-practice__copy--bottom {
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
    letter-spacing: 0.1066666667vw;
  }
}
.mob-practice__copy p, .mob-practice__image p, .mob-practice__copy--bottom p {
  height: 2.9333333333vw;
}

@media (orientation:portrait) and (max-width: 1023px) {
  .mob-practice__copy--bottom {
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
    letter-spacing: 0.1066666667vw;
    padding-bottom: 12vw;
  }
}

.mob-practice__image--padded {
  width: 61.0666666667vw;
  margin: auto;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .mob-practice__image--padded {
    height: 104vw;
  }
}

.mob-practice__image--last {
  padding-bottom: 0;
  height: 117.3333333333vw;
}

.project {
  background: #ffffff;
}

.project__desktop-copy-wrapper {
  position: fixed;
  overflow: scroll;
  width: 35.3472222222vw;
  bottom: 4.8611111111vw;
  top: 11.25vw;
}
@media (min-width: 10001px) {
  .project__desktop-copy-wrapper {
    width: 3534.7222222222px;
    bottom: 486.1111111111px;
    top: 1125px;
  }
}

.project-sticky-header {
  background: #ffffff;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .project-sticky-header {
    position: fixed;
    width: 100vw;
    z-index: 10;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .project-sticky-header {
    top: 17.6vw;
    padding-top: 0.2666666667vw;
    padding-bottom: 6.1333333333vw;
    padding-left: 3.7333333333vw;
    letter-spacing: 0.2666666667vw;
  }
}

.project__desktop-copy {
  background: white;
  z-index: 0;
  height: auto;
  padding-left: 1.3888888889vw;
  padding-right: 10.625vw;
}
@media (min-width: 10001px) {
  .project__desktop-copy {
    padding-left: 138.8888888889px;
    padding-right: 1062.5px;
  }
}

.project__title {
  vertical-align: bottom;
  position: absolute;
  z-index: 2;
  padding-bottom: 1.7361111111vw;
}
@media (min-width: 10001px) {
  .project__title {
    padding-bottom: 173.6111111111px;
  }
}

.project__copy {
  display: block;
  padding-top: 8.4027777778vw;
  font-size: 0.7638888889vw;
  line-height: 0.9027777778vw;
}
@media (min-width: 10001px) {
  .project__copy {
    padding-top: 840.2777777778px;
    font-size: 76.3888888889px;
    line-height: 90.2777777778px;
  }
}

.project__imagery-grid {
  float: right;
  position: relative;
  cursor: none;
  background: #ffffff;
  top: 0;
  right: 0;
  display: grid;
  min-height: 100vh;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  transition: width 0.4s ease, grid-gap 0.4s ease, padding-bottom 0.4s ease;
  padding-bottom: 0vh;
  grid-gap: 0.4166666667vw;
  width: 64.5833333333vw;
}
@media (min-width: 10001px) {
  .project__imagery-grid {
    grid-gap: 41.6666666667px;
    width: 6458.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .project__imagery-grid {
    grid-gap: 1.6vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .project__imagery-grid {
    width: 100vw;
  }
}

.project__mobile-copy, .project__mobile-image-credit {
  grid-column: 1/span 2;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .project__mobile-copy, .project__mobile-image-credit {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}

@media (orientation:portrait) and (max-width: 1023px) {
  .project__mobile-image-credit {
    font-size: 2.9333333333vw;
  }
}

.project__imagery-grid-width {
  width: 64.5833333333vw;
  padding-top: 0vw;
}
@media (min-width: 10001px) {
  .project__imagery-grid-width {
    width: 6458.3333333333px;
    padding-top: 0px;
  }
}

.project__imagery-grid--fullscreen {
  width: 100vw;
  grid-gap: 0;
}

.project__imagery-grid--bottom-pad {
  padding-bottom: 100vh;
  transition: width 0.4s ease, grid-gap 0.4s ease, padding-bottom 0s ease;
}

.project__imagery {
  position: relative;
  transition: height 0.4s ease, width 0.4s ease;
}
.project__imagery img, .project__imagery .project__video {
  width: 100%;
  display: block;
  aspect-ratio: 1/1;
}

.project__imagery--padder {
  grid-column: 1/span 2;
  transition: height 0.4s ease 0.4s;
  height: 11.25vw;
}
@media (min-width: 10001px) {
  .project__imagery--padder {
    height: 1125px;
  }
}

.project__imagery-grid--fullscreen .project__imagery--padder {
  height: 0;
  transition: height 0s ease 0.8s;
}

.project__imagery-cursor-wrapper {
  position: fixed;
  z-index: 100;
  pointer-events: none;
  mix-blend-mode: difference;
}

.project__imagery-cursor {
  transition: transform 0.4s ease;
}

.rot45 {
  transform: rotate(45deg);
}

.project__imagery--full-width {
  grid-column: 1/span 2;
}

.project__imagery--portrait-left {
  grid-column: 1/span 1;
}

.project__imagery--portrait-right {
  grid-column: 2/span 1;
}

.project__imagery--full-width.media-wrapper {
  width: 66.8055555556vw;
  height: 38.1944444444vw;
}
@media (min-width: 10001px) {
  .project__imagery--full-width.media-wrapper {
    width: 6680.5555555556px;
    height: 3819.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .project__imagery--full-width.media-wrapper {
    width: 100vw;
    height: 56vw;
  }
}

.project__imagery--portrait-left.media-wrapper {
  width: 32.0833333333vw;
  height: 45.4166666667vw;
}
@media (min-width: 10001px) {
  .project__imagery--portrait-left.media-wrapper {
    width: 3208.3333333333px;
    height: 4541.6666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .project__imagery--portrait-left.media-wrapper {
    width: 49.3333333333vw;
    height: 74.6666666667vw;
  }
}

.project__imagery--portrait-right.media-wrapper {
  width: 32.0833333333vw;
  height: 45.4166666667vw;
}
@media (min-width: 10001px) {
  .project__imagery--portrait-right.media-wrapper {
    width: 3208.3333333333px;
    height: 4541.6666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .project__imagery--portrait-right.media-wrapper {
    width: 49.3333333333vw;
    height: 74.6666666667vw;
  }
}

.project__imagery-grid--fullscreen .project__imagery--full-width.media-wrapper {
  width: 100vw;
  height: 62.5vw;
}
@media (min-width: 10001px) {
  .project__imagery-grid--fullscreen .project__imagery--full-width.media-wrapper {
    width: 10000px;
    height: 6250px;
  }
}
.project__imagery-grid--fullscreen .project__imagery--portrait-left.media-wrapper {
  width: 50vw;
  height: 71.1805555556vw;
}
@media (min-width: 10001px) {
  .project__imagery-grid--fullscreen .project__imagery--portrait-left.media-wrapper {
    width: 5000px;
    height: 7118.0555555556px;
  }
}
.project__imagery-grid--fullscreen .project__imagery--portrait-right.media-wrapper {
  width: 50vw;
  height: 71.1805555556vw;
}
@media (min-width: 10001px) {
  .project__imagery-grid--fullscreen .project__imagery--portrait-right.media-wrapper {
    width: 5000px;
    height: 7118.0555555556px;
  }
}

.project__desktop-image-credit {
  padding-top: 0.8333333333vw;
  font-size: 0.7638888889vw;
  line-height: 0.9027777778vw;
}
@media (min-width: 10001px) {
  .project__desktop-image-credit {
    padding-top: 83.3333333333px;
    font-size: 76.3888888889px;
    line-height: 90.2777777778px;
  }
}

.projects {
  background: #ffffff;
  padding-top: 0vw;
}
@media (min-width: 10001px) {
  .projects {
    padding-top: 0px;
  }
}

.projects__header {
  display: flex;
  position: sticky;
  width: 100vw;
  flex-direction: row;
  justify-content: space-between;
  left: 0;
  z-index: 2;
  transition: top 0s ease;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0s ease 0.2s;
  padding-top: 4.5833333333vw;
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
  padding-bottom: 13.5416666667vw;
  top: -9.2361111111vw;
}
@media (min-width: 10001px) {
  .projects__header {
    padding-top: 458.3333333333px;
    padding-left: 138.8888888889px;
    padding-right: 138.8888888889px;
    padding-bottom: 1354.1666666667px;
    top: -923.6111111111px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .projects__header {
    position: fixed;
    background: #ffffff;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .projects__header {
    top: 18.1333333333vw;
    padding-top: 0vw;
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
    padding-bottom: 6.1333333333vw;
    font-size: 3.4666666667vw;
    line-height: 4.5333333333vw;
    letter-spacing: 0.1066666667vw;
  }
}

.projects__header.filters--open, .projects__header.projects__header--dropped {
  top: 0;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .projects__header.filters--open, .projects__header.projects__header--dropped {
    top: 18.1333333333vw;
  }
}

.projects__header-backdrop {
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 1;
  background: #ffffff;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0s ease 0.2s;
  height: 7.4305555556vw;
}
@media (min-width: 10001px) {
  .projects__header-backdrop {
    height: 743.0555555556px;
  }
}

.projects__header--listmode {
  position: fixed;
  top: 4.8611111111vw;
  padding-top: 0vw;
}
@media (min-width: 10001px) {
  .projects__header--listmode {
    top: 486.1111111111px;
    padding-top: 0px;
  }
}

.mobile-nav--open .projects__header, .mobile-nav--open .articles__header {
  display: none;
}

.projects__header-backdrop.filters--open, .projects__header-backdrop.projects__header--dropped {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.plus--vertical {
  position: absolute;
  height: 1px;
  background: #000000;
  width: 100%;
  top: calc(50% - 0.5px);
  left: 0;
  transition: transform 0.4s ease;
  transform: rotateZ(90deg);
}

.plus--horizontal {
  position: absolute;
  height: 1px;
  background: #000000;
  width: 100%;
  top: calc(50% - 0.5px);
  left: 0;
  transition: transform 0.4s ease;
  transform: rotateZ(0deg);
}

.filters-toggle.filters--open .plus--vertical {
  transform: rotateZ(180deg);
}
.filters-toggle.filters--open .plus--horizontal {
  transform: rotateZ(0deg);
}

.projects__display-toggle {
  display: inline-block;
  margin-left: 0.625vw;
  width: 0.625vw;
}
@media (min-width: 10001px) {
  .projects__display-toggle {
    margin-left: 62.5px;
    width: 62.5px;
  }
}
.projects__display-toggle svg {
  width: 100%;
  height: 100%;
}

.projects__display-toggle.active path, .projects__display-toggle.active stroke, .projects__display-toggle.active rect {
  fill: #000000;
}

.projects__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-row-gap: 13.6805555556vw;
  padding-bottom: 13.6805555556vw;
  grid-column-gap: 20.4861111111vw;
}
@media (min-width: 10001px) {
  .projects__grid {
    grid-row-gap: 1368.0555555556px;
    padding-bottom: 1368.0555555556px;
    grid-column-gap: 2048.6111111111px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .projects__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .projects__grid {
    grid-row-gap: 37.3333333333vw;
    padding-bottom: 10.6666666667vw;
    padding-top: 40vw;
    grid-column-gap: 1.6vw;
  }
}

.projects__grid.projects__list--open {
  display: none !important;
}

.projects__project-grid-thumbnail {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible !important;
  transition: filter 0.4s ease;
  filter: grayscale(0);
}
.projects__project-grid-thumbnail img, .projects__project-grid-thumbnail video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .projects__project-grid-thumbnail {
    order: unset !important;
  }
}

.projects__project-grid-thumbnail.media-wrapper {
  width: 18.75vw;
  height: 12.1527777778vw;
}
@media (min-width: 10001px) {
  .projects__project-grid-thumbnail.media-wrapper {
    width: 1875px;
    height: 1215.2777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .projects__project-grid-thumbnail.media-wrapper {
    width: 45.3333333333vw;
    height: 28.5333333333vw;
  }
}

.projects__project-grid-thumbnail--big-left.media-wrapper, .projects__project-grid-thumbnail--big-right.media-wrapper {
  width: 57.9861111111vw;
  height: 38.1944444444vw;
}
@media (min-width: 10001px) {
  .projects__project-grid-thumbnail--big-left.media-wrapper, .projects__project-grid-thumbnail--big-right.media-wrapper {
    width: 5798.6111111111px;
    height: 3819.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .projects__project-grid-thumbnail--big-left.media-wrapper, .projects__project-grid-thumbnail--big-right.media-wrapper {
    width: 45.3333333333vw;
    height: 28.5333333333vw;
  }
}

@media (orientation:portrait) and (max-width: 1023px) {
  .projects__project-grid-thumbnail--full-mob-width.media-wrapper {
    width: 92.5333333333vw;
    height: 56vw;
  }
}

.projects__grid--project-hovered .projects__project-grid-thumbnail {
  filter: grayscale(1);
}

.projects__grid--project-hovered .projects__project-grid-thumbnail:hover {
  filter: grayscale(0);
}

.projects__project-grid-thumbnail--big-left {
  grid-column: 1/span 2;
  grid-row: span 2;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .projects__project-grid-thumbnail--big-left {
    grid-column: span 1;
    grid-row: span 1;
  }
}

.projects__project-grid-thumbnail--big-right {
  grid-column: 2/span 2;
  grid-row: span 2;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .projects__project-grid-thumbnail--big-right {
    grid-column: span 1;
    grid-row: span 1;
  }
}

@media (max-width: 1023px) and (orientation:portrait) {
  .projects__project-grid-thumbnail--full-mob-width {
    grid-column: span 2;
  }
}

.projects__project-title {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
  padding-top: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .projects__project-title {
    padding-top: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .projects__project-title {
    padding-top: 2.4vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .projects__project-title {
    visibility: visible;
    opacity: 1;
  }
}

.projects__project-grid-thumbnail:hover .projects__project-title, .projects__project-column-thumbnail:hover .projects__project-title {
  opacity: 1;
}

.projects__column {
  clear: both;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .projects__column {
    padding-top: 40vw;
  }
}

.projects__column.projects__list--open {
  display: none !important;
}

.projects__project-column-thumbnail {
  position: relative;
  display: block;
  clear: both;
  overflow: visible !important;
  margin-bottom: 13.6805555556vw;
  width: 57.9861111111vw;
  height: 38.1944444444vw;
  transition: filter 0.4s ease;
  filter: grayscale(0);
}
@media (min-width: 10001px) {
  .projects__project-column-thumbnail {
    margin-bottom: 1368.0555555556px;
    width: 5798.6111111111px;
    height: 3819.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .projects__project-column-thumbnail {
    margin-bottom: 38.6666666667vw;
    width: 76.8vw;
    height: 50.6666666667vw;
  }
}
.projects__project-column-thumbnail img, .projects__project-column-thumbnail video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.projects__column--project-hovered .projects__project-column-thumbnail {
  filter: grayscale(1);
}

.projects__column--project-hovered .projects__project-column-thumbnail:hover {
  filter: grayscale(0);
}

.projects__list.projects__list--closed {
  display: none !important;
}

.projects__list-thumbnail-container {
  position: fixed;
  overflow: hidden;
  left: 0vw;
  top: 19.375vw;
  width: 20.1388888889vw;
  height: 13.5416666667vw;
}
@media (min-width: 10001px) {
  .projects__list-thumbnail-container {
    left: 0px;
    top: 1937.5px;
    width: 2013.8888888889px;
    height: 1354.1666666667px;
  }
}

.projects__project-list-thumbnail {
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0s ease 0.4s;
  z-index: 1;
}
.projects__project-list-thumbnail img, .projects__project-list-thumbnail video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.projects__project-list-thumbnail--open {
  opacity: 1;
  z-index: 0;
  visibility: visible;
  transition: opacity 0s ease, visibility 0s ease;
}

.projects__table-wrapper {
  display: flex;
  margin-bottom: auto;
  z-index: 0;
  top: 19.375vw;
  left: 0vw;
  padding-top: 19.3055555556vw;
}
@media (min-width: 10001px) {
  .projects__table-wrapper {
    top: 1937.5px;
    left: 0px;
    padding-top: 1930.5555555556px;
  }
}

.projects__table {
  width: calc(100vw - 27.2916666667vw);
  position: relative;
  margin-left: 25.9027777778vw;
}
@media (min-width: 10001px) {
  .projects__table {
    margin-left: 2590.2777777778px;
  }
}
.projects__table tbody {
  display: block;
  width: calc(100vw - 27.2916666667vw);
  margin-bottom: -1px;
  position: relative;
  overflow: scroll;
  padding-top: 2.7777777778vw;
}
@media (min-width: 10001px) {
  .projects__table tbody {
    padding-top: 277.7777777778px;
  }
}
.projects__table thead {
  display: table;
  width: calc(100vw - 27.2916666667vw);
  z-index: 1;
}

.projects__table-header {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  position: fixed;
  z-index: 1;
  background: white;
  width: 72.6388888889vw;
}
@media (min-width: 10001px) {
  .projects__table-header {
    width: 7263.8888888889px;
  }
}
.projects__table-header th {
  padding-right: 7.1527777778vw;
  padding-top: 0.7638888889vw;
  padding-bottom: 0.7638888889vw;
}
@media (min-width: 10001px) {
  .projects__table-header th {
    padding-right: 715.2777777778px;
    padding-top: 76.3888888889px;
    padding-bottom: 76.3888888889px;
  }
}

.projects__table-row {
  border-bottom: 1px solid #d7d7d7;
  transition: color 0.4s ease;
}
.projects__table-row td {
  padding-right: 6.9444444444vw;
  padding-top: 0.7291666667vw;
  padding-bottom: 0.7638888889vw;
}
@media (min-width: 10001px) {
  .projects__table-row td {
    padding-right: 694.4444444444px;
    padding-top: 72.9166666667px;
    padding-bottom: 76.3888888889px;
  }
}

.related-objects {
  display: flex;
  flex-direction: row;
  padding-left: 35.9722222222vw;
  padding-top: 12.5vw;
  padding-bottom: 0vw;
}
@media (min-width: 10001px) {
  .related-objects {
    padding-left: 3597.2222222222px;
    padding-top: 1250px;
    padding-bottom: 0px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .related-objects {
    padding-left: 3.7333333333vw;
    padding-top: 36vw;
    padding-bottom: 0vw;
  }
}

.related-objects--articles-mode {
  padding-left: 30.8333333333vw;
  padding-top: 12.5vw;
  border-top: 1px solid #d7d7d788;
}
@media (min-width: 10001px) {
  .related-objects--articles-mode {
    padding-left: 3083.3333333333px;
    padding-top: 1250px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .related-objects--articles-mode {
    padding-left: 3.7333333333vw;
    padding-top: 42.6666666667vw;
    margin-top: 14.6666666667vw;
  }
}

.related-objects.project__imagery-grid--fullscreen {
  display: none;
}

@media (orientation:portrait) and (max-width: 1023px) {
  .related-objects__object {
    width: 49.0666666667vw;
  }
}
.related-objects__object .media-wrapper {
  width: 20.1388888889vw;
  height: 12.9861111111vw;
}
@media (min-width: 10001px) {
  .related-objects__object .media-wrapper {
    width: 2013.8888888889px;
    height: 1298.6111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .related-objects__object .media-wrapper {
    width: 49.0666666667vw;
    height: 31.7333333333vw;
  }
}

.related-grid-item {
  display: inline-flex;
  flex-direction: column;
}
.related-grid-item a {
  display: block;
}

.related-object {
  position: relative;
  margin-left: 0.4166666667vw;
  width: 20.1388888889vw;
  margin-top: 1.9444444444vw;
}
@media (min-width: 10001px) {
  .related-object {
    margin-left: 41.6666666667px;
    width: 2013.8888888889px;
    margin-top: 194.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .related-object {
    width: 49.3333333333vw;
    margin-top: 7.4666666667vw;
  }
}

.related-objects__title {
  margin-right: auto;
  padding-top: 1.7361111111vw;
}
@media (min-width: 10001px) {
  .related-objects__title {
    padding-top: 173.6111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .related-objects__title {
    padding-top: 6.6666666667vw;
  }
}

.related-object-title {
  opacity: 0;
  position: absolute;
  bottom: 100%;
  transition: opacity 0.4s ease;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease 0.4s;
  padding-bottom: 0.8333333333vw;
  padding-right: 1.3888888889vw;
}
@media (min-width: 10001px) {
  .related-object-title {
    padding-bottom: 83.3333333333px;
    padding-right: 138.8888888889px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .related-object-title {
    padding-bottom: 3.2vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .related-object-title {
    opacity: 1;
    visibility: visible;
  }
}

.related-object--active .related-object-title {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.related-object--grey .media-wrapper {
  filter: grayscale(1);
}

.project__grid-cover {
  width: 64.5833333333vw;
  height: 11.6666666667vw;
  position: absolute;
  background: transparent;
  right: 0;
  z-index: 1;
}
@media (min-width: 10001px) {
  .project__grid-cover {
    width: 6458.3333333333px;
    height: 1166.6666666667px;
  }
}

.projects--list-mode .projects__header {
  position: fixed !important;
  top: 0 !important;
  background: white !important;
}

.article__inner {
  margin-left: auto;
  margin-right: auto;
  width: 38.2638888889vw;
}
@media (min-width: 10001px) {
  .article__inner {
    width: 3826.3888888889px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .article__inner {
    width: 100%;
  }
}

.article__hero-media {
  width: 100vw;
  display: flex;
  flex-direction: column;
}
.article__hero-media img, .article__hero-media video {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__hero-media {
    width: 100vw;
    height: 105.3333333333vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .article__hero-media {
    display: flex;
    object-fit: cover;
  }
}

.article__headline {
  font-size: 1.25vw;
  line-height: 1.5277777778vw;
  margin-left: 9.7916666667vw;
  margin-top: 5.625vw;
  letter-spacing: 0.0381944444vw;
}
@media (min-width: 10001px) {
  .article__headline {
    font-size: 125px;
    line-height: 152.7777777778px;
    margin-left: 979.1666666667px;
    margin-top: 562.5px;
    letter-spacing: 3.8194444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__headline {
    font-size: 4.5333333333vw;
    line-height: 5.6vw;
    margin-left: 0vw;
    margin-top: 5.3333333333vw;
    letter-spacing: 0.1466666667vw;
  }
}

.article__category {
  font-size: 0.8333333333vw;
  line-height: 0.9722222222vw;
  margin-left: 9.7916666667vw;
  margin-top: 2.9166666667vw;
  letter-spacing: 0.0381944444vw;
  margin-bottom: 10.4861111111vw;
}
@media (min-width: 10001px) {
  .article__category {
    font-size: 83.3333333333px;
    line-height: 97.2222222222px;
    margin-left: 979.1666666667px;
    margin-top: 291.6666666667px;
    letter-spacing: 3.8194444444px;
    margin-bottom: 1048.6111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__category {
    font-size: 3.2vw;
    line-height: 3.7333333333vw;
    margin-left: 0vw;
    margin-top: 5.3333333333vw;
    letter-spacing: 0.1466666667vw;
    margin-bottom: 13.3333333333vw;
  }
}

.article__elements {
  margin-top: 10.4166666667vw;
}
@media (min-width: 10001px) {
  .article__elements {
    margin-top: 1041.6666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__elements {
    margin-top: 14.6666666667vw;
  }
}

.article__element {
  margin-bottom: 9.8611111111vw;
}
@media (min-width: 10001px) {
  .article__element {
    margin-bottom: 986.1111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__element {
    margin-bottom: 14.6666666667vw;
  }
}

.article__copy {
  line-height: 0.9791666667vw;
  letter-spacing: 0.0243055556vw;
}
@media (min-width: 10001px) {
  .article__copy {
    line-height: 97.9166666667px;
    letter-spacing: 2.4305555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__copy {
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
    letter-spacing: 0.1066666667vw;
  }
}

.article__credits {
  margin-top: 0vw;
  margin-bottom: 10.4166666667vw;
}
@media (min-width: 10001px) {
  .article__credits {
    margin-top: 0px;
    margin-bottom: 1041.6666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__credits {
    margin-top: 0vw;
    margin-bottom: 0vw;
  }
}

.article__dual {
  margin-left: auto;
  margin-right: auto;
  width: 67.7777777778vw;
}
@media (min-width: 10001px) {
  .article__dual {
    width: 6777.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__dual {
    width: 92.5333333333vw;
  }
}
.article__dual .article__dual-left, .article__dual .article__dual-right {
  display: flex;
  flex-direction: column;
  width: 33.4722222222vw;
  height: 44.0972222222vw;
}
@media (min-width: 10001px) {
  .article__dual .article__dual-left, .article__dual .article__dual-right {
    width: 3347.2222222222px;
    height: 4409.7222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__dual .article__dual-left, .article__dual .article__dual-right {
    width: 45.6vw;
    height: 64.5333333333vw;
  }
}
.article__dual .article__dual-left img, .article__dual .article__dual-left video, .article__dual .article__dual-right img, .article__dual .article__dual-right video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article__landscape-left, .article__landscape-right {
  display: flex;
  flex-direction: column;
  width: 67.7777777778vw;
}
@media (min-width: 10001px) {
  .article__landscape-left, .article__landscape-right {
    width: 6777.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__landscape-left, .article__landscape-right {
    width: 92.5333333333vw;
  }
}
.article__landscape-left img, .article__landscape-left video, .article__landscape-right img, .article__landscape-right video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article__quote {
  padding-top: 0.6944444444vw;
  font-size: 1.25vw;
  line-height: 1.5277777778vw;
  margin-top: 0.625vw;
  letter-spacing: 0.0381944444vw;
}
@media (min-width: 10001px) {
  .article__quote {
    padding-top: 69.4444444444px;
    font-size: 125px;
    line-height: 152.7777777778px;
    margin-top: 62.5px;
    letter-spacing: 3.8194444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__quote {
    padding-top: 3.2vw;
    font-size: 4.5333333333vw;
    line-height: 5.0666666667vw;
    margin-top: 2.4vw;
    letter-spacing: 0.1466666667vw;
  }
}

.article__quote-copy {
  padding-top: 0.6944444444vw;
  padding-bottom: 6.1805555556vw;
}
@media (min-width: 10001px) {
  .article__quote-copy {
    padding-top: 69.4444444444px;
    padding-bottom: 618.0555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__quote-copy {
    padding-top: 3.2vw;
    padding-bottom: 18.1333333333vw;
  }
}

.article__quote-source {
  font-size: 0.8333333333vw;
  line-height: 0.9722222222vw;
  padding-bottom: 0.6944444444vw;
}
@media (min-width: 10001px) {
  .article__quote-source {
    font-size: 83.3333333333px;
    line-height: 97.2222222222px;
    padding-bottom: 69.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__quote-source {
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}

.article__single-portrait {
  display: flex;
  flex-direction: column;
  width: 38.2638888889vw;
  height: 50.4861111111vw;
}
@media (min-width: 10001px) {
  .article__single-portrait {
    width: 3826.3888888889px;
    height: 5048.6111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .article__single-portrait {
    width: 61.0666666667vw;
    height: 87.2vw;
  }
}
.article__single-portrait img, .article__single-portrait video {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.articles {
  background: #ffffff;
  padding-top: 0vw;
}
@media (min-width: 10001px) {
  .articles {
    padding-top: 0px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles {
    padding-top: 40vw;
  }
}

.articles__header {
  display: flex;
  position: sticky;
  width: 100vw;
  flex-direction: row;
  justify-content: space-between;
  left: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0s ease 0.2s;
  padding-top: 4.5833333333vw;
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
  padding-bottom: 13.5416666667vw;
  top: -9.2361111111vw;
}
@media (min-width: 10001px) {
  .articles__header {
    padding-top: 458.3333333333px;
    padding-left: 138.8888888889px;
    padding-right: 138.8888888889px;
    padding-bottom: 1354.1666666667px;
    top: -923.6111111111px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .articles__header {
    position: fixed;
    background: #ffffff;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__header {
    top: 18.1333333333vw;
    padding-top: 0vw;
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
    padding-bottom: 6.1333333333vw;
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
    letter-spacing: 0.1066666667vw;
  }
}

.articles__header.filters--open, .articles__header.articles__header--dropped {
  top: 0;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__header.filters--open, .articles__header.articles__header--dropped {
    top: 18.1333333333vw;
  }
}

.articles__header-backdrop {
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 1;
  background: #ffffff;
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0s ease 0.2s;
  height: 7.4305555556vw;
}
@media (min-width: 10001px) {
  .articles__header-backdrop {
    height: 743.0555555556px;
  }
}

.filters--open .articles__header-backdrop, .articles__header-backdrop.filters--open, .articles__header-backdrop.articles__header--dropped {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.articles__listing {
  margin-bottom: 17.3611111111vw;
}
@media (min-width: 10001px) {
  .articles__listing {
    margin-bottom: 1736.1111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing {
    margin-bottom: 14.6666666667vw;
  }
}
.articles__listing .articles__listing-copy {
  font-size: 0.8333333333vw;
  line-height: 0.9791666667vw;
}
@media (min-width: 10001px) {
  .articles__listing .articles__listing-copy {
    font-size: 83.3333333333px;
    line-height: 97.9166666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing .articles__listing-copy {
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
    letter-spacing: 0.1066666667vw;
  }
}

.articles__listing.last, .articles__pagination {
  margin-bottom: 7.6388888889vw;
}
@media (min-width: 10001px) {
  .articles__listing.last, .articles__pagination {
    margin-bottom: 763.8888888889px;
  }
}

@media (max-width: 1023px) and (orientation:portrait) {
  .articles__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__pagination {
    height: 40vw;
    margin-bottom: 0vw;
  }
}

.articles__listing--landscape {
  display: flex;
  flex-direction: row-reverse;
  padding-right: 1.3888888889vw;
  padding-left: 1.3888888889vw;
}
@media (min-width: 10001px) {
  .articles__listing--landscape {
    padding-right: 138.8888888889px;
    padding-left: 138.8888888889px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--landscape {
    padding-right: 0vw;
    padding-left: 0vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .articles__listing--landscape {
    flex-direction: column;
  }
}
.articles__listing--landscape .articles__media-wrapper {
  width: 62.9166666667vw;
  height: 38.1944444444vw;
}
@media (min-width: 10001px) {
  .articles__listing--landscape .articles__media-wrapper {
    width: 6291.6666666667px;
    height: 3819.4444444444px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .articles__listing--landscape .articles__media-wrapper {
    justify-self: center;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--landscape .articles__media-wrapper {
    width: 100vw;
    height: 56vw;
  }
}
.articles__listing--landscape .articles__listing-copy-wrapper {
  display: flex;
  flex-direction: column;
  margin-right: auto;
  border-top: 1px solid #d7d7d7;
  width: 23.6805555556vw;
}
@media (min-width: 10001px) {
  .articles__listing--landscape .articles__listing-copy-wrapper {
    width: 2368.0555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--landscape .articles__listing-copy-wrapper {
    width: 100vw;
    padding-right: 3.7333333333vw;
    padding-left: 3.7333333333vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .articles__listing--landscape .articles__listing-copy-wrapper {
    border-top: none;
  }
}
.articles__listing--landscape .articles__listing-copy {
  margin-top: auto;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .articles__listing--landscape .articles__listing-copy {
    border-bottom: 1px solid #d7d7d7;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--landscape .articles__listing-copy {
    padding-bottom: 14.6666666667vw;
    padding-top: 4.8vw;
  }
}
.articles__listing--landscape .articles__listing-title {
  font-size: 1.25vw;
  line-height: 1.5277777778vw;
  padding-top: 1.5277777778vw;
  letter-spacing: 0.0347222222vw;
}
@media (min-width: 10001px) {
  .articles__listing--landscape .articles__listing-title {
    font-size: 125px;
    line-height: 152.7777777778px;
    padding-top: 152.7777777778px;
    letter-spacing: 3.4722222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--landscape .articles__listing-title {
    font-size: 4.5333333333vw;
    line-height: 5.6vw;
    padding-top: 5.6vw;
    letter-spacing: 0.1333333333vw;
  }
}
.articles__listing--landscape .articles__listing-category {
  margin-bottom: 1.25vw;
}
@media (min-width: 10001px) {
  .articles__listing--landscape .articles__listing-category {
    margin-bottom: 125px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--landscape .articles__listing-category {
    margin-bottom: 4.8vw;
  }
}
.articles__listing--landscape .articles__listing-link {
  display: block;
  margin-top: 1.5277777778vw;
}
@media (min-width: 10001px) {
  .articles__listing--landscape .articles__listing-link {
    margin-top: 152.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--landscape .articles__listing-link {
    margin-top: 5.8666666667vw;
  }
}

.articles__listing-dual {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .articles__listing-dual {
    flex-direction: column;
  }
}
@media (min-width: 10001px) {
  .articles__listing-dual {
    padding-left: 138.8888888889px;
    padding-right: 138.8888888889px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing-dual {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
  }
}

.articles__listing--dual-left, .articles__listing--dual-right, .articles__listing--portrait {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d7d7d7;
  width: 38.4027777778vw;
}
@media (min-width: 10001px) {
  .articles__listing--dual-left, .articles__listing--dual-right, .articles__listing--portrait {
    width: 3840.2777777778px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .articles__listing--dual-left, .articles__listing--dual-right, .articles__listing--portrait {
    width: 100%;
  }
}
.articles__listing--dual-left .articles__listing-title, .articles__listing--dual-right .articles__listing-title, .articles__listing--portrait .articles__listing-title {
  font-size: 1.25vw;
  line-height: 1.5277777778vw;
  padding-top: 3.2638888889vw;
  letter-spacing: 0.0347222222vw;
}
@media (min-width: 10001px) {
  .articles__listing--dual-left .articles__listing-title, .articles__listing--dual-right .articles__listing-title, .articles__listing--portrait .articles__listing-title {
    font-size: 125px;
    line-height: 152.7777777778px;
    padding-top: 326.3888888889px;
    letter-spacing: 3.4722222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--dual-left .articles__listing-title, .articles__listing--dual-right .articles__listing-title, .articles__listing--portrait .articles__listing-title {
    font-size: 4.5333333333vw;
    line-height: 5.6vw;
    padding-top: 5.6vw;
    letter-spacing: 0.1333333333vw;
  }
}
.articles__listing--dual-left .articles__media-wrapper, .articles__listing--dual-left .articles__media-wrapper img, .articles__listing--dual-left .articles__media-wrapper video, .articles__listing--dual-right .articles__media-wrapper, .articles__listing--dual-right .articles__media-wrapper img, .articles__listing--dual-right .articles__media-wrapper video, .articles__listing--portrait .articles__media-wrapper, .articles__listing--portrait .articles__media-wrapper img, .articles__listing--portrait .articles__media-wrapper video {
  width: 38.5416666667vw;
  height: 25vw;
}
@media (min-width: 10001px) {
  .articles__listing--dual-left .articles__media-wrapper, .articles__listing--dual-left .articles__media-wrapper img, .articles__listing--dual-left .articles__media-wrapper video, .articles__listing--dual-right .articles__media-wrapper, .articles__listing--dual-right .articles__media-wrapper img, .articles__listing--dual-right .articles__media-wrapper video, .articles__listing--portrait .articles__media-wrapper, .articles__listing--portrait .articles__media-wrapper img, .articles__listing--portrait .articles__media-wrapper video {
    width: 3854.1666666667px;
    height: 2500px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--dual-left .articles__media-wrapper, .articles__listing--dual-left .articles__media-wrapper img, .articles__listing--dual-left .articles__media-wrapper video, .articles__listing--dual-right .articles__media-wrapper, .articles__listing--dual-right .articles__media-wrapper img, .articles__listing--dual-right .articles__media-wrapper video, .articles__listing--portrait .articles__media-wrapper, .articles__listing--portrait .articles__media-wrapper img, .articles__listing--portrait .articles__media-wrapper video {
    width: 92.5333333333vw;
    height: 56vw;
  }
}
.articles__listing--dual-left .articles__listing-copy-wrapper, .articles__listing--dual-right .articles__listing-copy-wrapper, .articles__listing--portrait .articles__listing-copy-wrapper {
  margin-top: auto;
  padding-top: 3.125vw;
}
@media (min-width: 10001px) {
  .articles__listing--dual-left .articles__listing-copy-wrapper, .articles__listing--dual-right .articles__listing-copy-wrapper, .articles__listing--portrait .articles__listing-copy-wrapper {
    padding-top: 312.5px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--dual-left .articles__listing-copy-wrapper, .articles__listing--dual-right .articles__listing-copy-wrapper, .articles__listing--portrait .articles__listing-copy-wrapper {
    padding-bottom: 14.6666666667vw;
    padding-top: 4.8vw;
  }
}
.articles__listing--dual-left .articles__listing-copy, .articles__listing--dual-right .articles__listing-copy, .articles__listing--portrait .articles__listing-copy {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .articles__listing--dual-left .articles__listing-copy, .articles__listing--dual-right .articles__listing-copy, .articles__listing--portrait .articles__listing-copy {
    flex-direction: column;
  }
}
.articles__listing--dual-left .articles__listing-description, .articles__listing--dual-right .articles__listing-description, .articles__listing--portrait .articles__listing-description {
  display: flex;
  flex-direction: column;
  width: 23.6805555556vw;
  padding-bottom: 3.4722222222vw;
}
@media (min-width: 10001px) {
  .articles__listing--dual-left .articles__listing-description, .articles__listing--dual-right .articles__listing-description, .articles__listing--portrait .articles__listing-description {
    width: 2368.0555555556px;
    padding-bottom: 347.2222222222px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .articles__listing--dual-left .articles__listing-description, .articles__listing--dual-right .articles__listing-description, .articles__listing--portrait .articles__listing-description {
    width: 100%;
  }
}
.articles__listing--dual-left .articles__listing-link, .articles__listing--dual-right .articles__listing-link, .articles__listing--portrait .articles__listing-link {
  display: block;
  margin-top: auto;
  padding-top: 1.7361111111vw;
}
@media (min-width: 10001px) {
  .articles__listing--dual-left .articles__listing-link, .articles__listing--dual-right .articles__listing-link, .articles__listing--portrait .articles__listing-link {
    padding-top: 173.6111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--dual-left .articles__listing-category, .articles__listing--dual-right .articles__listing-category, .articles__listing--portrait .articles__listing-category {
    padding-bottom: 5.6vw;
  }
}

.articles__listing--portrait {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  width: 38.4027777778vw;
}
@media (min-width: 10001px) {
  .articles__listing--portrait {
    width: 3840.2777777778px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .articles__listing--portrait {
    width: 92.5333333333vw;
  }
}
.articles__listing--portrait .articles__media-wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 38.3333333333vw;
  height: 50.8333333333vw;
}
@media (min-width: 10001px) {
  .articles__listing--portrait .articles__media-wrapper {
    width: 3833.3333333333px;
    height: 5083.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--portrait .articles__media-wrapper {
    width: 61.0666666667vw;
    height: 87.2vw;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .articles__listing--portrait .articles__media-wrapper img, .articles__listing--portrait .articles__media-wrapper video {
    width: 61.0666666667vw;
    height: 87.2vw;
  }
}

@media (max-width: 1023px) and (orientation:portrait) {
  .articles__listing.last, .articles__listing--dual-right.last {
    margin-bottom: 0;
  }
}

@media (max-width: 1023px) and (orientation:portrait) {
  .case-study {
    width: 100vw;
    overflow: hidden;
  }
}

.case-study__summary {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-left: 16.1111111111vw;
  padding-right: 16.1111111111vw;
  padding-top: 3.0555555556vw;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__summary {
    flex-direction: column;
  }
}
@media (min-width: 10001px) {
  .case-study__summary {
    padding-left: 1611.1111111111px;
    padding-right: 1611.1111111111px;
    padding-top: 305.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__summary {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
  }
}

.case-study__summary-title-column {
  padding-right: 1.7361111111vw;
  width: 14.9305555556vw;
}
@media (min-width: 10001px) {
  .case-study__summary-title-column {
    padding-right: 173.6111111111px;
    width: 1493.0555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__summary-title-column {
    padding-right: 0vw;
    padding-bottom: 13.3333333333vw;
    width: 92.5333333333vw;
  }
}

.case-study__summary-qa-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: auto;
  grid-column-gap: 1.3888888889vw;
  grid-row-gap: 1.0416666667vw;
  padding-right: 5.2083333333vw;
}
@media (min-width: 10001px) {
  .case-study__summary-qa-grid {
    grid-column-gap: 138.8888888889px;
    grid-row-gap: 104.1666666667px;
    padding-right: 520.8333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__summary-qa-grid {
    grid-column-gap: 5.3333333333vw;
    grid-row-gap: 3.2vw;
    padding-right: 0vw;
    padding-bottom: 13.3333333333vw;
  }
}

.case-study__summary-question {
  width: 5vw;
}
@media (min-width: 10001px) {
  .case-study__summary-question {
    width: 500px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__summary-question {
    width: 29.8666666667vw;
  }
}

.case-study__summary-answer {
  width: 8.6805555556vw;
}
@media (min-width: 10001px) {
  .case-study__summary-answer {
    width: 868.0555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__summary-answer {
    width: 61.0666666667vw;
  }
}

.case-study__summary-copy-column {
  width: 27.7777777778vw;
  padding-left: 0.6944444444vw;
  line-height: 0.9722222222vw;
}
@media (min-width: 10001px) {
  .case-study__summary-copy-column {
    width: 2777.7777777778px;
    padding-left: 69.4444444444px;
    line-height: 97.2222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__summary-copy-column {
    width: 92.5333333333vw;
    padding-left: 0vw;
    line-height: 4.2666666667vw;
  }
}

.case-study__element {
  margin-bottom: 15.7638888889vw;
}
@media (min-width: 10001px) {
  .case-study__element {
    margin-bottom: 1576.3888888889px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element {
    margin-bottom: 25.3333333333vw;
  }
}

.case-study__element--short-margins {
  margin-bottom: 10.2777777778vw;
}
@media (min-width: 10001px) {
  .case-study__element--short-margins {
    margin-bottom: 1027.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--short-margins {
    margin-bottom: 25.3333333333vw;
  }
}

.case-study__element--precedes-title {
  margin-bottom: 6.0416666667vw;
}
@media (min-width: 10001px) {
  .case-study__element--precedes-title {
    margin-bottom: 604.1666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--precedes-title {
    margin-bottom: 12.5333333333vw;
  }
}

@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--no-margin-mobile {
    margin-bottom: 0;
  }
}

.case-study__element-title {
  padding-bottom: 1.3888888889vw;
}
@media (min-width: 10001px) {
  .case-study__element-title {
    padding-bottom: 138.8888888889px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element-title {
    padding-bottom: 1.3333333333vw;
    letter-spacing: 0.2666666667vw;
  }
}

.case-study__element--full-bleed {
  width: 100vw;
  height: 55.5555555556vw;
}
@media (min-width: 10001px) {
  .case-study__element--full-bleed {
    width: 10000px;
    height: 5555.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--full-bleed {
    width: 100vw;
    height: 56vw;
  }
}

.case-study__element--dual-right {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--dual-right {
    flex-direction: column;
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--dual-right .case-study__element-title {
    order: 1;
    padding-bottom: 6.6666666667vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--dual-right .case-study__dual-right-right-column {
    order: 2;
  }
}
@media (max-width: 1023px) {
  .case-study__element--dual-right .case-study__element-copy {
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
    letter-spacing: -0.0133333333vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--dual-right .case-study__element-copy {
    order: 3;
    padding-bottom: 13.8666666667vw;
  }
}
@media (max-width: 1023px) {
  .case-study__element--dual-right .case-study__element-copy p {
    height: -0.0133333333vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--dual-right .case-study__dual-right-left-column {
    order: 4;
  }
}

.case-study__dual-right-right-column {
  display: flex;
  flex-direction: column;
  width: 44.6527777778vw;
  height: 53.3333333333vw;
}
@media (min-width: 10001px) {
  .case-study__dual-right-right-column {
    width: 4465.2777777778px;
    height: 5333.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__dual-right-right-column {
    width: 92.5333333333vw;
    padding-bottom: 12vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__dual-right-right-column {
    height: auto;
  }
}
.case-study__dual-right-right-column .media-wrapper {
  width: 43.2638888889vw;
  height: 29.5138888889vw;
}
@media (min-width: 10001px) {
  .case-study__dual-right-right-column .media-wrapper {
    width: 4326.3888888889px;
    height: 2951.3888888889px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__dual-right-right-column .media-wrapper {
    width: 92.5333333333vw;
    height: 64.5333333333vw;
  }
}
.case-study__dual-right-right-column .hide-on-mobile {
  margin-top: auto;
}
.case-study__dual-right-right-column .case-study__copy-wrapper {
  line-height: 0.9375vw;
  width: 28.6805555556vw;
}
@media (min-width: 10001px) {
  .case-study__dual-right-right-column .case-study__copy-wrapper {
    line-height: 93.75px;
    width: 2868.0555555556px;
  }
}

.case-study__dual-right-left-column {
  width: 43.2638888889vw;
  margin-right: 10.6944444444vw;
  margin-left: 1.3888888889vw;
}
@media (min-width: 10001px) {
  .case-study__dual-right-left-column {
    width: 4326.3888888889px;
    margin-right: 1069.4444444444px;
    margin-left: 138.8888888889px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__dual-right-left-column {
    width: 76.8vw;
    margin-right: 0vw;
    margin-left: 0vw;
  }
}
.case-study__dual-right-left-column .media-wrapper {
  width: 43.2638888889vw;
  height: 53.3333333333vw;
}
@media (min-width: 10001px) {
  .case-study__dual-right-left-column .media-wrapper {
    width: 4326.3888888889px;
    height: 5333.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__dual-right-left-column .media-wrapper {
    width: 76.8vw;
    height: 94.1333333333vw;
  }
}

.case-study__element--landscape {
  width: 67.7777777778vw;
}
@media (min-width: 10001px) {
  .case-study__element--landscape {
    width: 6777.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--landscape {
    width: 92.5333333333vw;
  }
}
.case-study__element--landscape .media-wrapper {
  width: 67.7777777778vw;
  height: 41.6666666667vw;
}
@media (min-width: 10001px) {
  .case-study__element--landscape .media-wrapper {
    width: 6777.7777777778px;
    height: 4166.6666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--landscape .media-wrapper {
    width: 92.5333333333vw;
    height: 56vw;
  }
}
.case-study__element--landscape .case-study__copy-wrapper {
  width: 43.2638888889vw;
  margin-top: 3.4722222222vw;
  padding-bottom: 1.3888888889vw;
  font-size: 1.25vw;
  line-height: 1.5277777778vw;
}
@media (min-width: 10001px) {
  .case-study__element--landscape .case-study__copy-wrapper {
    width: 4326.3888888889px;
    margin-top: 347.2222222222px;
    padding-bottom: 138.8888888889px;
    font-size: 125px;
    line-height: 152.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--landscape .case-study__copy-wrapper {
    width: 92.5333333333vw;
    margin-top: 5.3333333333vw;
    padding-bottom: 0vw;
    font-size: 4.2666666667vw;
    line-height: 5.3333333333vw;
    letter-spacing: 0.08vw;
  }
}

.case-study__element--d1-portraits {
  border-top: 1px solid #d7d7d7;
  width: 67.7777777778vw;
  padding-top: 2.9861111111vw;
}
@media (min-width: 10001px) {
  .case-study__element--d1-portraits {
    width: 6777.7777777778px;
    padding-top: 298.6111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d1-portraits {
    width: 92.5333333333vw;
    padding-top: 4vw;
  }
}
.case-study__element--d1-portraits .case-study__copy-wrapper .case-study__element-title {
  float: left;
  width: 34.3055555556vw;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--d1-portraits .case-study__copy-wrapper .case-study__element-title {
    float: auto;
  }
}
@media (min-width: 10001px) {
  .case-study__element--d1-portraits .case-study__copy-wrapper .case-study__element-title {
    width: 3430.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d1-portraits .case-study__copy-wrapper .case-study__element-title {
    width: 92.5333333333vw;
  }
}
.case-study__element--d1-portraits .case-study__copy-wrapper .case-study__element-copy {
  float: left;
  width: 28.75vw;
  padding-bottom: 3.4722222222vw;
  line-height: 0.9722222222vw;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--d1-portraits .case-study__copy-wrapper .case-study__element-copy {
    float: auto;
  }
}
@media (min-width: 10001px) {
  .case-study__element--d1-portraits .case-study__copy-wrapper .case-study__element-copy {
    width: 2875px;
    padding-bottom: 347.2222222222px;
    line-height: 97.2222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d1-portraits .case-study__copy-wrapper .case-study__element-copy {
    width: 92.5333333333vw;
    padding-bottom: 13.3333333333vw;
    padding-top: 16.5333333333vw;
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
  }
}
.case-study__element--d1-portraits .case-study__d1-portraits--left {
  float: left;
  width: 33.4722222222vw;
  height: 44.1666666667vw;
  margin-right: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--d1-portraits .case-study__d1-portraits--left {
    width: 3347.2222222222px;
    height: 4416.6666666667px;
    margin-right: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d1-portraits .case-study__d1-portraits--left {
    width: 45.3333333333vw;
    height: 64.5333333333vw;
    margin-right: 1.6vw;
  }
}
.case-study__element--d1-portraits .case-study__d1-portraits--right {
  float: right;
  width: 33.4722222222vw;
  height: 44.1666666667vw;
}
@media (min-width: 10001px) {
  .case-study__element--d1-portraits .case-study__d1-portraits--right {
    width: 3347.2222222222px;
    height: 4416.6666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d1-portraits .case-study__d1-portraits--right {
    width: 45.3333333333vw;
    height: 64.5333333333vw;
  }
}
.case-study__element--d1-portraits .case-study__d1-portraits--left .media-wrapper, .case-study__element--d1-portraits .case-study__d1-portraits--right .media-wrapper {
  width: 33.4722222222vw;
  height: 44.0972222222vw;
}
@media (min-width: 10001px) {
  .case-study__element--d1-portraits .case-study__d1-portraits--left .media-wrapper, .case-study__element--d1-portraits .case-study__d1-portraits--right .media-wrapper {
    width: 3347.2222222222px;
    height: 4409.7222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d1-portraits .case-study__d1-portraits--left .media-wrapper, .case-study__element--d1-portraits .case-study__d1-portraits--right .media-wrapper {
    width: 45.3333333333vw;
    height: 64.5333333333vw;
  }
}

.case-study__element--d2-landscape {
  border-top: 1px solid #d7d7d7;
  width: 67.7777777778vw;
  padding-top: 4.8611111111vw;
}
@media (min-width: 10001px) {
  .case-study__element--d2-landscape {
    width: 6777.7777777778px;
    padding-top: 486.1111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d2-landscape {
    width: 92.5333333333vw;
    padding-top: 3.2vw;
  }
}
.case-study__element--d2-landscape .case-study__copy-wrapper .case-study__element-title {
  float: left;
  width: 34.3055555556vw;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--d2-landscape .case-study__copy-wrapper .case-study__element-title {
    float: auto;
  }
}
@media (min-width: 10001px) {
  .case-study__element--d2-landscape .case-study__copy-wrapper .case-study__element-title {
    width: 3430.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d2-landscape .case-study__copy-wrapper .case-study__element-title {
    width: 92.5333333333vw;
  }
}
.case-study__element--d2-landscape .case-study__copy-wrapper .case-study__element-copy {
  float: left;
  width: 28.75vw;
  padding-bottom: 3.4722222222vw;
  line-height: 0.9722222222vw;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--d2-landscape .case-study__copy-wrapper .case-study__element-copy {
    float: auto;
  }
}
@media (min-width: 10001px) {
  .case-study__element--d2-landscape .case-study__copy-wrapper .case-study__element-copy {
    width: 2875px;
    padding-bottom: 347.2222222222px;
    line-height: 97.2222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d2-landscape .case-study__copy-wrapper .case-study__element-copy {
    width: 92.5333333333vw;
    padding-bottom: 13.3333333333vw;
    padding-top: 19.2vw;
    line-height: 4.2666666667vw;
  }
}
.case-study__element--d2-landscape .media-wrapper {
  width: 67.7777777778vw;
  height: 43.4027777778vw;
}
@media (min-width: 10001px) {
  .case-study__element--d2-landscape .media-wrapper {
    width: 6777.7777777778px;
    height: 4340.2777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d2-landscape .media-wrapper {
    width: 92.5333333333vw;
    height: 64.5333333333vw;
  }
}

.case-study__element--d3-landscape {
  border-top: 1px solid #d7d7d7;
  width: 67.7777777778vw;
  padding-top: 4.8611111111vw;
}
@media (min-width: 10001px) {
  .case-study__element--d3-landscape {
    width: 6777.7777777778px;
    padding-top: 486.1111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d3-landscape {
    width: 92.5333333333vw;
    padding-top: 3.2vw;
  }
}
.case-study__element--d3-landscape .case-study__element--d3-landscape-carousel {
  position: relative;
}
.case-study__element--d3-landscape .case-study__copy-wrapper .case-study__element-title {
  float: left;
  width: 34.3055555556vw;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--d3-landscape .case-study__copy-wrapper .case-study__element-title {
    float: auto;
  }
}
@media (min-width: 10001px) {
  .case-study__element--d3-landscape .case-study__copy-wrapper .case-study__element-title {
    width: 3430.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d3-landscape .case-study__copy-wrapper .case-study__element-title {
    width: 92.5333333333vw;
  }
}
.case-study__element--d3-landscape .case-study__copy-wrapper .case-study__element-copy {
  float: left;
  width: 28.75vw;
  padding-bottom: 3.4722222222vw;
  line-height: 0.9722222222vw;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--d3-landscape .case-study__copy-wrapper .case-study__element-copy {
    float: auto;
  }
}
@media (min-width: 10001px) {
  .case-study__element--d3-landscape .case-study__copy-wrapper .case-study__element-copy {
    width: 2875px;
    padding-bottom: 347.2222222222px;
    line-height: 97.2222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d3-landscape .case-study__copy-wrapper .case-study__element-copy {
    width: 92.5333333333vw;
    padding-bottom: 13.3333333333vw;
    padding-top: 19.2vw;
    line-height: 4.2666666667vw;
  }
}
.case-study__element--d3-landscape .media-wrapper {
  width: 67.7777777778vw;
  height: 44.0972222222vw;
}
@media (min-width: 10001px) {
  .case-study__element--d3-landscape .media-wrapper {
    width: 6777.7777777778px;
    height: 4409.7222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d3-landscape .media-wrapper {
    width: 92.5333333333vw;
    height: 64.5333333333vw;
  }
}
.case-study__element--d3-landscape .slide--landscape .media-wrapper {
  width: 67.7777777778vw;
  height: 44.0972222222vw;
  margin-right: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--d3-landscape .slide--landscape .media-wrapper {
    width: 6777.7777777778px;
    height: 4409.7222222222px;
    margin-right: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d3-landscape .slide--landscape .media-wrapper {
    width: 92.5333333333vw;
    height: 64.5333333333vw;
    margin-right: 1.6vw;
  }
}
.case-study__element--d3-landscape .slide--portrait .media-wrapper {
  margin: auto;
  width: 33.3333333333vw;
  height: 44.0972222222vw;
}
@media (min-width: 10001px) {
  .case-study__element--d3-landscape .slide--portrait .media-wrapper {
    width: 3333.3333333333px;
    height: 4409.7222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d3-landscape .slide--portrait .media-wrapper {
    width: 49.3333333333vw;
    height: 64.5333333333vw;
  }
}
.case-study__element--d3-landscape .slick-prev, .case-study__element--d3-landscape .slick-next {
  position: absolute;
  width: 17.2222222222vw;
  height: 44.0972222222vw;
  z-index: 10;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
@media (min-width: 10001px) {
  .case-study__element--d3-landscape .slick-prev, .case-study__element--d3-landscape .slick-next {
    width: 1722.2222222222px;
    height: 4409.7222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d3-landscape .slick-prev, .case-study__element--d3-landscape .slick-next {
    width: 0vw;
    height: 64.5333333333vw;
  }
}
.case-study__element--d3-landscape .slick-next {
  right: 0;
}
.case-study__element--d3-landscape .slick-prev {
  left: 0;
}
.case-study__element--d3-landscape .case-study__slideshow-counter, .case-study__element--d3-landscape .case-study__slideshow-next-arrow {
  position: absolute;
  right: 0vw;
  bottom: 0vw;
}
@media (min-width: 10001px) {
  .case-study__element--d3-landscape .case-study__slideshow-counter, .case-study__element--d3-landscape .case-study__slideshow-next-arrow {
    right: 0px;
    bottom: 0px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--d3-landscape .case-study__slideshow-counter, .case-study__element--d3-landscape .case-study__slideshow-next-arrow {
    bottom: auto;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d3-landscape .case-study__slideshow-counter, .case-study__element--d3-landscape .case-study__slideshow-next-arrow {
    right: 0vw;
    top: 66.6666666667vw;
  }
}
.case-study__element--d3-landscape .case-study__slideshow-caption {
  overflow: visible;
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--d3-landscape .case-study__slideshow-caption {
    padding-top: 2.1333333333vw;
    padding-right: 10.6666666667vw;
    height: 6.1333333333vw;
  }
}

.case-study__element--anchored-landscape .media-wrapper {
  overflow: visible;
  width: 83.8888888889vw;
  height: 48.6111111111vw;
}
@media (min-width: 10001px) {
  .case-study__element--anchored-landscape .media-wrapper {
    width: 8388.8888888889px;
    height: 4861.1111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--anchored-landscape .media-wrapper {
    width: 80.8vw;
    height: 51.2vw;
  }
}

.case-study__element--text-left .case-study__copy-wrapper {
  margin-left: 16.1111111111vw;
  width: 28.6805555556vw;
  line-height: 0.9722222222vw;
}
@media (min-width: 10001px) {
  .case-study__element--text-left .case-study__copy-wrapper {
    margin-left: 1611.1111111111px;
    width: 2868.0555555556px;
    line-height: 97.2222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--text-left .case-study__copy-wrapper {
    margin-left: 3.7333333333vw;
    width: 92.5333333333vw;
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--text-left .case-study__element-title {
    padding-bottom: 7.4666666667vw;
  }
}

.case-study__element--text--center {
  width: 28.6805555556vw;
  line-height: 0.9722222222vw;
}
@media (min-width: 10001px) {
  .case-study__element--text--center {
    width: 2868.0555555556px;
    line-height: 97.2222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--text--center {
    margin-left: 3.7333333333vw;
    width: 92.5333333333vw;
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--text--center .case-study__element-title {
    padding-bottom: 7.4666666667vw;
  }
}

.case-study__element--text--title {
  margin-bottom: 14.5833333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--text--title {
    margin-bottom: 1458.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--text--title {
    margin-bottom: 24.8vw;
  }
}
.case-study__element--text--title .case-study__copy-wrapper {
  margin-left: 11.1805555556vw;
  width: 48.6111111111vw;
}
@media (min-width: 10001px) {
  .case-study__element--text--title .case-study__copy-wrapper {
    margin-left: 1118.0555555556px;
    width: 4861.1111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--text--title .case-study__copy-wrapper {
    margin-left: 3.7333333333vw;
    width: 92.5333333333vw;
  }
}
.case-study__element--text--title .case-study__element-copy {
  font-size: 1.25vw;
  line-height: 1.5277777778vw;
}
@media (min-width: 10001px) {
  .case-study__element--text--title .case-study__element-copy {
    font-size: 125px;
    line-height: 152.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--text--title .case-study__element-copy {
    font-size: 4.2666666667vw;
    line-height: 5.3333333333vw;
  }
}
.case-study__element--text--title .case-study__element-title {
  padding-bottom: 2.9166666667vw;
}
@media (min-width: 10001px) {
  .case-study__element--text--title .case-study__element-title {
    padding-bottom: 291.6666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--text--title .case-study__element-title {
    padding-bottom: 5.8666666667vw;
  }
}

.case-study__element--copy-and-rect {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--copy-and-rect {
    flex-direction: column;
  }
}
.case-study__element--copy-and-rect .case-study__element--copy-and-rect-media {
  width: 53.125vw;
}
@media (min-width: 10001px) {
  .case-study__element--copy-and-rect .case-study__element--copy-and-rect-media {
    width: 5312.5px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--copy-and-rect .case-study__element--copy-and-rect-media {
    width: 92.5333333333vw;
  }
}
.case-study__element--copy-and-rect .media-wrapper {
  width: 53.125vw;
  height: 38.1944444444vw;
}
@media (min-width: 10001px) {
  .case-study__element--copy-and-rect .media-wrapper {
    width: 5312.5px;
    height: 3819.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--copy-and-rect .media-wrapper {
    width: 92.5333333333vw;
    height: 64.5333333333vw;
  }
}
.case-study__element--copy-and-rect .case-study__element--copy-and-rect-copy {
  display: flex;
  flex-direction: column;
  width: 28.75vw;
  height: 38.1944444444vw;
  margin-left: 4.9305555556vw;
}
@media (min-width: 10001px) {
  .case-study__element--copy-and-rect .case-study__element--copy-and-rect-copy {
    width: 2875px;
    height: 3819.4444444444px;
    margin-left: 493.0555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--copy-and-rect .case-study__element--copy-and-rect-copy {
    width: 92.5333333333vw;
    margin-left: 0vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--copy-and-rect .case-study__element--copy-and-rect-copy {
    height: auto;
  }
}
.case-study__element--copy-and-rect .case-study__element-title {
  padding-bottom: 2.5694444444vw;
}
@media (min-width: 10001px) {
  .case-study__element--copy-and-rect .case-study__element-title {
    padding-bottom: 256.9444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--copy-and-rect .case-study__element-title {
    padding-bottom: 6.6666666667vw;
  }
}
.case-study__element--copy-and-rect .case-study__element-copy {
  font-size: 1.25vw;
  line-height: 1.5277777778vw;
}
@media (min-width: 10001px) {
  .case-study__element--copy-and-rect .case-study__element-copy {
    font-size: 125px;
    line-height: 152.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--copy-and-rect .case-study__element-copy {
    font-size: 4.2666666667vw;
    line-height: 5.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }
}
.case-study__element--copy-and-rect .case-study__element-bottom_copy {
  margin-top: auto;
  line-height: 0.9375vw;
}
@media (min-width: 10001px) {
  .case-study__element--copy-and-rect .case-study__element-bottom_copy {
    line-height: 93.75px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--copy-and-rect .case-study__element-bottom_copy {
    padding-top: 14.6666666667vw;
    line-height: 4.2666666667vw;
  }
}

.case-study__element--copy-and-rect--left {
  flex-direction: row-reverse;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--copy-and-rect--left {
    flex-direction: column;
  }
}
.case-study__element--copy-and-rect--left .case-study__element--copy-and-rect-copy {
  margin-left: 0;
  margin-right: 4.9305555556vw;
}
@media (min-width: 10001px) {
  .case-study__element--copy-and-rect--left .case-study__element--copy-and-rect-copy {
    margin-right: 493.0555555556px;
  }
}

.case-study__element--quote-and-rect {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--quote-and-rect {
    flex-direction: column;
  }
}
.case-study__element--quote-and-rect .case-study__element--quote-and-rect-media {
  width: 53.125vw;
}
@media (min-width: 10001px) {
  .case-study__element--quote-and-rect .case-study__element--quote-and-rect-media {
    width: 5312.5px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--quote-and-rect .case-study__element--quote-and-rect-media {
    width: 92.5333333333vw;
  }
}
.case-study__element--quote-and-rect .media-wrapper {
  width: 53.125vw;
  height: 38.1944444444vw;
}
@media (min-width: 10001px) {
  .case-study__element--quote-and-rect .media-wrapper {
    width: 5312.5px;
    height: 3819.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--quote-and-rect .media-wrapper {
    width: 92.5333333333vw;
    height: 64.5333333333vw;
  }
}
.case-study__element--quote-and-rect .case-study__element--quote-and-rect-copy {
  display: flex;
  flex-direction: column;
  width: 28.75vw;
  height: 38.1944444444vw;
  margin-left: 4.9305555556vw;
}
@media (min-width: 10001px) {
  .case-study__element--quote-and-rect .case-study__element--quote-and-rect-copy {
    width: 2875px;
    height: 3819.4444444444px;
    margin-left: 493.0555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--quote-and-rect .case-study__element--quote-and-rect-copy {
    width: 92.5333333333vw;
    margin-left: 0vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--quote-and-rect .case-study__element--quote-and-rect-copy {
    height: auto;
  }
}
.case-study__element--quote-and-rect .case-study__element-title {
  padding-bottom: 2.5694444444vw;
}
@media (min-width: 10001px) {
  .case-study__element--quote-and-rect .case-study__element-title {
    padding-bottom: 256.9444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--quote-and-rect .case-study__element-title {
    padding-bottom: 6.6666666667vw;
  }
}
.case-study__element--quote-and-rect .case-study__element-copy {
  font-size: 1.25vw;
  line-height: 1.5277777778vw;
}
@media (min-width: 10001px) {
  .case-study__element--quote-and-rect .case-study__element-copy {
    font-size: 125px;
    line-height: 152.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--quote-and-rect .case-study__element-copy {
    font-size: 4.2666666667vw;
    line-height: 5.3333333333vw;
  }
}
.case-study__element--quote-and-rect .case-study__element-bottom_copy {
  margin-top: auto;
  line-height: 0.9375vw;
}
@media (min-width: 10001px) {
  .case-study__element--quote-and-rect .case-study__element-bottom_copy {
    line-height: 93.75px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--quote-and-rect .case-study__element-bottom_copy {
    padding-top: 14.6666666667vw;
    line-height: 4.2666666667vw;
  }
}
.case-study__element--quote-and-rect .case-study__element-quote-source {
  margin-top: 1.25vw;
}
@media (min-width: 10001px) {
  .case-study__element--quote-and-rect .case-study__element-quote-source {
    margin-top: 125px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--quote-and-rect .case-study__element-quote-source {
    margin-top: 4.8vw;
    padding-bottom: 14.6666666667vw;
  }
}

.case-study__element--quote-and-rect--left {
  flex-direction: row-reverse;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--quote-and-rect--left {
    flex-direction: column;
  }
}
.case-study__element--quote-and-rect--left .case-study__element--quote-and-rect-copy {
  margin-left: 0;
  margin-right: 4.9305555556vw;
}
@media (min-width: 10001px) {
  .case-study__element--quote-and-rect--left .case-study__element--quote-and-rect-copy {
    margin-right: 493.0555555556px;
  }
}

.case-study__element--small-carousel {
  position: relative;
  width: 100vw;
  height: 30.5555555556vw;
}
@media (min-width: 10001px) {
  .case-study__element--small-carousel {
    width: 10000px;
    height: 3055.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--small-carousel {
    width: 100vw;
    height: 56vw;
  }
}
.case-study__element--small-carousel .case-study__small-carousel {
  position: relative;
  width: 100vw;
  height: 28.8194444444vw;
}
@media (min-width: 10001px) {
  .case-study__element--small-carousel .case-study__small-carousel {
    width: 10000px;
    height: 2881.9444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--small-carousel .case-study__small-carousel {
    width: 100vw;
    height: 46.9333333333vw;
  }
}
.case-study__element--small-carousel .case-study__small-carousel .slide--landscape .media-wrapper {
  width: 48.1944444444vw;
  height: 28.8194444444vw;
  margin-right: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--small-carousel .case-study__small-carousel .slide--landscape .media-wrapper {
    width: 4819.4444444444px;
    height: 2881.9444444444px;
    margin-right: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--small-carousel .case-study__small-carousel .slide--landscape .media-wrapper {
    width: 76.8vw;
    height: 46.9333333333vw;
    margin-right: 1.6vw;
  }
}
.case-study__element--small-carousel .case-study__small-carousel .slide--portrait .media-wrapper {
  width: 23.6805555556vw;
  height: 28.8194444444vw;
  margin-right: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--small-carousel .case-study__small-carousel .slide--portrait .media-wrapper {
    width: 2368.0555555556px;
    height: 2881.9444444444px;
    margin-right: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--small-carousel .case-study__small-carousel .slide--portrait .media-wrapper {
    width: 38.6666666667vw;
    height: 46.9333333333vw;
    margin-right: 1.6vw;
  }
}
.case-study__element--small-carousel .case-study__small-carousel .slick-slide {
  transform: translate(13.6805555556vw);
}
.case-study__element--small-carousel .case-study__small-carousel .slick-prev, .case-study__element--small-carousel .case-study__small-carousel .slick-next {
  position: absolute;
  width: 12.8472222222vw;
  height: 28.8194444444vw;
  z-index: 10;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
@media (min-width: 10001px) {
  .case-study__element--small-carousel .case-study__small-carousel .slick-prev, .case-study__element--small-carousel .case-study__small-carousel .slick-next {
    width: 1284.7222222222px;
    height: 2881.9444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--small-carousel .case-study__small-carousel .slick-prev, .case-study__element--small-carousel .case-study__small-carousel .slick-next {
    width: 0vw;
    height: 46.9333333333vw;
  }
}
.case-study__element--small-carousel .case-study__small-carousel .slick-next {
  right: 0;
}
.case-study__element--small-carousel .case-study__small-carousel .slick-prev {
  left: 0;
}
.case-study__element--small-carousel .case-study__slideshow-caption {
  padding-top: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--small-carousel .case-study__slideshow-caption {
    padding-top: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--small-carousel .case-study__slideshow-caption {
    padding-top: 2.4vw;
    width: 80vw;
    margin-left: 3.7333333333vw;
  }
}
.case-study__element--small-carousel .case-study__slideshow-counter, .case-study__element--small-carousel .case-study__slideshow-next-arrow {
  position: absolute;
  right: 1.3888888889vw;
  bottom: 0vw;
}
@media (min-width: 10001px) {
  .case-study__element--small-carousel .case-study__slideshow-counter, .case-study__element--small-carousel .case-study__slideshow-next-arrow {
    right: 138.8888888889px;
    bottom: 0px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--small-carousel .case-study__slideshow-counter, .case-study__element--small-carousel .case-study__slideshow-next-arrow {
    bottom: auto;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--small-carousel .case-study__slideshow-counter, .case-study__element--small-carousel .case-study__slideshow-next-arrow {
    right: 3.7333333333vw;
    top: 49.3333333333vw;
  }
}

.case-study__element--large-carousel {
  position: relative;
  width: 100vw;
  height: 43.1944444444vw;
}
@media (min-width: 10001px) {
  .case-study__element--large-carousel {
    width: 10000px;
    height: 4319.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--large-carousel {
    width: 100vw;
    height: 56vw;
  }
}
.case-study__element--large-carousel .case-study__large-carousel {
  position: relative;
  width: 100vw;
  height: 41.6666666667vw;
}
@media (min-width: 10001px) {
  .case-study__element--large-carousel .case-study__large-carousel {
    width: 10000px;
    height: 4166.6666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--large-carousel .case-study__large-carousel {
    width: 100vw;
    height: 46.9333333333vw;
  }
}
.case-study__element--large-carousel .case-study__large-carousel .slide--landscape .media-wrapper {
  width: 67.7777777778vw;
  height: 41.6666666667vw;
  margin-right: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--large-carousel .case-study__large-carousel .slide--landscape .media-wrapper {
    width: 6777.7777777778px;
    height: 4166.6666666667px;
    margin-right: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--large-carousel .case-study__large-carousel .slide--landscape .media-wrapper {
    width: 76.8vw;
    height: 46.9333333333vw;
    margin-right: 1.6vw;
  }
}
.case-study__element--large-carousel .case-study__large-carousel .slide--portrait .media-wrapper {
  width: 29.7222222222vw;
  height: 41.6666666667vw;
  margin-right: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--large-carousel .case-study__large-carousel .slide--portrait .media-wrapper {
    width: 2972.2222222222px;
    height: 4166.6666666667px;
    margin-right: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--large-carousel .case-study__large-carousel .slide--portrait .media-wrapper {
    width: 38.6666666667vw;
    height: 46.9333333333vw;
    margin-right: 1.6vw;
  }
}
.case-study__element--large-carousel .case-study__large-carousel .slick-slide {
  transform: translate(16.1111111111vw);
}
.case-study__element--large-carousel .case-study__large-carousel .slick-prev, .case-study__element--large-carousel .case-study__large-carousel .slick-next {
  position: absolute;
  width: 12.8472222222vw;
  height: 41.6666666667vw;
  z-index: 10;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
@media (min-width: 10001px) {
  .case-study__element--large-carousel .case-study__large-carousel .slick-prev, .case-study__element--large-carousel .case-study__large-carousel .slick-next {
    width: 1284.7222222222px;
    height: 4166.6666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--large-carousel .case-study__large-carousel .slick-prev, .case-study__element--large-carousel .case-study__large-carousel .slick-next {
    width: 0vw;
    height: 46.9333333333vw;
  }
}
.case-study__element--large-carousel .case-study__large-carousel .slick-next {
  right: 0;
}
.case-study__element--large-carousel .case-study__large-carousel .slick-prev {
  left: 0;
}
.case-study__element--large-carousel .case-study__slideshow-caption {
  padding-top: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--large-carousel .case-study__slideshow-caption {
    padding-top: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--large-carousel .case-study__slideshow-caption {
    padding-top: 2.4vw;
    width: 80vw;
    margin-left: 3.7333333333vw;
  }
}
.case-study__element--large-carousel .case-study__slideshow-counter, .case-study__element--large-carousel .case-study__slideshow-next-arrow {
  position: absolute;
  right: 1.3888888889vw;
  bottom: 0vw;
}
@media (min-width: 10001px) {
  .case-study__element--large-carousel .case-study__slideshow-counter, .case-study__element--large-carousel .case-study__slideshow-next-arrow {
    right: 138.8888888889px;
    bottom: 0px;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--large-carousel .case-study__slideshow-counter, .case-study__element--large-carousel .case-study__slideshow-next-arrow {
    bottom: auto;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--large-carousel .case-study__slideshow-counter, .case-study__element--large-carousel .case-study__slideshow-next-arrow {
    right: 3.7333333333vw;
    top: 49.3333333333vw;
  }
}

.case-study__element--gallery {
  position: relative;
  width: 100vw;
  height: 30.2777777778vw;
  margin-left: 1.3888888889vw;
}
@media (min-width: 10001px) {
  .case-study__element--gallery {
    width: 10000px;
    height: 3027.7777777778px;
    margin-left: 138.8888888889px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--gallery {
    width: 100vw;
    height: 64.5333333333vw;
    margin-left: 0vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--gallery {
    height: fit-content;
  }
}
.case-study__element--gallery .gallery {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100vw;
  height: 30.5555555556vw;
}
@media (min-width: 10001px) {
  .case-study__element--gallery .gallery {
    width: 10000px;
    height: 3055.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--gallery .gallery {
    width: 100vw;
    height: 46.9333333333vw;
  }
}
.case-study__element--gallery .gallery .slide--landscape .media-wrapper {
  width: 48.1944444444vw;
  height: 28.8194444444vw;
  margin-right: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--gallery .gallery .slide--landscape .media-wrapper {
    width: 4819.4444444444px;
    height: 2881.9444444444px;
    margin-right: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--gallery .gallery .slide--landscape .media-wrapper {
    width: 76.8vw;
    height: 46.9333333333vw;
    margin-right: 1.6vw;
  }
}
.case-study__element--gallery .gallery .slide--portrait .media-wrapper {
  width: 23.6805555556vw;
  height: 28.8194444444vw;
  margin-right: 0.8333333333vw;
}
@media (min-width: 10001px) {
  .case-study__element--gallery .gallery .slide--portrait .media-wrapper {
    width: 2368.0555555556px;
    height: 2881.9444444444px;
    margin-right: 83.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--gallery .gallery .slide--portrait .media-wrapper {
    width: 38.6666666667vw;
    height: 46.9333333333vw;
    margin-right: 1.6vw;
  }
}
.case-study__element--gallery .case-study__slideshow-counter, .case-study__element--gallery .case-study__slideshow-next-arrow {
  position: absolute;
  top: 50.6666666667vw;
  right: 3.7333333333vw;
}
.case-study__element--gallery .case-study__slideshow-caption {
  position: absolute;
  top: 50.6666666667vw;
  left: 3.7333333333vw;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--gallery .slick-prev, .case-study__element--gallery .slick-next {
    position: absolute;
    z-index: 10;
    top: 0;
    opacity: 0;
    cursor: pointer;
  }
}
@media (max-width: 1023px) and (orientation:portrait) and (orientation:portrait) and (max-width: 1023px) {
  .case-study__element--gallery .slick-prev, .case-study__element--gallery .slick-next {
    width: 0vw;
    height: 46.9333333333vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--gallery .slick-next {
    right: 0;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .case-study__element--gallery .slick-prev {
    left: 0;
  }
}

.case-study__slideshow-next-arrow {
  cursor: pointer;
}
.case-study__slideshow-next-arrow svg path {
  stroke: #777777;
}

.case-study__download-button {
  padding-top: 1em;
}
.case-study__download-button svg {
  width: 1em;
  height: 1em;
  transform: translateY(0.125em);
}

.case-study__summary-qa-grid .case-study__download-button {
  position: absolute;
  bottom: 0;
}

@media (orientation:portrait) and (max-width: 1023px) {
  .case-study__element .grey {
    font-size: 3.2vw;
    line-height: 3.7333333333vw;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-list, .slick-track {
  height: 100%;
}

.slide, .slideshow {
  height: 100%;
}
.slide img, .slideshow img {
  max-height: 100%;
}

.slick-slide > div {
  height: 100%;
}

.slick-initialized .carousel--d3 .slick-slide {
  display: none;
}
.slick-loading .carousel--d3 .slick-slide {
  visibility: visible;
}

.home__title {
  position: fixed;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s ease, visibility 0s ease;
  z-index: 3;
  top: 4.8611111111vw;
  left: 1.3194444444vw;
  font-size: 1.1111111111vw;
  line-height: 1.3888888889vw;
  letter-spacing: 0.0215277778vw;
  margin-bottom: 12.1527777778vw;
}
@media (min-width: 10001px) {
  .home__title {
    top: 486.1111111111px;
    left: 131.9444444444px;
    font-size: 111.1111111111px;
    line-height: 138.8888888889px;
    letter-spacing: 2.1527777778px;
    margin-bottom: 1215.2777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home__title {
    top: 26.6666666667vw;
    left: 3.7333333333vw;
    font-size: 4.5333333333vw;
    line-height: 5.0666666667vw;
    letter-spacing: 0.2533333333vw;
    margin-bottom: 38.6666666667vw;
    padding-right: 10.6666666667vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .home__title br {
    display: none;
  }
}

.home__title-push {
  position: relative;
  height: 19.7916666667vw;
}
@media (min-width: 10001px) {
  .home__title-push {
    height: 1979.1666666667px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home__title-push {
    height: 55.7333333333vw;
  }
}
.home__title-push .home__title-start-fadeout {
  position: absolute;
  width: 100vw;
  bottom: 10.7638888889vw;
}
@media (min-width: 10001px) {
  .home__title-push .home__title-start-fadeout {
    bottom: 1076.3888888889px;
  }
}
.home__title-push .home__title-finish-fadeout {
  position: absolute;
  width: 100vw;
  bottom: 7.2916666667vw;
}
@media (min-width: 10001px) {
  .home__title-push .home__title-finish-fadeout {
    bottom: 729.1666666667px;
  }
}

.home__title--hide {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0s ease 0.4s;
}

.home-element {
  margin-bottom: 17.3611111111vw;
}
@media (min-width: 10001px) {
  .home-element {
    margin-bottom: 1736.1111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-element {
    margin-bottom: 29.3333333333vw;
  }
}

.home-element.last {
  margin-bottom: 15.625vw;
}
@media (min-width: 10001px) {
  .home-element.last {
    margin-bottom: 1562.5px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-element.last {
    margin-bottom: 33.3333333333vw;
  }
}

.home-element--hero-rectangle {
  position: relative;
}
.home-element--hero-rectangle .media-wrapper {
  width: 100vw;
  height: 55.5555555556vw;
}
@media (min-width: 10001px) {
  .home-element--hero-rectangle .media-wrapper {
    width: 10000px;
    height: 5555.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-element--hero-rectangle .media-wrapper {
    width: 100vw;
    height: 56vw;
  }
}

.home-element--centered-portrait {
  position: relative;
  width: 38.3333333333vw;
}
@media (min-width: 10001px) {
  .home-element--centered-portrait {
    width: 3833.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-element--centered-portrait {
    width: 61.0666666667vw;
  }
}
.home-element--centered-portrait .media-wrapper {
  width: 38.3333333333vw;
  height: 55.5555555556vw;
}
@media (min-width: 10001px) {
  .home-element--centered-portrait .media-wrapper {
    width: 3833.3333333333px;
    height: 5555.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-element--centered-portrait .media-wrapper {
    width: 61.0666666667vw;
    height: 87.2vw;
  }
}

.home-element--dual-portraits {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 77.0833333333vw;
}
@media (min-width: 10001px) {
  .home-element--dual-portraits {
    width: 7708.3333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-element--dual-portraits {
    width: 80.5333333333vw;
  }
}
.home-element--dual-portraits .media-wrapper {
  display: inline-flex;
  width: 38.3333333333vw;
  height: 55.5555555556vw;
}
@media (min-width: 10001px) {
  .home-element--dual-portraits .media-wrapper {
    width: 3833.3333333333px;
    height: 5555.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-element--dual-portraits .media-wrapper {
    width: 39.4666666667vw;
    height: 56vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  .home-element--dual-portraits .media-wrapper img {
    width: 100%;
    height: 100%;
  }
}

.home-element__link-title {
  display: block;
  position: absolute;
  top: 100%;
  left: 1.3888888889vw;
  padding-top: 0.6944444444vw;
}
@media (min-width: 10001px) {
  .home-element__link-title {
    left: 138.8888888889px;
    padding-top: 69.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-element__link-title {
    left: 3.7333333333vw;
    padding-top: 2.6666666667vw;
  }
}

.home-element--dual-portraits.fr .home-element__link-title {
  left: 0;
}

.home-element__link-copy {
  display: block;
  position: absolute;
  top: 100%;
  right: 1.3888888889vw;
  padding-top: 0.6944444444vw;
}
@media (min-width: 10001px) {
  .home-element__link-copy {
    right: 138.8888888889px;
    padding-top: 69.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-element__link-copy {
    right: 3.7333333333vw;
    padding-top: 2.6666666667vw;
  }
}

.home-element--dual-portraits.fl .home-element__link-copy {
  right: 0;
}

.home-element--centered-portrait .home-element__link-title {
  left: 0;
}

.home-element--centered-portrait .home-element__link-copy {
  right: 0;
}

.home-articles__listing--bigger {
  width: 53.125vw;
}
@media (min-width: 10001px) {
  .home-articles__listing--bigger {
    width: 5312.5px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-articles__listing--bigger {
    width: 92.5333333333vw;
  }
}
.home-articles__listing--bigger .media-wrapper {
  width: 53.125vw;
  height: 39.4444444444vw;
}
@media (min-width: 10001px) {
  .home-articles__listing--bigger .media-wrapper {
    width: 5312.5px;
    height: 3944.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-articles__listing--bigger .media-wrapper {
    width: 92.5333333333vw;
    height: 56vw;
  }
}

@media (orientation:portrait) and (max-width: 1023px) {
  .home-articles .articles__listing {
    margin-bottom: 6.6666666667vw;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-articles .articles__listing-link {
    padding-top: 5.3333333333vw;
  }
}
.home-articles .home-articles__title {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 0.3472222222vw;
  margin-bottom: 3.4722222222vw;
}
@media (min-width: 10001px) {
  .home-articles .home-articles__title {
    padding-bottom: 34.7222222222px;
    margin-bottom: 347.2222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-articles .home-articles__title {
    font-size: 4.5333333333vw;
    letter-spacing: 0.1333333333vw;
    padding-bottom: 2.6666666667vw;
    margin-bottom: 6.6666666667vw;
  }
}
.home-articles .articles__listing-copy-wrapper {
  font-size: 1.25vw;
  line-height: 1.5277777778vw;
  padding-top: 3.4722222222vw;
}
@media (min-width: 10001px) {
  .home-articles .articles__listing-copy-wrapper {
    font-size: 125px;
    line-height: 152.7777777778px;
    padding-top: 347.2222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-articles .articles__listing-copy-wrapper {
    font-size: 4.8vw;
    line-height: 5.8666666667vw;
    padding-top: 5.6vw;
    padding-bottom: 5.6vw;
  }
}
.home-articles .articles__listing-copy-wrapper .articles__title {
  padding-bottom: 2.7777777778vw;
}
@media (min-width: 10001px) {
  .home-articles .articles__listing-copy-wrapper .articles__title {
    padding-bottom: 277.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .home-articles .articles__listing-copy-wrapper .articles__title {
    padding-bottom: 3.4666666667vw;
  }
}

.mobile-modal-backdrop {
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  z-index: 99;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0s ease 0.4s;
  position: fixed;
  pointer-events: none;
}

.subscription-modal, .ebook-modal {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0s ease 0.4s;
  position: fixed;
  bottom: 0;
  right: 0;
  background: #ffffff;
  z-index: 100;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  width: 30.6944444444vw;
  bottom: 0vw;
  padding-bottom: 0;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .subscription-modal, .ebook-modal {
    width: 442px;
    bottom: 0px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .subscription-modal, .ebook-modal {
    width: 100vw;
    bottom: 0vw;
  }
}
.subscription-modal .media-wrapper, .ebook-modal .media-wrapper {
  width: 27.9166666667vw;
  height: 15.625vw;
  margin: 1.4583333333vw;
  margin-top: 0vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .subscription-modal .media-wrapper, .ebook-modal .media-wrapper {
    width: 402px;
    height: 225px;
    margin: 21px;
    margin-top: 0px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .subscription-modal .media-wrapper, .ebook-modal .media-wrapper {
    width: 92.5333333333vw;
    height: 56vw;
    margin: 3.7333333333vw;
    margin-top: 0vw;
  }
}

.subscription-modal.modal--open, .ebook-modal.modal--open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0s ease;
}

.mobile-modal-backdrop.modal--open {
  opacity: 0.8;
  visibility: visible;
  transition: opacity 0.4s ease, visibility 0s ease;
  pointer-events: auto;
}

.modal-close-x {
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.0138888889vw;
  width: 2.0138888889vw;
}
.modal-close-x svg path {
  fill: #000000;
  stroke: #000000;
}
.modal-close-x svg {
  transform: rotateZ(45deg);
  width: 50%;
  height: 50%;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .modal-close-x {
    height: 29px;
    width: 29px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .modal-close-x {
    height: 8vw;
    width: 8vw;
  }
}

.modal__title {
  padding: 1.4583333333vw;
  padding-bottom: 2.4305555556vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .modal__title {
    padding: 21px;
    padding-bottom: 35px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .modal__title {
    padding-top: 5.6vw;
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
    padding-bottom: 9.3333333333vw;
  }
}

.modal__copy {
  padding-left: 1.4583333333vw;
  padding-right: 1.4583333333vw;
  padding-bottom: 2.4305555556vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .modal__copy {
    padding-left: 21px;
    padding-right: 21px;
    padding-bottom: 35px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .modal__copy {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
    padding-bottom: 9.3333333333vw;
  }
}

.modal__newsletter-fields {
  padding-left: 1.4583333333vw;
  padding-right: 1.4583333333vw;
}
.modal__newsletter-fields .newsletter__signup__input {
  border-bottom: 1px solid #d7d7d7;
  width: 13.5416666667vw;
  margin-bottom: 1.4583333333vw;
  padding-bottom: 0.4166666667vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .modal__newsletter-fields .newsletter__signup__input {
    width: 195px;
    margin-bottom: 21px;
    padding-bottom: 6px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .modal__newsletter-fields .newsletter__signup__input {
    width: 44.2666666667vw;
    margin-bottom: 5.6vw;
    padding-bottom: 0.8vw;
    font-size: 3.4666666667vw;
  }
}
.modal__newsletter-fields .newsletter__signup__input.fw {
  width: 27.9166666667vw;
  margin-bottom: 0.4166666667vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .modal__newsletter-fields .newsletter__signup__input.fw {
    width: 402px;
    margin-bottom: 6px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .modal__newsletter-fields .newsletter__signup__input.fw {
    width: 92.5333333333vw;
    margin-bottom: 1.6vw;
  }
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .modal__newsletter-fields {
    padding-left: 21px;
    padding-right: 21px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .modal__newsletter-fields {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .modal__newsletter-fields .modal__privacy-notification {
    font-size: 2.6666666667vw;
  }
}

.modal__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #d7d7d7;
  height: 2.5vw;
  margin-top: 2.4305555556vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .modal__footer {
    height: 36px;
    margin-top: 35px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .modal__footer {
    height: 10.6666666667vw;
    margin-top: 9.3333333333vw;
  }
}

.modal__newsletter-fields ::-webkit-input-placeholder {
  color: #777777;
  opacity: 1;
  font-weight: 300;
}
.modal__newsletter-fields :-moz-placeholder {
  color: #777777;
  opacity: 1;
  font-weight: 300;
}
.modal__newsletter-fields ::-moz-placeholder {
  color: #777777;
  opacity: 1;
  font-weight: 300;
}
.modal__newsletter-fields :-ms-input-placeholder {
  color: #777777;
  opacity: 1;
  font-weight: 300;
}
.modal__newsletter-fields ::placeholder {
  color: #777777;
  opacity: 1;
  font-weight: 300;
}
.modal__newsletter-fields.error {
  border-bottom: 1px solid #000000;
}

.modal__input-wrapper {
  position: relative;
}
.modal__input-wrapper .error-message {
  position: absolute;
  right: 0;
}

.subscribe-response {
  display: none;
}

.subscribe-response svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.3888888889vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .subscribe-response svg {
    right: 20px;
  }
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  outline: none !important;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

html {
  height: 100%;
  -webkit-text-size-adjust: none;
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: #ffffff;
  overflow-y: scroll;
  font-size: 0.8333333333vw;
  line-height: 1.1805555556vw;
  letter-spacing: 0.0277777778vw;
}
@media (min-width: 10001px) {
  body {
    font-size: 83.3333333333px;
    line-height: 118.0555555556px;
    letter-spacing: 2.7777777778px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  body {
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
  }
}
@media (max-width: 1023px) and (orientation:portrait) {
  body {
    letter-spacing: 0.03em;
  }
}

.clamp-standard-fonts {
  font-size: 0.8333333333vw;
  line-height: 1.1805555556vw;
  letter-spacing: 0.0277777778vw;
}
@media (min-width: 1441px) and (max-width: 10000px) {
  .clamp-standard-fonts {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.4px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .clamp-standard-fonts {
    font-size: 3.4666666667vw;
    line-height: 4.2666666667vw;
  }
}

.small {
  font-size: 0.8333333333vw;
  line-height: 1.1805555556vw;
}
@media (min-width: 10001px) {
  .small {
    font-size: 83.3333333333px;
    line-height: 118.0555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .small {
    font-size: 2.6666666667vw;
    line-height: 3.2vw;
  }
}

@media (max-width: 1023px) and (orientation:landscape) {
  .hide-on-desktop {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1440px), null, (min-width: 1441px) and (max-width: 10000px), (min-width: 10001px) {
  .hide-on-desktop {
    display: none !important;
  }
}

@media (orientation:portrait) and (max-width: 1023px) {
  .hide-on-mobile {
    display: none !important;
  }
}

.inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 97.2222222222vw;
}
@media (min-width: 10001px) {
  .inner {
    width: 9722.2222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .inner {
    width: 92.5333333333vw;
  }
}

.main {
  flex: 1 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  width: 100vw;
  overflow-x: hidden;
}
@media (max-width: 1023px) and (orientation:portrait) {
  .main {
    overflow-x: hidden;
  }
}

.main.push-up-footer {
  min-height: 100vh;
  position: sticky;
  z-index: 0;
}

.main.mobile-nav--open {
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.rule {
  clear: both;
  height: 1px;
  width: 100%;
}

.tap-target-container {
  position: relative;
}

.tap-target:after {
  content: "";
  cursor: pointer;
  display: block;
  position: absolute;
  height: calc(100% + 2em);
  width: calc(100% + 2em);
  top: -0.9em;
  left: -0.99em;
  background: rgba(0, 0, 0, 0);
  opacity: 0;
  z-index: 10000;
}

.locked {
  height: 100%;
  overflow: hidden;
  overflow-y: hidden;
  position: relative;
  touch-action: none;
  -ms-touch-action: none;
}

.caption {
  padding-top: 0.3472222222vw;
}
@media (min-width: 10001px) {
  .caption {
    padding-top: 34.7222222222px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .caption {
    padding-top: 2.4vw;
    font-size: 3.2vw;
    line-height: 3.7333333333vw;
  }
}

.filters {
  position: fixed;
  overflow: hidden;
  z-index: 11;
  top: 0vw;
  width: 21.875vw;
  left: -21.875vw;
  border-right: 1px solid #d7d7d7;
  transition: left 1s cubic-bezier(0.32, 0.24, 0.15, 1);
}
@media (min-width: 10001px) {
  .filters {
    top: 0px;
    width: 2187.5px;
    left: -2187.5px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .filters {
    top: 0vw;
    width: 88vw;
    left: -88vw;
  }
}

.filters--articles {
  width: 26.7361111111vw;
  left: -26.7361111111vw;
}
@media (min-width: 10001px) {
  .filters--articles {
    width: 2673.6111111111px;
    left: -2673.6111111111px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .filters--articles {
    width: 88vw;
    left: -88vw;
  }
}

.filters-inner {
  background: #ffffff;
  width: 100%;
  height: 100vh;
  padding-left: 1.3888888889vw;
  padding-top: 11.8055555556vw;
}
@media (min-width: 10001px) {
  .filters-inner {
    padding-left: 138.8888888889px;
    padding-top: 1180.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .filters-inner {
    padding-left: 3.4666666667vw;
    padding-top: 26.6666666667vw;
    font-size: 4.2666666667vw;
    line-height: 8.6133333333vw;
  }
}

.filters-logotype-target {
  display: block;
  opacity: 0;
  height: 0.9722222222vw;
  width: 7.3611111111vw;
  margin-left: 1.3888888889vw;
  margin-top: 1.9444444444vw;
}
@media (min-width: 10001px) {
  .filters-logotype-target {
    height: 97.2222222222px;
    width: 736.1111111111px;
    margin-left: 138.8888888889px;
    margin-top: 194.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .filters-logotype-target {
    height: 3.7333333333vw;
    width: 28.2666666667vw;
    margin-left: 3.7333333333vw;
    margin-top: 7.4666666667vw;
  }
}

.filters-toggle-target {
  opacity: 0;
  height: 0.6944444444vw;
  width: 2.9166666667vw;
  margin-left: 1.3888888889vw;
  margin-top: 1.9444444444vw;
  margin-bottom: 1.8055555556vw;
}
@media (min-width: 10001px) {
  .filters-toggle-target {
    height: 69.4444444444px;
    width: 291.6666666667px;
    margin-left: 138.8888888889px;
    margin-top: 194.4444444444px;
    margin-bottom: 180.5555555556px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .filters-toggle-target {
    height: 2.9333333333vw;
    width: 11.7333333333vw;
    margin-left: 3.7333333333vw;
    margin-top: 7.4666666667vw;
    margin-bottom: 6.4vw;
  }
}

.filters--open {
  left: 0;
}

.filter {
  display: block;
}

.filter--active, .filter:hover {
  color: #000000;
  text-decoration: underline;
}

.filters-plus {
  display: inline-block;
  position: relative;
  width: 0.625vw;
  height: 0.625vw;
  left: 0.2083333333vw;
}
@media (min-width: 10001px) {
  .filters-plus {
    width: 62.5px;
    height: 62.5px;
    left: 20.8333333333px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .filters-plus {
    width: 2.4vw;
    height: 2.4vw;
    left: 0.8vw;
  }
}

.media-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-direction: column;
}
.media-wrapper img, .media-wrapper video {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.media-wrapper .caption {
  align-self: flex-start;
}

.pagination {
  width: 100%;
  text-align: center;
}

.pagination__items, .pagination__item {
  display: inline-block;
}

.pagination__item {
  padding: 0.6944444444vw;
}
@media (min-width: 10001px) {
  .pagination__item {
    padding: 69.4444444444px;
  }
}
@media (orientation:portrait) and (max-width: 1023px) {
  .pagination__item {
    padding: 2.6666666667vw;
  }
}

.filters__mob-title-hider {
  width: 0;
  background: white;
  position: absolute;
  z-index: 10;
  height: 8vw;
  top: 15.4666666667vw;
  right: 0vw;
  transition: width 0.1s ease 0.15s;
}

.filters--open .filters__mob-title-hider {
  width: 48vw;
  transition: width 0.3s ease 0.25s;
}

.filters__mob-close-area {
  position: absolute;
  z-index: 10;
  background: transparent;
  height: 100vh;
  display: none;
  top: 0;
  width: 12.2666666667vw;
  right: -12.2666666667vw;
  cursor: pointer;
}

.filters--open {
  overflow: visible;
}

.filters--open .filters__mob-close-area {
  display: block;
}

.snappy {
  transition: none !important;
}

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