:root {
  --vertical-rhythm: 11px;
  --windowWidth: 100vw;
  --windowHeight: 100vh;
  --containerSize: 1920;
  --bleedSize: 0;
  --colSize: 60;
  --gutterSize: 0;
  --gradient-progress: 0%;
  --gradient-progress-2: 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-display: swap;
}
@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-display: swap;
}
@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-display: swap;
}
@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-display: swap;
}
@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-display: swap;
}
@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-display: swap;
}
@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');
  font-display: swap;
}
html {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  min-height: 100vh;
  -ms-touch-action: none; /* Direct all pointer events to JavaScript code. */
}
body {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 !important;
  min-height: calc(1 * var(--windowHeight) - 0px);
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
ul {
  margin: 0;
}
body {
  color: #fff;
  background: #c5cddf;
  -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%;
}
body *,
body *:before,
body *:after {
  box-sizing: border-box;
}
body a {
  color: inherit;
  text-decoration: none;
}
body a,
body button {
  cursor: pointer;
  background: none;
  border: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
body ol,
body ul,
body li {
  list-style: none;
  padding: 0;
}
body.is-intro {
  color: #000;
}
body.is-menu-opened {
  color: #fff;
}
.pseudo {
  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: 108px;
  font-size: calc( 45px + (108 - 45) * (100vw - 320px) / (1920 - 320) );
  line-height: 0.8;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
  font-family: 'DINProCond';
  margin-bottom: 10px;
}
@media screen and (min-width: 1921px) {
  .ms-stories .h1 {
    font-size: 108px;
  }
}
@media screen and (max-width: 767px) {
  .ms-stories .h1 {
    margin-bottom: 5px;
  }
}
.ms-stories .h2 {
  font-size: 187px;
  font-size: calc( 60px + (187 - 60) * (100vw - 320px) / (1920 - 320) );
  line-height: 1;
  font-weight: 800;
  font-family: 'DINProCond';
}
@media screen and (min-width: 1921px) {
  .ms-stories .h2 {
    font-size: 187px;
  }
}
.ms-stories .h2 > span {
  display: block;
  margin: 0 auto;
  font-size: 60px;
  font-size: calc( 20px + (60 - 20) * (100vw - 320px) / (1920 - 320) );
}
@media screen and (min-width: 1921px) {
  .ms-stories .h2 > span {
    font-size: 60px;
  }
}
.ms-stories .h3 {
  font-size: 73px;
  font-size: calc( 30px + (73 - 30) * (100vw - 320px) / (1920 - 320) );
  line-height: 1;
  font-weight: 600;
  font-family: 'DINProCond';
}
@media screen and (min-width: 1921px) {
  .ms-stories .h3 {
    font-size: 73px;
  }
}
.ms-stories .h4 {
  font-size: 18px;
  font-size: calc( 15px + (18 - 15) * (100vw - 320px) / (1920 - 320) );
  line-height: 1.4;
  font-weight: 600;
}
@media screen and (min-width: 1921px) {
  .ms-stories .h4 {
    font-size: 18px;
  }
}
.ms-stories .h4 small {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  line-height: 0.9;
}
.ms-stories .headline {
  font-size: 12px;
  line-height: 1;
  font-weight: normal;
}
.ms-stories .text--large {
  font-size: 24px;
  font-size: calc( 16px + (24 - 16) * (100vw - 320px) / (1920 - 320) );
  line-height: 1.208333333333333;
}
@media screen and (min-width: 1921px) {
  .ms-stories .text--large {
    font-size: 24px;
  }
}
.ms-stories .text--lead {
  font-size: 21px;
  color: #dcdefe;
  line-height: 1;
  font-weight: 500;
  font-family: 'DINProCond';
}
.ms-stories p,
.ms-stories .text--medium {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .ms-stories p,
  .ms-stories .text--medium {
    line-height: 20px;
  }
}
.ms-stories .btn {
  font-size: 14.5px;
  font-family: 'SegoeUI', "Segoe UI", "Helvetica Neue", -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
  font-weight: bold;
}
.ms-stories .caption {
  font-size: 20px;
  font-size: calc( 14px + (20 - 14) * (100vw - 320px) / (1920 - 320) );
  line-height: 1;
  text-transform: uppercase;
  font-family: 'DINProCond';
  font-weight: 800;
}
@media screen and (min-width: 1921px) {
  .ms-stories .caption {
    font-size: 20px;
  }
}
.ms-stories .text--small {
  font-weight: 600;
  line-height: 1;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .ms-stories .text--small {
    font-size: 11px;
  }
}
.ms-stories .link--small {
  font-size: 14px;
  font-size: calc( 12px + (14 - 12) * (100vw - 320px) / (1920 - 320) );
  font-weight: normal;
  line-height: 1;
  color: inherit;
  text-decoration: none;
}
@media screen and (min-width: 1921px) {
  .ms-stories .link--small {
    font-size: 14px;
  }
}
.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-ready .is-active .slideUp,
.is-ready .is-active .slideUp--0,
.is-ready .is-active .slideUp--1,
.is-ready .is-active .slideUp--2,
.is-ready .is-active .slideUp--3,
.is-ready .is-active .slideUp--4,
.is-ready .is-active .slideUp--5,
.is-ready .is-active .slideUp--6,
.is-ready .is-active .slideUp--7,
.is-ready .is-active .slideUp--8,
.is-ready .is-active .slideUp--9,
.is-ready .is-active .slideUp--10,
.slideUp .is-ready .is-slide-active,
.slideUp--0 .is-ready .is-slide-active,
.slideUp--1 .is-ready .is-slide-active,
.slideUp--2 .is-ready .is-slide-active,
.slideUp--3 .is-ready .is-slide-active,
.slideUp--4 .is-ready .is-slide-active,
.slideUp--5 .is-ready .is-slide-active,
.slideUp--6 .is-ready .is-slide-active,
.slideUp--7 .is-ready .is-slide-active,
.slideUp--8 .is-ready .is-slide-active,
.slideUp--9 .is-ready .is-slide-active,
.slideUp--10 .is-ready .is-slide-active {
  transform: translateZ(0);
  opacity: 1;
}
.fadeIn,
.fadeIn--0,
.fadeIn--1,
.fadeIn--2,
.fadeIn--3,
.fadeIn--4,
.fadeIn--5,
.fadeIn--6,
.fadeIn--7,
.fadeIn--8,
.fadeIn--9,
.fadeIn--10 {
  transform: translateZ(0);
  transition: all 2.4s cubic-bezier(0.43, 0.195, 0.02, 1);
  opacity: 0;
}
.is-ready .is-active .fadeIn,
.is-ready .is-active .fadeIn--0,
.is-ready .is-active .fadeIn--1,
.is-ready .is-active .fadeIn--2,
.is-ready .is-active .fadeIn--3,
.is-ready .is-active .fadeIn--4,
.is-ready .is-active .fadeIn--5,
.is-ready .is-active .fadeIn--6,
.is-ready .is-active .fadeIn--7,
.is-ready .is-active .fadeIn--8,
.is-ready .is-active .fadeIn--9,
.is-ready .is-active .fadeIn--10,
.fadeIn .is-ready .is-slide-active,
.fadeIn--0 .is-ready .is-slide-active,
.fadeIn--1 .is-ready .is-slide-active,
.fadeIn--2 .is-ready .is-slide-active,
.fadeIn--3 .is-ready .is-slide-active,
.fadeIn--4 .is-ready .is-slide-active,
.fadeIn--5 .is-ready .is-slide-active,
.fadeIn--6 .is-ready .is-slide-active,
.fadeIn--7 .is-ready .is-slide-active,
.fadeIn--8 .is-ready .is-slide-active,
.fadeIn--9 .is-ready .is-slide-active,
.fadeIn--10 .is-ready .is-slide-active {
  opacity: 1;
}
.slideUp--0,
.is-active .slideUp--0,
.slideUp--0.is-active {
  transition-delay: 0s;
}
.is-next .slideUp--0,
.is-prev .slideUp--0 {
  transition-delay: 0s;
}
.fadeIn--0,
.is-active .fadeIn--0,
.fadeIn--0.is-active {
  transition-delay: 0s;
}
.is-next .fadeIn--0,
.is-prev .fadeIn--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;
}
.fadeIn--1,
.is-active .fadeIn--1,
.fadeIn--1.is-active {
  transition-delay: 0.085s;
}
.is-next .fadeIn--1,
.is-prev .fadeIn--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;
}
.fadeIn--2,
.is-active .fadeIn--2,
.fadeIn--2.is-active {
  transition-delay: 0.17s;
}
.is-next .fadeIn--2,
.is-prev .fadeIn--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;
}
.fadeIn--3,
.is-active .fadeIn--3,
.fadeIn--3.is-active {
  transition-delay: 0.255s;
}
.is-next .fadeIn--3,
.is-prev .fadeIn--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;
}
.fadeIn--4,
.is-active .fadeIn--4,
.fadeIn--4.is-active {
  transition-delay: 0.34s;
}
.is-next .fadeIn--4,
.is-prev .fadeIn--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;
}
.fadeIn--5,
.is-active .fadeIn--5,
.fadeIn--5.is-active {
  transition-delay: 0.425s;
}
.is-next .fadeIn--5,
.is-prev .fadeIn--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;
}
.fadeIn--6,
.is-active .fadeIn--6,
.fadeIn--6.is-active {
  transition-delay: 0.51s;
}
.is-next .fadeIn--6,
.is-prev .fadeIn--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;
}
.fadeIn--7,
.is-active .fadeIn--7,
.fadeIn--7.is-active {
  transition-delay: 0.595s;
}
.is-next .fadeIn--7,
.is-prev .fadeIn--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;
}
.fadeIn--8,
.is-active .fadeIn--8,
.fadeIn--8.is-active {
  transition-delay: 0.68s;
}
.is-next .fadeIn--8,
.is-prev .fadeIn--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;
}
.fadeIn--9,
.is-active .fadeIn--9,
.fadeIn--9.is-active {
  transition-delay: 0.765s;
}
.is-next .fadeIn--9,
.is-prev .fadeIn--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;
}
.fadeIn--10,
.is-active .fadeIn--10,
.fadeIn--10.is-active {
  transition-delay: 0.85s;
}
.is-next .fadeIn--10,
.is-prev .fadeIn--10 {
  transition-delay: 0.7s;
}
.fadeIn {
  transform: translateZ(0);
  transition: all 2.4s cubic-bezier(0.43, 0.195, 0.02, 1);
  opacity: 0;
}
.is-ready .is-active .fadeIn,
.fadeIn .is-ready .is-slide-active {
  opacity: 1;
}
.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-ready .is-active .line {
  transition: all 1.3s 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: translateY(-10%) translateZ(0);
  opacity: 1;
}
.letter {
  will-change: opacity, transform;
  opacity: 0;
  transform: translateZ(0);
  transform-origin: 0 0;
}
.is-ready .is-active .letter,
.is-ready .mainTitle .letter {
  transition: opacity 2.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  opacity: 1;
}
.article {
  text-align: center;
}
.article > * {
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .article > * {
    margin-bottom: 24px;
  }
}
.article__text {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.article__text > * {
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .article__text {
    padding: 0 6.25%;
  }
}
.article__bg {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.article > * :not(.article__bg) {
  position: relative;
}
.audio {
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 74px;
  overflow: hidden;
  width: 320px;
  pointer-events: none;
  border-radius: 20px;
  background: rgba(0,0,0,0.8);
  opacity: 0;
  transform: translateZ(0);
  transition: all 1.1s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-audio-opened .audio {
  opacity: 1;
  pointer-events: auto;
}
.audio__card {
  text-align: left;
  color: #fff;
  width: 100%;
}
.audio__card__top {
  padding: 12px 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.audio__card__figure {
  position: relative;
  margin-right: 10px;
  width: 68px;
  height: 68px;
  overflow: hidden;
  border-radius: 100px;
}
.audio__card__figure img {
  height: 100%;
  width: 100%;
}
.audio__card__bottom {
  padding: 10px 15px 20px;
  background: rgba(18,20,25,0.45);
}
.scrollicon {
  width: 40px;
  margin: 0 auto;
}
.btn--primary {
  pointer-events: none;
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #dcdefe;
  text-align: center;
  max-width: 60px;
  height: 60px;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 100px;
  transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0 auto;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.btn--primary:before,
.btn--primary .wave,
.btn--primary .loader {
  content: "";
  z-index: 0;
  border-radius: 100px;
  display: block;
  position: absolute;
  z-index: 0;
  background: linear-gradient(45deg, #3282d6 0%, #6fd57a 100%);
  transform: translate(-50%, -50%) translateZ(0);
  top: 50%;
  left: 50%;
  width: 180%;
}
.btn--primary .loader {
  background: linear-gradient(45deg, rgba(35,114,197,0) 0%, rgba(35,114,197,0.5) 20%, #95f19f 100%);
  width: 100%;
  -webkit-mask: radial-gradient(circle, rgba(0,128,0,0) 50%, #008000 52%, #008000 68%, rgba(0,128,0,0) 70%);
  animation: spin 2s linear infinite;
}
.btn--primary .wave {
  position: absolute;
  top: 50%;
  left: 0;
  width: 150%;
  opacity: 1;
  z-index: 10;
  border-radius: 500px;
  transform: translate(-50%, -50%) scale(0) translateZ(0);
}
.btn--primary .wave:after {
  content: '';
  display: block;
  padding-top: 100%;
}
.btn--primary:before {
  padding-top: 100%;
  transition: none;
  transform: opacity 0 translateZ(0);
  transform: translate(-50%, -50%) scale(0) translateZ(0);
}
.btn--primary:after {
  content: "";
  border-radius: 100px;
  display: block;
  position: absolute;
  background: #000;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  z-index: 0;
  transform: scale(0) translateZ(0);
  transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.btn--primary .text {
  display: inline-block;
  z-index: 3;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  position: relative;
  padding: 12px 77px 12px 24px;
  opacity: 0;
  transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.btn--primary .arrow {
  overflow: hidden;
  transform: translateY(-50%) scale(0);
  z-index: 1;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  right: 10px;
  border-radius: 100px;
  padding: 0;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  background: linear-gradient(145deg, #131417 0%, #32333d 100%);
}
.btn--primary .arrow svg {
  will-change: transform;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(0);
  display: block;
  width: 16px;
}
.btn--primary .arrow svg:nth-child(2) {
  transform-origin: 100% 50%;
  transform: translate(calc(-50% - 30px), -50%) scaleX(1.6) translateZ(0);
}
.is-loaded .btn--primary {
  pointer-events: auto;
  max-width: 250px;
}
.is-loaded .btn--primary:after {
  transform: scale(1) translateZ(0);
  background: #1f2026;
}
.is-loaded .btn--primary:before {
  opacity: 1;
  transform: translate(-50%, -50%) translateZ(0);
}
.is-loaded .btn--primary .loader {
  opacity: 0;
  transition: none;
}
.is-loaded .btn--primary .arrow {
  opacity: 1;
  transform: translateY(-50%) scale(1) translateZ(0);
}
.is-loaded .btn--primary .text {
  opacity: 1;
}
.btn--primary:hover .wave {
  animation: slide 1.2s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.btn--primary:hover .arrow svg {
  animation: arrow--1 2.2s cubic-bezier(0.43, 0.195, 0.02, 1) infinite;
}
.btn--primary:hover .arrow svg:nth-child(2) {
  animation: arrow--2 2.2s cubic-bezier(0.43, 0.195, 0.02, 1) infinite;
}
.btn--next {
  position: relative;
  margin: 0 auto;
  display: block;
  pointer-events: auto;
  height: 50px;
  width: 50px;
  color: currentColor;
  font-size: 0 !important;
  z-index: 2;
}
.btn--next .circle {
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.6;
  border: solid 1px currentColor;
  border-radius: 100px;
  transition: 0.2s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition-property: top, left, width, height;
}
.btn--next .arrow {
  opacity: 0.6;
  fill: currentColor;
  position: absolute;
  top: 14%;
  left: 0%;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.btn--next .arrow svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 10px;
  transform: translate(-50%, -50%) translateZ(0);
}
.btn--next .arrow svg:nth-child(2) {
  transform-origin: 100% 50%;
  transform: translate(calc(-50% - 40px), -50%) scaleX(1.6) translateZ(0);
}
.btn--next .text {
  white-space: nowrap;
  position: absolute;
  right: 100%;
  margin-right: 12px;
  top: 68%;
  transform: translateY(-50%);
  color: currentColor;
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .btn--next .text {
    margin-right: 5px;
    font-size: 10px;
  }
}
.btn--next:hover svg {
  transition: transform 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: translate(calc(-50% + 40px), -50%) translateZ(0);
}
.btn--next:hover svg:nth-child(2) {
  transition: transform 0.6s 0.1s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: translate(-50%, -50%) scaleX(1) translateZ(0);
}
.btn--next:hover .text {
  opacity: 0.8;
}
.btn--next.is-focused .circle,
.btn--next:hover .circle,
.btn--next:focus .circle {
  height: 120%;
  width: 120%;
  top: -10%;
  left: -10%;
  opacity: 1;
}
.btn--next.is-focused svg,
.btn--next:hover svg,
.btn--next:focus svg {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .btn--next {
    height: 40px;
    width: 40px;
  }
}
.btn--burger {
  width: 30px;
  height: 30px;
  padding: 0;
  pointer-events: auto;
  position: relative;
  padding: 0;
  color: currentColor;
  opacity: 0.6;
  vertical-align: middle;
  transition: 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.btn--burger:hover {
  opacity: 1;
}
.btn--burger svg {
  z-index: 2;
  width: 30px;
  position: relative;
  fill: currentColor;
}
.btn--burger .text {
  z-index: 2;
  position: absolute;
  top: 100%;
  left: 0;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  left: 50%;
  font-size: 0;
  transform: translateX(-50%);
}
.btn--burger .text span {
  opacity: 0;
  font-size: 14px;
  transition: opacity 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.btn--burger .text span:nth-child(2) {
  transition-delay: 0.05s;
}
.btn--burger .text span:nth-child(3) {
  transition-delay: 0.15s;
}
.btn--burger .text span:nth-child(4) {
  transition-delay: 0.15s;
}
.btn--burger .text span:nth-child(5) {
  transition-delay: 0.2s;
}
.btn--burger .text span:nth-child(6) {
  transition-delay: 0.25s;
}
.btn--burger .text span:nth-child(7) {
  transition-delay: 0.3s;
}
.btn--burger .text span:nth-child(8) {
  transition-delay: 0.35s;
}
.btn--burger .before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 80px;
  width: 80px;
  z-index: 3;
  margin-top: -40px;
  margin-left: -40px;
  background: transparent;
}
.btn--burger.is-focused,
.btn--burger:hover,
.btn--burger:focus {
  fill: #fff;
}
.btn--burger.is-focused .text span,
.btn--burger:hover .text span,
.btn--burger:focus .text span {
  opacity: 1;
}
.btn--burger.is-focused .before:before,
.btn--burger:hover .before:before,
.btn--burger:focus .before:before {
  transform: scale(1) translateZ(0);
}
.btn--close {
  color: #fff;
  position: relative;
  padding-right: 25px;
}
.btn--close:after,
.btn--close:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 2px;
  background: #fff;
}
.btn--close:before {
  transform: translateY(-50%) rotate(-45deg);
}
.btn--close:after {
  transform: translateY(-50%) rotate(45deg);
}
.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 svg {
  fill: currentColor;
}
.btn--play {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: currentColor;
}
.btn--play span {
  display: inline-block;
  position: relative;
}
.btn--play .btn--play__icon {
  margin-right: 5px;
  height: 25px;
  width: 25px;
  border-radius: 100px;
}
.btn--play .btn--play__icon svg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  fill: currentColor;
  transform: none !important;
}
.btn--sound {
  position: relative;
  margin: 0 auto;
  font-size: 0 !important;
  height: 50px;
  width: 50px;
  padding: 0;
  display: block;
  cursor: pointer;
  color: currentColor;
  margin-bottom: 15px;
  opacity: 0.6;
  margin-right: 0;
}
.btn--sound .icon {
  display: block;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  fill: currentColor;
}
.btn--sound .icon svg {
  width: 100%;
}
.btn--sound .circle {
  height: 100%;
  width: 100%;
  border: solid 1px currentColor;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 1px currentColor;
  opacity: 0.6;
  border-radius: 100px;
  transition: 0.2s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition-property: top, left, width, height, opacity;
}
.btn--sound.is-focused,
.btn--sound:hover,
.btn--sound:focus {
  opacity: 1;
}
.btn--sound.is-focused .circle,
.btn--sound:hover .circle,
.btn--sound:focus .circle {
  height: 120%;
  width: 120%;
  top: -10%;
  left: -10%;
}
@media screen and (max-width: 767px) {
  .btn--sound {
    height: 40px;
    width: 40px;
    margin-bottom: 15px;
  }
  .btn--sound .icon {
    height: 30px;
    width: 30px;
    margin-top: -15px;
    margin-left: -15px;
  }
}
.btn--quality {
  padding: 0;
  font-weight: bold;
  color: currentColor;
  opacity: 0.6;
  position: relative;
}
.btn--quality:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: currentColor;
  opacity: 0;
}
.btn--quality.is-active,
.btn--quality:hover {
  opacity: 0.6;
}
.btn--quality.is-active:before,
.btn--quality:hover:before {
  opacity: 1;
}
.btn--chroma:hover {
  opacity: 0.6;
}
@-moz-keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) translateZ(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) translateZ(0);
  }
}
@-webkit-keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) translateZ(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) translateZ(0);
  }
}
@-o-keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) translateZ(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) translateZ(0);
  }
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) translateZ(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) translateZ(0);
  }
}
@-moz-keyframes slide {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0) translateZ(0);
    opacity: 0.8;
  }
  100% {
    transform: translate(-30%, -50%) rotate(0deg) scale(1) translateZ(0);
    opacity: 0;
  }
}
@-webkit-keyframes slide {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0) translateZ(0);
    opacity: 0.8;
  }
  100% {
    transform: translate(-30%, -50%) rotate(0deg) scale(1) translateZ(0);
    opacity: 0;
  }
}
@-o-keyframes slide {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0) translateZ(0);
    opacity: 0.8;
  }
  100% {
    transform: translate(-30%, -50%) rotate(0deg) scale(1) translateZ(0);
    opacity: 0;
  }
}
@keyframes slide {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(0) translateZ(0);
    opacity: 0.8;
  }
  100% {
    transform: translate(-30%, -50%) rotate(0deg) scale(1) translateZ(0);
    opacity: 0;
  }
}
@-moz-keyframes arrow--1 {
  0% {
    transform: translate(-50%, -50%) translateZ(0);
  }
  50% {
    transform: translate(calc(-50% + 30px), -50%) translateZ(0);
  }
  100% {
    transform: translate(calc(-50% + 30px), -50%) translateZ(0);
  }
}
@-webkit-keyframes arrow--1 {
  0% {
    transform: translate(-50%, -50%) translateZ(0);
  }
  50% {
    transform: translate(calc(-50% + 30px), -50%) translateZ(0);
  }
  100% {
    transform: translate(calc(-50% + 30px), -50%) translateZ(0);
  }
}
@-o-keyframes arrow--1 {
  0% {
    transform: translate(-50%, -50%) translateZ(0);
  }
  50% {
    transform: translate(calc(-50% + 30px), -50%) translateZ(0);
  }
  100% {
    transform: translate(calc(-50% + 30px), -50%) translateZ(0);
  }
}
@keyframes arrow--1 {
  0% {
    transform: translate(-50%, -50%) translateZ(0);
  }
  50% {
    transform: translate(calc(-50% + 30px), -50%) translateZ(0);
  }
  100% {
    transform: translate(calc(-50% + 30px), -50%) translateZ(0);
  }
}
@-moz-keyframes arrow--2 {
  0% {
    transform: translate(calc(-50% - 30px), -50%) scaleX(1.6) translateZ(0);
  }
  50% {
    transform: translate(-50%, -50%) scaleX(1) translateZ(0);
  }
  100% {
    transform: translate(-50%, -50%) scaleX(1) translateZ(0);
  }
}
@-webkit-keyframes arrow--2 {
  0% {
    transform: translate(calc(-50% - 30px), -50%) scaleX(1.6) translateZ(0);
  }
  50% {
    transform: translate(-50%, -50%) scaleX(1) translateZ(0);
  }
  100% {
    transform: translate(-50%, -50%) scaleX(1) translateZ(0);
  }
}
@-o-keyframes arrow--2 {
  0% {
    transform: translate(calc(-50% - 30px), -50%) scaleX(1.6) translateZ(0);
  }
  50% {
    transform: translate(-50%, -50%) scaleX(1) translateZ(0);
  }
  100% {
    transform: translate(-50%, -50%) scaleX(1) translateZ(0);
  }
}
@keyframes arrow--2 {
  0% {
    transform: translate(calc(-50% - 30px), -50%) scaleX(1.6) translateZ(0);
  }
  50% {
    transform: translate(-50%, -50%) scaleX(1) translateZ(0);
  }
  100% {
    transform: translate(-50%, -50%) scaleX(1) translateZ(0);
  }
}
@-moz-keyframes scrollupdown {
  0% {
    transform: translateY(0px);
  }
  34% {
    transform: translateY(12px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes scrollupdown {
  0% {
    transform: translateY(0px);
  }
  34% {
    transform: translateY(12px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-o-keyframes scrollupdown {
  0% {
    transform: translateY(0px);
  }
  34% {
    transform: translateY(12px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes scrollupdown {
  0% {
    transform: translateY(0px);
  }
  34% {
    transform: translateY(12px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}
.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;
}
.cursor {
  position: fixed;
  width: 50px;
  height: 50px;
  top: 0;
  left: 0;
  margin-top: -25px;
  margin-left: -25px;
  pointer-events: none;
  z-index: 1000;
  color: currentColor;
  opacity: 1;
  will-change: transform, opacity;
  transform: translateZ(0);
}
.is-hover-button .cursor {
  opacity: 0;
}
.has-touch .cursor {
  display: none;
}
[data-cursor] {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateZ(0);
  height: 100%;
  width: 100%;
}
.cursor__circle {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: translateZ(0);
  will-change: transform;
}
.cursor__circle:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 100px;
  border: solid 1px currentColor;
  transition: 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition-property: transform, opacity;
  will-change: transform, opacity;
  transform: scale(1) translateZ(0);
}
.is-dragging .cursor__circle:before {
  transform: scale(0) translateZ(0);
}
.cursor__cross {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: translateZ(0);
  will-change: transform;
}
.cursor__cross svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -7px;
  height: 14px;
  width: 14px;
  fill: currentColor;
  transition: transform 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
  will-change: transform;
}
.cursor__cross svg:nth-child(1) {
  transform: translateY(0px) rotate(0deg) scale(0) translateZ(0);
}
.cursor__cross svg:nth-child(2) {
  transform: translateX(0px) rotate(90deg) scale(0) translateZ(0);
}
.cursor__cross svg:nth-child(3) {
  transform: translateY(0px) rotate(180deg) scale(0) translateZ(0);
}
.cursor__cross svg:nth-child(4) {
  transform: translateX(0px) rotate(270deg) scale(0) translateZ(0);
}
.hide-intro.is-dragging .cursor__cross svg,
.is-intro.has-started.is-dragging .cursor__cross svg {
  transition-delay: 0.1s;
}
.hide-intro.is-dragging .cursor__cross svg:nth-child(1),
.is-intro.has-started.is-dragging .cursor__cross svg:nth-child(1) {
  transform: translateY(-18px) rotate(0deg) scale(1) translateZ(0);
}
.hide-intro.is-dragging .cursor__cross svg:nth-child(2),
.is-intro.has-started.is-dragging .cursor__cross svg:nth-child(2) {
  transform: translateX(18px) rotate(90deg) scale(1) translateZ(0);
}
.hide-intro.is-dragging .cursor__cross svg:nth-child(3),
.is-intro.has-started.is-dragging .cursor__cross svg:nth-child(3) {
  transform: translateY(18px) rotate(180deg) scale(1) translateZ(0);
}
.hide-intro.is-dragging .cursor__cross svg:nth-child(4),
.is-intro.has-started.is-dragging .cursor__cross svg:nth-child(4) {
  transform: translateX(-18px) rotate(270deg) scale(1) translateZ(0);
}
.cursor__dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -2px;
  width: 4px;
  height: 4px;
}
.cursor__dot:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: currentColor;
  border-radius: 100px;
  transition: transform 0.6s 0.1s cubic-bezier(0.43, 0.195, 0.02, 1);
  will-change: transform;
  transform: scale(1) translateZ(0);
}
.is-dragging .cursor__dot:before {
  transform: scale(1) translateZ(0);
}
.header {
  position: fixed;
  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);
  pointer-events: none;
}
.is-ready .header {
  opacity: 1;
}
.header__cookies {
  width: 100%;
  position: relative;
}
.header__content {
  padding: 4vh 50px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__content,
.header__content a {
  color: currentColor;
  transition: all 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.header__content svg {
  fill: currentColor;
  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: #fff;
}
.is-menu-opened .header__content svg {
  fill: #fff;
}
@media screen and (max-width: 767px) {
  .header__content {
    padding: 25px 6.25%;
  }
}
.header__nav {
  pointer-events: auto;
  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;
  pointer-events: auto;
}
.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,
.header__logo__text {
  opacity: 0.6;
}
.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;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
}
.header__logo__text span {
  font-weight: bold;
}
.header__logo__text:hover {
  opacity: 1;
}
.header__logo__link.is-active {
  font-weight: 600;
}
.btn-backlink {
  position: relative;
  z-index: 2;
  cursor: pointer;
  padding: 4px;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  opacity: 0.6;
  transition: 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.btn-backlink:hover {
  opacity: 1;
}
.btn-backlink svg {
  height: 22px;
  width: 22px;
}
.btn-backlink .text {
  z-index: 2;
  position: absolute;
  top: 100%;
  left: 0;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  left: 50%;
  font-size: 0;
  transform: translateX(-50%);
}
.btn-backlink .text span {
  opacity: 0;
  font-size: 14px;
  transition: opacity 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.btn-backlink.is-focused,
.btn-backlink:hover,
.btn-backlink:focus {
  fill: #fff;
}
.btn-backlink.is-focused .text span,
.btn-backlink:hover .text span,
.btn-backlink:focus .text span {
  opacity: 1;
}
.btn-backlink.is-focused .before:before,
.btn-backlink:hover .before:before,
.btn-backlink:focus .before:before {
  transform: scale(1) translateZ(0);
}
.link {
  text-decoration: none;
  color: inherit;
  font-weight: bold;
  font-size: 12px;
}
.link--small {
  opacity: 0.6;
}
.link--small:hover {
  opacity: 1;
}
.menu {
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  height: calc(1 * var(--windowHeight) - 0px);
  z-index: 9;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  color: #dadcfe;
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-menu-opened .menu {
  pointer-events: auto;
  opacity: 1;
}
.profile-0 .menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.menu__item__arrow {
  width: 10px;
  height: 10px;
  border-bottom: solid 2px currentColor;
  border-right: solid 2px currentColor;
  display: inline-block;
  transform: translateX(0px) rotate(-45deg) translateZ(0);
  transition: all 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.menu__item:hover .menu__item__arrow {
  transform: translateX(8px) rotate(-45deg) translateZ(0);
}
.menu__item {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
.menu__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #dadcfe;
  opacity: 0.8;
  border-radius: 100px;
  width: 7px;
  height: 7px;
}
.profile-0 .menu__item {
  position: relative;
  height: auto;
  width: 100%;
  margin-left: 0px;
  margin-top: 0px;
  transform: none !important;
  visibility: visible !important;
}
.profile-0 .menu__item:after {
  display: none;
}
.menu__item__inner {
  text-align: left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.menu__item__inner h4,
.menu__item__inner .h4 {
  position: relative;
  padding: 0 20px;
  white-space: nowrap;
  margin-bottom: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.menu__item__inner h4 small,
.menu__item__inner .h4 small {
  display: block;
}
.menu__item__inner h4 svg,
.menu__item__inner .h4 svg {
  width: 40px;
  margin-right: 10px;
}
.menu__item__inner h4 *,
.menu__item__inner .h4 * {
  vertical-align: middle;
}
.menu__item__inner p {
  margin-bottom: 5px;
}
.menu__item__inner .menu__item__text {
  position: absolute;
  top: 100%;
  left: 70px;
  min-width: 260px;
  margin-bottom: 10px;
}
.menu__item__inner.is-left {
  right: 50%;
  min-width: 25vw;
}
.menu__item__inner.is-left:after {
  content: '';
  display: block;
  height: 1px;
  background: #fff;
  flex-grow: 1;
}
.menu__item__inner.is-middle-left {
  right: 50%;
  min-width: 25vw;
}
.menu__item__inner.is-middle-left:after {
  content: '';
  display: block;
  height: 1px;
  background: #fff;
  flex-grow: 1;
}
.menu__item__inner.is-right {
  left: 50%;
  min-width: 20vw;
}
.menu__item__inner.is-right:before {
  content: '';
  display: block;
  height: 1px;
  background: #fff;
  flex-grow: 1;
}
.menu__item__inner.is-middle-right {
  left: 50%;
  min-width: 25vw;
}
.menu__item__inner.is-middle-right:before {
  content: '';
  display: block;
  height: 1px;
  background: #fff;
  flex-grow: 1;
}
.profile-0 .menu__item__inner {
  justify-content: center;
}
.profile-0 .menu__item__inner.is-middle-right,
.profile-0 .menu__item__inner.is-right,
.profile-0 .menu__item__inner.is-middle-left,
.profile-0 .menu__item__inner.is-left {
  position: relative;
  display: block;
  top: 0%;
  transform: none;
  left: 0;
  min-width: auto;
  right: auto;
}
.profile-0 .menu__item__inner.is-middle-right:before,
.profile-0 .menu__item__inner.is-right:before,
.profile-0 .menu__item__inner.is-middle-left:before,
.profile-0 .menu__item__inner.is-left:before {
  display: none;
}
.profile-0 .menu__item__inner.is-middle-right:after,
.profile-0 .menu__item__inner.is-right:after,
.profile-0 .menu__item__inner.is-middle-left:after,
.profile-0 .menu__item__inner.is-left:after {
  display: none;
}
.profile-0 .menu__item__inner .menu__item__text {
  display: none;
}
.profile-0 .menu__item__inner h4,
.profile-0 .menu__item__inner .h4 {
  width: 100%;
  margin-bottom: 15px;
  justify-content: center;
}
.profile-0 .menu__item__inner h4 small,
.profile-0 .menu__item__inner .h4 small {
  display: inline-block;
  width: auto;
  font-size: inherit;
  font-weight: inherit;
}
.profile-0 .menu__item__inner h4 span,
.profile-0 .menu__item__inner .h4 span {
  display: inline-block;
}
.menu__footernav {
  position: absolute;
  z-index: 10;
  left: 50px;
  bottom: 30px;
  width: 100%;
}
.menu__footernav ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.menu__footernav ul li {
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .menu__footernav {
    left: 0;
    padding: 0 6.25vw;
  }
  .menu__footernav ul {
    flex-wrap: wrap;
  }
  .menu__footernav ul li {
    margin-bottom: 10px;
    margin-right: 15px;
  }
}
.modale {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  height: calc(1 * var(--windowHeight) - 0px);
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 11;
  background: rgba(0,0,0,0.6);
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s ease, visibility 0s 1s;
  transform: translateZ(0);
}
.is-modale-opened .modale {
  visibility: visible;
  transition: opacity 1s ease, visibility 0s;
  opacity: 1;
}
.is-mesh-modale .modale {
  background: rgba(0,0,0,0);
}
@media screen and (max-width: 767px) {
  .modale {
    padding: 0 0%;
    background: rgba(0,0,0,0.8);
  }
  .is-mesh-modale .modale {
    background: rgba(0,0,0,0);
    backdrop-filter: none;
  }
}
.modale__content {
  min-width: 320px;
}
@media screen and (max-width: 767px) {
  .modale__content {
    padding: 0 10vw;
    text-align: center;
  }
}
.modale__figure {
  position: relative;
}
.modale__figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modale__figure:after {
  content: "";
  display: block;
  padding-top: 60%;
}
@media screen and (max-width: 767px) {
  .modale__figure {
    margin-bottom: 20px;
  }
}
.modale__slideshow {
  width: 46.875vw;
}
@media screen and (max-width: 767px) {
  .modale__slideshow {
    width: 100%;
  }
}
.modale__youtube {
  width: 60vw;
}
.modale__youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .modale__youtube {
    width: 100%;
  }
}
.modale__article {
  position: relative;
  z-index: 2;
  padding: 0 3.645833333333333vw;
}
@media screen and (max-width: 767px) {
  .modale__article {
    padding: 0;
    margin-bottom: 30px;
  }
}
.modale__text {
  max-width: 410px;
}
.modale__nav {
  text-align: right;
  margin-bottom: 15px;
  transform: translateY(0%);
  position: relative;
  z-index: 3;
}
.nav--social {
  pointer-events: none;
  position: fixed;
  z-index: 12;
  left: 50px;
  bottom: 4vh;
  max-width: 200px;
  opacity: 0;
  transition: all 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  right: 40px;
}
.nav--social ul {
  list-style: none;
}
.nav--social li {
  transform: translateY(-50px);
  opacity: 0;
  margin-bottom: 15px;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.nav--social li:nth-child(4) {
  transform: translateY(0px);
  transition-delay: 0.1s;
  margin-bottom: 14px;
}
.nav--social li:nth-child(3) {
  transition-delay: 0.2s;
}
.nav--social li:nth-child(2) {
  transition-delay: 0.3s;
}
.nav--social li:nth-child(1) {
  transition-delay: 0.4s;
}
.nav--social li:last-child {
  margin-bottom: 0;
}
.is-ready .nav--social {
  opacity: 1;
}
.is-ready .nav--social li {
  transform: translateX(0%);
  opacity: 1;
}
.is-menu-opened .nav--social {
  opacity: 0;
}
.nav--social,
.nav--social a {
  color: currentColor;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.nav--social a {
  text-decoration: none;
  opacity: 0.6;
}
.nav--social a svg {
  height: 20px;
  width: 20px;
  fill: currentColor;
}
.nav--social a:hover {
  opacity: 1;
  transition: all 0.7s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.nav--social a,
.nav--social button {
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .nav--social {
    left: 6.25vw;
    bottom: 25px;
  }
  .nav--social li {
    margin-bottom: 0px;
  }
  .nav--social a {
    padding: 10px 10px 10px 0;
    display: inline-block;
  }
  .nav--social a svg {
    height: 15px;
    width: 15px;
    fill: currentColor;
  }
}
.nav--social li:nth-child(4) {
  margin-bottom: 2px;
}
.nav--bottom {
  z-index: 4;
  position: absolute;
  bottom: 3vh;
  right: 40px;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .nav--bottom {
    display: block;
    right: 6.25vw;
    bottom: 20px;
  }
}
.nav--quality > span {
  opacity: 0.6;
  font-size: 14.5px;
  margin-right: 2px;
}
@media screen and (max-width: 767px) {
  .nav--quality {
    display: none;
  }
}
.poi {
  display: inline-block;
  pointer-events: auto;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  background: none;
  border: none;
  -webkit-appearance: none;
  height: 30px;
  width: 30px;
  border-radius: 100px;
  margin-top: -15px;
  margin-left: -15px;
  transition: 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition-property: opacity;
  padding: 6px;
  background: rgba(0,0,0,0.5);
  opacity: 0;
}
.poi:before {
  height: 100%;
  width: 100%;
  content: "";
  border-radius: 100px;
  display: block;
  background: currentColor;
  z-index: 2;
  position: relative;
}
.poi.is-yellow {
  color: #fed10a;
}
.poi.is-orange {
  color: #ff6e37;
}
.poi.is-green {
  color: #35e49f;
}
.poi.is-purple {
  color: #cf37fe;
}
.poi.is-red {
  color: #f7364b;
}
.poi.is-lightblue {
  color: #47dffe;
}
.poi.is-blue,
.poi.is-darkblue {
  color: #1c99ff;
}
.poi:hover,
.poi.is-active {
  z-index: 4;
}
.has-started .poi,
.is-scene-ready .poi {
  opacity: 1;
}
.poi.is-title:before,
.poi.is-title:after {
  display: none;
}
.poi.is-title .poi__wrap {
  width: 33vw;
  text-align: left;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .poi.is-title .poi__wrap {
    width: 100vw;
  }
}
.poi.is-title .poi__nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.poi.is-room {
  color: #000;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
}
.poi.is-room:before,
.poi.is-room:after {
  display: none;
}
.poi.is-room .poi__darkCircle,
.poi.is-room .poi__gradientCircle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  display: block;
  transform: translate(-50%, -50%);
  border-radius: 100px;
}
.poi.is-room .poi__darkCircle:after,
.poi.is-room .poi__gradientCircle:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.poi.is-room .poi__darkCircle {
  z-index: 1;
  background: linear-gradient(45deg, #3282d6 0%, #6fd57a 100%);
}
.poi.is-room .poi__gradientCircle {
  width: calc(100% - 8px);
  background: currentColor;
  z-index: 2;
}
.poi.is-room .poi__label {
  will-change: transform;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  top: 50%;
  color: #fff;
  transform: translateY(-50%);
  font-family: 'DINProCond', "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 30px;
  opacity: 0;
  left: 100%;
  margin-left: 10px;
  transform: translateY(-50%);
  transition: opacity 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.poi.is-room .poi__label small {
  font-size: 0.8em;
}
.poi.is-room:hover .poi__label,
.is-intro .poi.is-room .poi__label {
  opacity: 1;
}
.poi.is-room .poi__arrow {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 3;
  border-radius: 100px;
}
.poi.is-room .poi__arrow svg {
  will-change: transform;
  will-change: transform;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(0);
  display: block;
  width: 16px;
}
.poi.is-room .poi__arrow svg:nth-child(2) {
  transform-origin: 100% 50%;
  transform: translate(calc(-50% - 40px), -50%) scaleX(1.6) translateZ(0);
}
.poi.is-room.is-left .poi__arrow {
  transform: rotate(180deg) translateZ(0);
}
.poi.is-room.is-up .poi__arrow {
  transform: rotate(-90deg) translateZ(0);
}
.poi.is-room.is-up .poi__label {
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  top: 100%;
}
.poi.is-room.is-down .poi__arrow {
  transform: rotate(90deg) translateZ(0);
}
.poi.is-room:hover .poi__arrow svg {
  transition: transform 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: translate(calc(-50% + 40px), -50%) translateZ(0);
}
.poi.is-room:hover .poi__arrow svg:nth-child(2) {
  transition: transform 0.6s 0.1s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: translate(-50%, -50%) scaleX(1) translateZ(0);
}
.poi__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 85px;
  width: 85px;
  background: #121419;
  z-index: 3;
  border-radius: 200px;
  transform: translate(-50%, -50%) scale(0) translateZ(0);
  transition: all 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.poi__logo svg {
  will-change: transform;
  height: 68px;
  width: 68px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%) rotate(45deg) scale(0.1) translateZ(0);
  transition: all 0.8s 0.085s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.poi:hover .poi__logo,
.poi.is-highlight .poi__logo,
.poi.is-active .poi__logo {
  transform: translate(-50%, -50%) scale(1) translateZ(0);
  opacity: 1;
}
.poi:hover .poi__logo svg,
.poi.is-highlight .poi__logo svg,
.poi.is-active .poi__logo svg {
  transform: translate(-50%, -50%) scale(1) rotate(0deg) translateZ(0);
}
.poi__logo.is-audio,
.poi__logo.is-poster {
  background: transparent;
}
.poi__logo.is-audio > svg,
.poi__logo.is-poster > svg {
  opacity: 0 !important;
}
.poi:hover .poi__logo.is-poster {
  background: #121419;
}
.poi:hover .poi__logo.is-poster > svg {
  opacity: 1 !important;
}
@media screen and (max-width: 767px) {
  .poi__logo {
    height: 60px;
    width: 60px;
  }
  .poi__logo svg {
    height: 40px;
    width: 40px;
  }
}
.poi__content {
  pointer-events: none;
  overflow: hidden;
  text-align: left;
  color: #dadcfe;
  position: absolute;
  width: auto;
  opacity: 0;
  top: 0px;
  left: 0px;
  z-index: 1;
  transition: all 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
  border-radius: 20px;
  width: 320px;
  transform: translateZ(0);
}
.poi__content .poi__content__logoPlaceholder {
  margin-right: 10px;
  width: 68px;
  height: 68px;
}
@media screen and (max-width: 767px) {
  .poi__content .poi__content__logoPlaceholder {
    width: 40px;
    height: 40px;
  }
}
.poi:not(.is-highlight).is-active .poi__content,
.poi.is-highlight:hover .poi__content {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .poi__content {
    top: -5px;
    left: -5px;
  }
}
.poi__content__top {
  padding: 12px 15px;
  background: rgba(18,20,25,0.8);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.poi.is-highlight:hover .poi__content__top {
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .poi__content__top {
    position: relative;
    padding: 15px 15px 15px 22px;
    background: rgba(18,20,25,0.8);
  }
}
.poi__content__bottom {
  display: none;
  padding: 10px 15px 20px;
  background: rgba(0,0,0,0.8);
}
.poi.is-active .poi__content__bottom {
  pointer-events: auto;
  display: block;
}
@media screen and (max-width: 767px) {
  .poi__content__bottom {
    background: rgba(0,0,0,0.8);
  }
}
.poi__closeBtn {
  background: none;
  border: none;
  -webkit-appearance: none;
  padding: 0;
  z-index: 3;
  opacity: 0;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
  pointer-events: none;
  cursor: pointer;
}
.poi__closeBtn span {
  display: block;
  height: 2px;
  width: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: currentColor;
}
.poi__closeBtn span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.poi__closeBtn span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.poi:not(.is-highlight).is-active .poi__closeBtn,
.poi.is-highlight:hover .poi__closeBtn,
.audio__card .poi__closeBtn {
  opacity: 1;
  pointer-events: auto;
}
.poi__link {
  margin-right: 5px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 0.8 !important;
}
.poi__link svg {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  width: 20px !important;
  height: 20px !important;
}
@-moz-keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0) translateZ(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2) translateZ(0);
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0) translateZ(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2) translateZ(0);
    opacity: 0;
  }
}
@-o-keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0) translateZ(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2) translateZ(0);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0) translateZ(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2) translateZ(0);
    opacity: 0;
  }
}
.section {
  height: calc(1 * var(--windowHeight) - 0px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.45);
  pointer-events: none;
  opacity: 0;
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-ready .section {
  opacity: 1;
}
.section.is-intro {
  background: none;
  align-items: flex-end;
  padding-bottom: 50px;
}
.section.is-intro:before {
  z-index: 0;
  content: "";
  background: #c5cddf;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: transform, opacity;
  transform: translateZ(0);
  transition: opacity 2.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-loaded .section.is-intro:before {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .section.is-intro {
    padding-bottom: 10vh;
  }
}
.hide-intro .section {
  opacity: 0;
  visibility: hidden;
  transition: opacity 2s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s 2s;
}
.hide-intro .section,
.hide-intro .section * {
  pointer-events: none !important;
}
.slideshow {
  position: relative;
}
@media screen and (max-width: 767px) {
  .slideshow {
    white-space: nowrap;
    font-size: 0;
  }
}
.slideshow__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 1.3s cubic-bezier(0.43, 0.195, 0.02, 1);
  opacity: 0;
}
.slideshow__slide:first-child {
  position: relative;
}
.slideshow__slide.is-slide-active,
.slideshow__slide.is-active {
  pointer-events: auto;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .slideshow__slide {
    position: relative;
    white-space: normal;
    display: inline-block;
  }
}
.slideshow__arrow,
.slideshow__arrow--left,
.slideshow__arrow--right {
  background: none;
  border: none;
  position: absolute;
  top: -50px;
  padding: 0;
  z-index: 2;
  width: 80px;
  height: 100%;
}
.slideshow__arrow .arrow,
.slideshow__arrow--left .arrow,
.slideshow__arrow--right .arrow {
  overflow: hidden;
  z-index: 1;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100px;
  padding: 0;
  border: solid 1px #fff;
  transform: translate(-50%, -50%) translateZ(0);
}
.slideshow__arrow .arrow svg,
.slideshow__arrow--left .arrow svg,
.slideshow__arrow--right .arrow svg {
  will-change: transform;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(0);
  display: block;
  width: 16px;
}
.slideshow__arrow .arrow svg:nth-child(2),
.slideshow__arrow--left .arrow svg:nth-child(2),
.slideshow__arrow--right .arrow svg:nth-child(2) {
  transform-origin: 100% 50%;
  transform: translate(calc(-50% - 50px), -50%) scaleX(1.6) translateZ(0);
}
.slideshow__arrow--left {
  right: 100%;
}
.slideshow__arrow--left .arrow {
  transform: translate(-50%, -50%) rotate(180deg) translateZ(0);
}
@media screen and (max-width: 767px) {
  .slideshow__arrow--left {
    top: 0;
    right: auto;
    left: 0;
    height: auto;
    margin: 0;
    position: relative;
    display: inline-block;
    width: auto;
    margin-right: 20px;
  }
  .slideshow__arrow--left .arrow {
    top: 0;
    right: auto;
    left: 0;
    margin: 0;
    position: relative;
    display: inline-block;
    transform: rotate(180deg) translateZ(0);
  }
}
.slideshow__arrow--right {
  left: 100%;
}
@media screen and (max-width: 767px) {
  .slideshow__arrow--right {
    top: 0;
    right: auto;
    left: 0;
    height: auto;
    margin: 0;
    position: relative;
    display: inline-block;
    width: auto;
  }
  .slideshow__arrow--right .arrow {
    top: 0;
    right: auto;
    left: 0;
    margin: 0;
    position: relative;
    display: inline-block;
    transform: translateZ(0);
  }
}
.slideshow__content {
  position: relative;
}
.slideshow__counter {
  position: absolute;
  left: 0;
  padding: 0;
  top: -18px;
  transform: translateY(-100%);
}
.tuto {
  color: currentColor;
  text-align: center;
  transition: 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: translateZ(0);
  will-change: opacity, transform;
  opacity: 0;
  pointer-events: none;
}
.hide-intro .tuto {
  opacity: 1;
  transition: 1.8s 1s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.has-scrolled .tuto,
.has-started .tuto {
  opacity: 0;
}
.has-touch.hide-intro .tuto {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.tuto--bottom {
  position: absolute;
  bottom: 4vh;
  left: 50%;
  transform: translateX(-50%) translateZ(0);
  width: 200px;
}
@media screen and (max-width: 767px) {
  .tuto--bottom {
    bottom: 25px;
  }
}
.tuto__text {
  padding-top: 10px;
  display: block;
}
.tuto__key {
  color: currentColor;
  width: 33px;
  height: 33px;
  border-radius: 8px;
  border: solid 2px currentColor;
  position: relative;
  opacity: 0.8;
}
.tuto__key:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translate(-50%, -1px);
  height: 24px;
  width: 24px;
  border: solid 2px currentColor;
  border-radius: 5px;
}
.tuto__key:after {
  font-size: 6px;
  position: absolute;
  top: 5px;
  left: 8px;
}
.tuto__key--up {
  display: block;
  margin: 0 auto;
  margin-bottom: 7px;
}
.tuto__key--left,
.tuto__key--right,
.tuto__key--down {
  display: inline-block;
}
.tuto__key--left,
.tuto__key--right {
  opacity: 0.6;
}
.tuto__key--left:after {
  content: "←";
}
.tuto__key--up:after {
  content: "↑";
}
.tuto__key--down:after {
  content: "↓";
}
.tuto__key--right:after {
  content: "→";
}
.tuto__cursor svg {
  height: 30px;
  width: 30px;
  display: block;
  margin: 0 auto;
}
.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;
}
.dg.main.a {
  height: auto !important;
  min-height: 20px !important;
}
.header__cookies .cc-banner {
  color: #fff;
  border-bottom: solid 1px rgba(255,255,255,0.08);
  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;
  }
}
.mainTitle {
  text-align: center;
  color: #54575f;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%) translateZ(0);
  will-change: transform;
  visibility: visible;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 0s;
}
.has-scrolled .mainTitle,
.has-started .mainTitle {
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1), visibility 1.8s 0s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .mainTitle {
    top: 40%;
  }
}
.mainTitle p {
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-ready .is-active .mainTitle p,
.is-ready .mainTitle p {
  opacity: 1;
  transition: opacity 1.8s 1s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.mainTuto {
  opacity: 0;
  transform: translateZ(0);
  will-change: transform;
  transition: opacity 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.is-loaded .mainTuto {
  opacity: 1;
}
[data-page-container],
[data-webgl-wrapper] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(1 * var(--windowHeight) - 0px);
  transform: translateZ(0);
}
.wrapper {
  position: relative;
}
.debug-perf .cursor {
  display: none !important;
}
[data-webgl-wrapper] {
  opacity: 0;
  z-index: 1;
}
.is-loaded [data-webgl-wrapper] {
  opacity: 1;
}
[data-page-container] {
  z-index: 2;
  transition: 1.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  opacity: 1;
}
.is-menu-opened [data-page-container],
.is-modale-opened [data-page-container] {
  opacity: 0;
  pointer-events: none;
}
.is-debug *:not([data-webgl-wrapper],
main) {
  visibility: hidden !important;
}
#page-header .c-uhfh,
#footerArea,
#uhfSkipToMain {
  display: none !important;
}

:root {
  --minSize: 320;
  --maxSize: 1440;
/* Media Queries*/
/* --media-d:     screen and (max-width: 2560px) and (orientation: landscape);
    --media-l:     screen and (max-width: 1560px) and (orientation: landscape);
    --media-t:     screen and (max-width: 1366px) and (orientation: landscape);
    --media-tp:    screen and (max-width: 1024px) and (orientation: portrait);
    --media-mp:    screen and (max-width: 375px) and (orientation: portrait) */
  --alias-headerH: 70px;
  --alias-remainingH: calc(100vh - var(--alias-headerH));
/* FontFamily */
  --alias-main: 'Helvetica', sans-serif;
  --alias-alt: 'Druk', serif;
/* Colors */
  --alias-dark: #000; /*#171717;*/
  --alias-light: #fff;
  --alias-grey: #eeeded;
  --alias-primary: #ff3746;
  --alias-secondary: #f5d452;
  --alias-lgrey: #eeeded;
  --alias-lightGrad: linear-gradient(0deg, #fff, transparent);
  --alias-red10: rgba(255,0,0,0.1);
  --alias-white10: rgba(255,255,255,0.1);
  --alias-white20: rgba(255,255,255,0.2);
  --alias-white30: rgba(255,255,255,0.3);
  --alias-white40: rgba(255,255,255,0.4);
  --alias-white50: rgba(255,255,255,0.5);
  --alias-white60: rgba(255,255,255,0.6);
  --alias-black10: rgba(0,0,0,0.1);
  --alias-black20: rgba(0,0,0,0.2);
  --alias-black30: rgba(0,0,0,0.3);
  --alias-black40: rgba(0,0,0,0.4);
  --alias-black50: rgba(0,0,0,0.5);
  --alias-black60: rgba(0,0,0,0.6);
/* Easings */
  --alias-easeOut: cubic-bezier(0.43, 0.195, 0.02, 1);
  --alias-easeOut2: cubic-bezier(0.9, 0.1, 0.15, 1.05);
  --alias-easeOut3: cubic-bezier(0.63, 0.195, 0.01, 1);
  --alias-easeOutSlow: cubic-bezier(0.43, 0.195, 0.02, 1);
  --alias-easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
/* Units*/
  --unit-md: calc(1rem * pow(1.618, var(--currentValue)));
  --unit-vr: calc(15 / 1220 * var(--vw));
  --unit-fx: calc(var(--vw) / 1220);
/* --unit-fx:  calc( var(--vw) / 1220 * (1440/1220) ); */
  --unit-fy: calc(var(--vh) / 760);
  --unit-c: calc(var(--vw) / 14);
/* Reset */
  --baseColor: var(--alias-dark);
  --baseBackground: var(--alias-light);
  --vw: 100vw;
  --vh: 100vh;
  --unit-vw: calc(var(--vw) / 100);
/* --unit-vh:  calc( var( --vh ) / 100 ); */
  --alias-debugRow: repeating-linear-gradient(rgba(255,0,0,0.4), transparent 1px, transparent var(--unit-vr));
  --alias-debugCol: repeating-linear-gradient(to right, #0ff, transparent 1px, transparent var(--unit-c));
  --alias-theme: #000;
  --alias-dot: '•';
  --alias-grad1: linear-gradient(to top, #171717, #131313);
  --alias-viewportH: calc(100vh - 110px);
}
#page-header .c-uhfh,
#footerArea {
  display: none !important;
}