:root {
  --vertical-rhythm: 11px;
  --windowWidth: 100vw;
  --windowHeight: 100vh;
  --containerSize: 1920;
  --bleedSize: 0;
  --colSize: 60;
  --gutterSize: 0;
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/segoe-light.eot');
  src: url('../fonts/segoe-light.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/segoe-light.svg#../fonts/segoe-light') format('svg');
  src: url('../fonts/segoe-light.woff') format('woff');
  src: url('../fonts/segoe-light.woff2') format('woff2');
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/segoe-semilight.eot');
  src: url('../fonts/segoe-semilight.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/segoe-semilight.svg#../fonts/segoe-semilight') format('svg');
  src: url('../fonts/segoe-semilight.woff') format('woff');
  src: url('../fonts/segoe-semilight.woff2') format('woff2');
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/segoe-regular.eot');
  src: url('../fonts/segoe-regular.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/segoe-regular.svg#../fonts/segoe-regular') format('svg');
  src: url('../fonts/segoe-regular.woff') format('woff');
  src: url('../fonts/segoe-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'SegoeUI';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/segoe-semibold.eot');
  src: url('../fonts/segoe-semibold.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/segoe-semibold.svg#../fonts/segoe-semibold') format('svg');
  src: url('../fonts/segoe-semibold.woff') format('woff');
  src: url('../fonts/segoe-semibold.woff2') format('woff2');
}
@font-face {
  font-family: 'DINProCondLight';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/DINPro-CondensedLight.eot');
  src: url('../fonts/DINPro-CondensedLight.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/DINPro-CondensedLight.svg#../fonts/DINPro-CondensedLight') format('svg');
  src: url('../fonts/DINPro-CondensedLight.woff') format('woff');
  src: url('../fonts/DINPro-CondensedLight.woff2') format('woff2');
}
@font-face {
  font-family: 'DINProCond';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/DINPro-CondensedMedium.eot');
  src: url('../fonts/DINPro-CondensedMedium.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/DINPro-CondensedMedium.svg#../fonts/DINPro-CondensedMedium') format('svg');
  src: url('../fonts/DINPro-CondensedMedium.woff') format('woff');
  src: url('../fonts/DINPro-CondensedMedium.woff2') format('woff2');
}
@font-face {
  font-family: 'DINProCond';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/DINPro-CondensedBold.eot');
  src: url('../fonts/DINPro-CondensedBold.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/DINPro-CondensedBold.svg#../fonts/DINPro-CondensedBold') format('svg');
  src: url('../fonts/DINPro-CondensedBold.woff') format('woff');
  src: url('../fonts/DINPro-CondensedBold.woff2') format('woff2');
}
html {
  height: 100%;
  width: 100%;
  -ms-touch-action: none; /* Direct all pointer events to JavaScript code. */
  touch-action: none; /* Direct all pointer events to JavaScript code. */
}
body {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
ul {
  margin: 0;
}
.ms-stories {
  color: #000;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.ms-stories *,
.ms-stories *:before,
.ms-stories *:after {
  box-sizing: border-box;
}
.ms-stories a,
.ms-stories button {
  cursor: pointer;
  background: none;
  border: none;
  -webkit-appearance: none;
}
.ms-stories ol,
.ms-stories ul,
.ms-stories li {
  list-style: none;
  padding: 0;
}
.pseudo,
.article__figure:after {
  content: "";
  display: block;
}
.ms-stories {
  font-size: 18px;
  font-family: 'SegoeUI', "Segoe UI", "Helvetica Neue", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
}
.ms-stories .font-alt {
  font-family: 'DINProCond', "Helvetica Neue", sans-serif;
}
.ms-stories .u-200,
.ms-stories .u-semilight {
  font-weight: 200;
}
.ms-stories .u-600,
.ms-stories .u-semibold {
  font-weight: 600;
}
.ms-stories .u-800,
.ms-stories .u-bold {
  font-weight: 800;
}
.ms-stories .h1 {
  font-size: 150px;
  font-size: calc( 50px + (150 - 50) * (100vw - 320px) / (1920 - 320) );
  line-height: 1;
  font-weight: 600;
  position: relative;
  left: -0.07em;
  margin-bottom: 8px;
}
@media screen and (min-width: 1921px) {
  .ms-stories .h1 {
    font-size: 150px;
  }
}
.ms-stories .h2 {
  font-size: 40px;
  font-size: calc( 16px + (40 - 16) * (100vw - 320px) / (1920 - 320) );
  line-height: 1;
  font-weight: 100;
}
@media screen and (min-width: 1921px) {
  .ms-stories .h2 {
    font-size: 40px;
  }
}
.ms-stories .headline {
  font-size: 28px;
  line-height: 1;
  font-weight: normal;
  font-family: 'DINProCond', "Helvetica Neue", sans-serif;
  padding: 16px 10px;
  padding-left: 0;
  display: inline-block;
  color: rgba(63,81,98,0.73);
  position: relative;
}
@media screen and (max-width: 767px) {
  .ms-stories .headline {
    color: #fff;
    padding-top: 0px;
  }
}
.ms-stories .headlineWrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 24px;
}
.ms-stories .headlineWrapper:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
  transition: transform 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: scaleX(0) translateZ(0);
  transform-origin: 100% 0;
}
@media screen and (max-width: 767px) {
  .ms-stories .headlineWrapper {
    margin-bottom: 0px;
  }
  .ms-stories .headlineWrapper:after {
    display: none;
  }
}
.ms-stories .is-slide-active .headlineWrapper:after {
  transition-delay: 0.8s;
  transform-origin: 0 0;
  transform: scaleX(1) translateZ(0);
}
.ms-stories .h3 {
  font-size: 36px;
  font-size: calc( 16px + (36 - 16) * (100vw - 320px) / (1920 - 320) );
  line-height: 1.1;
  font-weight: normal;
  margin-bottom: 24px;
}
@media screen and (min-width: 1921px) {
  .ms-stories .h3 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  .ms-stories .h3 {
    margin-bottom: 14px;
  }
}
.ms-stories p,
.ms-stories .text--medium {
  font-size: calc(13px + (18 - 12) * (100vw - 320px) / (1920 - 320));
  font-family: 'SegoeUI', "Segoe UI", "Helvetica Neue", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
}
.ms-stories p {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .ms-stories p {
    margin-bottom: 14px;
  }
  .ms-stories p:last-child {
    margin-bottom: 0px;
  }
}
.ms-stories .caption {
  padding: 0;
  font-size: 13px;
  font-size: calc( 10px + (13 - 10) * (100vw - 320px) / (1920 - 320) );
  line-height: 1.1;
  font-weight: 200;
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 1921px) {
  .ms-stories .caption {
    font-size: 13px;
  }
}
.slideAnim,
.slideUp,
.slideUp--0,
.slideUp--1,
.slideUp--2,
.slideUp--3,
.slideUp--4,
.slideUp--5,
.slideUp--6,
.slideUp--7,
.slideUp--8,
.slideUp--9,
.slideUp--10 {
  will-change: opacity, transform;
  opacity: 0;
  transition: 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition-property: transform, opacity;
}
.slideUp,
.slideUp--0,
.slideUp--1,
.slideUp--2,
.slideUp--3,
.slideUp--4,
.slideUp--5,
.slideUp--6,
.slideUp--7,
.slideUp--8,
.slideUp--9,
.slideUp--10 {
  transform: translateY(7vh) translateZ(0);
  transform-origin: 0 0;
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
  opacity: 0;
}
.is-active .slideUp,
.is-active .slideUp--0,
.is-active .slideUp--1,
.is-active .slideUp--2,
.is-active .slideUp--3,
.is-active .slideUp--4,
.is-active .slideUp--5,
.is-active .slideUp--6,
.is-active .slideUp--7,
.is-active .slideUp--8,
.is-active .slideUp--9,
.is-active .slideUp--10,
.slideUp .is-slide-active,
.slideUp--0 .is-slide-active,
.slideUp--1 .is-slide-active,
.slideUp--2 .is-slide-active,
.slideUp--3 .is-slide-active,
.slideUp--4 .is-slide-active,
.slideUp--5 .is-slide-active,
.slideUp--6 .is-slide-active,
.slideUp--7 .is-slide-active,
.slideUp--8 .is-slide-active,
.slideUp--9 .is-slide-active,
.slideUp--10 .is-slide-active {
  transform: translateZ(0);
  opacity: 1;
}
.slideUp.has-anim-ended,
.slideUp--0.has-anim-ended,
.slideUp--1.has-anim-ended,
.slideUp--2.has-anim-ended,
.slideUp--3.has-anim-ended,
.slideUp--4.has-anim-ended,
.slideUp--5.has-anim-ended,
.slideUp--6.has-anim-ended,
.slideUp--7.has-anim-ended,
.slideUp--8.has-anim-ended,
.slideUp--9.has-anim-ended,
.slideUp--10.has-anim-ended,
.has-anim-ended .slideUp,
.has-anim-ended .slideUp--0,
.has-anim-ended .slideUp--1,
.has-anim-ended .slideUp--2,
.has-anim-ended .slideUp--3,
.has-anim-ended .slideUp--4,
.has-anim-ended .slideUp--5,
.has-anim-ended .slideUp--6,
.has-anim-ended .slideUp--7,
.has-anim-ended .slideUp--8,
.has-anim-ended .slideUp--9,
.has-anim-ended .slideUp--10 {
  transform: none;
  transition: none;
  opacity: 1;
  will-change: unset;
}
.slideUp--0,
.is-active .slideUp--0,
.slideUp--0.is-active {
  transition-delay: 0s;
}
.is-next .slideUp--0,
.is-prev .slideUp--0 {
  transition-delay: 0s;
}
.slideUp--1,
.is-active .slideUp--1,
.slideUp--1.is-active {
  transition-delay: 0.085s;
}
.is-next .slideUp--1,
.is-prev .slideUp--1 {
  transition-delay: 0.07s;
}
.slideUp--2,
.is-active .slideUp--2,
.slideUp--2.is-active {
  transition-delay: 0.17s;
}
.is-next .slideUp--2,
.is-prev .slideUp--2 {
  transition-delay: 0.14s;
}
.slideUp--3,
.is-active .slideUp--3,
.slideUp--3.is-active {
  transition-delay: 0.255s;
}
.is-next .slideUp--3,
.is-prev .slideUp--3 {
  transition-delay: 0.21s;
}
.slideUp--4,
.is-active .slideUp--4,
.slideUp--4.is-active {
  transition-delay: 0.34s;
}
.is-next .slideUp--4,
.is-prev .slideUp--4 {
  transition-delay: 0.28s;
}
.slideUp--5,
.is-active .slideUp--5,
.slideUp--5.is-active {
  transition-delay: 0.425s;
}
.is-next .slideUp--5,
.is-prev .slideUp--5 {
  transition-delay: 0.35s;
}
.slideUp--6,
.is-active .slideUp--6,
.slideUp--6.is-active {
  transition-delay: 0.51s;
}
.is-next .slideUp--6,
.is-prev .slideUp--6 {
  transition-delay: 0.42s;
}
.slideUp--7,
.is-active .slideUp--7,
.slideUp--7.is-active {
  transition-delay: 0.595s;
}
.is-next .slideUp--7,
.is-prev .slideUp--7 {
  transition-delay: 0.49s;
}
.slideUp--8,
.is-active .slideUp--8,
.slideUp--8.is-active {
  transition-delay: 0.68s;
}
.is-next .slideUp--8,
.is-prev .slideUp--8 {
  transition-delay: 0.56s;
}
.slideUp--9,
.is-active .slideUp--9,
.slideUp--9.is-active {
  transition-delay: 0.765s;
}
.is-next .slideUp--9,
.is-prev .slideUp--9 {
  transition-delay: 0.63s;
}
.slideUp--10,
.is-active .slideUp--10,
.slideUp--10.is-active {
  transition-delay: 0.85s;
}
.is-next .slideUp--10,
.is-prev .slideUp--10 {
  transition-delay: 0.7s;
}
.article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .article {
    display: block;
    padding-bottom: calc(0.08 * var(--windowHeight));
  }
}
.article__figure {
  position: relative;
  width: calc( ( var(--colSize) * 10 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.article__figure:after {
  padding-top: 100%;
}
@media screen and (max-width: 767px) {
  .article__figure {
    width: 87.5%;
    height: 0;
    margin: 0 auto;
    margin-top: 0px;
  }
}
.article__figure__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article__figure__slide.is-active {
  opacity: 1;
}
.article__content {
  width: calc( ( var(--colSize) * 13 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
@media screen and (max-width: 959px), screen and (max-width: 1024px) and (orientation: portrait) {
  .article__content {
    width: calc( ( var(--colSize) * 15 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  }
}
@media screen and (max-width: 767px) {
  .article__content {
    width: 100%;
    flex-direction: column-reverse;
    display: flex;
  }
}
.article__header {
  color: #fff;
  opacity: 0;
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
  margin-bottom: calc(2 * var(--vertical-rhythm));
}
.is-slide-active .article__header {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .article__header {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    margin-bottom: calc(0.04 * var(--windowHeight));
  }
}
.article__text {
  width: calc( ( var(--colSize) * 7 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
@media screen and (max-width: 959px), screen and (max-width: 1024px) and (orientation: portrait) {
  .article__text {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .article__text {
    margin-bottom: 0;
    width: 100%;
  }
}
.ms-stories .btn--primary {
  background: #000;
  color: #fff;
  padding: 0 20px;
  border: none;
}
.btn--arrow {
  background: none;
  z-index: 9;
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%) rotate(-45deg);
  width: 16px;
  height: 16px;
  border-top: none;
  border-left: none;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  opacity: 0;
  transition: 1.8s 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition-property: opacity, transform;
}
.btn--arrow:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.is-ready .btn--arrow {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .btn--arrow {
    right: 6.25%;
    display: none;
  }
}
.btn--arrow:nth-of-type(2) {
  left: 50px;
  right: auto;
  transform: translateY(-50%) rotate(135deg);
}
.btn--burger {
  width: 20px;
  text-align: right;
  position: relative;
  font-size: 0;
  padding: 0;
  vertical-align: middle;
}
.btn--burger span {
  display: inline-block;
  width: 20px;
  height: 2px;
  transition: all 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform-origin: 100% 100%;
  transform: translateY(-6%);
  background: #fff;
}
.is-dark .btn--burger span {
  background-color: #9b9b9b;
}
.is-light .btn--burger span,
.is-menu-opened .btn--burger span {
  background-color: #5b5b5c;
}
.is-dark .btn--burger:hover span {
  background-color: #fff;
}
.is-light .btn--burger:hover span {
  background-color: #000;
}
.btn--burger span:nth-child(1) {
  transform: scaleX(0.5);
}
.btn--burger span:nth-child(2) {
  margin: 7px 0px;
}
.btn--burger:hover span:nth-child(1) {
  transform: scaleX(1);
}
.is-menu-opened .btn--burger span:nth-child(1) {
  transform: translateY(3px) rotate(-45deg) !important;
  background: #5b5b5c !important;
}
.is-menu-opened .btn--burger span:nth-child(2) {
  background: #5b5b5c !important;
  transform: scaleX(0);
}
.is-menu-opened .btn--burger span:nth-child(3) {
  transform: translate(-2px) rotate(45deg) !important;
  background: #5b5b5c !important;
}
.btn--scroll {
  display: none;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  height: 60px;
  width: 60px;
  background: #252327;
  border-radius: 100px;
  border: none !important;
}
.btn--scroll svg {
  width: 26px;
  fill: #86878a;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn--scroll:hover {
  background: #636366;
}
.btn--scroll:hover svg {
  fill: #fff;
}
.card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  transition: opacity 0.9s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.has-js .card {
  opacity: 0;
}
.is-active .card {
  opacity: 1;
  transition: opacity 1.1s 0.9s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.card__content {
  position: relative;
  width: calc( ( var(--colSize) * 7 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
@media screen and (max-width: 767px) {
  .card__content {
    width: auto;
  }
}
.card__figure {
  -webkit-appearance: none;
  background: none;
  border: none;
  padding: 0;
  position: relative;
  width: 58.0246913580247vw;
  height: 32.63888888888889vw;
}
.card__figure:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0.5;
}
.card__figure > img {
  z-index: 1;
  width: 100%;
  height: 100%;
}
.card__figure > video {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .card__figure {
    width: 88vw;
    height: 50vh;
    margin-bottom: 40px;
  }
}
.card__caption {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.card__caption span {
  width: 100%;
  display: block;
  text-align: center;
}
.card__btn {
  background: none;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  width: 90px;
}
.card__btn img {
  width: 100%;
}
.cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.cover img,
.cover div[role="img"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  padding: 46px 46px;
  width: 100%;
  z-index: 8;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 1.8s 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
  padding-: 40px 60px;
  pointer-events: none;
  opacity: 0;
  transition: 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-ready .footer {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 25px 6.25%;
  }
}
.is-dev-mode .footer {
  opacity: 0 !important;
}
.footer__left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  pointer-events: auto;
}
.footer__count {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  color: #fff;
  opacity: 0.63;
  font-size: 12px;
  font-size: calc( 10px + (12 - 10) * (100vw - 320px) / (1920 - 320) );
}
@media screen and (min-width: 1921px) {
  .footer__count {
    font-size: 12px;
  }
}
.is-menu-opened .footer__count {
  color: #5b5b5c;
}
.footer__progress {
  margin-left: 27px;
  height: 1px;
  width: 39.50617283950617vw;
  overflow: hidden;
  background: rgba(255,255,255,0.15);
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: all 1.4s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.footer__progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
}
.is-menu-opened .footer__progress {
  background: rgba(0,0,0,0.15);
}
.is-menu-opened .footer__progress span {
  background: #5b5b5c;
}
.is-ready .footer__progress {
  transform: scaleX(1);
}
@media screen and (max-width: 767px) {
  .footer__progress {
    display: none;
  }
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  z-index: 10;
  opacity: 0;
  transition: all 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-ready .header {
  opacity: 1;
}
.header__cookies {
  width: 100%;
  position: relative;
}
.header__content {
  padding: 40px calc( ( var(--colSize) * 1 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__content,
.header__content a {
  color: #fff;
  transition: all 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.header__content svg {
  fill: #fff;
  transition: all 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-menu-opened .header__content,
.is-menu-opened .header__content a {
  color: #5b5b5c;
}
.is-menu-opened .header__content svg {
  fill: #5b5b5c;
}
@media screen and (max-width: 767px) {
  .header__content {
    padding: 25px 6.25%;
  }
}
.header__nav {
  text-align: right;
  vertical-align: middle;
}
.header__nav ul {
  list-style: none;
}
.header__nav ul li {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.header__nav ul a {
  text-decoration: none;
}
.header__nav ul a svg {
  height: 18px;
  width: 18px;
  transition: all 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.header__left {
  text-align: left;
  display: inline-block;
}
.header__logo {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
.header__logo svg {
  width: 20px;
  height: 20px;
}
.header__logo .logo {
  width: 96px;
  height: 20px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .header__logo .logo {
    display: none;
  }
}
.header__logo .logo--mobile {
  width: 25px;
  height: 25px;
  display: none;
}
@media screen and (max-width: 767px) {
  .header__logo .logo--mobile {
    display: inline-block;
  }
}
.header__logo__slash {
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 0 10px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 200;
}
.header__logo__text {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  opacity: 1;
  line-height: 20px;
  font-size: 16px;
  font-weight: 200;
}
.header__logo__text span {
  font-weight: bold;
}
.line {
  display: block;
  will-change: opacity, transform;
  opacity: 0;
  transform: translateY(10vh) translateZ(0);
  transform-origin: 0 0;
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-active .line {
  transition: all 1.3s 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: translateZ(0);
  opacity: 1;
}
[data-multiline] {
  opacity: 0;
}
.menu {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  height: calc(1 * var(--windowHeight) - 0px);
  z-index: 3;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
  background: #000;
  background: rgba(255,255,255,0.8);
}
.menu ::-webkit-scrollbar {
  width: 10px;
}
.menu ::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.15);
  border-right: solid 9px #0c1014;
}
.menu ::-webkit-scrollbar-thumb,
.menu ::-webkit-scrollbar-thumb:hover {
  background: #fff;
  border-right: solid 9px #0c1014;
  cursor: pointer;
}
.is-menu-opened .menu {
  pointer-events: auto;
  opacity: 1;
}
.menu__item {
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #5b5b5c;
  width: 37.5vw;
  display: inline-block;
  position: relative;
}
.menu__item__title {
  font-weight: normal;
  line-height: 0.9;
  font-size: 15vw;
  display: inline-block;
  font-family: 'DINProCond', "Helvetica Neue", sans-serif;
}
@media screen and (max-width: 767px) {
  .menu__item__title {
    line-height: 16vh;
    font-size: 22vw;
  }
}
.menu__item__text {
  text-align: left;
  position: absolute;
  width: 18.75vw;
  color: #3d3d3e;
  left: 100%;
  top: 50%;
  transform: translateY(-50%) translateZ(0);
  font-family: 'SegoeUI', sans-serif;
  font-size: calc(12px + (16 - 12) * (100vw - 320px) / (1920 - 320));
  font-weight: 200;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .menu__item__text {
    display: none;
  }
}
.nav--social {
  top: 25.925925925925924vh;
  position: absolute;
  z-index: 10;
  right: calc((var(--colSize) * 1 + var(--gutterSize) * 0 + var(--bleedSize) * 0) / var(--containerSize) * var(--windowWidth));
  opacity: 0;
  transition: all 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.nav--social ul {
  list-style: none;
}
.nav--social li {
  margin-bottom: 10px;
  transform: translateX(100px);
  opacity: 0;
  transition: 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.nav--social li:nth-child(1) {
  transition-delay: 0.1s;
}
.nav--social li:nth-child(2) {
  transition-delay: 0.2s;
}
.nav--social li:nth-child(3) {
  transition-delay: 0.3s;
}
.nav--social svg {
  width: 20px;
  height: 20px;
}
.is-ready .nav--social {
  opacity: 1;
}
.is-ready .nav--social li {
  transform: translateX(0%);
  opacity: 1;
}
.nav--social,
.nav--social a {
  color: #fff;
  transition: all 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.nav--social svg {
  fill: #fff;
  transition: all 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-menu-opened .nav--social,
.is-menu-opened .nav--social a {
  color: #5b5b5c;
}
.is-menu-opened .nav--social svg {
  fill: #5b5b5c;
}
.nav--social a {
  transform: scale(1);
  display: block;
}
.nav--social a:hover {
  transition: all 0.7s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: scale(1.2);
}
@media screen and (max-width: 767px) {
  .nav--social {
    right: 6.25%;
  }
  .is-ready .nav--social {
    opacity: 0;
  }
  .is-menu-opened .nav--social {
    opacity: 1 !important;
  }
}
.is-dev-mode .nav--social {
  opacity: 0 !important;
}
.c-lang-selector {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 10px;
}
.c-lang-selector .c-lang-selector__icon {
  height: 30px;
  width: 30px;
  display: inline-block;
  border-radius: 100px;
  z-index: 2;
  padding: 5px;
  position: relative;
}
.c-lang-selector .c-lang-selector__icon svg {
  transition: all 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
  fill: #fff;
  height: 100%;
  width: 100%;
}
.is-menu-opened .c-lang-selector .c-lang-selector__icon svg {
  fill: #5b5b5c;
}
.c-lang-selector .c-lang-selector__list {
  transition: all 0.4s cubic-bezier(0.43, 0.195, 0.02, 1);
  white-space: nowrap;
  border-radius: 100px;
  border: solid 1px #fff;
  padding-top: 7px;
  height: 100%;
  padding-right: 30px;
  padding-left: 10px;
  opacity: 0;
  top: 0;
  right: 0;
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .c-lang-selector .c-lang-selector__list {
    white-space: normal;
    padding-top: 7px;
    height: auto;
    padding-right: 0;
    padding-left: 0;
    padding-top: 30px;
    opacity: 0;
    width: 100%;
  }
}
.has-not-touch .c-lang-selector:hover .c-lang-selector__list,
.c-lang-selector .c-lang-selector__icon.is-active + .c-lang-selector__list {
  opacity: 1;
  pointer-events: auto;
}
.is-menu-opened .c-lang-selector .c-lang-selector__list {
  border: solid 1px #5b5b5c;
}
.c-btn--lang {
  -webkit-appearance: none;
  text-decoration: none;
  display: inline-block;
  border-radius: 100px;
  border: none !important;
  position: relative;
  color: #fff;
  background: transparent;
  font-size: 12px;
  margin-right: 10px;
  opacity: 0.6;
  transition: all 0.5s ease !important;
}
.c-btn--lang:hover,
.c-btn--lang.is-active {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .c-btn--lang {
    margin-right: 0;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
}
.slideshow {
  width: 100%;
  position: relative;
  height: calc(1 * var(--windowHeight) - 0px);
  margin: 0 auto;
  position: relative;
  white-space: nowrap;
  text-align: left;
  position: relative;
  z-index: 2;
}
.is-dev-mode .slideshow {
  opacity: 0 !important;
}
.slideshow__slide {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  padding-left: calc( ( var(--colSize) * 3.5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  padding-right: calc( ( var(--colSize) * 5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.has-js .slideshow__slide {
  pointer-events: none;
}
.slideshow__slide.is-slide-active {
  pointer-events: auto;
}
.is-menu-opened .slideshow__slide {
  opacity: 0;
}
@media screen and (max-width: 959px), screen and (max-width: 1024px) and (orientation: portrait) {
  .slideshow__slide {
    padding-left: calc( ( var(--colSize) * 2 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
    padding-right: calc( ( var(--colSize) * 2 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  }
}
@media screen and (max-width: 767px) {
  .slideshow__slide {
    align-items: flex-end;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.slideshow__arrow,
.slideshow__arrow--left,
.slideshow__arrow--right {
  background: none;
  border: none;
  position: absolute;
  top: 0;
  padding: 0;
  z-index: 2;
  width: 20px;
  min-width: 60px;
  height: calc(100% - 110px);
  height: calc(100% - var(--vertical-rhythm) * 10);
}
.slideshow__arrow .arrow,
.slideshow__arrow--left .arrow,
.slideshow__arrow--right .arrow {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 100px;
  border: solid 2px #3f5162;
}
.slideshow__arrow .arrow svg,
.slideshow__arrow--left .arrow svg,
.slideshow__arrow--right .arrow svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 13px;
  width: auto;
}
@media screen and (max-width: 767px) {
  .slideshow__arrow,
  .slideshow__arrow--left,
  .slideshow__arrow--right {
    display: none;
  }
}
.slideshow__arrow--left {
  right: 100%;
}
.slideshow__arrow--right {
  left: 100%;
}
.slideshow__arrow--right .arrow svg {
  transform: translate(-50%, -50%) rotate(-180deg);
}
.slideshow__content {
  height: 100%;
}
.slideshow__bullet {
  display: none;
}
.slideshow__caption {
  position: absolute;
  right: 60px;
  bottom: 37px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: rgba(255,255,255,0.63);
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.slideshow__caption svg {
  content: "";
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 17px;
  height: 17px;
  transition: all 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
  z-index: 2;
  fill: #fff;
  opacity: 0.47;
  margin-left: 10px;
  margin-top: -1px;
  transform: scale(1) translateX(0px);
}
.slideshow__caption.is-down svg {
  transform: scale(1) rotate(90deg);
}
.is-slide-active .slideshow__caption {
  opacity: 1;
}
.slideshow__caption:hover svg {
  transform: translateX(5px) translateZ(0);
}
.slideshow__caption.is-down:hover svg {
  transform: scale(1.1) rotate(90deg) translateZ(0);
}
@media screen and (max-width: 767px) {
  .slideshow__caption {
    right: 6.25%;
    bottom: 20px;
  }
}
.tabs {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .tabs {
    display: block;
  }
}
.tabs__nav {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: calc( ( var(--colSize) * 5 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  position: relative;
  padding-top: 27px;
}
.tabs__nav:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
  transition: transform 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: scaleX(0) translateZ(0);
  transform-origin: 100% 0;
}
.is-slide-active .tabs__nav:after {
  transition-delay: 1.2s;
  transform-origin: 0 0;
  transform: scaleX(1) translateZ(0);
}
@media screen and (max-width: 959px), screen and (max-width: 1024px) and (orientation: portrait) {
  .tabs__nav {
    width: calc( ( var(--colSize) * 7 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  }
}
@media screen and (max-width: 767px) {
  .tabs__nav {
    padding-left: 10vw;
    padding-right: 10vw;
    width: 100%;
    margin-bottom: 14px;
    padding-top: 14px;
  }
  .tabs__nav:after {
    display: none;
  }
}
.spacer {
  width: calc( ( var(--colSize) * 1 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  height: calc( ( var(--colSize) * 1 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
}
.tabs__btn {
  cursor: pointer;
  text-align: center;
  position: relative;
  transform: translateY(100%);
  opacity: 0;
  transition: 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition-property: transform, opacity;
}
.is-slide-active .tabs__btn {
  transform: translateY(0%);
  opacity: 1;
}
.is-slide-active .tabs__btn:nth-child(1) {
  transition-delay: 1.485s;
}
.is-slide-active .tabs__btn:nth-child(2) {
  transition-delay: 1.57s;
}
.is-slide-active .tabs__btn:nth-child(3) {
  transition-delay: 1.655s;
}
.is-slide-active .tabs__btn:nth-child(4) {
  transition-delay: 1.74s;
}
.tabs__btn .circle {
  position: relative;
  padding: 6px;
  width: calc( ( var(--colSize) * 1 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  height: calc( ( var(--colSize) * 1 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  border-radius: 100px;
}
.tabs__btn .circle:before {
  transition: all 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 100px;
  background: rgba(63,81,98,0.73);
  transform: scale(0) translateZ(0);
}
.tabs__btn .circle svg {
  transition: all 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  fill: none;
  stroke: #3f5162;
}
.tabs__btn .caption {
  color: rgba(0,0,0,0.7);
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%) translateY(100%);
  width: 70px;
  padding-top: 8px;
  transition: all 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.has-not-touch .tabs__btn:hover .caption,
.tabs__btn.is-active .caption {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.has-not-touch .tabs__btn:hover .circle:before,
.tabs__btn.is-active .circle:before {
  transform: scale(1) translateZ(0);
}
.has-not-touch .tabs__btn:hover svg,
.tabs__btn.is-active svg {
  stroke: #fff;
}
.is-slide-active .tabs__btn:hover .caption {
  opacity: 1;
  transition-delay: 0.2s;
}
@media screen and (max-width: 767px) {
  .tabs__btn .caption {
    display: none;
  }
  .tabs__btn .circle {
    width: 46px;
    height: 46px;
  }
  .tabs__btn .circle:before {
    background: rgba(255,255,255,0.4);
    transform: scale(1);
  }
  .is-slide-active .tabs__btn.is-active .circle:before,
  .is-slide-active .tabs__btn:hover .circle:before {
    background: rgba(63,81,98,0.73);
  }
  .is-slide-active .tabs__btn {
    transform: translateY(0%);
    opacity: 1;
  }
  .is-slide-active .tabs__btn:nth-child(1) {
    transition-delay: 1.085s;
  }
  .is-slide-active .tabs__btn:nth-child(2) {
    transition-delay: 1.17s;
  }
  .is-slide-active .tabs__btn:nth-child(3) {
    transition-delay: 1.255s;
  }
  .is-slide-active .tabs__btn:nth-child(4) {
    transition-delay: 1.34s;
  }
}
.tabs__btn:focus > .circle {
  box-shadow: 0 0 2px 2px #51a7e8;
}
.tabs__btn:focus,
.tabs__btn .circle:focus {
  outline: none;
}
.tabs__content {
  font-size: 0;
  width: calc( ( var(--colSize) * 7 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  position: relative;
}
.tabs__content:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: rgba(0,0,0,0.2);
  transition: 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition-property: transform, opacity;
  transform: scaleX(0) translateZ(0);
  transform-origin: 100% 0;
}
.is-slide-active .tabs__content:after {
  transition-delay: 1.2s;
  transform-origin: 0 0;
  opacity: 1;
  transform: scaleX(1) translateZ(0);
}
@media screen and (max-width: 767px) {
  .tabs__content {
    width: 100%;
    white-space: nowrap;
  }
  .tabs__content:after {
    display: none;
  }
}
.tabs__content__item {
  padding-top: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-right: 20px;
  opacity: 0;
  color: rgba(0,0,0,0.5);
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.tabs__content__item.is-active {
  opacity: 1;
}
@media screen and (max-width: 959px), screen and (max-width: 1024px) and (orientation: portrait) {
  .tabs__content__item {
    padding-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .tabs__content__item {
    padding-top: 0;
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    text-align: center;
    color: #fff;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    position: relative;
    font-size: 0;
  }
  .tabs__content__item:nth-child(2) {
    left: -100%;
  }
  .tabs__content__item:nth-child(3) {
    left: -200%;
  }
  .tabs__content__item:nth-child(4) {
    left: -300%;
  }
}
.u-color--white {
  color: #fff;
}
.u-fill--white {
  fill: #fff;
}
.u-stroke--white {
  stroke: #fff;
}
.u-bg--white {
  background: #fff;
}
.u-color--dark {
  color: #000;
}
.u-fill--dark {
  fill: #000;
}
.u-stroke--dark {
  stroke: #000;
}
.u-bg--dark {
  background: #000;
}
.u-color--black {
  color: #000;
}
.u-fill--black {
  fill: #000;
}
.u-stroke--black {
  stroke: #000;
}
.u-bg--black {
  background: #000;
}
.u-color--black20 {
  color: rgba(0,0,0,0.2);
}
.u-fill--black20 {
  fill: rgba(0,0,0,0.2);
}
.u-stroke--black20 {
  stroke: rgba(0,0,0,0.2);
}
.u-bg--black20 {
  background: rgba(0,0,0,0.2);
}
.u-color--black50 {
  color: rgba(0,0,0,0.5);
}
.u-fill--black50 {
  fill: rgba(0,0,0,0.5);
}
.u-stroke--black50 {
  stroke: rgba(0,0,0,0.5);
}
.u-bg--black50 {
  background: rgba(0,0,0,0.5);
}
.u-color--black60 {
  color: rgba(0,0,0,0.6);
}
.u-fill--black60 {
  fill: rgba(0,0,0,0.6);
}
.u-stroke--black60 {
  stroke: rgba(0,0,0,0.6);
}
.u-bg--black60 {
  background: rgba(0,0,0,0.6);
}
.u-color--black70 {
  color: rgba(0,0,0,0.7);
}
.u-fill--black70 {
  fill: rgba(0,0,0,0.7);
}
.u-stroke--black70 {
  stroke: rgba(0,0,0,0.7);
}
.u-bg--black70 {
  background: rgba(0,0,0,0.7);
}
.u-color--white60 {
  color: rgba(0,0,0,0.6);
}
.u-fill--white60 {
  fill: rgba(0,0,0,0.6);
}
.u-stroke--white60 {
  stroke: rgba(0,0,0,0.6);
}
.u-bg--white60 {
  background: rgba(0,0,0,0.6);
}
.u-color--grey {
  color: #647b95;
}
.u-fill--grey {
  fill: #647b95;
}
.u-stroke--grey {
  stroke: #647b95;
}
.u-bg--grey {
  background: #647b95;
}
.u-color--darkGrey {
  color: #3f5162;
}
.u-fill--darkGrey {
  fill: #3f5162;
}
.u-stroke--darkGrey {
  stroke: #3f5162;
}
.u-bg--darkGrey {
  background: #3f5162;
}
@media screen and (max-width: 767px) {
  .desktopOnly {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .mobileOnly {
    display: none !important;
  }
}
.debugWrapper {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1000;
  visibility: hidden;
  pointer-events: none;
}
.debugWrapper > * {
  opacity: 0.15;
}
.is-debug .debugWrapper {
  visibility: visible;
}
.is-debug .debugWrapper:after {
  z-index: 2;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: repeating-linear-gradient(#f00, transparent 1px, transparent calc(1 * var(--vertical-rhythm)));
}
.debugWrapper__col {
  width: calc( ( var(--colSize) * 1 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  height: 100%;
  background: #0ff;
}
.debugWrapper__col:nth-child(odd) {
  background: #f00;
}
.dg.ac {
  z-index: 100 !important;
}
#lottie-container,
#webgl-container {
  width: 100%;
  height: calc(1 * var(--windowHeight) - 0px);
  position: absolute;
  top: 0;
  left: 0;
}
#lottie-container {
  left: 50%;
  display: none;
}
.objectCanvas {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: calc( ( var(--colSize) * 10 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  height: calc( ( var(--colSize) * 10 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  left: calc( ( var(--colSize) * 2 + var(--gutterSize) * 0 + var(--bleedSize) * 0 ) / var(--containerSize) * var(--windowWidth) );
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .objectCanvas {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: calc(0.07 * var(--windowHeight) - 0px);
    transform: none;
    width: 80vw;
    height: 80vw;
    left: 10vw;
    z-index: 3;
    right: auto;
  }
}
.header__cookies .cc-banner {
  color: #fff;
  border-bottom: solid 1px rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.2);
  width: 100%;
  padding: 0;
}
.header__cookies .cc-banner .cc-link {
  color: #fff;
}
.header__cookies .cc-banner > .cc-container {
  padding: 4px calc((var(--colSize) * 1 + var(--gutterSize) * 0 + var(--bleedSize) * 0) / var(--containerSize) * var(--windowWidth));
  width: 100%;
}
@media screen and (max-width: 767px) {
  .header__cookies .cc-banner {
    line-height: 1.1;
  }
  .header__cookies .cc-banner .cc-text {
    margin: 0;
    line-height: 1.1;
  }
  .header__cookies .cc-banner > .cc-container {
    padding: 10px 6.25%;
  }
  .header__cookies .cc-banner .cc-link {
    padding-top: 0px;
    display: block;
    position: relative;
    clear: both;
    float: none;
    text-align: left;
    font-weight: bold;
  }
  .header__cookies .cc-banner .cc-icon {
    height: 14px;
    width: 14px;
  }
}