@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Roboto+Slab:300";
@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";

/* src/styles/styles.scss */
.media-label {
  position: fixed;
  inset: auto 0 0 auto;
  z-index: 333;
}
.media-label::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 43px;
  height: 21px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  content: "xs";
  background: #3645b0;
}
@media (min-width: 321px) {
  .media-label::after {
    content: "s";
    background: #3645b0;
  }
}
@media (min-width: 480px) {
  .media-label::after {
    content: "m";
    background: #3645b0;
  }
}
@media (min-width: 768px) {
  .media-label::after {
    content: "t";
    background: #b03636;
  }
}
@media (min-width: 1024px) {
  .media-label::after {
    content: "xs";
    background: #263238;
  }
}
@media (min-width: 1366px) {
  .media-label::after {
    content: "s";
    background: #263238;
  }
}
@media (min-width: 1600px) {
  .media-label::after {
    content: "m";
    background: #263238;
  }
}
@media (min-width: 1920px) {
  .media-label::after {
    content: "l";
    background: #263238;
  }
}
@media (min-width: 2560px) {
  .media-label::after {
    content: "xl";
    background: #263238;
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
button,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
}
button {
  background: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 1;
}
img {
  display: inline-block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: text-bottom;
}
iframe {
  max-width: 100%;
}
svg {
  max-width: 100%;
  height: auto;
  overflow: visible;
}
svg path {
  pointer-events: none;
}
picture {
  display: block;
}
html,
body {
  position: relative;
  z-index: 1;
  font-size: 100%;
}
html {
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-behavior: smooth;
  background: #fff;
  color: #000;
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1;
  text-align: left;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}
body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body *:focus,
body *::before,
body *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a,
button {
  color: inherit;
  cursor: pointer;
  -webkit-transition: color 0.321s;
  transition: color 0.321s;
}
a:hover,
button:hover {
  cursor: pointer;
}
*:focus-visible {
  outline: 2px solid #ccc;
  outline-offset: 7px;
}
.preload {
  opacity: 0;
}
.preload * {
  -webkit-transition: none !important;
  transition: none !important;
}
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
.playground__ui {
  position: fixed;
  inset: 20px auto auto 20px;
  z-index: 1234;
  pointer-events: none;
  -webkit-transition: opacity 0.321s;
  transition: opacity 0.321s;
}
.playground__ui[data-hidden] {
  display: none;
}
.playground__ui:has(.playground__menu[data-active]) .playground__button[data-show-navigation] {
  -webkit-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}
.playground__ui:has(.playground__menu[data-active]) .playground__menu {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.playground__ui:not(:has(.playground__menu[data-visible])) {
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 1.234s;
  transition-duration: 1.234s;
}
.playground__ui:not(:has(.playground__menu[data-visible])) * {
  pointer-events: none;
}
.playground__menu {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: -20px -20px;
  transform-origin: -20px -20px;
  opacity: 0;
  font-family: sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 143%;
  pointer-events: all;
  -webkit-transition: opacity 0.123s, -webkit-transform 0.234s;
  transition: opacity 0.123s, -webkit-transform 0.234s;
  transition: transform 0.234s, opacity 0.123s;
  transition:
    transform 0.234s,
    opacity 0.123s,
    -webkit-transform 0.234s;
}
.playground__menu ::-webkit-scrollbar {
  width: 1px;
}
.playground__menu ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.playground__menu ::-webkit-scrollbar-thumb,
.playground__menu ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}
.playground__menu > div {
  position: relative;
  z-index: 2;
  max-height: 40vh;
  width: 230px;
  padding: 20px;
  overflow: auto;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.playground__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 12px;
}
.playground__menu a {
  color: #000;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  pointer-events: all;
  -webkit-transition: -webkit-text-decoration 0.123s;
  transition: -webkit-text-decoration 0.123s;
  transition: text-decoration 0.123s;
  transition: text-decoration 0.123s, -webkit-text-decoration 0.123s;
}
.playground__menu a[data-active],
.playground__menu a[data-active]:hover {
  text-decoration-color: rgba(0, 0, 0, 0.2);
}
.playground__menu a:hover {
  text-decoration-color: rgba(0, 0, 0, 0.1);
}
.playground__menu:hover .playground__button {
  opacity: 1;
  pointer-events: all;
}
.playground__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 21px;
  margin: 0;
  padding: 0;
  aspect-ratio: 1;
  font-size: 0;
  line-height: 0;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.123s;
  transition: -webkit-transform 0.123s;
  transition: transform 0.123s;
  transition: transform 0.123s, -webkit-transform 0.123s;
}
.playground__button > div {
  width: 52%;
  height: 1px;
}
.playground__button[data-hide-navigation] {
  position: absolute;
  inset: 0 0 auto auto;
  z-index: 2;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.07);
  opacity: 0;
  -webkit-transition: opacity 0.123s;
  transition: opacity 0.123s;
}
.playground__button[data-hide-navigation] > div {
  background: #000;
}
.playground__button[data-show-navigation] {
  gap: 2px;
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 1234;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background: #000;
  pointer-events: all;
}
.playground__button[data-show-navigation] > div {
  background: #fff;
}
.playground__button::after {
  content: "";
  position: absolute;
  inset: -21px;
  z-index: 1;
}
@media print {
  @page {
    margin: 1cm;
  }
  body {
    background: #fff;
    color: #000;
  }
  a {
    page-break-inside: avoid;
  }
  blockquote {
    page-break-inside: avoid;
  }
  table,
  pre {
    page-break-inside: avoid;
  }
  ul,
  ol,
  dl {
    page-break-before: avoid;
  }
}
:root {
  --scrollbar-background: #f3f3f3;
  --scrollbar-thumb: #c0c0c0;
  --scrollbar-thumb-hover: #a7a7a7;
}
@media (prefers-color-scheme: dark) {
  :root {
    --scrollbar-background: #424242;
    --scrollbar-thumb: #686868;
    --scrollbar-thumb-hover: #7b7b7b;
  }
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--scrollbar-background);
}
::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}
.aoat {
  position: relative;
  z-index: 1;
  background: #fff;
  color: #0e0e0e;
  font-family: "Poppins", sans-serif;
}
.aoat-cover {
  position: fixed;
  inset: 0;
  z-index: 2;
  background: #fff;
}
.aoat-trigger {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 50vw;
  border-bottom: 1px dashed #000;
  pointer-events: none;
}
.aoat-trigger::after {
  content: attr(id);
  position: absolute;
  left: 0;
  bottom: 10px;
  font-size: 12px;
  text-transform: uppercase;
}
.aoat-trigger#toggle-intro-header {
  top: 50vh;
}
.aoat-trigger#toggle-intro-landscape {
  top: 66vh;
}
.aoat-intro {
  position: relative;
  z-index: 1;
  max-width: 1600px;
  margin: 0 auto;
  padding: clamp(20px, 3.29vw + -12.63px, 40px);
  aspect-ratio: 16/10;
}
.aoat-intro .aoat-intro__container-1,
.aoat-intro .aoat-intro__container-2 {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.aoat-intro .aoat-intro__container-2 {
  overflow: hidden;
}
.aoat-intro .aoat-intro__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  padding: clamp(20px, 1.64vw + 3.68px, 30px);
}
.aoat-intro .aoat-intro__header-navigation {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(10px, 1.64vw + -6.32px, 20px);
}
.aoat-intro .aoat-intro__header-navigation:last-of-type {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.aoat-intro .aoat-intro__header-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(10px, 0.82vw + 1.84px, 15px);
  height: clamp(44px, 2.3vw + 21.16px, 58px);
  padding: 0 clamp(15px, 0.82vw + 6.84px, 20px);
  background: #fff;
  border: 1px solid #00aaeb;
  border-radius: 40px;
  color: #0e0e0e;
  font: inherit;
  font-size: clamp(13px, 0.49vw + 8.11px, 16px);
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 1365.98px) {
  .aoat-intro .aoat-intro__header-button:not(.intro__header-button--short) {
    gap: 0;
    width: 44px;
    font-size: 0;
  }
}
.aoat-intro .aoat-intro__header-button span {
  width: clamp(15px, 0.82vw + 6.84px, 20px);
  background: #0e0e0e;
  border-radius: 50%;
  aspect-ratio: 1;
}
.aoat-intro .aoat-intro__header-button--short {
  padding: 0;
  aspect-ratio: 1;
}
.aoat-intro .aoat-intro__header-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: clamp(40px, 3.95vw + 0.84px, 64px);
  font-weight: 700;
}
.aoat-intro .aoat-intro__guy {
  position: absolute;
  bottom: 17%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.aoat-intro .aoat-intro__guy-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(120px, 11.51vw + 5.79px, 190px);
  background: #fff;
  color: #00aaeb;
  aspect-ratio: 9/16;
  border-radius: 50% 50% 50% 50%/65% 65% 33% 33%;
  font-size: clamp(40px, 3.95vw + 0.84px, 64px);
  font-weight: 700;
}
.aoat-intro .aoat-intro__guy-hand {
  position: absolute;
  top: 45%;
  z-index: 2;
  width: clamp(90px, 9.87vw + -7.89px, 150px);
  height: clamp(21px, 1.97vw + 1.42px, 33px);
  background: #fff;
  border-radius: 20px;
}
.aoat-intro .aoat-intro__guy-hand--left {
  left: -60%;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.aoat-intro .aoat-intro__guy-hand--right {
  right: -60%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.aoat-intro .aoat-intro__headline {
  position: absolute;
  inset: 21% 0 63%;
  z-index: 1;
  -webkit-transform-origin: 50% 70%;
  transform-origin: 50% 70%;
  color: #fff;
  font-size: clamp(40px, 6.58vw + -25.26px, 80px);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
.aoat-intro .aoat-intro__hearts {
  position: absolute;
  inset: 30% 13% 16%;
  z-index: 1;
}
.aoat-intro .aoat-intro__heart {
  position: absolute;
  z-index: 1;
  color: #fff;
  font-size: clamp(40px, 2.96vw + 10.63px, 58px);
}
.aoat-intro .aoat-intro__heart:nth-child(1) {
  bottom: 70%;
  left: 3%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.aoat-intro .aoat-intro__heart:nth-child(2) {
  bottom: 20%;
  left: 9%;
}
.aoat-intro .aoat-intro__heart:nth-child(3) {
  bottom: 55%;
  left: 15%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.aoat-intro .aoat-intro__heart:nth-child(4) {
  bottom: 31%;
  right: 25%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.aoat-intro .aoat-intro__heart:nth-child(5) {
  bottom: 70%;
  right: 17%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.aoat-intro .aoat-intro__heart:nth-child(6) {
  bottom: 20%;
  right: 13%;
}
.aoat-intro .aoat-intro__sun {
  position: absolute;
  bottom: 55%;
  right: 10%;
  z-index: 1;
  width: clamp(44px, 5.92vw + -14.74px, 80px);
}
.aoat-intro .aoat-intro__sun > div:nth-child(1) {
  position: relative;
  z-index: 3;
  aspect-ratio: 1;
  background: #fff;
  border-radius: 50%;
}
.aoat-intro .aoat-intro__sun > div:nth-child(2) {
  position: absolute;
  inset: calc(clamp(25px, 3.29vw + -7.63px, 45px) * -1);
  z-index: 1;
  aspect-ratio: 1;
  border: clamp(9px, 0.99vw + -0.79px, 15px) dashed #fff;
  border-radius: 50%;
}
.aoat-intro .aoat-intro__sun > div:nth-child(3) {
  position: absolute;
  inset: calc(clamp(21px, 3.13vw + -10px, 40px) * -1);
  z-index: 2;
  background: #00aaeb;
  border-radius: 50%;
}
.aoat-intro .aoat-intro__ground {
  position: absolute;
  inset: auto 6% 12%;
  z-index: 1;
}
.aoat-intro .aoat-intro__ground-grass {
  position: absolute;
  bottom: 15%;
  z-index: 1;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.aoat-intro .aoat-intro__ground-grass:nth-child(1) {
  left: 5%;
}
.aoat-intro .aoat-intro__ground-grass:nth-child(2) {
  left: 16%;
}
.aoat-intro .aoat-intro__ground-grass:nth-child(3) {
  right: 29%;
}
.aoat-intro .aoat-intro__ground-grass:nth-child(4) {
  right: 10%;
}
.aoat-intro .aoat-intro__ground-grass > div {
  color: #fff;
  -webkit-transform: skewX(7deg);
  transform: skewX(7deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  font-size: clamp(19px, 2.8vw + -8.74px, 36px);
  font-weight: 700;
}
.aoat-intro .aoat-intro__ground-dirt {
  position: relative;
  width: 100%;
  height: clamp(3px, 0.49vw + -1.89px, 6px);
  background: #fff;
}
.aoat-intro .aoat-intro__background {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #00aaeb;
  border-radius: 50px;
}
.aoat-phone-section {
  position: relative;
  z-index: 2;
  max-width: 1600px;
  margin: 100vh auto 0;
  padding: clamp(20px, 3.29vw + -12.63px, 40px);
  padding: clamp(50px, 8.22vw + -31.58px, 100px);
}
.aoat-phone-section .aoat-phone-section__container {
  -webkit-perspective: 1234px;
  perspective: 1234px;
  width: 100%;
}
.aoat-phone-section .aoat-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: rotateX(-15deg) rotateY(-15deg);
  transform: rotateX(-15deg) rotateY(-15deg);
  width: clamp(180px, 11.51vw + 65.79px, 250px);
  margin: 0 auto;
  aspect-ratio: 390/844;
  background: #fff;
  border-radius: 20px;
  color: #0e0e0e;
  outline: clamp(6px, 1.48vw + -8.68px, 15px) solid #0e0e0e;
  font-size: clamp(50px, 6.58vw + -15.26px, 90px);
  font-weight: 700;
}
.aoat-features-section {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  padding-top: 13vh;
}
.aoat-features-section .aoat-feature {
  color: #00aaeb;
  font-size: clamp(40px, 3.95vw + 0.84px, 64px);
  font-weight: 700;
  text-align: center;
  line-height: 123%;
}
.aoat .scene-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 300vh;
  font-size: 7vw;
}
.aoat .marquee {
  position: fixed;
  top: 60vh;
  margin-left: 100vw;
  font-size: 15vw;
  white-space: nowrap;
}
.aolt {
}
.aolt .aolt-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 2vw;
  margin: 0 auto;
  padding: 2vw 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.aolt .aolt-container {
  width: 100%;
  max-width: 100vw;
  min-width: 21.3333333333vw;
  height: 100%;
  margin: 0 auto;
  padding: 0 2vw;
}
.aolt .aolt-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 2vw;
}
.aolt h1,
.aolt h2,
.aolt h3,
.aolt h4 {
  font-family: inherit;
  font-weight: 700;
}
.aolt h1 {
  font-size: 6.4vw;
  line-height: 1em;
}
.aolt h2 {
  font-size: 5.6vw;
  line-height: 1.19em;
}
.aolt h3 {
  font-size: 2.6666666667vw;
  line-height: 1.3em;
}
.aolt p {
  font-size: 1.6vw;
  line-height: 1.5em;
}
.aolt .aolt-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.3333333333vw;
  position: absolute;
  inset: 0 0 auto;
  padding: 3.3333333333vw;
  z-index: 2;
}
.aolt .aolt-header .aolt-header__logo {
  position: absolute;
  inset: 5% auto 0 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  font-size: 4vw;
  font-weight: 700;
}
.aolt .aolt-header .aolt-button:first-child {
  margin-right: auto;
}
.aolt .aolt-hero {
  width: 100%;
  height: 90svh;
  max-height: 60vw;
}
.aolt .aolt-hero .aolt-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.aolt .aolt-app .aolt-app__box-1 {
  grid-column: span 7;
  grid-row: 1;
}
.aolt .aolt-app .aolt-app__box-1 p {
  max-width: 20vw;
}
.aolt .aolt-app .aolt-app__box-1 .aolt-app__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.3333333333vw;
  width: 100%;
  margin-top: 1.3333333333vw;
}
.aolt .aolt-app .aolt-app__box-2 {
  grid-column: span 7;
  grid-row: 2;
}
.aolt .aolt-app .aolt-app__box-2 h2 {
  color: #56ccf2;
}
.aolt .aolt-app .aolt-app__box-3 {
  grid-column: 8/span 5;
  grid-row: span 2;
  padding: 4vw 5.3333333333vw 0;
  overflow: hidden;
}
.aolt .aolt-app .aolt-app__box-3 .aolt-phone-container {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.aolt .aolt-app .aolt-app__box-3 .aolt-phone {
  position: absolute;
  inset: 0;
  z-index: 1;
  aspect-ratio: 0.4897;
  background: #fff;
  border: 1.4vw solid #0e0e0e;
  border-radius: 5.3333333333vw;
}
.aolt .aolt-app .aolt-app__box-3 .aolt-phone__notch {
  width: 32%;
  margin: 4% auto;
  aspect-ratio: 120/36;
  background: #0e0e0e;
  border-radius: 1.2vw;
}
.aolt .aolt-prices .aolt-button {
  margin-top: 1.3333333333vw;
}
.aolt .aolt-links .aolt-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-flow: column-reverse nowrap;
  flex-flow: column-reverse nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4vw;
}
.aolt .aolt-links .aolt-links__box-1 {
  grid-column: span 4;
  grid-row: span 2;
  aspect-ratio: 9/16;
}
.aolt .aolt-links .aolt-links__box-2 {
  grid-column: span 8;
}
.aolt .aolt-links .aolt-links__box-3 {
  grid-column: span 4;
}
.aolt .aolt-links .aolt-links__box-4 {
  grid-column: span 4;
}
.aolt .aolt-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.3333333333vw;
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 4vw 4vw 4.6666666667vw;
  color: #fff;
  border-radius: 2.6666666667vw;
}
.aolt .aolt-box--blue {
  background: #00aaeb;
}
.aolt .aolt-box--green {
  background: #2ebd59;
}
.aolt .aolt-box--light-blue {
  background: #56ccf2;
}
.aolt .aolt-box--white {
  background: #fff;
  border: 0.0666666667vw solid #ccc;
  color: #00aaeb;
}
.aolt .aolt-box--yellow {
  background: #ffd020;
}
.aolt .aolt-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.6666666667vw;
  height: 4vw;
  padding: 0 2vw;
  border: 0.0666666667vw solid #ffd020;
  background: #ffd020;
  border-radius: 4vw;
  color: #0e0e0e;
  font-family: inherit;
  font-size: 1.0666666667vw;
  font-weight: 500;
  line-height: 1.25em;
}
.aolt .aolt-button .aolt-button__icon {
  width: 1.3333333333vw;
  aspect-ratio: 1;
  background: #0e0e0e;
  border-radius: 50%;
}
.aolt .aolt-button--square {
  aspect-ratio: 1;
  padding: 0;
}
.aolt .aolt-button--blue {
  background: #00aaeb;
  border-color: #fff;
  color: #fff;
}
.aolt .aolt-button--blue .aolt-button__icon {
  background: #fff;
}
.aolt .aolt-button--white {
  background: #fff;
  border-color: #fff;
}
.aolt .aolt-footer .aolt-footer__content {
  background: #fafafa;
  aspect-ratio: 1440/485;
}
.aolt ~ .overlay-grid .container {
  max-width: 100vw;
  min-width: 21.3333333333vw;
  padding: 0 2vw;
}
.aolt ~ .overlay-grid .grid {
  gap: 2vw;
}
@media (max-width: 1023.98px) {
  .aolt .aolt-layout {
    gap: 20px;
    padding: 20px 0;
  }
  .aolt .aolt-container {
    min-width: 320px;
    padding: 0 20px;
  }
  .aolt .aolt-grid {
    gap: 20px;
  }
}
@media (max-width: 1023.98px) and (max-width: 767.98px) {
  .aolt .aolt-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
}
@media (max-width: 1023.98px) {
  .aolt h1 {
    font-size: clamp(40px, 4.41vw + 18.82px, 64px);
  }
}
@media (max-width: 1023.98px) {
  .aolt h2 {
    font-size: clamp(32px, 4.78vw + 9.06px, 58px);
  }
}
@media (max-width: 1023.98px) {
  .aolt h3 {
    font-size: clamp(24px, 0.74vw + 20.47px, 28px);
  }
}
@media (max-width: 1023.98px) {
  .aolt p {
    font-size: 20px;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-header {
    gap: 20px;
    padding: 40px;
  }
  .aolt .aolt-header .aolt-header__logo {
    font-size: clamp(40px, 1.84vw + 31.18px, 50px);
  }
  .aolt .aolt-header .aolt-button:not(.aolt-button--square) .aolt-button__text {
  }
}
@media (max-width: 1023.98px) and (max-width: 1023.98px) {
  .aolt .aolt-header .aolt-button:not(.aolt-button--square) .aolt-button__text {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-header .aolt-button:not(.aolt-button:first-child) {
  }
}
@media (max-width: 1023.98px) and (max-width: 767.98px) {
  .aolt .aolt-header .aolt-button:not(.aolt-button:first-child) {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-hero {
    max-height: 100svh;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-app .aolt-app__box-1 {
  }
}
@media (max-width: 1023.98px) and (max-width: 767.98px) {
  .aolt .aolt-app .aolt-app__box-1 {
    min-height: 60svh;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-app .aolt-app__box-1 p {
    max-width: none;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-app .aolt-app__box-1 .aolt-app__buttons {
    gap: 20px;
    margin-top: 10px;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-app .aolt-app__box-1 .aolt-button {
  }
}
@media (max-width: 1023.98px) and (max-width: 767.98px) {
  .aolt .aolt-app .aolt-app__box-1 .aolt-button {
    width: 100%;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-app .aolt-app__box-3 {
    padding: clamp(30px, 3.68vw + 12.35px, 50px) clamp(40px, 1.84vw + 31.18px, 50px);
  }
}
@media (max-width: 1023.98px) and (max-width: 767.98px) {
  .aolt .aolt-app .aolt-app__box-3 {
    aspect-ratio: 1;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-app .aolt-app__box-3 .aolt-phone {
    border: 15px solid #0e0e0e;
    border-radius: clamp(40px, 1.84vw + 31.18px, 50px);
  }
}
@media (max-width: 1023.98px) and (max-width: 767.98px) {
  .aolt .aolt-app .aolt-app__box-3 .aolt-phone {
    width: 75%;
    margin: 30px auto 0;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-app .aolt-app__box-3 .aolt-phone__notch {
    border-radius: clamp(18px, 3.31vw + 2.12px, 36px);
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-prices .aolt-box {
  }
}
@media (max-width: 1023.98px) and (max-width: 767.98px) {
  .aolt .aolt-prices .aolt-box {
    min-height: 60svh;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-prices .aolt-button {
    margin-top: 10px;
  }
}
@media (max-width: 1023.98px) and (max-width: 767.98px) {
  .aolt .aolt-prices .aolt-button {
    width: 100%;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-links .aolt-box {
    padding: clamp(30px, 1.84vw + 21.18px, 40px);
    aspect-ratio: 4/3;
  }
}
@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
  .aolt .aolt-links .aolt-box {
    grid-column: span 1;
    grid-row: span 1;
    aspect-ratio: 1;
  }
}
@media (max-width: 1023.98px) and (min-width: 768px) and (max-width: 1023.98px) {
  .aolt .aolt-links .aolt-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-box {
    gap: 20px;
    padding: clamp(30px, 1.84vw + 21.18px, 40px);
    border-radius: 40px;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-button {
    gap: 10px;
    height: 60px;
    padding: 0 20px;
    border-radius: 60px;
    font-size: 20px;
  }
  .aolt .aolt-button .aolt-button__icon {
    width: 20px;
  }
}
@media (max-width: 1023.98px) {
  .aolt .aolt-footer .aolt-footer__content {
  }
}
@media (max-width: 1023.98px) and (max-width: 767.98px) {
  .aolt .aolt-footer .aolt-footer__content {
    aspect-ratio: 9/16;
  }
}
@media (max-width: 1023.98px) {
  .aolt ~ .overlay-grid .container {
    max-width: 1500px;
    min-width: 320px;
    padding: 0 20px;
  }
  .aolt ~ .overlay-grid .grid {
    gap: 20px;
  }
}
.apparatus-2024__html {
  scroll-behavior: smooth;
}
.apparatus-2024__body {
  background: #111a26;
  color: #fff;
  font-family: "Instrument Sans", sans-serif;
  font-size: 0.8px;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .apparatus-2024__body {
    font-size: 0.067vw;
  }
}
@media (min-width: 2560px) {
  .apparatus-2024__body {
    font-size: 1.4px;
  }
}
.apparatus-2024__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 25vh;
  min-height: 456vh;
}
.apparatus-2024__main h1 {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 120em;
  line-height: 120%;
}
.apparatus-2024__container {
  max-width: 1920em;
  margin: 0 auto;
  padding: 0 66em;
  width: 100%;
}
@media (min-width: 768px) {
  .apparatus-2024__container {
    padding: 0 100em;
  }
}
.apparatus-2024__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 50em;
  height: 100%;
  padding: 30em;
}
@media (min-width: 768px) {
  .apparatus-2024__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 40em;
    padding: 80em;
  }
}
.apparatus-2024__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 67em;
  padding: 0 30em;
  background: #FF4823;
  border-radius: 67em;
  color: #fff;
  cursor: pointer;
}
.apparatus-2024__button:hover {
  color: #fff;
}
.apparatus-2024__button span {
  font-size: 16em;
  font-weight: 600;
  line-height: inherit;
}
.apparatus-2024__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30em;
  position: fixed;
  inset: 30em 30em auto;
  z-index: 2;
  height: 80em;
  padding: 0 30em;
}
.apparatus-2024__header::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  background: radial-gradient(157.24% 123.22% at 127.19% -0.63%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(21em);
  border-radius: 90em;
}
.apparatus-2024__header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left bottom, left top, from(#777), to(#fff)) border-box;
  background: linear-gradient(0deg, #777, #fff) border-box;
  border-radius: 90em;
  border: 1em solid transparent;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.5;
}
.apparatus-2024__header-logo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 152em;
}
.apparatus-2024__header-logo svg {
  width: 100%;
}
.apparatus-2024__header-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 40em;
  white-space: nowrap;
}
.apparatus-2024__header-navigation a {
  font-size: 21em;
  color: #fff;
}
.apparatus-2024__header .apparatus-2024__button {
  margin-right: -24em;
}
.apparatus-2024__hero {
  height: 100vh;
}
.apparatus-2024__hero-headline {
  grid-column: 1/span 7;
  align-self: flex-end;
}
.apparatus-2024__featured-card {
  grid-column: span 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding: 30em;
  aspect-ratio: 650/878;
  background: radial-gradient(157.24% 123.22% at 47.19% -0.63%, rgba(17, 26, 38, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(21em);
  border-radius: 20em;
}
.apparatus-2024__featured-card:nth-child(2) {
  margin-top: 140em;
}
.apparatus-2024__featured-card:nth-child(3) {
  margin-top: -140em;
}
.apparatus-2024__featured-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left bottom, left top, from(#777), to(#fff)) border-box;
  background: linear-gradient(0deg, #777, #fff) border-box;
  border-radius: inherit;
  border: 1em solid transparent;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.5;
}
.apparatus-2024__featured-card-logo {
  position: relative;
  z-index: 1;
  width: 64em;
  margin-bottom: auto;
  aspect-ratio: 1;
  border-radius: 16em;
  background: rgba(255, 255, 255, 0.1);
}
.apparatus-2024__featured-card-logo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left bottom, left top, from(#777), to(#fff)) border-box;
  background: linear-gradient(0deg, #777, #fff) border-box;
  border-radius: inherit;
  border: 1em solid transparent;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.5;
}
.apparatus-2024__featured-card picture {
  margin: auto;
}
.apparatus-2024__featured-card h2 {
  margin: auto 0 1.25em;
  color: #fff;
  opacity: 0.5;
  font-size: 16em;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.16em;
}
.apparatus-2024__featured-card h3 {
  font-size: 24em;
  font-weight: 400;
  line-height: 140%;
}
.apparatus-2024__info {
  margin: 50vh 0;
}
.apparatus-2024__info-headline {
  grid-column: 1/span 7;
  grid-row: 1;
  font-size: 80em !important;
}
.apparatus-2024__info-text {
  grid-column: 7/span 5;
  grid-row: 2;
  font-size: 21em;
  line-height: 160%;
}
.apparatus-2024__rocket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10vh 0 120vh;
}
.apparatus-2024__rocket svg {
  width: 150em;
}
.apparatus-2024__lines {
  position: fixed;
  inset: 0;
  z-index: -1;
}
.apparatus-2024__lines svg {
  position: absolute;
  width: 4500em;
  max-width: none;
  -webkit-filter: blur(12em);
  filter: blur(12em);
}
.apparatus-2024__lines svg:nth-child(1) {
  top: -23vh;
  left: -33vw;
  z-index: 2;
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.apparatus-2024__lines svg:nth-child(2) {
  top: 37vh;
  left: -123vw;
  z-index: 1;
  -webkit-transform: rotate(-34deg);
  transform: rotate(-34deg);
}
.apparatus-2024__lines svg:nth-child(3) {
  top: 93vh;
  left: -65vw;
  z-index: 2;
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
}
.apparatus-2025__html {
  font-size: 0.1785714286vw;
}
@media (min-width: 768px) {
  .apparatus-2025__html {
    font-size: 0.0694444444vw;
  }
}
@media (min-width: 2560px) {
  .apparatus-2025__html {
    font-size: 0.111rem;
  }
}
.apparatus-2025__body {
  background: rgb(19, 40, 65);
  color: #fff;
  opacity: 0;
  font-family: "Instrument Sans", sans-serif;
  font-size: 24rem;
  line-height: 150%;
}
@media (max-width: 767px) {
  .apparatus-2025__body {
    font-size: 18rem;
  }
}
.apparatus-2025__body .pin-spacer {
  pointer-events: none;
}
.apparatus-2025__body .pin-spacer > * {
  pointer-events: all;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
}
.apparatus-2025__body::before {
  content: "0.1.29";
  position: fixed;
  inset: 0 0 auto auto;
  z-index: 21;
  padding: 21rem;
  font-size: 12rem;
  line-height: 1;
}
.apparatus-2025__body .scroll-wrapper,
.apparatus-2025__body .scroll-content {
  position: relative;
  z-index: 3;
}
.apparatus-2025__body .container {
  width: 100%;
  max-width: 1440rem;
  min-width: 320rem;
  margin: 0 auto;
  padding: 0 120rem;
}
@media (max-width: 767px) {
  .apparatus-2025__body .container {
    padding: 0 20rem;
  }
}
.apparatus-2025__body .grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 40rem;
}
@media (max-width: 767px) {
  .apparatus-2025__body .grid {
    gap: 0;
  }
}
.apparatus-2025__body .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48rem;
  padding: 0 30rem;
  background: rgb(255, 72, 35);
  color: #fff;
  border-radius: 10rem;
  font-size: 14rem;
  line-height: 123%;
  white-space: nowrap;
}
.apparatus-2025__body .eyebrow {
  background: rgb(255, 72, 35);
  color: #fff;
  border-radius: 15rem;
  font-size: 10rem;
  line-height: 140%;
  letter-spacing: 1.5rem;
  text-transform: uppercase;
  padding: 7rem 15rem;
}
.apparatus-2025__body .text-mask {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(255, 255, 255)), color-stop(50%, rgba(255, 255, 255, 0.2)));
  background-image: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.2) 50%);
  -webkit-background-clip: text;
  background-clip: text;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  background-position: 100% 100%;
  color: transparent;
}
.apparatus-2025__body .header {
  position: fixed;
  inset: 20rem 0 auto;
  z-index: 4;
  font-size: 14rem;
  line-height: 123%;
}
.apparatus-2025__body .header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8rem;
}
.apparatus-2025__body .header__logo,
.apparatus-2025__body .header__links,
.apparatus-2025__body .header__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30rem;
  height: 48rem;
  padding: 0 30rem;
  background: rgba(19, 40, 65, 0.7);
  backdrop-filter: blur(3rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10rem;
  white-space: nowrap;
}
.apparatus-2025__body .header__logo {
  padding: 0;
  aspect-ratio: 1;
}
.apparatus-2025__body .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.apparatus-2025__body .footer {
  position: relative;
  z-index: 4;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50rem, rgba(19, 40, 65, 0)), color-stop(200rem, rgba(19, 40, 65, 0.8)));
  background: linear-gradient(to bottom, rgba(19, 40, 65, 0) 50rem, rgba(19, 40, 65, 0.8) 200rem);
}
.apparatus-2025__body .footer h3 {
  font-size: 64rem;
  font-weight: 400;
  line-height: 108%;
}
@media (max-width: 767px) {
  .apparatus-2025__body .footer h3 {
    font-size: 48rem;
    line-height: 125%;
  }
}
.apparatus-2025__body .footer .container {
  position: relative;
  z-index: 2;
}
.apparatus-2025__body .footer .grid__column--text {
  grid-column: 1/span 8;
}
@media (max-width: 767px) {
  .apparatus-2025__body .footer .grid__column--text {
    grid-column: 1/span 12;
  }
}
.apparatus-2025__body .footer .grid__column--button {
  grid-column: 9/span 4;
  align-self: flex-end;
  justify-self: flex-end;
}
@media (max-width: 767px) {
  .apparatus-2025__body .footer .grid__column--button {
    grid-column: 1/span 12;
    justify-self: flex-start;
    margin-top: 40rem;
  }
}
.apparatus-2025__body .footer .grid__column--links {
  grid-column: 1/span 12;
  margin-top: 150rem;
}
.apparatus-2025__body .footer__top {
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  -webkit-mask: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  mask: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  mask: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  color: rgb(19, 40, 65);
  font-size: 254rem;
  font-weight: 700;
  letter-spacing: -6rem;
  line-height: 73%;
  text-align: center;
  text-shadow:
    rgba(255, 255, 255, 0.07) 1px 1px 0,
    rgba(255, 255, 255, 0.07) 1px -1px 0,
    rgba(255, 255, 255, 0.07) -1px 1px 0,
    rgba(255, 255, 255, 0.07) -1px -1px 0;
}
@media (max-width: 767px) {
  .apparatus-2025__body .footer__top {
    font-size: 104rem;
    letter-spacing: -2rem;
    line-height: 80%;
  }
}
.apparatus-2025__body .footer__line {
  position: relative;
  z-index: 2;
  padding: 0 80rem;
}
@media (max-width: 767px) {
  .apparatus-2025__body .footer__line {
    padding: 0 20rem;
  }
}
.apparatus-2025__body .footer__line hr {
  height: 2px;
  margin: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(200rem, rgba(255, 255, 255, 0.1)), color-stop(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 200rem, rgba(255, 255, 255, 0.1) calc(100% - 200rem), rgba(255, 255, 255, 0) 100%);
  border: 0;
}
.apparatus-2025__body .footer__bottom {
  position: relative;
  z-index: 2;
  padding: 100rem 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.02)), color-stop(50%, rgba(255, 255, 255, 0.03)), color-stop(65%, rgba(255, 255, 255, 0.02)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.02) 35%, rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0.02) 65%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 767px) {
  .apparatus-2025__body .footer__bottom {
    padding: 100rem 20rem 40rem;
  }
}
.apparatus-2025__body .footer__bottom::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  backdrop-filter: blur(80rem);
}
.apparatus-2025__body .footer__links .text-mask {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 40rem 40rem;
  font-size: 13rem;
  line-height: 123%;
}
.apparatus-2025__body .footer__links .text-mask span:first-child {
  margin-right: auto;
}
@media (max-width: 767px) {
  .apparatus-2025__body .footer__links .text-mask span:last-child {
    display: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    text-align: right;
  }
}
.apparatus-2025__body .footer__orb {
  position: absolute;
  inset: auto auto -32vw 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%) scale(1.3, 0.6);
  transform: translateX(-50%) scale(1.3, 0.6);
  width: 60vw;
  aspect-ratio: 1;
  border-radius: 50%;
  -webkit-filter: blur(80rem);
  filter: blur(80rem);
  opacity: 0.4;
  background: #FF4C00;
}
.apparatus-2025__body .lines {
  position: fixed;
  inset: 25vh 0 auto;
  z-index: 2;
}
.apparatus-2025__body .lines .line {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.apparatus-2025__body .lines svg {
  width: 100%;
  overflow: visible;
}
.apparatus-2025__body .lines svg line {
  stroke-width: 24rem;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.apparatus-2025__body .lines svg polyline {
  width: 100%;
  fill: none;
  stroke-width: 24rem;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.apparatus-2025__body .orbs {
  position: fixed;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}
.apparatus-2025__body .orbs__container {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.apparatus-2025__body .orbs::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  backdrop-filter: blur(80rem);
}
.apparatus-2025__body .orbs .orb {
  position: absolute;
  z-index: 1;
  width: 200rem;
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0.4;
}
.apparatus-2025__body .orbs .orb--blue {
  background: #00EBFA;
}
.apparatus-2025__body .orbs .orb--red {
  background: #FF4C00;
}
.apparatus-2025__body .orbs .orb--white {
  background: #fff;
}
.apparatus-2025__body .orbs .orb--1 {
  inset: auto auto 5vh 53vw;
}
.apparatus-2025__body .orbs .orb--2 {
  inset: 21vh 9vw auto auto;
}
.apparatus-2025__body .orbs .orb--3 {
  inset: 9vh auto auto -1vw;
  width: 300rem;
  opacity: 0.2;
}
.apparatus-2025__body .orbs .orb--4 {
  inset: -50vh auto auto 50vw;
  width: 350rem;
  opacity: 0.1;
}
.apparatus-2025__body .loader {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 5;
  overflow: hidden;
  pointer-events: none;
}
.apparatus-2025__body .loader__cover {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgb(19, 40, 65);
}
.apparatus-2025__body .loader__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.apparatus-2025__body .loader__lines {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.apparatus-2025__body .loader__line {
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 1;
  width: 100rem;
  height: 1rem;
  background: #fff;
}
.apparatus-2025__body .loader .rocket {
  position: relative;
  z-index: 2;
  width: 443rem;
}
@media (max-width: 767px) {
  .apparatus-2025__body .loader .rocket {
    width: 240rem;
  }
}
.apparatus-2025__body .loader .rocket svg {
  width: 100%;
  height: auto;
}
.apparatus-2025__body .loader .rocket svg circle,
.apparatus-2025__body .loader .rocket svg path {
  stroke-width: 1.5rem;
}
@media (max-width: 767px) {
  .apparatus-2025__body .loader .rocket svg circle,
  .apparatus-2025__body .loader .rocket svg path {
    stroke-width: 2.2rem;
  }
}
.apparatus-2025__body .title-block {
  padding-bottom: 75vh;
}
.apparatus-2025__body .title-block .grid__column {
  grid-column: 3/span 8;
  align-self: center;
}
@media (max-width: 767px) {
  .apparatus-2025__body .title-block .grid__column {
    grid-column: 1/span 12;
  }
}
.apparatus-2025__body .title-block__text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 25rem;
  text-align: center;
}
.apparatus-2025__body .title-block h1 {
  font-size: 64rem;
  font-weight: 700;
  line-height: 108%;
}
.apparatus-2025__body .title-block h1 + p {
  max-width: 75%;
  font-size: 18rem;
  line-height: 154%;
}
.apparatus-2025__body .title-block--projects h1 {
  padding-top: 21vh;
}
.apparatus-2025__body .title-block--projects h1 {
  font-size: 80rem;
}
.apparatus-2025__body .title-block--projects h1 + p {
  font-size: 20rem;
}
.apparatus-2025__body .projects-block {
  padding-top: 5vh;
  padding-bottom: 50vh;
}
.apparatus-2025__body .projects-block .grid {
  gap: 80rem;
}
@media (max-width: 767px) {
  .apparatus-2025__body .projects-block .grid {
    gap: 20rem;
  }
}
.apparatus-2025__body .projects-block .grid__column {
  grid-column: span 6;
}
.apparatus-2025__body .projects-block .grid__column:nth-child(2n) {
  -webkit-transform: translateY(160rem);
  transform: translateY(160rem);
}
.apparatus-2025__body .projects-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  aspect-ratio: 1;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(4rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20rem;
}
.apparatus-2025__body .offer-block {
  position: relative;
  z-index: 1;
  padding-top: 25vh;
  padding-bottom: 50vh;
}
.apparatus-2025__body .offer-block__items .grid {
  gap: 100vh 40rem;
}
@media (max-width: 767px) {
  .apparatus-2025__body .offer-block__items .grid {
    gap: 100vh 20rem;
  }
}
.apparatus-2025__body .offer-block__items .grid__column:nth-child(2n-1) {
  grid-column: 6/span 6;
}
@media (max-width: 767px) {
  .apparatus-2025__body .offer-block__items .grid__column:nth-child(2n-1) {
    grid-column: 4/span 8;
  }
}
.apparatus-2025__body .offer-block__items .grid__column:nth-child(2n) {
  grid-column: 2/span 6;
}
@media (max-width: 767px) {
  .apparatus-2025__body .offer-block__items .grid__column:nth-child(2n) {
    grid-column: 2/span 8;
  }
}
.apparatus-2025__body .offer-block__items .grid__column:nth-child(1) {
  grid-row: 1;
}
.apparatus-2025__body .offer-block__items .grid__column:nth-child(2) {
  grid-row: 2;
}
.apparatus-2025__body .offer-block__items .grid__column:nth-child(3) {
  grid-row: 3;
}
.apparatus-2025__body .offer-block__items .grid__column:nth-child(4) {
  grid-row: 4;
}
.apparatus-2025__body .offer-block__items .grid__column:nth-child(5) {
  grid-row: 5;
}
.apparatus-2025__body .offer-block__items .grid__column:nth-child(6) {
  grid-row: 6;
}
.apparatus-2025__body .offer-block__items .grid__column:nth-child(7) {
  grid-row: 7;
}
.apparatus-2025__body .offer-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.apparatus-2025__body .offer-block h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20rem;
  position: relative;
  z-index: 1;
  margin-bottom: 24rem;
  font-size: 32rem;
  font-weight: 600;
  line-height: 108%;
}
.apparatus-2025__body .offer-block h2 span:nth-child(1) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.apparatus-2025__body .offer-block h2 span:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
}
.apparatus-2025__body .offer-block h2 span:nth-child(2)::before {
  content: "";
  position: absolute;
  inset: 0 0 6rem;
  z-index: 1;
  border-bottom: 3rem solid rgba(255, 255, 255, 0.1);
}
.apparatus-2025__body .offer-block h2 span:nth-child(2) span {
  position: absolute;
  inset: 0 0 6rem;
  z-index: 1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border-bottom: 3rem solid rgb(255, 72, 35);
}
.apparatus-2025__body .offer-block h2 span:nth-child(3) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.apparatus-2025__body .offer-block p {
  max-width: calc(100% - 80rem);
  font-size: 18rem;
  line-height: 154%;
}
@media (max-width: 767px) {
  .apparatus-2025__body .offer-block p {
    max-width: calc(100% - 40rem);
  }
}
.apparatus-2025__body .offer-block__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  inset: auto 0 20rem;
  z-index: 3;
  font-size: 14rem;
  line-height: 123%;
}
.apparatus-2025__body .offer-block__navigation-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30rem;
  height: 48rem;
  padding: 0 30rem;
  background: rgba(19, 40, 65, 0.7);
  backdrop-filter: blur(3rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10rem;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .apparatus-2025__body .offer-block__navigation-links {
    gap: 20rem;
  }
}
.apparatus-2025__body .offer-block__pictures {
  width: 100%;
  height: 100vh;
  margin-top: -200vh;
  margin-bottom: 100vh;
  pointer-events: none;
}
.apparatus-2025__body .offer-block__pictures .container,
.apparatus-2025__body .offer-block__pictures .grid {
  height: 100%;
}
.apparatus-2025__body .offer-block__pictures .grid {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.apparatus-2025__body .offer-block__pictures .grid__column {
  grid-row: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.apparatus-2025__body .offer-block__pictures .grid__column:nth-child(2n-1) {
  grid-column: 1/span 4;
  margin-right: -40rem;
}
@media (max-width: 767px) {
  .apparatus-2025__body .offer-block__pictures .grid__column:nth-child(2n-1) {
    grid-column: 1/span 8;
    margin: 0;
    margin-top: -33vh;
  }
}
.apparatus-2025__body .offer-block__pictures .grid__column:nth-child(2n) {
  grid-column: 9/span 4;
  margin-left: -60rem;
  margin-right: 20rem;
}
@media (max-width: 767px) {
  .apparatus-2025__body .offer-block__pictures .grid__column:nth-child(2n) {
    grid-column: 5/span 8;
    margin: 0;
    margin-top: 33vh;
  }
}
.apparatus-2025__body .offer-block__picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.apparatus-2025__body .offer-block__picture svg {
  width: 100%;
}
.apparatus-2025__body .team-block {
  padding-top: 5vh;
  padding-bottom: 50vh;
}
@media (max-width: 767px) {
  .apparatus-2025__body .team-block .grid {
    gap: 20rem;
  }
}
.apparatus-2025__body .team-block .grid__column {
  grid-column: span 4;
}
.apparatus-2025__body .team-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  aspect-ratio: 3/4;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(4rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20rem;
}
.apparatus-2025__body .clients-block {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.apparatus-2025__body .clients-block__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50vw;
  width: 100vw;
  padding-top: 15vh;
}
@media (max-width: 767px) {
  .apparatus-2025__body .clients-block__items {
    gap: 20vw;
  }
}
.apparatus-2025__body .clients-block__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50vw;
  flex: 0 0 50vw;
}
@media (max-width: 767px) {
  .apparatus-2025__body .clients-block__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80vw;
    flex: 0 0 80vw;
  }
}
.apparatus-2025__body .clients-block__quote span::before {
  content: "\201e";
}
.apparatus-2025__body .clients-block__quote span::after {
  content: "\201d";
}
.apparatus-2025__body .clients-block__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30rem;
  margin-top: 30rem;
}
.apparatus-2025__body .clients-block__author-avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60rem;
  flex: 0 0 60rem;
  aspect-ratio: 1;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(4rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
.apparatus-2025__body .clients-block__author-name p:first-child {
  font-weight: 600;
  text-transform: capitalize;
}
.apparatus-2025__body .clients-block__author-name p:last-child {
  font-size: 14rem;
  line-height: 140%;
}
.article-index {
  font-family: "DM Sans", sans-serif;
  font-weight: 300;
}
.article-index h1 {
  font-size: 5vw;
  font-weight: 500;
  line-height: 100%;
}
.article-index h2 {
  font-size: 3vw;
  font-weight: 500;
  line-height: 120%;
}
.article-index p {
  font-size: 2vw;
  line-height: 150%;
}
.article-index .article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10vw;
  padding: 10vw;
}
.article-index .article__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 4vw;
}
.article-index .article__content-intro {
  font-weight: 500;
}
.article-index .article__content-chapter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 2vw;
}
.article-index .article__index {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 21vw;
  flex: 0 0 21vw;
  position: sticky;
  top: 6.3vw;
  z-index: 1;
  margin-top: 6.3vw;
}
.article-index .article__index-title {
  margin-bottom: 1.5vw;
}
.article-index .article__index-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 0.6vw;
  font-size: 1.5vw;
  line-height: 140%;
}
.article-index .article__index-list li {
  position: relative;
  z-index: 1;
  padding-left: 1.5vw;
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0);
  -webkit-transition: text-decoration-color 0.321s;
  transition: text-decoration-color 0.321s;
}
.article-index .article__index-list li::before {
  content: "\2022";
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 1;
}
.article-index .article__index-list li[data-active] {
  text-decoration-color: #000;
}
.bubble-page-transition {
  padding: 5vw;
  font-size: 2vw;
  line-height: 160%;
}
.bubble-page-transition h1,
.bubble-page-transition p,
.bubble-page-transition a {
  line-height: inherit;
}
.bubble-page-transition a {
  text-decoration: underline;
}
.bubble-page-transition header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 5vw;
  margin-bottom: 5vw;
}
.bubble-page-transition header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 2vw;
}
.bubble-page-transition main {
  padding: 6vw;
}
.bubble-page-transition main div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 2vw;
}
.bubble-page-transition main h1 {
  font-size: 4vw;
}
.canvas-backgrounds__html body {
  background: #000;
}
.canvas-backgrounds__html .canvas-backgrounds canvas {
  position: fixed;
  inset: 0;
  z-index: 1;
}
.canvas-backgrounds__html .canvas-backgrounds select {
  position: fixed;
  inset: 1vw 1vw auto auto;
  z-index: 2;
  color: #000;
  font-size: 13px;
}
.ctb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  font-weight: 400;
}
.ctb-chevvvy {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.ctb-chevvvy__link {
  position: relative;
  z-index: 2;
  padding: 0 25px 0 0;
  font-size: 16px;
  cursor: pointer;
}
.ctb-chevvvy__box {
  position: absolute;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 400px;
  height: 400px;
  overflow: hidden;
  background: #0ff;
  color: #000;
  font-size: 16px;
}
.ctb-chevvvy__box-wrap {
  position: absolute;
  top: calc(50% + 2px);
  right: 8px;
  -webkit-transform-origin: 0 -200px;
  transform-origin: 0 -200px;
}
.ctb-chevvvy__text {
  padding: 50px 55px;
  font-size: 16px;
  line-height: 1.6;
}
.ctb-chevvvy__text-wrap {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ctb-chevvvy__text p {
  margin-bottom: 16px;
  line-height: inherit;
}
.ctb-chevvvy__text p:last-of-type {
  margin: 0;
}
.content-masks {
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  font-size: 2vw;
  line-height: 123%;
}
.content-masks__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5vw;
  height: 100vh;
}
.content-masks__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 30vw;
  aspect-ratio: 1;
  border: 1px dashed rgba(0, 0, 0, 0.2862745098);
}
.content-masks__box::before {
  position: absolute;
  inset: -2.5vw auto auto 0;
  z-index: 1;
  font-size: 0.7vw;
}
.content-masks__box > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 3vw;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" /></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" /></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: #000;
  color: #fff;
  text-align: center;
  -webkit-transition: -webkit-mask-size 0.765s cubic-bezier(0.87, 0, 0.13, 1);
  transition: -webkit-mask-size 0.765s cubic-bezier(0.87, 0, 0.13, 1);
  transition: mask-size 0.765s cubic-bezier(0.87, 0, 0.13, 1);
  transition: mask-size 0.765s cubic-bezier(0.87, 0, 0.13, 1), -webkit-mask-size 0.765s cubic-bezier(0.87, 0, 0.13, 1);
}
.content-masks__box--1::before {
  content: "show content";
}
.content-masks__box--1 > div {
  -webkit-mask-size: 0%;
  mask-size: 0%;
}
.content-masks__box--1:hover > div {
  -webkit-mask-size: 150%;
  mask-size: 150%;
}
.content-masks__box--2::before {
  content: "hide content";
}
.content-masks__box--2 > div {
  -webkit-mask-size: 150%;
  mask-size: 150%;
}
.content-masks__box--2:hover > div {
  -webkit-mask-size: 0%;
  mask-size: 0%;
}
.crawling-line-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10vw;
  height: 99vh;
}
.crawling-line {
  position: relative;
  z-index: 1;
  font-family: sans-serif;
  font-size: 2.1vw;
}
.crawling-line ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 3vw;
}
.crawling-line__link {
  color: #000;
  opacity: 0.6;
  -webkit-transition: opacity 0.321s;
  transition: opacity 0.321s;
}
.crawling-line__link--active {
  opacity: 1;
}
.crawling-line hr {
  position: absolute;
  inset: auto 0 -0.5vw;
  z-index: 1;
  margin: 0;
  border: 0;
  border-top: 0.16vw solid #000;
}
.css-tricks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 20vw;
  padding: 20vh 20vw;
  background: #fff;
  color: #111;
  font-size: 1.2vw;
  line-height: 150%;
}
.css-tricks__html {
  scrollbar-width: thin;
}
.css-tricks__body {
  font-family: "DM Sans", sans-serif;
}
.css-tricks .simple-swiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 1vw;
}
.css-tricks .simple-swiper .swiper {
  position: relative;
  z-index: 1;
  width: 44vw;
  padding-bottom: 2vw;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.css-tricks .simple-swiper .swiper__container {
  width: 44vw;
  overflow: hidden;
  border-radius: 1vw;
}
.css-tricks .simple-swiper .swiper__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  position: relative;
  z-index: 1;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  line-height: 0;
}
.css-tricks .simple-swiper .swiper__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 44vw;
  flex: 0 0 44vw;
  width: 44vw;
  scroll-snap-align: center;
}
.css-tricks .simple-swiper .swiper__drag {
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: calc(100% - 2vw);
  z-index: 2;
}
.css-tricks .simple-swiper .swiper__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5vw;
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
}
.css-tricks .simple-swiper .swiper__pagination-item {
  width: 0.7vw;
  height: 0.7vw;
  background: #fff;
  border: 1px solid #111;
  border-radius: 50%;
  font-size: 0;
  -webkit-transition: background 0.321s ease-in-out;
  transition: background 0.321s ease-in-out;
}
.css-tricks .simple-swiper .swiper__pagination-item--active {
  background: #111;
}
.css-tricks .masonry-layout {
  width: 100%;
}
.css-tricks .masonry-layout p {
  margin-bottom: 1vw;
}
.css-tricks .masonry-layout > div {
  width: 100%;
  -webkit-column-width: 200px;
  -moz-column-width: 200px;
  column-width: 200px;
}
.css-tricks .masonry-layout > div > img {
  display: block;
  width: 100%;
  height: 10vw;
  margin-bottom: 1vw;
  background: #111;
  border-radius: 1vw;
  -o-object-fit: cover;
  object-fit: cover;
}
.css-tricks .masonry-layout > div > img:nth-child(4n) {
  height: 30vw;
}
.css-tricks .masonry-layout > div > img:nth-child(4n-1) {
  height: 20vw;
}
.css-tricks .masonry-layout > div > img:nth-child(4n-2) {
  height: 15vw;
}
.css-tricks .native-select-with-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 1vw;
}
.css-tricks .native-select-with-icons select,
.css-tricks .native-select-with-icons select::picker(select) {
  -webkit-appearance: base-select;
  -moz-appearance: base-select;
  appearance: base-select;
  border: none;
}
.css-tricks .native-select-with-icons select {
  width: 21vw;
  padding: 1.07vw 1.2vw;
  background: #fff;
  border: 1px solid #111;
  border-radius: 1vw;
  color: #111;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
}
.css-tricks .native-select-with-icons select selectedcontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.7vw;
}
.css-tricks .native-select-with-icons select selectedcontent svg {
  width: 1.4vw;
}
.css-tricks .native-select-with-icons select::picker-icon {
  content: "\1f863";
  -webkit-transform: translateY(0.1vw);
  transform: translateY(0.1vw);
  font-size: 1vw;
}
.css-tricks .native-select-with-icons select:open::picker-icon {
  content: "\1f861";
  -webkit-transform: translateY(-0.1vw);
  transform: translateY(-0.1vw);
}
.css-tricks .native-select-with-icons select > div {
  margin: 0.5vw 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #111;
  border-radius: 1vw;
}
.css-tricks .native-select-with-icons select option {
  gap: 0.7vw;
  padding: 0.5vw 1.2vw;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.css-tricks .native-select-with-icons select option:hover {
  background: #111;
  color: #fff;
}
.css-tricks .native-select-with-icons select option:hover svg path {
  stroke: #fff;
}
.css-tricks .native-select-with-icons select option::checkmark {
  content: "\1f862";
  -webkit-transform: translateY(0.1vw);
  transform: translateY(0.1vw);
  font-size: 1vw;
}
.css-tricks .native-select-with-icons select option svg {
  width: 1.2vw;
}
.css-tricks .native-file-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 1vw;
}
.css-tricks .native-file-input fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.css-tricks .native-file-input fieldset + p {
  margin-top: 2vw;
}
.css-tricks .native-file-input .input-file {
  position: relative;
  z-index: 1;
}
.css-tricks .native-file-input .input-file input {
  width: 21vw;
  padding: 1.2vw;
  border: 1px solid #111;
  border-radius: 1vw;
  font-family: inherit;
  font-size: inherit;
  outline: none;
}
.css-tricks .native-file-input .input-file input::-webkit-file-upload-button {
  height: 3.2vw;
  margin: -2vw 1.2vw -2vw -0.8vw;
  padding: 0 1.2vw;
  background: #111;
  color: #fff;
  font-family: inherit;
  font-size: inherit;
  border: none;
  border-radius: 1vw;
}
.css-tricks .native-file-input .input-file input::file-selector-button {
  height: 3.2vw;
  margin: -2vw 1.2vw -2vw -0.8vw;
  padding: 0 1.2vw;
  background: #111;
  color: #fff;
  font-family: inherit;
  font-size: inherit;
  border: none;
  border-radius: 1vw;
}
.css-tricks .native-file-input .input-file input:not(:invalid) + button {
  display: inline-block;
}
.css-tricks .native-file-input .input-file input + button {
  display: none;
  margin-left: 1.2vw;
}
.css-tricks .native-file-input .input-file input + button svg {
  width: 1.3vw;
}
.css-tricks .native-file-input .input-file--2 input::-webkit-file-upload-button {
  width: 9vw;
  -webkit-transform: translateY(-0.4vw);
  transform: translateY(-0.4vw);
  font-size: 0;
}
.css-tricks .native-file-input .input-file--2 input::file-selector-button {
  width: 9vw;
  -webkit-transform: translateY(-0.4vw);
  transform: translateY(-0.4vw);
  font-size: 0;
}
.css-tricks .native-file-input .input-file--2::before {
  content: "Select a file";
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 2;
  padding: 1.45vw 1.6vw;
  color: #fff;
  font-size: inherit;
  line-height: 1;
  pointer-events: none;
}
.css-tricks .native-file-input .input-file--3 input::-webkit-file-upload-button {
  width: 10vw;
  -webkit-transform: translateY(-0.4vw);
  transform: translateY(-0.4vw);
  font-size: 0;
}
.css-tricks .native-file-input .input-file--3 input::file-selector-button {
  width: 10vw;
  -webkit-transform: translateY(-0.4vw);
  transform: translateY(-0.4vw);
  font-size: 0;
}
.css-tricks .native-file-input .input-file--3::before {
  content: "Upload File";
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 2;
  padding: 1.45vw 1.6vw 0 3.4vw;
  color: #fff;
  font-size: inherit;
  line-height: 1;
  pointer-events: none;
}
.css-tricks .native-file-input .input-file--3::after {
  content: url('data:image/svg+xml;utf8,            <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">              <path d="M7 12V3.85L4.4 6.45L3 5L8 0L13 5L11.6 6.45L9 3.85V12H7ZM2 16C1.45 16 0.979333 15.8043 0.588 15.413C0.196666 15.0217 0.000666667 14.5507 0 14V11H2V14H14V11H16V14C16 14.55 15.8043 15.021 15.413 15.413C15.0217 15.805 14.5507 16.0007 14 16H2Z" fill="%23fff"/>            </svg>          ');
  position: absolute;
  inset: 1.2vw auto auto 1.7vw;
  z-index: 3;
  width: 1vw;
  height: 1vw;
}
.css-tricks .custom-css-validation form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1vw;
}
.css-tricks .custom-css-validation form input {
  height: 4vw;
  width: 20vw;
  padding: 0 1.6vw;
  border: 1px solid #111;
  border-radius: 1vw;
  font-family: inherit;
  font-size: inherit;
  outline: none;
}
.css-tricks .custom-css-validation form input:invalid:-moz-placeholder-shown + .error-message {
  display: none;
}
.css-tricks .custom-css-validation form input:invalid:-ms-input-placeholder + .error-message {
  display: none;
}
.css-tricks .custom-css-validation form input:invalid:placeholder-shown + .error-message {
  display: none;
}
.css-tricks .custom-css-validation form input:invalid + .error-message {
  display: block;
}
.css-tricks .custom-css-validation form input:invalid + .error-message::before {
  content: "Please enter a valid email";
}
.css-tricks .custom-css-validation form input:invalid:-moz-placeholder-shown ~ button {
  display: none;
}
.css-tricks .custom-css-validation form input:invalid:-ms-input-placeholder ~ button {
  display: none;
}
.css-tricks .custom-css-validation form input:invalid:placeholder-shown ~ button {
  display: none;
}
.css-tricks .custom-css-validation form input:invalid ~ button {
  opacity: 0.5;
  cursor: not-allowed;
}
.css-tricks .custom-css-validation form .error-message {
  display: none;
  color: #ff3d00;
  font-size: inherit;
}
.css-tricks .custom-css-validation form button {
  height: 4vw;
  padding: 0 1.6vw;
  background: #111;
  color: #fff;
  font-family: inherit;
  font-size: 1.2vw;
  border: none;
  border-radius: 1vw;
  cursor: pointer;
}
.css-tricks .custom-css-validation form button:hover {
  background: #222;
}
.css-tricks .filled-inputs-highlight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 1vw;
}
.css-tricks .filled-inputs-highlight form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 2vw;
}
.css-tricks .filled-inputs-highlight input {
  width: 12vw;
  padding: 1.2vw;
  background: #fff;
  border: 1px solid #111;
  border-radius: 1vw;
  font-family: inherit;
  font-size: inherit;
  outline: none;
}
.css-tricks .filled-inputs-highlight input:not(:-moz-placeholder-shown) {
  box-shadow: inset 0 0 0 2px #111;
}
.css-tricks .filled-inputs-highlight input:not(:-ms-input-placeholder) {
  box-shadow: inset 0 0 0 2px #111;
}
.css-tricks .filled-inputs-highlight input:not(:placeholder-shown) {
  -webkit-box-shadow: inset 0 0 0 2px #111;
  box-shadow: inset 0 0 0 2px #111;
}
.css-tricks .filled-inputs-highlight input:nth-child(2n) {
  width: 7.3vw;
}
.css-tricks .native-autocomplete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 1vw;
}
.css-tricks .native-autocomplete input {
  width: 21vw;
  padding: 1.2vw;
  background: #fff;
  border: 1px solid #111;
  border-radius: 1vw;
  font-family: inherit;
  font-size: inherit;
  outline: none;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.css-tricks .native-autocomplete input::-webkit-textfield-decoration-container {
  color: #fff;
}
.css-tricks .adaptive-tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 1vw;
}
.css-tricks .adaptive-tooltip .text {
  font-size: 2vw;
  line-height: 123%;
}
.css-tricks .adaptive-tooltip .text:has(.anchor--1:hover) ~ .tooltip--1,
.css-tricks .adaptive-tooltip .text:has(.anchor--2:hover) ~ .tooltip--2 {
  display: block;
}
.css-tricks .adaptive-tooltip .anchor {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translate(0.2vw, -0.9vw);
  transform: translate(0.2vw, -0.9vw);
  width: 1.2vw;
  height: 1.2vw;
  margin: 0 0.2vw 0 0;
  background: #111;
  color: #fff;
  border-radius: 50%;
  font-size: 0.7vw;
  line-height: 0;
  font-weight: 700;
  cursor: help;
}
.css-tricks .adaptive-tooltip .anchor::before {
  content: "?";
}
.css-tricks .adaptive-tooltip .anchor--1 {
  anchor-name: --tooltip-anchor--1;
}
.css-tricks .adaptive-tooltip .anchor--2 {
  anchor-name: --tooltip-anchor--2;
}
.css-tricks .adaptive-tooltip .tooltip {
  display: none;
  position: absolute;
  bottom: anchor(bottom);
  left: anchor(left);
  width: 21vw;
  margin: 0 0 2.3vw 1.6vw;
  padding: 1.2vw;
  background: #fff;
  color: #111;
  border: 1px solid #111;
  border-radius: 1vw 1vw 1vw 0;
  font-size: 0.8vw;
  line-height: 150%;
}
.css-tricks .adaptive-tooltip .tooltip--1 {
  position-anchor: --tooltip-anchor--1;
}
.css-tricks .adaptive-tooltip .tooltip--2 {
  position-anchor: --tooltip-anchor--2;
}
.css-tricks .tags-reordering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 1vw;
}
.css-tricks .tags-reordering .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 1vw;
}
.css-tricks .tags-reordering .tags .tag {
  padding: 0.6vw 1.8vw;
  background: #fff;
  border: 1px solid #111;
  border-radius: 3vw;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
}
.css-tricks .tags-reordering .tags .tag input {
  position: absolute;
  opacity: 0;
}
.css-tricks .tags-reordering .tags .tag:has(input:checked) {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  background: #111;
  color: #fff;
}
.dn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  padding: 0 100px;
  background: #eee;
  font-family: "Roboto Condensed", sans-serif;
}
@media (max-width: 700px) {
  .dn {
    padding: 50px;
  }
}
@media (max-width: 480px) {
  .dn {
    padding: 30px;
  }
}
.dn::after {
  content: "dominos xxl";
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99999;
  padding: 10px 9px 6px 13px;
  background: #1D2753;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 1600px) {
  .dn::after {
    content: "dominos xl";
  }
}
@media (max-width: 1320px) {
  .dn::after {
    content: "dominos lg";
  }
}
@media (max-width: 992px) {
  .dn::after {
    content: "dominos md";
  }
}
@media (max-width: 700px) {
  .dn::after {
    content: "dominos sm";
  }
}
@media (max-width: 480px) {
  .dn::after {
    content: "dominos xs";
  }
}
.dn-container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1400px;
  aspect-ratio: 16/9;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 992px) {
  .dn-container {
    aspect-ratio: 1;
  }
}
@media (max-width: 700px) {
  .dn-container {
    aspect-ratio: 9/12;
  }
}
@media (max-width: 480px) {
  .dn-container {
    aspect-ratio: 9/16;
  }
}
.dn-window {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: absolute;
  z-index: 1;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  overflow: hidden;
  background: #1D2753;
  border: 3px solid #1D2753;
  -webkit-box-shadow: -14px 14px 0 0 #1D2753;
  box-shadow: -14px 14px 0 0 #1D2753;
  -webkit-transition: margin 0.21s, -webkit-box-shadow 0.21s;
  transition: margin 0.21s, -webkit-box-shadow 0.21s;
  transition: margin 0.21s, box-shadow 0.21s;
  transition:
    margin 0.21s,
    box-shadow 0.21s,
    -webkit-box-shadow 0.21s;
}
@media (max-width: 700px) {
  .dn-window {
    border-width: 2px;
    -webkit-box-shadow: -7px 7px 0 0 #1D2753;
    box-shadow: -7px 7px 0 0 #1D2753;
  }
}
.dn-window-head {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 37px;
  flex: 0 0 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 6px;
  height: 37px;
  padding-left: 10px;
  background: #E60026;
  border-bottom: 3px solid #1D2753;
}
@media (max-width: 700px) {
  .dn-window-head {
    -ms-flex-preferred-size: 25.9px;
    flex-basis: 25.9px;
    gap: 4.2px;
    height: 25.9px;
    padding-left: 7px;
    border-width: 2px;
  }
}
.dn-window-head > div {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  width: 23px;
  height: 23px;
  background: rgba(0, 0, 0, 0.1882352941);
  border: 3px solid #1D2753;
}
@media (max-width: 700px) {
  .dn-window-head > div {
    width: 16.1px;
    height: 16.1px;
    border-width: 2px;
  }
}
.dn-window-head > div::before,
.dn-window-head > div::after {
  content: "";
  position: absolute;
  z-index: 1;
}
.dn-window-head > div:nth-of-type(1)::before,
.dn-window-head > div:nth-of-type(1)::after {
  right: 2px;
  bottom: 7px;
  left: 2px;
  border-bottom: 3px solid #1D2753;
}
@media (max-width: 700px) {
  .dn-window-head > div:nth-of-type(1)::before,
  .dn-window-head > div:nth-of-type(1)::after {
    right: 1.4px;
    bottom: 5.6px;
    left: 1.4px;
    border-width: 2px;
  }
}
.dn-window-head > div:nth-of-type(1)::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dn-window-head > div:nth-of-type(1)::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.dn-window-head > div:nth-of-type(2)::before {
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border: 3px solid #1D2753;
}
@media (max-width: 700px) {
  .dn-window-head > div:nth-of-type(2)::before {
    border-width: 2px;
  }
}
.dn-window-head > div:nth-of-type(3)::before {
  right: 2px;
  bottom: 2px;
  left: 2px;
  border-bottom: 3px solid #1D2753;
}
@media (max-width: 700px) {
  .dn-window-head > div:nth-of-type(3)::before {
    border-width: 2px;
  }
}
.dn-window-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
  height: 100%;
  padding: clamp(16px, 2vw + 8px, 40px);
  overflow: hidden;
}
.dn-link {
  position: absolute;
  inset: clamp(16px, 2vw + 8px, 40px);
  z-index: 1;
  font-size: 0;
}
.dn [data-color=blue] .dn-window-body {
  background: #296593;
  color: #fff;
}
.dn [data-color=light-blue] .dn-window-body {
  background: #44AFDE;
  color: #1D2753;
  text-transform: uppercase;
}
.dn [data-color=red] .dn-window-head {
  background: #296593;
}
.dn [data-color=red] .dn-window-head > div {
  background: #44AFDE;
}
.dn [data-color=red] .dn-window-body {
  background: #E60026;
}
.dn [data-window=pizzas] {
  z-index: 1 !important;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
@media (max-width: 992px) {
  .dn [data-window=pizzas] {
    aspect-ratio: 1;
  }
}
@media (max-width: 700px) {
  .dn [data-window=pizzas] {
    aspect-ratio: 9/16;
  }
}
.dn [data-window=pizzas] .dn-window-body {
  padding: 0;
}
.dn [data-window=pizzas] .dn-pizzas {
  width: 100%;
  height: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL8AAADNCAYAAADpAKHMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA8hSURBVHgB7d17bFPXHQfw371+BDtPkgAhL0wbE7elgjXV6As1abW1UlcE0qRqVBNFGu2k/YFKV61of1D+opNaENImrU2ngrohddpWRtdNrdY2UlpU1KQK6wYODsWQ8AiYvG0nseO7ewKTfO65LJfr2LFzvp/Kifqr7VDnZ3N+95zzOwotoECT/zP9WytBdmip7cGzZw8RmFIJQFJIfpAWkh+kheQHaSmUgUBTU6v+FHvIph/VK+uXFykVBFlxYljr+XJIGyGbgn2hNlrEnJQJRfGRZv9qjZ745C/J6P0H/8eJIW09wS1h2APSQvKDtJD8IC3LY/6A3/+c/u3R9Nh3ysm3ttT++ydQe51WeBME2dGWKtNrKi/Z9a7if0cIJhJ7g+FwmBYB6wVvSi9sFdqWHnIrCm2otF+wNpTHyOuNEWTHPTEv1an2fz/v9tNzQtDpPKx/DdMigGEPSAvJD9JC8oO0TMf8a+68c7OqqtzMq17crnIbho93L01SRXmc7FIdMwTZM1tPZTCHuGFpiRA7M6Ft1i9++LhgItFRiEWwafKrirrTOHN7T6lCD1Tyf1FUlE9Qbc1lgvxUUT46e7Prx6MBIXbwrLJzOKHxQYdju/71EBUYDHtAWkh+kBaSH6TlvLEsmXeHlyochkKppjhJxd4kFytyT5FVPVc9BAuvxJ2ipgprv7dikwnIVV4XkcZ/ZmqKw0eGPJpRlJFQKNRDeUwJNPk1Y3Dnnaqw1JgVtpkUT4/90U+w8J7wjdEvvjtIdp3vb6RojF8y8fsLKfpy2JBGCh0KhkLbKY9h2APSQvKDtJD8IC0kP0jLdIbX13CB7l5ub9kCu6qzq6NeiH99OEQy+sJVRxGFv9LVPDNEAf22EI51ltFjb/MXH9Yti9GBtouWHr9Kzw2j8tEVRMNlVGjwyQ/SQvKDtJD8IC0kP0hLMVvesLZq8oDDQVzDox/6h+nhuih3v5PXPHToP1VcrK4mQVueGhN+0OS9lUJs7UyEylP8VPuRjyros6/FdeRWlHpTtH/nJcono2oRJQyfMV4tod+Scz5WvxtFu8V4yQNk26WIiy5H+OscA5dddPTvYsF6oHVAiP2mp5r6RpZwsYsTzoORmPMoF0w6w0H9H8pjzmBfX4cY9gst7p70iUsbrkRddNKwZsdZqVFLQLxS9FdFXNuTMPmLp/dCEXUH7a0Dqq3Ov04Qxjf37WDvj+R1mlfsNTK+TmxhwkmLa69Y4gv31VI9wbNmeZTfMOwBaSH5QVpIfpCW6fbm2SKYdWBO82jd+LYlTq01PVbfmKDGNXzhVuqdodaWqPCcF1SxoPrzXzw0EuFjk6dKyXGtiOZStrSMfM13cDHFNUWn1E7hvj/fem22GC40rOBNmKw+dteTJdMDYs3grBIfPx5T6cwF8TX/9e+qhNjghHPvlbgrzAUX0wZ20yI45W81vlU21Y/RzzZam6ZvTIlXgE6dLhOK2yc1N6210Eiu0uWhDatXc7Er0Sj96m/im+ynm68XZPIrLuuJboYl/rR4wUZ4TvbamF2kMC+CtY5gX6iDFgEMe0BaSH6QFpIfpJXZsUS34c33xRneymtL6CHNxcWWa9bej/FojELf9HKxiURCeD7mTx8tJbeX7w63aeMYrayee5bVDCtEp86J8aLVN8bpc+nS65zu0/Y39L+wxVqd5Vqhf7oZfoyjnOCm3CX/UfHKwTOpIlpHDrIjHo1T37/PCPGHSMy+tz5eSmPEb7C+Xy/wbCe//rBJk+0J7gZryc8S3+z1sMpy8tfcuIE5DHtAWkh+kBaSH6SVszG/VZ5iD3kM50glphM0PjxG+cRpMmRXTF7N3vNFszOo6SYibmrQ7H/udJkUy82rpgpyIm8h5V3yN61tpvo7GrjYwLf99M2J/Ol8x66gWF1T//qRZcIsNrsi9YxmoTK+hedfE6d9218ZoJa77J+VICMMe0BaSH6QFpIfpGV5zK9QakTT1HB6LD6tVlyKOLmzu1jRlUnhldRnadnsrTFm5HQ5yeV2C3HjY3PpUkR8OWuKvbTCyxfwJdP6hNs02VamKaY/e6Xh51v9XbCC3FiUz9JMztvN4IyvfJPR/8rsqewacad0twRi1L5b7P513zaxRTmb4W2wOcNbubyKNjz+EBdjid9x7BPhvm+pcWGGNxsF4lMv+ehyhC9k97e10brly7kYW5ZhNjudiffUSeonPtH3/uQKPb1xfM7HsuUWz+8Ti+hgX2gRpboIwx6QFpIfpIXkB2kh+UFaOZvh/fANcQH87oN19A/Dxuk2zU1+be4ieOjqdaG4ZUXtO6pYxL7xSj/VLuOvGJWYXAU5q1bQt4YF71XaJN2XtH+GVXfnVzTs4jucseUaVnj0K0UbHn9QiJsV9XD7cpb8ZmvnXd4Z4SrMFGlklfGyZlx/7JgqPp4lvpW1+wlFpZhhQb6X7K35/5+knujxafuXftkbALIDwx6QFpIfpIXkB2llNuZPODrImWxLDw0Ou9bv2Fd/wHjX9t1i96SXn70mTKv/86NKes9mi3JWQ7TvFGeXre7VZY21qjW+YHZpC7dGni3rOPHJcZpPbP/wbw37h5Mp6iHSXiTJZJT8N/uvh/loEw0MWlurvqZRbN99rDMpTNNbVetNmnYes4r1zLfSNz9X2FUhdlVrPl2MuExawGsj5q3qFzcMe0BaSH6QFpIfpJV3e3hbWyZsHy9U4k7RpMlKYaud1DL17BMjNB7lP0++7ayk/gi/74BtXjcu5WYb9+tW83uXWcEb7hVnxo8r4uvz6COjVFzNbxJYsyqDTQMSyLvkb7svOnuzI6XXumOfinGrndQytfX7wlFmtCPope7r/LJ41lWuQTMmv5f89zZzMTaDbTX5t+vJjw3stwfDHpAWkh+kheQHac37mH9GUUYcmtZhjHed9rQaY9noMma1k1quNDdOEhlWqhZHPNR/lf/cGUlMUdHVq1yMdaLupxnhOdk+aaPSYvF1ZIdNX7zGFzvnLrv0wkTjOoDpf7r86QiWQznboBxo8gtrjWXtMsbOKsikRfnXh0OW7renfQV98LnhjDKFDgVDoe0EGPaAvJD8IC0kP0gr7ya5zLAzsDTDvA6btMpk4ipl0tgt0+eMmVTWZqtEWXG60uYsNsyfgkh+dgp57CQfc1YSlTxItsX+JZ5OvsSv39aQbV8464Q9wA8nL1J1ii/q2Uyw2Www5BaGPSAtJD9IC8kP0kLyg7RyN8Pr8/mMsfKl6vveotT69NjLW69Rawu/pNnsag+jZtDPKRtXkMyu9rgoZXsTPHs+VkQbfS9xXojtOriSeg3d79yO1IvnL6pH02OTRCPhcBjVNuXwak9Qf8WNsYDTPzI6zq9rNzskIdOkNJON58zG5veYxT/keMwhnA1AWmokGD4bJjCFYQ9IC8kP0kLyg7QKYoZXVqxQZjPEkB1I/jzGrhQZl0bA/MGwB6SF5AdpIflBWgs85tf2kqIcTo90nize1tXrbU2P3d8cp6c3jtF86nVUUtQwgbQyNaHf7DXMuhXWQc44bHfV6LcVZNuet8UHa0T6a2nomJ2c6SC4pQVNftO22Cl/q3HRhaL/Zuc7+SOqhyIK36rbqyVoJc1v8ieHxH0D+o/OKPk/6CwziWodwb5QB4FlGPaAtJD8IC0kP0hL2kmuGr2w9Sj8KsxybYrmGxvbq4ZTgAznXMMCkTb575zJzZJ2djYA5CcMe0BaSH6QFpIfpJV/Y35FC+tfOwyxiq7THm6vL+t61tw4/wVqPmFbOnvPF5n8F7EFPGsNT3BbcraBPRMBv/85ff7+nfQY61Hfvntxr3XvCnro+X31QlyfyS2I31u+w7AHpIXkB2kh+UFaSH6QFvbwpgk6KmfX+aer1uL0cAKbyBcjfPKDtJD8IC0kP0gLyQ/SKoyCN+HoIGeyLT00OOxav2Nf/YH0GDvNff/OS2RXY2pstsBNZ9ZenC072HWwluza9MiYsCeZtRd//Q/LuFhsUmWnpW8hyIqCSP5gOBjWv4X5aBMNDPLdF2ozPOGQtRi30mactQPvDnrIrvsDMZPnVMXnVGgEm9KzB8MekBaSH6SF5AdpSTHDGz8lnr/FDptWLQzbWSF65OMKLjYdddCTKTfZNdBdTnuu8/UKqyMgt6RI/sQVsWWgu95a8rNC1NghrVyvRHdk8NIdv+Ch4/1YWbLQMOwBaSH5QVpIfpBW4Q48k84wuWYOpYemE2rFsc6yzca7PlA6QSVV/Eyt2fG2Z/TiNmjYMB6LuGmtxr9MZlvKmRX1NeR08/cd7L9CyYSF83k1fRJP5TfuK5qGTelZtKg2Qgd8AR85Z84Z4x++cY5WVs+dgG++X0lvHq3iYg2aSs9oS8iK1k2Pk6eYPxb+xKfHaWiQ71F+XEnM3nisxXhfG0HOYNgD0kLyg7SQ/CAtzLTMo/GhUYpP8Cs2E9OZrTSF7EHyz6Puz7sICgeGPSAtJD9IC8kP0kLyg7QWVcF7c6+vMGv91C7/OT3qS4+1vzJALXfFyQ42i8tmc406jn1C8Sh/tec9dZL6ybgJXturz+a+SrCg8MkP0kLyg7SQ/CAtJD9ICzO8abY+MUKbDJ3Uvjrtpf1v13Cx8vgkkV7cGhmLXchvSP40rN0hu6WrXZagMdK4GLuchEQvfBj2gLSQ/CAtJD9IS4rDjANNTa3G2Lo1kwecKnGnupu1DmdNq9jG9nRFmkK/fK2BrNCf7cVRmunhgkln+OZsNCwgKQreYF9fhxj1C50RzFqHswK4JSAugxCXLNyK1mP+82GhYdgD0kLyg7SQ/CAtTHLZ9MLm60LsyMdLZwtkKAxIfpte2DIkxI59XobkLyD4TYG0kPwgLSQ/SEvaMb+ipU5qCj/BPRp1+LpOe3zpsdLiFDU3TgmP1+8nxGKTij6Ty7cVn1EUtBnPU1Isb7Aq0NT0qv6S7EmPteizvu27L3L3uxRx0Q9e8gmPV2aSvtPnzp0nKAgY9oC0kPwgLSQ/SAuTXGn0AmhEY2djpYlOqhWXIk7uFGr932+coQUFDQXvHG7sBVA+44IKhYOh0GqCgoZhD0gLyQ/SQvKDtJD8IC0UvBYEfD6fMRYMh8MEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQM/8FahCV5zKwdvoAAAAASUVORK5CYII=);
  background-position: clamp(8px, 0.58vw + 5.67px, 15px) clamp(8px, 0.58vw + 5.67px, 15px);
  background-size: clamp(40px, 3.33vw + 26.67px, 80px);
  -webkit-animation: netdagar-pizzas 1s infinite linear;
  animation: netdagar-pizzas 1s infinite linear;
}
.dn [data-window=logo] {
  top: 50%;
  left: -3%;
  z-index: 2;
}
@media (max-width: 992px) {
  .dn [data-window=logo] {
    top: 40%;
    left: -7%;
  }
}
@media (max-width: 700px) {
  .dn [data-window=logo] {
    top: 70%;
    left: 7%;
  }
}
.dn [data-window=logo] .dn-logo {
  width: clamp(48px, 5.33vw + 26.67px, 112px);
  height: auto;
  margin: clamp(0px, 3.33vw + -13.33px, 40px);
}
.dn [data-window=info] {
  top: 13%;
  left: 23%;
  z-index: 3;
  font-size: clamp(18px, 2.5vw + 8px, 48px);
  line-height: 100%;
}
@media (max-width: 480px) {
  .dn [data-window=info] {
    left: 12%;
  }
}
.dn [data-window=info] .dn-window-body {
  padding-right: clamp(36px, 4.5vw + 18px, 90px);
}
.dn [data-window=info] .dn-info {
  position: relative;
  z-index: 1;
}
.dn [data-window=info] .dn-info p:first-of-type {
  opacity: 0;
}
.dn [data-window=info] .dn-info p:last-of-type {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.dn [data-window=info] .dn-info[data-cursor=true] p:last-of-type::after {
  content: "_";
  display: inline;
  -webkit-animation: netdagar-cursor-1 0.5s infinite linear;
  animation: netdagar-cursor-1 0.5s infinite linear;
}
.dn [data-window=percentage] {
  top: 25%;
  left: 46%;
  z-index: 4;
  width: clamp(130px, 16.67vw + 63.33px, 330px);
}
@media (max-width: 1320px) {
  .dn [data-window=percentage] {
    left: 50%;
  }
}
@media (max-width: 992px) {
  .dn [data-window=percentage] {
    left: 57%;
  }
}
@media (max-width: 480px) {
  .dn [data-window=percentage] {
    left: 52%;
  }
}
.dn [data-window=percentage] p {
  font-size: clamp(12px, 0.5vw + 10px, 18px);
  line-height: 123%;
}
.dn [data-window=percentage] .dn-number {
  margin-bottom: clamp(10px, 1.17vw + 5.33px, 24px);
  -webkit-filter: drop-shadow(-0.1vw 0.1vw 0 #1D2753) drop-shadow(0.1vw -0.1vw 0 #1D2753) drop-shadow(0.1vw 0.1vw 0 #1D2753) drop-shadow(-0.1vw -0.1vw 0 #1D2753) drop-shadow(-0.3vw 0.3vw 0 #1D2753);
  filter: drop-shadow(-0.1vw 0.1vw 0 #1D2753) drop-shadow(0.1vw -0.1vw 0 #1D2753) drop-shadow(0.1vw 0.1vw 0 #1D2753) drop-shadow(-0.1vw -0.1vw 0 #1D2753) drop-shadow(-0.3vw 0.3vw 0 #1D2753);
  font-size: clamp(60px, 5vw + 40px, 120px);
  line-height: 100%;
}
.dn [data-window=percentage] .dn-number span:last-of-type {
  font-size: 80%;
}
.dn [data-window=hourglass] {
  right: 10%;
  bottom: -4%;
  z-index: 5;
  font-size: clamp(18px, 1.33vw + 12.67px, 34px);
  line-height: 110%;
}
@media (max-width: 1320px) {
  .dn [data-window=hourglass] {
    right: 7%;
    bottom: -17%;
  }
}
@media (max-width: 700px) {
  .dn [data-window=hourglass] {
    bottom: 3%;
  }
}
@media (max-width: 480px) {
  .dn [data-window=hourglass] {
    right: -5%;
    bottom: 5%;
  }
}
.dn [data-window=hourglass] .dn-window-body > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(16px, 2vw + 8px, 40px);
  padding-left: 0.7em;
}
.dn [data-window=hourglass] .dn-window-body p {
  position: relative;
  z-index: 1;
}
.dn [data-window=hourglass] .dn-window-body p::before {
  content: ">";
  position: absolute;
  left: -0.7em;
  z-index: 1;
  -webkit-animation: netdagar-cursor-2 0.5s infinite linear;
  animation: netdagar-cursor-2 0.5s infinite linear;
}
.dn [data-window=hourglass] .dn-hourglass {
  width: clamp(24px, 1.33vw + 18.67px, 40px);
  overflow: hidden;
}
.dn [data-window=hourglass] .dn-hourglass img {
  width: 900%;
  max-width: none;
}
.dn [data-loaded=false] {
  visibility: hidden;
}
.dn [data-loaded=true] {
  visibility: visible;
}
.dn [data-clickable=true] {
  cursor: pointer;
}
.dn [data-dragging=true] {
  margin-top: 2px;
}
.dn [data-minified=true] {
  margin: 4px 0 0 -4px;
  -webkit-box-shadow: -10px 10px 0 0 #1D2753;
  box-shadow: -10px 10px 0 0 #1D2753;
}
@media (max-width: 700px) {
  .dn [data-minified=true] {
    -webkit-box-shadow: -3px 3px 0 0 #1D2753;
    box-shadow: -3px 3px 0 0 #1D2753;
  }
}
.dn [data-minified=true][data-dragging=true] {
  margin-top: 6px;
}
@-webkit-keyframes netdagar-cursor-1 {
  0% {
    content: "_";
  }
  50% {
    content: "";
  }
}
@keyframes netdagar-cursor-1 {
  0% {
    content: "_";
  }
  50% {
    content: "";
  }
}
@-webkit-keyframes netdagar-cursor-2 {
  0% {
    content: ">";
  }
  50% {
    content: "";
  }
}
@keyframes netdagar-cursor-2 {
  0% {
    content: ">";
  }
  50% {
    content: "";
  }
}
@-webkit-keyframes netdagar-pizzas {
  0% {
    background-position: clamp(8px, 0.58vw + 5.67px, 15px) clamp(8px, 0.58vw + 5.67px, 15px);
  }
  100% {
    background-position: clamp(8px, 0.58vw + 5.67px, 15px) clamp(51px, 4.08vw + 34.67px, 100px);
  }
}
@keyframes netdagar-pizzas {
  0% {
    background-position: clamp(8px, 0.58vw + 5.67px, 15px) clamp(8px, 0.58vw + 5.67px, 15px);
  }
  100% {
    background-position: clamp(8px, 0.58vw + 5.67px, 15px) clamp(51px, 4.08vw + 34.67px, 100px);
  }
}
.draggable-slider .sliders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 2vw;
  padding: 60vh 0;
  overflow: hidden;
  opacity: 0;
}
.draggable-slider .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
  overflow: hidden;
}
.draggable-slider .slider__drag {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
}
.draggable-slider .slider__group {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 2vw;
  width: 100%;
  padding-right: 2vw;
}
.draggable-slider .slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32vw;
  aspect-ratio: 16/9;
  background: #ccc;
}
.draggable-slider .slider__item-text {
  position: absolute;
  color: #fff;
  font-family: sans-serif;
  font-size: 2vw;
  font-weight: 700;
}
.ems-html {
  font-family: "Arimo", sans-serif;
  font-size: 0.0521104742rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .ems-html {
    font-size: 0.0521104742vw;
  }
}
@media (min-width: 2560px) {
  .ems-html {
    font-size: 0.1rem;
  }
}
.ems-body {
  font-family: inherit;
}
.ems {
  background: #fff;
  color: #000;
}
.ems h1,
.ems h2,
.ems h3 {
  word-wrap: break-word;
}
.ems__container {
  max-width: 1920rem;
  margin: 0 auto;
  padding: 0 40rem;
  width: 100%;
}
@media (min-width: 768px) {
  .ems__container {
    padding: 0 100rem;
  }
}
.ems__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40rem;
}
@media (min-width: 768px) {
  .ems__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.ems__header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 2;
  color: #fff;
  mix-blend-mode: difference;
  pointer-events: none;
}
.ems__header .ems__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30rem;
  padding: 30rem;
}
@media (min-width: 768px) {
  .ems__header .ems__container {
    gap: 50rem;
    padding: 50rem;
  }
}
.ems__header .ems__container a {
  pointer-events: all;
}
.ems__header .ems__header-logo {
  color: inherit;
  font-size: 36rem;
  font-weight: 600;
}
.ems__header .ems__header-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 40rem 50rem;
}
@media (min-width: 768px) {
  .ems__header .ems__header-navigation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.ems__header .ems__header-navigation a {
  color: inherit;
  font-size: 36rem;
  text-align: right;
}
.ems__hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
  padding: 100rem 0;
}
.ems__hero .ems__hero-text {
  grid-row: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40rem;
}
@media (min-width: 768px) {
  .ems__hero .ems__hero-text {
    grid-column: 1/span 6;
    grid-row: 1;
  }
}
.ems__hero .ems__hero-text h1 {
  font-size: 80rem;
  font-weight: 600;
  line-height: 112%;
}
@media (min-width: 768px) {
  .ems__hero .ems__hero-text h1 {
    font-size: 100rem;
  }
}
.ems__hero .ems__hero-text p {
  font-size: 36rem;
  line-height: 150%;
}
.ems__hero .ems__hero-text button {
  width: 100%;
  padding: 30rem 45rem;
  background: #000;
  border: 0;
  border-radius: 60rem;
  color: #fff;
  font-family: inherit;
  font-size: 30rem;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 768px) {
  .ems__hero .ems__hero-text button {
    width: auto;
  }
}
.ems__hero .ems__hero-shape {
  grid-row: 1;
  margin-bottom: 20rem;
}
@media (min-width: 768px) {
  .ems__hero .ems__hero-shape {
    grid-column: 9/span 4;
    margin: 0;
  }
}
.ems__hero .ems__hero-shape div {
  position: relative;
  z-index: 1;
  aspect-ratio: 1;
  background: #000;
  border-radius: 60rem;
}
.ems__text {
  padding: 80rem 0;
}
@media (min-width: 768px) {
  .ems__text {
    padding: 200rem 0;
  }
}
.ems__text .ems__text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 40rem;
}
@media (min-width: 768px) {
  .ems__text .ems__text-content {
    grid-column: 4/span 6;
  }
}
.ems__text h2 {
  font-size: 64rem;
  line-height: 112%;
  font-weight: 600;
}
@media (min-width: 768px) {
  .ems__text h2 {
    font-size: 80rem;
  }
}
.ems__text p {
  font-size: 28rem;
  line-height: 150%;
}
.ems__text--inverted {
  background: #000;
  color: #fff;
}
.ems__texts {
  padding: 80rem 0;
}
@media (min-width: 768px) {
  .ems__texts {
    padding: 200rem 0;
  }
}
.ems__texts .ems__texts-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 40rem;
}
@media (min-width: 768px) {
  .ems__texts .ems__texts-content--1 {
    grid-column: 1/span 3;
    margin-top: 400rem;
  }
}
@media (min-width: 768px) {
  .ems__texts .ems__texts-content--2 {
    grid-column: 5/span 3;
  }
}
@media (min-width: 768px) {
  .ems__texts .ems__texts-content--3 {
    grid-column: 9/span 3;
    margin-top: 180rem;
  }
}
.ems__texts h2 {
  font-size: 64rem;
  font-weight: 600;
  line-height: 112%;
}
@media (min-width: 768px) {
  .ems__texts h2 {
    font-size: 80rem;
  }
}
.ems__texts p {
  font-size: 28rem;
  line-height: 150%;
}
.ems__thumbs .ems__thumbs-group {
  padding: 80rem 0;
}
@media (min-width: 768px) {
  .ems__thumbs .ems__thumbs-group {
    padding: 200rem 0;
  }
}
.ems__thumbs .ems__thumbs-group--1 {
  background: #fff;
}
.ems__thumbs .ems__thumbs-group--2 {
  background: #000;
}
.ems__thumbs .ems__thumbs-group--2 .ems__grid div {
  background: #fff;
  color: #fff;
}
.ems__thumbs .ems__grid div {
  position: relative;
  z-index: 1;
  aspect-ratio: 1;
  background: #000;
  border-radius: 60rem;
}
@media (max-width: 767.98px) {
  .ems__thumbs .ems__grid div:not(:last-child) {
    margin-bottom: 20rem;
  }
}
@media (min-width: 768px) {
  .ems__thumbs .ems__grid div:nth-child(1) {
    grid-column: 2/span 3;
    grid-row: 1;
  }
  .ems__thumbs .ems__grid div:nth-child(2) {
    grid-column: 8/span 5;
    grid-row: 2;
    margin-top: -25%;
  }
  .ems__thumbs .ems__grid div:nth-child(3) {
    grid-column: 3/span 4;
    grid-row: 3;
  }
}
.ems__thumbs .ems__grid div span {
  display: none;
  position: absolute;
  inset: 100% auto auto 0;
  z-index: 1;
  margin: 36rem 0 0 36rem;
  font-size: 36rem;
  line-height: 150%;
}
@media (min-width: 768px) {
  .ems__thumbs .ems__grid div span {
    display: block;
  }
}
.ems__links {
  background: #000;
  color: #fff;
  padding: 80rem 0;
}
@media (min-width: 768px) {
  .ems__links {
    padding: 200rem 0;
  }
}
.ems__links .ems__links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 80rem;
}
.ems__links .ems__links-list li {
  position: relative;
  z-index: 1;
  font-size: 64rem;
  line-height: 112%;
}
@media (min-width: 768px) {
  .ems__links .ems__links-list li {
    font-size: 80rem;
  }
}
.ems__links .ems__links-list li:not(:last-of-type)::before {
  content: "";
  position: absolute;
  inset: auto 0 -40rem;
  z-index: 1;
  border-bottom: 4rem solid #fff;
}
.ems__links--inverted {
  background: #000;
  color: #fff;
}
.ems__footer {
  padding: 60rem 0;
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .ems__footer {
    padding: 100rem 0;
  }
}
.ems__footer .ems__container {
  padding: 0 30rem;
}
@media (min-width: 768px) {
  .ems__footer .ems__container {
    padding: 0 50rem;
  }
}
.ems__footer p {
  font-size: 28rem;
  line-height: 150%;
}
@font-face {
  font-family: "Roca";
  src: url(./Roca-Regular-AGFOHVW6.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Roca";
  src: url(./Roca-Light-TKSTV7B5.ttf) format("truetype");
  font-weight: 300;
}
.explorio {
  opacity: 0;
}
.explorio__html {
  --mobile-design-width: 1200;
  --desktop-design-width: 1600;
  --ultrawide-breakpoint: 2560;
  --color-green-forest: #0B372B;
  --color-green-aurora: #6FEB70;
  --color-white: #fff;
  font-size: calc(100 / var(--mobile-design-width) * 1vw);
  scrollbar-width: thin;
}
@media (min-width: 768px) {
  .explorio__html {
    font-size: calc(100 / var(--desktop-design-width) * 1vw);
  }
}
@media (min-width: 2560px) {
  .explorio__html {
    font-size: calc(100 / var(--desktop-design-width) * var(--ultrawide-breakpoint) / 16 * 0.01rem);
  }
}
.explorio__body {
  background: var(--color-green-forest);
  font-family: "DM Sans", sans-serif;
}
.explorio .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
}
.explorio .section--placeholder p {
  font-family: "Roca", serif;
  font-size: 56rem;
  font-weight: 400;
  line-height: 156%;
}
.explorio .navigation {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16rem;
  position: fixed;
  inset: 50% 60rem auto auto;
  z-index: 4;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.explorio .navigation button {
  width: 1rem;
  aspect-ratio: 1/10;
  background: var(--color-white);
  font-size: 0;
  -webkit-transition: all 0.543s;
  transition: all 0.543s;
}
.explorio .navigation button:nth-child(2) {
  margin: 16rem 0;
}
.explorio .hero {
  color: var(--color-white);
}
.explorio .hero__logo {
  position: absolute;
  inset: 48rem auto auto 48rem;
  z-index: 3;
  width: 160rem;
}
.explorio .hero__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 32rem;
  position: absolute;
  inset: auto auto 64rem 64rem;
  z-index: 3;
}
.explorio .hero__cta h1 {
  font-family: "Roca", serif;
  font-size: 60rem;
  font-weight: 400;
  line-height: 110%;
}
.explorio .hero__cta h1 strong {
  color: var(--color-green-aurora);
}
.explorio .hero__cta p {
  font-size: 20rem;
  font-weight: 500;
  line-height: 148%;
}
.explorio .hero__cta-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16rem;
}
.explorio .hero__cta .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16rem;
  height: 56rem;
  padding: 0 24rem;
  background: var(--color-green-aurora);
  border-radius: 12rem;
  color: var(--color-green-forest);
}
.explorio .hero__cta .button svg {
  width: 28rem;
}
.explorio .hero__cta .button div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 3rem;
}
.explorio .hero__cta .button div span {
  font-weight: 600;
}
.explorio .hero__cta .button div span:first-child {
  font-size: 11rem;
}
.explorio .hero__cta .button div span:last-child {
  font-size: 16rem;
}
.explorio .hero__scroll {
  position: absolute;
  inset: auto 64rem -10rem auto;
  z-index: 3;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  color: var(--color-white);
  font-size: 12rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.explorio .hero__scroll > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16rem;
}
.explorio .hero__scroll hr {
  width: 200rem;
  border: 0;
  border-bottom: 1px solid var(--color-white);
}
.explorio .hero__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  z-index: 3;
  background: var(--color-green-forest);
  pointer-events: none;
}
.explorio .hero__intro svg {
  width: 600rem;
}
.explorio .hero__mask {
  position: absolute;
  inset: 0;
  z-index: 2;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="1000" height="249" viewBox="0 0 1000 249" xmlns="http://www.w3.org/2000/svg"><path d="M884.424 80.9579C898.235 66.9652 915.771 59.9688 937.033 59.9688C955.205 59.9688 970.197 66.1474 982.009 78.5046C994.003 90.8619 1000 106.218 1000 124.572C1000 145.106 993.185 162.189 979.556 175.818C965.927 189.447 948.572 196.262 927.492 196.262C908.956 196.262 893.601 190.537 881.425 179.089C869.431 167.459 863.435 152.103 863.435 133.022C863.435 112.305 870.431 94.9507 884.424 80.9579ZM906.503 162.189C914.681 174.546 925.039 180.724 937.578 180.724C947.754 180.724 955.659 176.999 961.293 169.548C966.926 162.098 969.743 152.466 969.743 140.654C969.743 123.754 965.563 108.762 957.204 95.6775C948.845 82.4117 938.486 75.7788 926.129 75.7788C915.771 75.7788 907.775 79.7767 902.142 87.7726C896.69 95.7684 893.964 105.763 893.964 117.757C893.964 135.021 898.144 149.831 906.503 162.189Z" fill="black"/><path d="M796.662 181.542C797.934 180.088 799.387 178.816 801.023 177.726C802.84 176.636 804.385 174.364 805.657 170.911C807.111 167.277 807.838 162.552 807.838 156.737L807.565 104.673C807.565 99.9482 806.838 96.0412 805.384 92.9519C804.112 89.6808 802.658 87.591 801.023 86.6824C799.387 85.592 797.843 84.4108 796.389 83.1388C795.117 81.685 794.481 80.0495 794.481 78.2322C794.481 76.7784 795.026 75.5064 796.116 74.416C797.207 73.3257 799.387 72.0536 802.659 70.5998C808.11 67.874 813.925 65.5115 820.104 63.5126C826.464 61.3319 830.735 60.1507 832.916 59.969C836.913 59.969 838.912 62.3314 838.912 67.0562L838.64 104.673V156.737C838.64 162.552 839.276 167.277 840.548 170.911C842.002 174.364 843.456 176.636 844.909 177.726C846.545 178.816 847.999 180.179 849.271 181.815C850.724 183.45 851.451 185.358 851.451 187.539C851.451 191.537 847.726 193.536 840.275 193.536H806.202C798.388 193.536 794.481 191.446 794.481 187.267C794.481 185.086 795.208 183.178 796.662 181.542ZM799.115 27.2587C799.297 21.4435 802.022 16.1735 807.292 11.4487C812.562 6.72386 817.923 4.36145 823.375 4.36145C824.102 4.36145 824.738 4.36145 825.283 4.36145C829.463 4.54317 832.916 6.08782 835.641 8.9954C838.549 11.903 840.003 15.2649 840.003 19.0811C840.003 19.4445 840.003 19.7171 840.003 19.8988C839.821 25.5323 837.004 30.7114 831.553 35.4362C826.101 39.9793 820.558 42.2509 814.925 42.2509C814.38 42.2509 813.925 42.2509 813.562 42.2509C809.019 42.0692 805.475 40.7062 802.931 38.1621C800.387 35.4362 799.115 32.2561 799.115 28.6216C799.115 28.2581 799.115 27.8038 799.115 27.2587Z" fill="black"/><path d="M678.87 77.6869C678.87 75.8696 679.415 74.4159 680.505 73.3255C681.596 72.0534 683.776 70.6905 687.047 69.2367C699.223 63.785 708.218 60.8774 714.033 60.514C717.849 60.514 719.757 62.8764 719.757 67.6012L719.485 86.4096C724.21 78.2321 730.025 71.7809 736.93 67.056C743.836 62.3312 750.923 59.9688 758.192 59.9688C765.461 59.9688 771.004 61.9678 774.82 65.9657C778.818 69.9636 780.817 75.0519 780.817 81.2305C780.817 85.5919 779.635 89.3172 777.273 92.4065C775.092 95.4958 772.276 97.0405 768.823 97.0405C764.643 97.0405 760.554 94.9507 756.557 90.771C752.559 86.4096 748.379 84.2289 744.018 84.2289C738.384 84.2289 733.478 87.5908 729.298 94.3146C725.118 101.038 723.029 109.67 723.029 120.21V156.737C723.029 162.552 723.665 167.277 724.937 170.911C726.39 174.364 727.844 176.636 729.298 177.726C730.933 178.816 732.387 180.179 733.659 181.815C735.113 183.45 735.84 185.358 735.84 187.539C735.84 191.537 732.115 193.536 724.664 193.536H690.318C682.686 193.536 678.87 191.446 678.87 187.266C678.87 185.086 679.506 183.268 680.778 181.815C682.232 180.179 683.776 178.816 685.412 177.726C687.229 176.636 688.774 174.364 690.046 170.911C691.499 167.277 692.226 162.552 692.226 156.737V103.31C692.226 94.5872 689.41 88.4086 683.776 84.7741C680.505 82.4117 678.87 80.0493 678.87 77.6869Z" fill="black"/><path d="M549.858 80.9579C563.669 66.9652 581.205 59.9688 602.467 59.9688C620.639 59.9688 635.631 66.1474 647.443 78.5046C659.437 90.8619 665.434 106.218 665.434 124.572C665.434 145.106 658.619 162.189 644.99 175.818C631.361 189.447 614.006 196.262 592.926 196.262C574.39 196.262 559.035 190.537 546.859 179.089C534.866 167.459 528.869 152.103 528.869 133.022C528.869 112.305 535.865 94.9507 549.858 80.9579ZM571.937 162.189C580.115 174.546 590.473 180.724 603.012 180.724C613.188 180.724 621.093 176.999 626.727 169.548C632.36 162.098 635.177 152.466 635.177 140.654C635.177 123.754 630.997 108.762 622.638 95.6775C614.279 82.4117 603.921 75.7788 591.563 75.7788C581.205 75.7788 573.209 79.7767 567.576 87.7726C562.124 95.7684 559.398 105.763 559.398 117.757C559.398 135.021 563.578 149.831 571.937 162.189Z" fill="black"/><path d="M465.539 181.542C466.811 180.088 468.265 178.816 469.9 177.726C471.718 176.636 473.262 174.364 474.534 170.911C475.988 167.277 476.715 162.552 476.715 156.737L476.443 44.7041C476.443 39.7975 475.716 35.7996 474.262 32.7103C472.99 29.621 471.536 27.622 469.9 26.7134C468.265 25.6231 466.72 24.4419 465.267 23.1698C463.994 21.716 463.358 20.0805 463.358 18.2633C463.358 16.6277 463.904 15.2648 464.994 14.1745C466.084 13.0841 468.265 11.8121 471.536 10.3583C485.529 3.81621 495.614 0.363454 501.793 0C501.975 0 502.247 0 502.611 0C504.246 0 505.518 0.54517 506.427 1.63551C507.336 2.72586 507.79 4.5431 507.79 7.08724L507.517 44.7041V156.737C507.517 162.552 508.153 167.277 509.425 170.911C510.879 174.364 512.333 176.636 513.787 177.726C515.422 178.816 516.876 180.179 518.148 181.815C519.602 183.45 520.329 185.358 520.329 187.539C520.329 191.537 516.603 193.536 509.153 193.536H474.807C467.175 193.536 463.358 191.446 463.358 187.266C463.358 185.086 464.085 183.178 465.539 181.542Z" fill="black"/><path d="M311.021 72.5078C312.111 71.4174 314.292 70.1453 317.563 68.6915C329.011 63.2398 338.007 60.3323 344.549 59.9688C344.731 59.9688 345.003 59.9688 345.367 59.9688C348.638 59.9688 350.273 62.3312 350.273 67.056L350.001 86.4096C361.449 68.7824 377.441 59.9688 397.976 59.9688C414.331 59.9688 427.597 65.8748 437.773 77.6869C448.131 89.4989 453.31 104.945 453.31 124.026C453.31 145.47 447.404 162.825 435.592 176.09C423.962 189.356 409.969 196.08 393.614 196.262C393.251 196.262 392.978 196.262 392.796 196.262C378.622 196.262 365.538 192.082 353.544 183.723L353.817 211.254C353.817 217.069 354.453 221.703 355.725 225.156C357.179 228.79 358.632 231.153 360.086 232.243C361.722 233.333 363.175 234.696 364.448 236.332C365.901 237.967 366.628 239.875 366.628 242.056C366.628 246.054 362.903 248.053 355.452 248.053H321.106C313.474 248.053 309.658 246.054 309.658 242.056C309.658 239.875 310.294 237.967 311.566 236.332C313.02 234.696 314.564 233.333 316.2 232.243C318.017 231.153 319.562 228.79 320.834 225.156C322.288 221.703 323.015 217.069 323.015 211.254L322.469 102.492C322.469 93.9512 319.744 87.8634 314.292 84.2289C311.021 81.8665 309.385 79.5041 309.385 77.1417C309.385 75.3245 309.93 73.7798 311.021 72.5078ZM365.81 169.821C373.625 177.635 382.347 181.542 391.979 181.542C392.16 181.542 392.342 181.542 392.524 181.542C402.7 181.542 410.333 177.272 415.421 168.731C420.691 160.19 423.326 149.74 423.326 137.383C423.326 119.938 419.782 106.036 412.695 95.6775C405.79 85.1376 397.067 79.8676 386.527 79.8676C376.532 79.8676 368.536 83.9564 362.539 92.1339C356.543 100.13 353.544 109.398 353.544 119.938V138.474C353.726 151.376 357.815 161.825 365.81 169.821Z" fill="black"/><path d="M164.447 187.266C164.447 184.904 165.447 182.996 167.446 181.542C169.445 180.088 172.625 177.726 176.986 174.455C181.529 171.184 185.8 167.004 189.798 161.916L215.421 129.751L190.07 94.8599C186.254 89.5899 182.165 85.3194 177.804 82.0484C173.443 78.7773 170.172 76.3241 167.991 74.6885C165.992 73.053 164.992 71.0541 164.992 68.6916C164.992 64.6937 168.809 62.6948 176.441 62.6948H218.964C226.597 62.6948 230.413 64.6937 230.413 68.6916C230.413 70.1454 229.868 71.5084 228.777 72.7804C227.687 74.0525 226.597 75.2337 225.506 76.3241C224.598 77.2327 223.871 78.2322 223.326 79.3225C222.781 80.4128 222.508 81.4123 222.508 82.3209C222.508 83.2296 222.781 84.6834 223.326 86.6823C224.053 88.4996 225.688 91.2254 228.232 94.8599L240.499 111.488L253.855 94.3147C257.308 89.9533 259.216 86.864 259.58 85.0468C259.943 83.2296 260.125 81.9575 260.125 81.2306C260.125 79.7768 259.58 78.5956 258.489 77.687C257.581 76.5966 256.399 75.3246 254.946 73.8708C253.492 72.2353 252.765 70.5089 252.765 68.6916C252.765 64.6937 256.49 62.6948 263.941 62.6948H285.203C292.835 62.6948 296.651 64.6937 296.651 68.6916C296.651 71.2358 295.652 73.2347 293.653 74.6885C291.654 76.1423 288.383 78.5047 283.84 81.7758C279.478 85.0468 275.299 89.2265 271.301 94.3147L248.949 123.209L276.753 161.371C280.569 166.641 284.658 170.911 289.019 174.182C293.38 177.453 296.56 179.907 298.559 181.542C300.74 183.178 301.83 185.177 301.83 187.539C301.83 191.537 298.014 193.536 290.382 193.536H248.131C240.317 193.536 236.41 191.446 236.41 187.266C236.41 185.631 237.137 183.995 238.591 182.36C240.044 180.724 241.316 179.452 242.407 178.544C243.497 177.453 244.042 176 244.042 174.182C244.042 173.637 243.951 172.456 243.77 170.639C243.588 168.822 241.862 165.732 238.591 161.371L223.598 140.927L207.243 161.916C203.972 166.096 202.155 169.094 201.791 170.911C201.428 172.729 201.246 174.001 201.246 174.728C201.246 176.363 201.701 177.726 202.609 178.816C203.7 179.725 204.972 180.997 206.425 182.633C207.879 184.086 208.606 185.722 208.606 187.539C208.606 191.537 204.79 193.536 197.158 193.536H176.168C168.354 193.536 164.447 191.446 164.447 187.266Z" fill="black"/><path d="M146.551 154.103V154.037C144.32 153.381 142.484 153.972 140.909 155.874C137.695 161.45 132.972 165.91 126.74 169.19C120.509 172.535 113.359 173.913 105.29 173.388C95.9754 172.798 88.0382 169.715 81.5441 164.073C75.05 158.432 70.3926 150.888 67.5063 141.311L67.1783 139.868C67.1783 139.868 70.6681 140.117 76.2045 140.117C96.8675 140.117 146.065 136.687 148.912 104.249C148.978 103.987 148.978 103.659 148.978 103.396C149.024 102.629 149.05 101.868 149.05 101.113C149.05 91.5822 145.226 82.8906 137.629 74.9927C129.443 66.4782 117.334 61.7618 101.243 60.7647C101.236 60.7647 101.23 60.7581 101.223 60.7581H101.158C101.013 60.7516 100.875 60.745 100.731 60.7384C93.8435 60.3252 87.2707 60.9156 81.0849 62.4636C71.2453 64.8251 62.3242 69.6137 54.2557 76.8294C41.0051 88.6369 33.7895 104.052 32.6087 123.075C32.6087 123.561 32.6087 124.099 32.5497 124.591C19.8108 121.921 10.2139 118.215 4.9268 115.86C2.6965 114.876 0.138222 116.384 0.00702825 118.811C-0.0585687 119.927 0.335013 120.976 1.18777 121.698C9.42019 128.881 21.3129 133.223 32.7334 135.854C32.7334 135.88 32.7334 135.906 32.7334 135.932C32.8646 137.507 33.0613 139.081 33.2581 140.655C35.0293 153.381 39.8834 164.467 47.8207 173.716C59.1689 187.032 73.9939 194.248 92.2954 195.363C107.907 196.347 120.83 192.871 130.998 185.065C141.231 177.258 147.331 168.6 149.365 159.154C149.693 156.464 148.774 154.824 146.544 154.103H146.551ZM64.6201 112.842C65.0792 105.102 66.3912 98.2796 68.4903 92.4415C68.5034 92.4087 68.5165 92.3759 68.5296 92.3365C68.5296 92.3759 68.5427 92.4087 68.5559 92.4415C69.2118 90.5392 69.9334 88.8337 70.7862 87.1281C75.1812 79.3877 83.3808 74.2055 93.0235 74.2055C102.666 74.2055 110.886 79.3811 115.267 87.1347C115.307 87.22 115.353 87.3052 115.392 87.3905C116.245 89.1616 116.901 90.8672 117.426 92.5727C117.885 94.0158 118.147 95.3934 118.41 96.7709C118.738 98.7388 118.803 100.707 118.672 102.609C118.672 102.609 118.934 106.151 116.114 110.677C112.965 115.597 105.881 121.632 90.3997 125.174C90.3013 125.194 90.1963 125.214 90.0914 125.24L89.7699 125.306C88.4514 125.588 87.0936 125.863 85.6767 126.093C84.1679 126.355 82.528 126.618 80.8881 126.814C80.7897 126.827 80.6782 126.841 80.5798 126.854C75.1549 127.47 69.9137 127.765 64.8759 127.805C64.3577 123.036 64.2921 118.07 64.6201 112.842Z" fill="black"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg width="1000" height="249" viewBox="0 0 1000 249" xmlns="http://www.w3.org/2000/svg"><path d="M884.424 80.9579C898.235 66.9652 915.771 59.9688 937.033 59.9688C955.205 59.9688 970.197 66.1474 982.009 78.5046C994.003 90.8619 1000 106.218 1000 124.572C1000 145.106 993.185 162.189 979.556 175.818C965.927 189.447 948.572 196.262 927.492 196.262C908.956 196.262 893.601 190.537 881.425 179.089C869.431 167.459 863.435 152.103 863.435 133.022C863.435 112.305 870.431 94.9507 884.424 80.9579ZM906.503 162.189C914.681 174.546 925.039 180.724 937.578 180.724C947.754 180.724 955.659 176.999 961.293 169.548C966.926 162.098 969.743 152.466 969.743 140.654C969.743 123.754 965.563 108.762 957.204 95.6775C948.845 82.4117 938.486 75.7788 926.129 75.7788C915.771 75.7788 907.775 79.7767 902.142 87.7726C896.69 95.7684 893.964 105.763 893.964 117.757C893.964 135.021 898.144 149.831 906.503 162.189Z" fill="black"/><path d="M796.662 181.542C797.934 180.088 799.387 178.816 801.023 177.726C802.84 176.636 804.385 174.364 805.657 170.911C807.111 167.277 807.838 162.552 807.838 156.737L807.565 104.673C807.565 99.9482 806.838 96.0412 805.384 92.9519C804.112 89.6808 802.658 87.591 801.023 86.6824C799.387 85.592 797.843 84.4108 796.389 83.1388C795.117 81.685 794.481 80.0495 794.481 78.2322C794.481 76.7784 795.026 75.5064 796.116 74.416C797.207 73.3257 799.387 72.0536 802.659 70.5998C808.11 67.874 813.925 65.5115 820.104 63.5126C826.464 61.3319 830.735 60.1507 832.916 59.969C836.913 59.969 838.912 62.3314 838.912 67.0562L838.64 104.673V156.737C838.64 162.552 839.276 167.277 840.548 170.911C842.002 174.364 843.456 176.636 844.909 177.726C846.545 178.816 847.999 180.179 849.271 181.815C850.724 183.45 851.451 185.358 851.451 187.539C851.451 191.537 847.726 193.536 840.275 193.536H806.202C798.388 193.536 794.481 191.446 794.481 187.267C794.481 185.086 795.208 183.178 796.662 181.542ZM799.115 27.2587C799.297 21.4435 802.022 16.1735 807.292 11.4487C812.562 6.72386 817.923 4.36145 823.375 4.36145C824.102 4.36145 824.738 4.36145 825.283 4.36145C829.463 4.54317 832.916 6.08782 835.641 8.9954C838.549 11.903 840.003 15.2649 840.003 19.0811C840.003 19.4445 840.003 19.7171 840.003 19.8988C839.821 25.5323 837.004 30.7114 831.553 35.4362C826.101 39.9793 820.558 42.2509 814.925 42.2509C814.38 42.2509 813.925 42.2509 813.562 42.2509C809.019 42.0692 805.475 40.7062 802.931 38.1621C800.387 35.4362 799.115 32.2561 799.115 28.6216C799.115 28.2581 799.115 27.8038 799.115 27.2587Z" fill="black"/><path d="M678.87 77.6869C678.87 75.8696 679.415 74.4159 680.505 73.3255C681.596 72.0534 683.776 70.6905 687.047 69.2367C699.223 63.785 708.218 60.8774 714.033 60.514C717.849 60.514 719.757 62.8764 719.757 67.6012L719.485 86.4096C724.21 78.2321 730.025 71.7809 736.93 67.056C743.836 62.3312 750.923 59.9688 758.192 59.9688C765.461 59.9688 771.004 61.9678 774.82 65.9657C778.818 69.9636 780.817 75.0519 780.817 81.2305C780.817 85.5919 779.635 89.3172 777.273 92.4065C775.092 95.4958 772.276 97.0405 768.823 97.0405C764.643 97.0405 760.554 94.9507 756.557 90.771C752.559 86.4096 748.379 84.2289 744.018 84.2289C738.384 84.2289 733.478 87.5908 729.298 94.3146C725.118 101.038 723.029 109.67 723.029 120.21V156.737C723.029 162.552 723.665 167.277 724.937 170.911C726.39 174.364 727.844 176.636 729.298 177.726C730.933 178.816 732.387 180.179 733.659 181.815C735.113 183.45 735.84 185.358 735.84 187.539C735.84 191.537 732.115 193.536 724.664 193.536H690.318C682.686 193.536 678.87 191.446 678.87 187.266C678.87 185.086 679.506 183.268 680.778 181.815C682.232 180.179 683.776 178.816 685.412 177.726C687.229 176.636 688.774 174.364 690.046 170.911C691.499 167.277 692.226 162.552 692.226 156.737V103.31C692.226 94.5872 689.41 88.4086 683.776 84.7741C680.505 82.4117 678.87 80.0493 678.87 77.6869Z" fill="black"/><path d="M549.858 80.9579C563.669 66.9652 581.205 59.9688 602.467 59.9688C620.639 59.9688 635.631 66.1474 647.443 78.5046C659.437 90.8619 665.434 106.218 665.434 124.572C665.434 145.106 658.619 162.189 644.99 175.818C631.361 189.447 614.006 196.262 592.926 196.262C574.39 196.262 559.035 190.537 546.859 179.089C534.866 167.459 528.869 152.103 528.869 133.022C528.869 112.305 535.865 94.9507 549.858 80.9579ZM571.937 162.189C580.115 174.546 590.473 180.724 603.012 180.724C613.188 180.724 621.093 176.999 626.727 169.548C632.36 162.098 635.177 152.466 635.177 140.654C635.177 123.754 630.997 108.762 622.638 95.6775C614.279 82.4117 603.921 75.7788 591.563 75.7788C581.205 75.7788 573.209 79.7767 567.576 87.7726C562.124 95.7684 559.398 105.763 559.398 117.757C559.398 135.021 563.578 149.831 571.937 162.189Z" fill="black"/><path d="M465.539 181.542C466.811 180.088 468.265 178.816 469.9 177.726C471.718 176.636 473.262 174.364 474.534 170.911C475.988 167.277 476.715 162.552 476.715 156.737L476.443 44.7041C476.443 39.7975 475.716 35.7996 474.262 32.7103C472.99 29.621 471.536 27.622 469.9 26.7134C468.265 25.6231 466.72 24.4419 465.267 23.1698C463.994 21.716 463.358 20.0805 463.358 18.2633C463.358 16.6277 463.904 15.2648 464.994 14.1745C466.084 13.0841 468.265 11.8121 471.536 10.3583C485.529 3.81621 495.614 0.363454 501.793 0C501.975 0 502.247 0 502.611 0C504.246 0 505.518 0.54517 506.427 1.63551C507.336 2.72586 507.79 4.5431 507.79 7.08724L507.517 44.7041V156.737C507.517 162.552 508.153 167.277 509.425 170.911C510.879 174.364 512.333 176.636 513.787 177.726C515.422 178.816 516.876 180.179 518.148 181.815C519.602 183.45 520.329 185.358 520.329 187.539C520.329 191.537 516.603 193.536 509.153 193.536H474.807C467.175 193.536 463.358 191.446 463.358 187.266C463.358 185.086 464.085 183.178 465.539 181.542Z" fill="black"/><path d="M311.021 72.5078C312.111 71.4174 314.292 70.1453 317.563 68.6915C329.011 63.2398 338.007 60.3323 344.549 59.9688C344.731 59.9688 345.003 59.9688 345.367 59.9688C348.638 59.9688 350.273 62.3312 350.273 67.056L350.001 86.4096C361.449 68.7824 377.441 59.9688 397.976 59.9688C414.331 59.9688 427.597 65.8748 437.773 77.6869C448.131 89.4989 453.31 104.945 453.31 124.026C453.31 145.47 447.404 162.825 435.592 176.09C423.962 189.356 409.969 196.08 393.614 196.262C393.251 196.262 392.978 196.262 392.796 196.262C378.622 196.262 365.538 192.082 353.544 183.723L353.817 211.254C353.817 217.069 354.453 221.703 355.725 225.156C357.179 228.79 358.632 231.153 360.086 232.243C361.722 233.333 363.175 234.696 364.448 236.332C365.901 237.967 366.628 239.875 366.628 242.056C366.628 246.054 362.903 248.053 355.452 248.053H321.106C313.474 248.053 309.658 246.054 309.658 242.056C309.658 239.875 310.294 237.967 311.566 236.332C313.02 234.696 314.564 233.333 316.2 232.243C318.017 231.153 319.562 228.79 320.834 225.156C322.288 221.703 323.015 217.069 323.015 211.254L322.469 102.492C322.469 93.9512 319.744 87.8634 314.292 84.2289C311.021 81.8665 309.385 79.5041 309.385 77.1417C309.385 75.3245 309.93 73.7798 311.021 72.5078ZM365.81 169.821C373.625 177.635 382.347 181.542 391.979 181.542C392.16 181.542 392.342 181.542 392.524 181.542C402.7 181.542 410.333 177.272 415.421 168.731C420.691 160.19 423.326 149.74 423.326 137.383C423.326 119.938 419.782 106.036 412.695 95.6775C405.79 85.1376 397.067 79.8676 386.527 79.8676C376.532 79.8676 368.536 83.9564 362.539 92.1339C356.543 100.13 353.544 109.398 353.544 119.938V138.474C353.726 151.376 357.815 161.825 365.81 169.821Z" fill="black"/><path d="M164.447 187.266C164.447 184.904 165.447 182.996 167.446 181.542C169.445 180.088 172.625 177.726 176.986 174.455C181.529 171.184 185.8 167.004 189.798 161.916L215.421 129.751L190.07 94.8599C186.254 89.5899 182.165 85.3194 177.804 82.0484C173.443 78.7773 170.172 76.3241 167.991 74.6885C165.992 73.053 164.992 71.0541 164.992 68.6916C164.992 64.6937 168.809 62.6948 176.441 62.6948H218.964C226.597 62.6948 230.413 64.6937 230.413 68.6916C230.413 70.1454 229.868 71.5084 228.777 72.7804C227.687 74.0525 226.597 75.2337 225.506 76.3241C224.598 77.2327 223.871 78.2322 223.326 79.3225C222.781 80.4128 222.508 81.4123 222.508 82.3209C222.508 83.2296 222.781 84.6834 223.326 86.6823C224.053 88.4996 225.688 91.2254 228.232 94.8599L240.499 111.488L253.855 94.3147C257.308 89.9533 259.216 86.864 259.58 85.0468C259.943 83.2296 260.125 81.9575 260.125 81.2306C260.125 79.7768 259.58 78.5956 258.489 77.687C257.581 76.5966 256.399 75.3246 254.946 73.8708C253.492 72.2353 252.765 70.5089 252.765 68.6916C252.765 64.6937 256.49 62.6948 263.941 62.6948H285.203C292.835 62.6948 296.651 64.6937 296.651 68.6916C296.651 71.2358 295.652 73.2347 293.653 74.6885C291.654 76.1423 288.383 78.5047 283.84 81.7758C279.478 85.0468 275.299 89.2265 271.301 94.3147L248.949 123.209L276.753 161.371C280.569 166.641 284.658 170.911 289.019 174.182C293.38 177.453 296.56 179.907 298.559 181.542C300.74 183.178 301.83 185.177 301.83 187.539C301.83 191.537 298.014 193.536 290.382 193.536H248.131C240.317 193.536 236.41 191.446 236.41 187.266C236.41 185.631 237.137 183.995 238.591 182.36C240.044 180.724 241.316 179.452 242.407 178.544C243.497 177.453 244.042 176 244.042 174.182C244.042 173.637 243.951 172.456 243.77 170.639C243.588 168.822 241.862 165.732 238.591 161.371L223.598 140.927L207.243 161.916C203.972 166.096 202.155 169.094 201.791 170.911C201.428 172.729 201.246 174.001 201.246 174.728C201.246 176.363 201.701 177.726 202.609 178.816C203.7 179.725 204.972 180.997 206.425 182.633C207.879 184.086 208.606 185.722 208.606 187.539C208.606 191.537 204.79 193.536 197.158 193.536H176.168C168.354 193.536 164.447 191.446 164.447 187.266Z" fill="black"/><path d="M146.551 154.103V154.037C144.32 153.381 142.484 153.972 140.909 155.874C137.695 161.45 132.972 165.91 126.74 169.19C120.509 172.535 113.359 173.913 105.29 173.388C95.9754 172.798 88.0382 169.715 81.5441 164.073C75.05 158.432 70.3926 150.888 67.5063 141.311L67.1783 139.868C67.1783 139.868 70.6681 140.117 76.2045 140.117C96.8675 140.117 146.065 136.687 148.912 104.249C148.978 103.987 148.978 103.659 148.978 103.396C149.024 102.629 149.05 101.868 149.05 101.113C149.05 91.5822 145.226 82.8906 137.629 74.9927C129.443 66.4782 117.334 61.7618 101.243 60.7647C101.236 60.7647 101.23 60.7581 101.223 60.7581H101.158C101.013 60.7516 100.875 60.745 100.731 60.7384C93.8435 60.3252 87.2707 60.9156 81.0849 62.4636C71.2453 64.8251 62.3242 69.6137 54.2557 76.8294C41.0051 88.6369 33.7895 104.052 32.6087 123.075C32.6087 123.561 32.6087 124.099 32.5497 124.591C19.8108 121.921 10.2139 118.215 4.9268 115.86C2.6965 114.876 0.138222 116.384 0.00702825 118.811C-0.0585687 119.927 0.335013 120.976 1.18777 121.698C9.42019 128.881 21.3129 133.223 32.7334 135.854C32.7334 135.88 32.7334 135.906 32.7334 135.932C32.8646 137.507 33.0613 139.081 33.2581 140.655C35.0293 153.381 39.8834 164.467 47.8207 173.716C59.1689 187.032 73.9939 194.248 92.2954 195.363C107.907 196.347 120.83 192.871 130.998 185.065C141.231 177.258 147.331 168.6 149.365 159.154C149.693 156.464 148.774 154.824 146.544 154.103H146.551ZM64.6201 112.842C65.0792 105.102 66.3912 98.2796 68.4903 92.4415C68.5034 92.4087 68.5165 92.3759 68.5296 92.3365C68.5296 92.3759 68.5427 92.4087 68.5559 92.4415C69.2118 90.5392 69.9334 88.8337 70.7862 87.1281C75.1812 79.3877 83.3808 74.2055 93.0235 74.2055C102.666 74.2055 110.886 79.3811 115.267 87.1347C115.307 87.22 115.353 87.3052 115.392 87.3905C116.245 89.1616 116.901 90.8672 117.426 92.5727C117.885 94.0158 118.147 95.3934 118.41 96.7709C118.738 98.7388 118.803 100.707 118.672 102.609C118.672 102.609 118.934 106.151 116.114 110.677C112.965 115.597 105.881 121.632 90.3997 125.174C90.3013 125.194 90.1963 125.214 90.0914 125.24L89.7699 125.306C88.4514 125.588 87.0936 125.863 85.6767 126.093C84.1679 126.355 82.528 126.618 80.8881 126.814C80.7897 126.827 80.6782 126.841 80.5798 126.854C75.1549 127.47 69.9137 127.765 64.8759 127.805C64.3577 123.036 64.2921 118.07 64.6201 112.842Z" fill="black"/></svg>');
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 600rem;
  mask-size: 600rem;
}
.explorio .hero__mask picture {
  width: 100%;
  height: 100%;
}
.explorio .hero__mask picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 87%;
  object-position: 0 87%;
}
.explorio .hero__background {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--color-green-forest);
}
.explorio .hero__background picture {
  width: 100%;
  height: 100%;
  opacity: 0.05;
}
.explorio .hero__background picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 87%;
  object-position: 0 87%;
}
.explorio .hero__background-gradients {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.explorio .hero__background-gradients::before,
.explorio .hero__background-gradients::after {
  content: "";
  position: absolute;
  z-index: 2;
  height: 240rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0.8;
}
.explorio .hero__background-gradients::before {
  inset: 0 0 auto 0;
}
.explorio .hero__background-gradients::after {
  inset: auto 0 0 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.explorio .tagline {
  background: var(--color-green-forest);
  color: var(--color-green-aurora);
}
.explorio .tagline__container {
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(-25rem);
  transform: translateY(-25rem);
  margin-left: 50rem;
  margin-bottom: -100rem;
}
.explorio .tagline__container p {
  position: absolute;
  z-index: 2;
  font-family: "Roca", serif;
  font-size: 56rem;
  font-weight: 300;
  line-height: 100%;
  white-space: nowrap;
}
.explorio .tagline__container p::before {
  content: "";
  position: absolute;
  inset: 0 -20rem -15rem;
  z-index: -1;
  background: var(--color-green-forest);
}
.explorio .tagline__container p:nth-child(1) {
  inset: 5rem auto auto 180rem;
}
.explorio .tagline__container p:nth-child(2) {
  inset: 170rem auto auto 640rem;
}
.explorio .tagline__container p:nth-child(3) {
  inset: 300rem auto auto 110rem;
}
.explorio .tagline__container p:nth-child(4) {
  inset: 570rem auto auto 330rem;
}
.explorio .tagline__container svg {
  position: relative;
  z-index: 1;
  width: 1000rem;
}
.explorio .features {
  background: var(--color-green-aurora);
  color: var(--color-green-forest);
}
.explorio .faq {
  background: var(--color-white);
  color: var(--color-green-forest);
}
.explorio .contact {
  background: var(--color-green-forest);
  color: var(--color-white);
}
.exli {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
}
.exli a {
  display: inline-block;
  position: relative;
  margin: 20px 0;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  font-family: "Roboto Slab", serif;
  font-size: 54px;
  font-weight: 300;
  line-height: 1.35;
  text-decoration: none;
  white-space: nowrap;
}
.exli a::before,
.exli a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 0;
  height: 1px;
}
.exli a::before {
  left: 0;
  background: transparent;
  -webkit-transition:
    width 0s,
    height 0.22s,
    background 0.44s;
  transition:
    width 0s,
    height 0.22s,
    background 0.44s;
}
.exli a::after {
  right: 0;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: width 0.44s, height 0.22s;
  transition: width 0.44s, height 0.22s;
}
.exli a:hover::before {
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: width 0.44s, height 0.22s;
  transition: width 0.44s, height 0.22s;
}
.exli a:hover::after {
  width: 100%;
  background: transparent;
  -webkit-transition: background 0s, height 0.22s;
  transition: background 0s, height 0.22s;
}
.exli a > i {
  position: absolute;
  right: -32px;
  bottom: 22px;
  width: 18px;
  height: 18px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.33s 0s;
  transition: opacity 0.33s 0s;
}
.exli a > i div {
  position: absolute;
  margin: 0;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition:
    width 0.1s 0.2s,
    height 0.1s 0.2s,
    -webkit-transform 0.075s 0.2s;
  transition:
    width 0.1s 0.2s,
    height 0.1s 0.2s,
    -webkit-transform 0.075s 0.2s;
  transition:
    transform 0.075s 0.2s,
    width 0.1s 0.2s,
    height 0.1s 0.2s;
  transition:
    transform 0.075s 0.2s,
    width 0.1s 0.2s,
    height 0.1s 0.2s,
    -webkit-transform 0.075s 0.2s;
}
.exli a > i div:nth-of-type(1) {
  bottom: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.exli a > i div:nth-of-type(2) {
  right: 0;
  -webkit-transform: translate3d(0, 110%, 0);
  transform: translate3d(0, 110%, 0);
}
.exli a > i div:nth-of-type(3) {
  top: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.exli a > i div:nth-of-type(4) {
  left: 0;
  -webkit-transform: translate3d(0, -110%, 0);
  transform: translate3d(0, -110%, 0);
}
.exli a > i div:nth-of-type(1),
.exli a > i div:nth-of-type(3) {
  left: 0;
  width: 100%;
  height: 1px;
}
.exli a > i div:nth-of-type(2),
.exli a > i div:nth-of-type(4) {
  bottom: 1px;
  width: 1px;
  height: calc(100% - 2px);
}
.exli a > i div:nth-of-type(5) {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate3d(-22px, 22px, 0);
  transform: translate3d(-22px, 22px, 0);
  width: 6px;
  height: 1px;
  overflow: visible;
  background: rgba(0, 0, 0, 0.75);
}
.exli a > i div:nth-of-type(5)::before,
.exli a > i div:nth-of-type(5)::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 1px;
  height: 5px;
  background: rgba(0, 0, 0, 0.75);
}
.exli a > i div:nth-of-type(5)::after {
  -webkit-transform: rotateZ(45deg) translate3d(-25%, 1px, 0);
  transform: rotateZ(45deg) translate3d(-25%, 1px, 0);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  height: 10px;
}
.exli a:hover > i {
  opacity: 1;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}
.exli a:hover > i div {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.exli a:hover > i div:nth-of-type(1) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.exli a:hover > i div:nth-of-type(2) {
  height: 6px;
  -webkit-transition: height 0.44s 0.5s, -webkit-transform 0.075s 0.375s;
  transition: height 0.44s 0.5s, -webkit-transform 0.075s 0.375s;
  transition: transform 0.075s 0.375s, height 0.44s 0.5s;
  transition:
    transform 0.075s 0.375s,
    height 0.44s 0.5s,
    -webkit-transform 0.075s 0.375s;
}
.exli a:hover > i div:nth-of-type(3) {
  width: 7px;
  -webkit-transition: width 0.44s 0.5s, -webkit-transform 0.075s 0.45s;
  transition: width 0.44s 0.5s, -webkit-transform 0.075s 0.45s;
  transition: transform 0.075s 0.45s, width 0.44s 0.5s;
  transition:
    transform 0.075s 0.45s,
    width 0.44s 0.5s,
    -webkit-transform 0.075s 0.45s;
}
.exli a:hover > i div:nth-of-type(4) {
  -webkit-transition-delay: 0.525s;
  transition-delay: 0.525s;
}
.exli a:hover > i div:nth-of-type(5) {
  -webkit-transition: -webkit-transform 0.5s 0.5s;
  transition: -webkit-transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s;
  transition: transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
}
.fch .section {
  position: relative;
  overflow: hidden;
  font-family: "Roboto Slab", serif;
}
.fch .section__head {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  clip: rect(0, auto, auto, 0);
}
.fch .section__content {
  position: relative;
  z-index: 2;
  padding: 22vw 14vw;
}
.fch .section:nth-of-type(2n) {
  background: #ff0;
}
.fch .section:nth-of-type(2n) h1 {
  color: #fff;
}
.fch .section h1 {
  position: fixed;
  top: 47%;
  left: 10vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  color: #ff0;
  font-size: 37vw;
  font-weight: 900;
  white-space: nowrap;
}
.fch .section p {
  color: #000;
  font-size: 4vw;
  font-weight: 200;
  line-height: 1.6;
}
.fluid-responsive-design {
  opacity: 0;
}
.fluid-responsive-design__html {
  --mobile-design-width: 393;
  --tablet-design-width: 768;
  --desktop-design-width: 1600;
  --tablet-breakpoint: 601;
  --desktop-breakpoint: 1024;
  --ultrawide-breakpoint: 2560;
  --color-black: #111;
  --color-cyan: #0FF;
  --color-red: #FF3D00;
  --color-white: #FFF;
  --color-yellow: #FFEA00;
  font-size: calc(100 / var(--mobile-design-width) * 1vw);
  font-weight: 300;
  line-height: 1;
  scrollbar-width: thin;
}
@media (min-width: 601px) {
  .fluid-responsive-design__html {
    font-size: calc(100 / var(--tablet-design-width) * 1vw);
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design__html {
    font-size: calc(100 / var(--desktop-design-width) * 1vw);
  }
}
@media (min-width: 2560px) {
  .fluid-responsive-design__html {
    font-size: calc(100 / var(--desktop-design-width) * var(--ultrawide-breakpoint) / 16 * 0.01rem);
  }
}
.fluid-responsive-design__html .media-label {
  display: none;
}
.fluid-responsive-design__body {
  font-family: "DM Sans", sans-serif;
  background: var(--color-white);
  color: var(--color-black);
}
.fluid-responsive-design .container {
  width: 100%;
  max-width: 2560rem;
  margin: 0 auto;
  padding: 0 20rem;
}
@media (min-width: 601px) {
  .fluid-responsive-design .container {
    padding: 0 30rem;
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design .container {
    padding: 0 40rem;
  }
}
.fluid-responsive-design .grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20rem;
  height: 100%;
}
@media (min-width: 601px) {
  .fluid-responsive-design .grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 30rem;
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design .grid {
    gap: 40rem;
  }
}
.fluid-responsive-design .grid__item {
  grid-column: span 1;
}
.fluid-responsive-design h2 {
  font-size: 40rem;
  font-weight: 400;
  line-height: 107%;
}
@media (min-width: 601px) {
  .fluid-responsive-design h2 {
    font-size: 56rem;
  }
}
.fluid-responsive-design p {
  font-size: 17rem;
  line-height: 154%;
}
@media (min-width: 601px) {
  .fluid-responsive-design p {
    font-size: 21rem;
  }
}
.fluid-responsive-design strong {
  font-weight: 600;
}
.fluid-responsive-design .header {
  position: fixed;
  inset: 0;
  z-index: 2;
  padding: 15rem 0;
  color: var(--color-black);
  font-weight: 600;
  pointer-events: none;
}
@media (min-width: 601px) {
  .fluid-responsive-design .header {
    padding: 20rem 0;
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design .header {
    padding: 25rem 0;
  }
}
.fluid-responsive-design .header::before {
  content: "";
  position: absolute;
  inset: 55rem 20rem;
  z-index: -1;
  border: 1px solid var(--color-black);
  border-left: 0;
  border-right: 0;
}
@media (min-width: 601px) {
  .fluid-responsive-design .header::before {
    inset: 75rem 30rem;
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design .header::before {
    inset: 85rem 40rem;
  }
}
.fluid-responsive-design .header .container,
.fluid-responsive-design .header .container > div {
  position: relative;
  z-index: 1;
  height: 100%;
}
.fluid-responsive-design .header p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem;
  position: absolute;
  z-index: 1;
  height: 24rem;
  font-size: 14rem;
  line-height: 1;
  pointer-events: all;
}
@media (min-width: 601px) {
  .fluid-responsive-design .header p {
    gap: 6rem;
    height: 36rem;
    font-size: 16rem;
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design .header p {
    gap: 8rem;
    font-size: 21rem;
  }
}
.fluid-responsive-design .header p::before,
.fluid-responsive-design .header p span::before {
  font-weight: 300;
}
.fluid-responsive-design .header p:nth-child(1) {
  inset: 0 auto auto 0;
  font-size: 24rem;
  font-weight: 700;
}
@media (min-width: 601px) {
  .fluid-responsive-design .header p:nth-child(1) {
    font-size: 36rem;
  }
}
.fluid-responsive-design .header p:nth-child(2) {
  inset: 0 0 auto auto;
}
.fluid-responsive-design .header p:nth-child(2)::before {
  content: "Breakpoints: ";
}
.fluid-responsive-design .header p:nth-child(3) {
  inset: auto 0 0 auto;
}
.fluid-responsive-design .header p:nth-child(3)::before {
  content: "Design: ";
}
@media (min-width: 601px) {
  .fluid-responsive-design .header p:nth-child(3)::before {
    content: "Design width: ";
  }
}
.fluid-responsive-design .header p:nth-child(4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 45rem;
  inset: auto auto 0 0;
}
@media (min-width: 601px) {
  .fluid-responsive-design .header p:nth-child(4) {
    gap: 40rem;
  }
}
.fluid-responsive-design .header p:nth-child(4) span:nth-child(1)::before {
  content: "Viewport: ";
}
@media (min-width: 601px) {
  .fluid-responsive-design .header p:nth-child(4) span:nth-child(1)::before {
    content: "Viewport width: ";
  }
}
.fluid-responsive-design .header p:nth-child(4) span:nth-child(2)::before {
  content: "Scale: ";
}
.fluid-responsive-design .header i {
  display: inline-block;
  -webkit-transform: scale(1.4) translateY(1rem);
  transform: scale(1.4) translateY(1rem);
}
.fluid-responsive-design .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100dvh;
  padding: 40rem 0;
  background: var(--color-white);
  color: var(--color-black);
}
@media (min-width: 601px) {
  .fluid-responsive-design .section {
    padding: 90rem 0;
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design .section {
    padding: 120rem 0;
  }
}
.fluid-responsive-design .section:nth-child(2n-1) {
  background: var(--color-yellow);
}
.fluid-responsive-design .section .grid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  gap: 20rem;
}
@media (min-width: 601px) {
  .fluid-responsive-design .section--intro .grid__item {
    grid-column: 1/span 12;
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design .section--intro .grid__item {
    grid-column: 2/span 10;
  }
}
.fluid-responsive-design .section--intro .intro__headline {
  font-size: 50rem;
  line-height: 133%;
  text-align: center;
}
@media (min-width: 601px) {
  .fluid-responsive-design .section--intro .intro__headline {
    font-size: 75rem;
    line-height: 121%;
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design .section--intro .intro__headline {
    font-size: 90rem;
  }
}
.fluid-responsive-design .section--intro .intro__device {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--color-black);
  color: var(--color-white);
  border-radius: 10rem;
  vertical-align: middle;
}
@media (min-width: 601px) {
  .fluid-responsive-design .section--info .grid__item {
    grid-column: 2/span 10;
  }
  .fluid-responsive-design .section--info .grid__item:nth-of-type(3) {
    margin-top: -10rem;
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design .section--info .grid__item:nth-of-type(2) {
    grid-column: 2/span 5;
  }
  .fluid-responsive-design .section--info .grid__item:nth-of-type(3) {
    grid-column: 7/span 5;
    margin: 0;
  }
}
@media (min-width: 601px) {
  .fluid-responsive-design .section--links .grid__item {
    grid-column: 2/span 10;
  }
}
@media (min-width: 601px) {
  .fluid-responsive-design .section--links .grid__item:nth-of-type(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 35rem;
  }
}
@media (min-width: 1024px) {
  .fluid-responsive-design .section--links .grid__item:nth-of-type(2) {
    gap: 60rem;
  }
}
.fluid-responsive-design .section--links a {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 3rem;
  -webkit-transition: text-decoration-color 0.321s;
  transition: text-decoration-color 0.321s;
}
.fluid-responsive-design .section--links a:hover {
  text-decoration-color: var(--color-black);
}
.gb .background {
  width: 100%;
  height: 345vh;
  min-height: 345vh;
  overflow-x: hidden;
}
.gb .gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background: linear-gradient(-45deg, #fff 0%, #8b8b8b 50%, #fff 100%);
  -webkit-filter: blur(4vw);
  filter: blur(4vw);
}
.heilsueflandi-fireworks {
  width: 100%;
  height: 100vh;
}
.heilsueflandi-fireworks .fireworks {
  position: relative;
  z-index: 1234;
  pointer-events: none;
}
.heilsueflandi-fireworks .firework {
  position: fixed;
  z-index: 1;
}
.heilsueflandi-fireworks .fireworkBubble {
  position: absolute;
  z-index: 1;
  width: 21px;
  height: 21px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #0ff;
  border-radius: 100%;
}
.heilsueflandi-fireworks .fireworkBubbleContainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.heilsueflandi-fireworks .fireworkRing {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 2px solid #0ff;
  border-radius: 100%;
}
.heilsueflandi-fireworks .cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  font-size: 13px;
  pointer-events: none;
}
.homer__html {
  --mobile-design-width: 560;
  --desktop-design-width: 1600;
  --ultrawide-breakpoint: 2560;
  --color-black: #1a1a1a;
  --color-purple: #380080;
  --color-purple-bright: #7117E5;
  --color-purple-50: #B780FF;
  --color-purple-10: #F1E5FF;
  --color-white: #fff;
  font-size: calc(100 / var(--desktop-design-width) * 1vw);
}
@media (min-width: 2560px) {
  .homer__html {
    font-size: calc(100 / var(--desktop-design-width) * var(--ultrawide-breakpoint) / 16 * 0.01rem);
  }
}
.homer__body {
  background: var(--color-white);
  color: var(--color-black);
  font-family: "Inter", sans-serif;
  font-size: 21rem;
  line-height: 150%;
}
.homer__body .pin-spacer {
  pointer-events: none;
}
.homer__body .pin-spacer > * {
  pointer-events: all;
}
.homer__body::before {
  content: "0.1.7";
  position: fixed;
  inset: 0 0 auto auto;
  z-index: 1234;
  padding: 42rem;
  line-height: 1;
}
.homer__body .scroll-wrapper,
.homer__body .scroll-content {
  position: relative;
  z-index: 1;
}
.homer__body .container {
  width: 100%;
  max-width: 1600rem;
  min-width: 320rem;
  margin: 0 auto;
  padding: 0 136rem;
}
.homer__body .header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 2;
  pointer-events: none;
}
.homer__body .header__container {
  padding: 40rem;
}
.homer__body .header__logo {
  font-size: 36rem;
  font-weight: 700;
}
.homer__body .hero {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.homer__body .hero__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 48rem;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  height: 100vh;
  padding-bottom: 10vh;
  text-align: center;
}
.homer__body .hero__text h1 {
  font-size: 72rem;
  font-weight: 700;
  line-height: 120%;
}
.homer__body .hero__text > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24rem;
}
.homer__body .hero__text > div button {
  padding: 16rem 24rem;
  background: var(--color-black);
  border-radius: 12rem;
  color: var(--color-white);
  font-size: 18rem;
}
.homer__body .hero__houses {
  position: absolute;
  z-index: 2;
  font-size: 180rem;
  letter-spacing: -80rem;
  line-height: 100%;
}
.homer__body .hero__houses--left {
  inset: auto 50% 0 0;
}
.homer__body .hero__houses--left > div {
  position: absolute;
  inset: auto auto 0 -120rem;
  z-index: 3;
  -webkit-transform-origin: 125% 100%;
  transform-origin: 125% 100%;
}
.homer__body .hero__houses--left > div:nth-child(2) {
  inset: auto auto 90rem -90rem;
  font-size: 350rem;
  z-index: 2;
}
.homer__body .hero__houses--left > div:nth-child(3) {
  inset: auto auto 190rem -120rem;
  font-size: 400rem;
  z-index: 1;
}
.homer__body .hero__houses--right {
  inset: auto 0 0 50%;
}
.homer__body .hero__houses--right > div {
  position: absolute;
  inset: auto 0 0 auto;
  z-index: 3;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.homer__body .hero__houses--right > div:nth-child(2) {
  inset: auto 50rem 90rem auto;
  font-size: 350rem;
  z-index: 2;
}
.homer__body .hero__houses--right > div:nth-child(3) {
  inset: auto -140rem 100rem auto;
  font-size: 450rem;
  z-index: 1;
}
.homer__body .info {
  position: relative;
  z-index: 2;
  height: 200vh;
  overflow: hidden;
  background: var(--color-purple);
  color: var(--color-white);
}
.homer__body .info__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  height: 100vh;
  font-size: 64rem;
  font-weight: 600;
  line-height: 120%;
  text-align: center;
}
.homer__body .info__text span {
  display: inline-block;
  width: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 10% 50%;
  transform-origin: 10% 50%;
  margin-left: -15rem;
}
.homer__body .app {
  position: relative;
  z-index: 3;
  height: 400vh;
  background: var(--color-white);
}
.homer__body .app__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
}
.homer__body .app__phone {
  position: relative;
  z-index: 1;
  width: 360rem;
  aspect-ratio: 9/16;
  background: var(--color-white);
  border: 14rem solid var(--color-black);
  border-radius: 40rem;
}
.homer__body .app__phone::before,
.homer__body .app__phone::after {
  content: "";
  position: absolute;
  background: var(--color-black);
  border-radius: 40rem;
  z-index: 2;
}
.homer__body .app__phone::before {
  inset: 8rem auto auto calc(50% - 50rem);
  width: 100rem;
  height: 30rem;
}
.homer__body .app__phone::after {
  inset: auto auto 8rem calc(50% - 75rem);
  width: 150rem;
  height: 5rem;
}
.homer__body .app__phone div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--color-white);
  border-radius: 25rem;
  font-size: 80rem;
}
.homer__body .app__phone div:nth-child(2n) {
  background: var(--color-purple-50);
  color: var(--color-white);
}
.homer__body .app__infos {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.homer__body .app__info {
  position: absolute;
  z-index: 2;
}
.homer__body .app__info > div {
  width: 370rem;
  padding: 18rem 30rem;
  background: var(--color-purple-10);
  border-radius: 18rem;
  color: var(--color-purple-bright);
}
.homer__body .app__info h3 {
  margin-bottom: 10rem;
  font-size: 24rem;
  font-weight: 500;
  line-height: 160%;
}
.homer__body .app__info p {
  font-size: 18rem;
  font-weight: 400;
  line-height: 140%;
}
.homer__body .app__info--1 {
  inset: 22vh auto auto 150rem;
}
.homer__body .app__info--2 {
  inset: 31vh 150rem auto auto;
}
.homer__body .app__info--3 {
  inset: 50vh auto auto 180rem;
}
.homer__body .app__info--4 {
  inset: 67vh 180rem auto auto;
}
.homer__body .faq {
  position: relative;
  z-index: 4;
  min-height: 100vh;
  padding: 210rem 0;
  background: var(--color-purple);
  color: var(--color-white);
}
.homer__body .faq__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 48rem;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  text-align: center;
}
.homer__body .faq__text h1 {
  font-size: 72rem;
  font-weight: 700;
  line-height: 120%;
}
.homer__body .faq__accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 24rem;
  padding: 48rem 80rem 0;
}
.homer__body .faq__accordion-item {
  width: 100%;
}
.homer__body .faq__accordion-item input {
  position: absolute;
  visibility: hidden;
}
.homer__body .faq__accordion-item input:checked + label h3 {
  color: var(--color-purple-bright);
}
.homer__body .faq__accordion-item input:checked + label h3::after {
  content: "-";
  font-size: 87rem;
}
.homer__body .faq__accordion-item input:checked + label p {
  display: block;
}
.homer__body .faq__accordion-item label {
  display: block;
  padding: 24rem;
  background: var(--color-white);
  border-radius: 18rem;
  color: var(--color-black);
  cursor: pointer;
}
.homer__body .faq__accordion-item h3 {
  position: relative;
  z-index: 1;
  font-weight: 600;
}
.homer__body .faq__accordion-item h3::after {
  content: "+";
  position: absolute;
  inset: -6rem 0 auto auto;
  z-index: 1;
  font-size: 60rem;
  font-weight: 100;
}
.homer__body .faq__accordion-item p {
  display: none;
  margin-top: 14rem;
  padding-right: 120rem;
}
.homer__body .download {
  position: relative;
  z-index: 3;
  height: 100vh;
  padding: 160rem 0;
  overflow: hidden;
  background: var(--color-white);
}
.homer__body .download .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
}
.homer__body .download__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  background: var(--color-purple-bright);
  border-radius: 30rem;
  color: var(--color-white);
}
.homer__body .download__box-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 32rem;
  padding: 100rem 120rem;
  text-align: left;
}
.homer__body .download__box-text h3 {
  font-size: 48rem;
  font-weight: 700;
  line-height: 120%;
}
.homer__body .download__box-text > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24rem;
}
.homer__body .download__box-text > div button {
  padding: 16rem 24rem;
  background: var(--color-black);
  border-radius: 12rem;
  color: var(--color-white);
  font-size: 18rem;
}
.homer__body .download__box-phones {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  position: relative;
  z-index: 1;
  height: 100%;
}
.homer__body .download__box-phone {
  position: absolute;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  width: 360rem;
  aspect-ratio: 9/16;
  background: var(--color-white);
  border: 14rem solid var(--color-black);
  border-radius: 40rem;
}
.homer__body .download__box-phone::before,
.homer__body .download__box-phone::after {
  content: "";
  position: absolute;
  background: var(--color-black);
  border-radius: 40rem;
  z-index: 2;
}
.homer__body .download__box-phone::before {
  inset: 8rem auto auto calc(50% - 50rem);
  width: 100rem;
  height: 30rem;
}
.homer__body .download__box-phone::after {
  inset: auto auto 8rem calc(50% - 75rem);
  width: 150rem;
  height: 5rem;
}
.homer__body .download__box-phone--1 {
  inset: auto auto -50rem -20rem;
  z-index: 1;
}
.homer__body .download__box-phone--2 {
  inset: auto 0 -150rem auto;
  z-index: 2;
}
.homer__body .footer {
  position: relative;
  z-index: 4;
  padding: 30rem 0;
  background: var(--color-purple);
  color: var(--color-white);
}
.hoe {
  background: #fff;
  color: #232d3c;
}
.hoe__container {
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 768px) {
  .hoe__container {
    padding: 0 40px;
  }
}
@media (min-width: 1366px) {
  .hoe__container {
    padding: 0 200px;
  }
}
@media (min-width: 768px) {
  .hoe__grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.hoe__pipes {
  grid-column: 1/span 12;
  padding: 66vh 0;
}
.hoe__images {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 66vh;
}
.hoe__images--1 {
  grid-column: 7/span 5;
}
.hoe__images--2 {
  grid-column: 2/span 5;
}
.hoe__image [data-gsap=wrapper-2] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  aspect-ratio: 300/500;
  background: #555;
}
.hoe__image [data-gsap=wrapper-3] {
  width: 100%;
  height: calc(100% + 120px);
}
.hoe__image picture,
.hoe__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hoe__image--square {
  aspect-ratio: 1;
}
.hoe__image--square img {
  -o-object-position: 0 0;
  object-position: 0 0;
}
.hoe__image:nth-child(1) {
  grid-row: 1/span 2;
}
.hoe__image:nth-child(2) {
  grid-row: 1;
  margin-top: 50px;
}
.hoe__image:nth-child(3) {
  grid-row: 3;
}
.hoe__image:nth-child(4) {
  grid-row: 2/span 4;
}
.hoe__cta {
  grid-row: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 20px;
  position: relative;
  z-index: 1;
  margin: 0 0 66vh;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 145%;
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .hoe__cta {
    grid-column: 1/span 9;
  }
}
@media (min-width: 1024px) {
  .hoe__cta {
    grid-column: 3/span 6;
  }
}
.hoe__cta-preheading {
  font-weight: 700;
}
.hoe__cta-heading {
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
}
.hoe__cta-heading strong {
  display: inline-block;
  color: #e5504a;
}
.hoe__cta-body {
  max-width: 75%;
}
.hoe__cta-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 20px;
}
.hoe__cta button {
  padding: 20px;
  background: #e5504a;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.hoe__cta button:last-of-type {
  background: #fff;
  color: #e5504a;
}
.hoe__cta-broken-label {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  font-size: 520px;
  font-weight: 300;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  color: #e5504a;
  opacity: 0.5;
}
.hoe__cards {
  grid-column: 1/span 12;
  margin: 0 0 66vh;
}
.hoe__cards-heading {
  margin-bottom: 60px;
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
}
.hoe__cards-heading strong {
  display: inline-block;
  color: #e5504a;
}
.hoe__cards-group {
  display: grid;
  gap: 40px;
}
@media (min-width: 768px) {
  .hoe__cards-group--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hoe__cards-group--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) and (min-width: 1366px) {
  .hoe__cards-group--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1366px) {
  .hoe__cards-group {
    width: 50vw;
  }
}
@media (min-width: 2560px) {
  .hoe__cards-group--3 {
    width: 75vw;
  }
}
.hoe__card-content {
  background: #555;
  aspect-ratio: 16/9;
  border-radius: 20px;
}
.hoe__fullscreen-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
  height: 100vh;
  padding: 10vw;
  overflow: hidden;
  background: #555;
}
.hoe__fullscreen-image-card {
  position: relative;
  z-index: 2;
  width: 40vw;
  padding: 3vw;
  background: #fff;
  border-radius: 20px;
}
.hoe__fullscreen-image-card h1 {
  width: 75%;
  margin-bottom: 1.5vw;
  font-size: 2vw;
  font-weight: 700;
  line-height: 120%;
}
.hoe__fullscreen-image-card h1 strong {
  color: #e5504a;
}
.hoe__fullscreen-image-card p {
  font-size: 1vw;
  line-height: 150%;
}
.hoe__fullscreen-image picture {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hoe__fullscreen-image picture::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: #232d3c;
  opacity: 0.5;
}
.hoe__fullscreen-image picture img {
  width: 100%;
  height: 125%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hoe__footer {
  padding: 5vw 0;
  overflow: hidden;
  background: #fafafa;
}
.hoe__footer h1 {
  margin-bottom: 1vw;
  font-size: 2vw;
  font-weight: 700;
  line-height: 120%;
}
.hoe__footer p {
  width: 50%;
  font-size: 1vw;
  line-height: 150%;
}
.hoe__footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  margin-top: 2vw;
}
.hoe__footer-social div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  border: 1px solid #555;
  border-radius: 50%;
  aspect-ratio: 1;
}
.hoe__spacer {
  height: 100vh;
  background: #fff;
}
.hop {
  background: #fff;
  color: #232d3c;
}
.hop__container {
  max-width: 1800px;
  height: 100%;
  margin: 0 auto;
  padding: 0 200px 200px;
}
.hop__old-pipe {
  padding: 100px;
}
.hop svg {
  background: #eee;
  min-height: 300px;
}
.hop__spacer {
  background: #fff;
  border-top: 1px dashed #ccc;
}
.hop .codepen {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.hop .codepen label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: smaller;
  white-space: nowrap;
  line-height: 30pt;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.hop .codepen input[type=range] {
  height: 30pt;
  display: inline-block;
  width: 60%;
}
.hop .codepen .app-settings {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  background: #eee;
  overflow: hidden;
}
.hop .codepen .app-settings-info:after {
  content: attr(radius) "px";
  position: absolute;
  margin-left: 4px;
}
.hop .codepen .corner-points,
.hop .codepen .control-points,
.hop .codepen .path-points {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.hop .codepen #originalPath {
  opacity: 0.1;
  -webkit-transition: opacity 0.75s;
  transition: opacity 0.75s;
}
.hop .codepen .show-nots .corner-points,
.hop .codepen .show-nots .control-points,
.hop .codepen .path-points--show .path-points {
  opacity: 0.8;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.hop .codepen .line-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hop .codepen .app-settings-info {
  margin-right: 40px;
}
.ksi-stuff__body {
  font-family: "DM Sans", sans-serif;
  line-height: 120%;
}
.ksi-stuff__body .hero-test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 120px;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .ksi-stuff__body .hero-test {
    padding: 120px;
  }
}
.ksi-stuff__body .hero-test .hero {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1920px;
  overflow: hidden;
  aspect-ratio: 3/4;
  background: #0A1236;
  color: #fff;
}
@media (min-width: 1024px) {
  .ksi-stuff__body .hero-test .hero {
    aspect-ratio: 1800/930;
  }
}
.ksi-stuff__body .hero-test .hero::before,
.ksi-stuff__body .hero-test .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: #00082e;
  opacity: 0.4;
  pointer-events: none;
}
.ksi-stuff__body .hero-test .hero::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 8, 46, 0)), color-stop(66%, rgba(0, 8, 46, 0)), to(rgb(0, 8, 46)));
  background: linear-gradient(180deg, rgba(0, 8, 46, 0) 0%, rgba(0, 8, 46, 0) 66%, rgb(0, 8, 46) 100%);
  opacity: 0.8;
}
.ksi-stuff__body .hero-test .hero__images {
  position: absolute;
  inset: 0 -21%;
  z-index: 1;
}
@media (min-width: 1024px) {
  .ksi-stuff__body .hero-test .hero__images {
    inset: 0 -9%;
  }
}
.ksi-stuff__body .hero-test .hero__image {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
}
.ksi-stuff__body .hero-test .hero__image-frame,
.ksi-stuff__body .hero-test .hero__image-frame-picture {
  position: absolute;
  inset: 0 auto;
  z-index: 1;
  overflow: hidden;
}
.ksi-stuff__body .hero-test .hero__image-frame-picture div,
.ksi-stuff__body .hero-test .hero__image-frame-picture picture,
.ksi-stuff__body .hero-test .hero__image-frame-picture img {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.ksi-stuff__body .hero-test .hero__image-frame-picture img {
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ksi-stuff__body .hero-test .hero__image-frame-cover {
  position: absolute;
  inset: 0;
  z-index: 2;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  background: #0041E5;
}
.ksi-stuff__body .hero-test .hero__texts {
  position: absolute;
  inset: auto 50% 80px 30px;
  z-index: 3;
  font-size: 30px;
  line-height: 130%;
}
.ksi-stuff__body .hero-test .hero__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
  inset: auto auto 0 0;
  z-index: 1;
  opacity: 0;
}
.ksi-stuff__body .hero-test .hero__text button {
  padding: 12px 18px;
  background: #0041e5;
  border-radius: 20px;
  font-size: 13px;
}
.ksi-stuff__body .hero-test .hero__controls {
  position: absolute;
  inset: auto 0 0;
  z-index: 4;
}
.ksi-stuff__body .hero-test .hero__controls-timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 18px;
  padding: 20px 30px;
}
.ksi-stuff__body .hero-test .hero__controls-timeline-button {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(33.333% - 18px);
  flex: 1 1 calc(33.333% - 18px);
  overflow: hidden;
  opacity: 0.4;
  font-size: 14px;
  line-height: 120%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ksi-stuff__body .hero-test .hero__controls-timeline-button-line {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 2px;
  margin-bottom: 17px;
  background: rgba(255, 255, 255, 0.5);
}
.ksi-stuff__body .hero-test .hero__controls-timeline-button-line > div {
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  background: #0041e5;
}
.ksi-stuff__body .hero-test .hero__controls-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  position: absolute;
  inset: auto 30px 80px auto;
  z-index: 1;
}
.ksi-stuff__body .hero-test .hero__controls-buttons button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  aspect-ratio: 1;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  font-size: 11px;
}
.ksi-stuff__body .hero-test .hero__controls-buttons button[data-action=stop] span {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.ksi-stuff__body .hero-test .hero__controls-buttons button[data-action=play] {
  display: none;
}
.ksi-stuff__body .hero-test .hero__controls-buttons button[data-action=play] span {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 65%;
}
.ksi-stuff__body .hero-test [data-active-slide="1"] .hero__image[data-id="1"],
.ksi-stuff__body .hero-test [data-active-slide="1"] .hero__text[data-id="1"],
.ksi-stuff__body .hero-test [data-active-slide="1"] .hero__controls-timeline-button[data-id="1"] {
  opacity: 1;
}
.ksi-stuff__body .hero-test [data-active-slide="2"] .hero__image[data-id="2"],
.ksi-stuff__body .hero-test [data-active-slide="2"] .hero__text[data-id="2"],
.ksi-stuff__body .hero-test [data-active-slide="2"] .hero__controls-timeline-button[data-id="2"] {
  opacity: 1;
}
.ksi-stuff__body .hero-test [data-active-slide="3"] .hero__image[data-id="3"],
.ksi-stuff__body .hero-test [data-active-slide="3"] .hero__text[data-id="3"],
.ksi-stuff__body .hero-test [data-active-slide="3"] .hero__controls-timeline-button[data-id="3"] {
  opacity: 1;
}
.ksi-stuff__body .hero-test [data-active-slide="4"] .hero__image[data-id="4"],
.ksi-stuff__body .hero-test [data-active-slide="4"] .hero__text[data-id="4"],
.ksi-stuff__body .hero-test [data-active-slide="4"] .hero__controls-timeline-button[data-id="4"] {
  opacity: 1;
}
.ksi-stuff__body .hero-test [data-active-slide="5"] .hero__image[data-id="5"],
.ksi-stuff__body .hero-test [data-active-slide="5"] .hero__text[data-id="5"],
.ksi-stuff__body .hero-test [data-active-slide="5"] .hero__controls-timeline-button[data-id="5"] {
  opacity: 1;
}
.ksi-stuff__body .pictures-test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 120px;
  padding: 120px;
  overflow: hidden;
}
.ksi-stuff__body .pictures-test button {
  margin: 10px 0 10px 100px;
  padding: 10px;
  background: #ccc;
}
.ksi-stuff__body .pictures-test button:first-of-type {
  margin-top: 30px;
}
.ksi-stuff__body .pictures-test .picture-1 {
  position: relative;
  z-index: 1;
  width: 1200px;
  aspect-ratio: 16/9;
  overflow: hidden;
  clip-path: polygon(100px 15px, calc(100% - 100px) 15px, calc(100% - 100px) 100%, 100px 100%);
}
.ksi-stuff__body .pictures-test .picture-1__inner {
  -webkit-transform: skewX(-15.6deg);
  transform: skewX(-15.6deg);
  width: 100%;
  height: 100%;
}
.ksi-stuff__body .pictures-test .picture-1__frame {
  position: absolute;
  inset: 0 auto;
  z-index: 1;
  overflow: hidden;
}
.ksi-stuff__body .pictures-test .picture-1__frame > div {
  width: 100%;
  height: 100%;
}
.ksi-stuff__body .pictures-test .picture-1 picture,
.ksi-stuff__body .pictures-test .picture-1 img {
  width: 1200px;
  height: 100%;
}
.ksi-stuff__body .pictures-test .picture-1 img {
  -webkit-transform: skewX(15.6deg);
  transform: skewX(15.6deg);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 0;
  object-position: 0 0;
}
.ksi-stuff__body .pictures-test .picture-2,
.ksi-stuff__body .pictures-test .picture-3 {
  position: relative;
  z-index: 1;
  width: 1200px;
  aspect-ratio: 16/9;
  border: 1px solid rgba(0, 0, 0, 0.0745098039);
}
.ksi-stuff__body .pictures-test .picture-2__frame,
.ksi-stuff__body .pictures-test .picture-3__frame {
  position: absolute;
  inset: 0 auto;
  z-index: 1;
  overflow: hidden;
}
.ksi-stuff__body .pictures-test .picture-2__frame-cover,
.ksi-stuff__body .pictures-test .picture-3__frame-cover {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #0041E5;
}
.ksi-stuff__body .pictures-test .picture-2 picture,
.ksi-stuff__body .pictures-test .picture-2 img,
.ksi-stuff__body .pictures-test .picture-3 picture,
.ksi-stuff__body .pictures-test .picture-3 img {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 1200px;
  height: 100%;
}
.ksi-stuff__body .pictures-test .picture-2 img,
.ksi-stuff__body .pictures-test .picture-3 img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 0;
  object-position: 0 0;
}
.ksi-stuff__body .pictures-test .picture-4 {
  position: relative;
  z-index: 1;
  aspect-ratio: 16/9;
  width: 1200px;
}
.ksi-stuff__body .pictures-test .picture-4 picture {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  clip-path: polygon(20% 0%, 35% 0%, 19.4% 100%, 4.4% 100%);
}
.ksi-stuff__body .pictures-test .picture-4 picture img {
  position: absolute;
}
.ksi-stuff__body .pictures-test .pictures-preload {
  position: absolute;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.lighthouse-test body {
  font-size: 0.48px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .lighthouse-test body {
    font-size: 0.0625390869vw;
  }
}
@media (min-width: 1600px) {
  .lighthouse-test body {
    font-size: 1px;
  }
}
.lighthouse-test main {
  padding: 80em;
}
@media (min-width: 768px) {
  .lighthouse-test main {
    padding: 160em;
  }
}
.lighthouse-test main > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30em;
  max-width: 1599em;
  margin: 0 auto;
}
.lighthouse-test main h1 {
  font-size: 100em;
  line-height: 106%;
}
.lighthouse-test main p {
  font-size: 36em;
  line-height: 160%;
}
.lighthouse-test main a {
  text-decoration: underline;
}
.lighthouse-test main span {
  font-weight: 700;
}
.lighthouse-test .image {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-bottom: 30em;
  aspect-ratio: 1;
  background-color: #f0f0f0;
}
.lighthouse-test .image--loading::before {
  content: "Loading...";
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 24em;
}
@media (min-width: 768px) {
  .lighthouse-test .image {
    aspect-ratio: 16/9;
  }
}
.lighthouse-test .image img {
  position: absolute;
  inset: 0;
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.live-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 100px;
  padding: 200px;
  background: #fff;
}
.live-icons__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 140px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.magic-wand {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}
.magic-wand__html {
  scrollbar-width: thin;
}
.magic-wand__body {
  width: 100%;
  height: 100dvh;
  overflow: hidden;
}
.magic-wand .game {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}
.magic-wand .ui {
  position: fixed;
  inset: 0;
  z-index: 3;
  font-family: "DM Mono", sans-serif;
  font-size: max(32px, 3vw);
  font-weight: 500;
  color: #111;
  pointer-events: none;
}
.magic-wand .ui__score,
.magic-wand .ui__lives {
  position: absolute;
  z-index: 1;
  padding: max(24px, 2.3vw) max(28px, 3vw);
}
.magic-wand .ui__score {
  inset: 0 auto auto 0;
}
.magic-wand .ui__lives {
  inset: 0 0 auto auto;
}
.magic-wand .ui__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: max(12px, 1vw);
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: max(300px, 40vw);
  padding: max(24px, 2.3vw) max(30px, 3vw);
  text-align: center;
  background: #111;
  color: #fff;
  pointer-events: all;
  cursor: pointer;
}
.magic-wand .ui__button div {
  font-size: max(14px, 1vw);
  line-height: 1.4;
}
.magic-wand .ui__button--restart {
  display: none;
}
.magic-wand .cover {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 2;
  background: #111;
  opacity: 0.9;
}
.magic-wand .o {
  position: absolute;
  z-index: 1;
  aspect-ratio: 1;
  border-radius: 50%;
  background: brown;
}
.magnetic-goo {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><defs><filter id="goo"><feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" /><feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo" /><feComposite in="SourceGraphic" in2="goo" operator="atop"/></filter></defs></svg>#goo');
}
.magnetic-goo__ball {
  position: fixed;
  width: 7vw;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #292F35;
}
.magnetic-goo__cursor {
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 1;
  pointer-events: none;
}
.magnetic-goo__cursor > div {
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2vw;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #292F35;
}
.marquees {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  min-height: 100vh;
  margin: auto 0;
}
.marquees__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 60px;
  margin: auto 0;
}
.marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: auto;
  overflow: hidden;
  z-index: 1;
}
.marquee__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.marquee__list {
  padding-left: 50px;
}
.marquee__list,
.marquee__words {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.marquee__word {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 36px;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.marquee--big .marquee__word {
  font-size: 100px;
}
.marquee--small .marquee__word {
  font-size: 12px;
}
@font-face {
  font-family: "Brown";
  src:
    url(./Brown-Light-UAKY3MWW.otf) format("opentype"),
    url(./Brown-Light-3MXN4JZR.ttf) format("truetype"),
    url(./Brown-Light-O37CHS2G.woff) format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "Brown";
  src:
    url(./Brown-Regular-SX2CYXLA.otf) format("opentype"),
    url(./Brown-Regular-SYF52MQ6.ttf) format("truetype"),
    url(./Brown-Regular-UREI4GZ6.woff) format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Brown";
  src:
    url(./Brown-Bold-P5SXIAV5.otf) format("opentype"),
    url(./Brown-Bold-EI5GXMIP.ttf) format("truetype"),
    url(./Brown-Bold-WCVDYNCD.woff) format("woff");
  font-weight: 700;
}
.nm {
  height: 100%;
  padding: 30px;
  background: #fff;
  font-family: "Brown", sans-serif;
  font-weight: 400;
}
.nm svg {
  max-width: none;
}
.nm-menu {
  position: fixed;
  inset: 50% auto auto 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.nm-menu__container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.nm-menu__pill {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  z-index: 3;
  width: 150px;
  padding: 8px 20px;
  border-radius: 35px;
}
.nm-menu__logo {
  position: relative;
  z-index: 1;
}
.nm-menu__logo-text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 48px;
  z-index: 1;
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 78px;
  height: 100%;
  padding-left: 8px;
  overflow: hidden;
}
.nm-menu__logo-text {
  -webkit-transform: translateX(78px);
  transform: translateX(78px);
  width: 70px;
}
.nm-menu__trigger {
  position: relative;
  z-index: 2;
  width: 54px;
  height: 54px;
  margin-right: -12px;
}
.nm-menu__trigger-open,
.nm-menu__trigger-close,
.nm-menu__trigger-background {
  position: absolute;
  inset: 0;
}
.nm-menu__trigger-open {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  z-index: 2;
}
.nm-menu__trigger-open hr {
  width: 24px;
  background: #304756;
}
.nm-menu__trigger-close {
  z-index: 3;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.nm-menu__trigger-close hr {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 32px;
  height: 1;
  background: #fff;
}
.nm-menu__trigger-close hr:first-of-type {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.nm-menu__trigger-close hr:last-of-type {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.nm-menu__trigger-background {
  z-index: 1;
  background: #fff;
  border-radius: 35px;
}
.nm-menu__trigger hr {
  margin: 0;
  border: 0;
  height: 1px;
}
.nm-menu__dropdown {
  position: relative;
  z-index: 2;
  width: 450px;
  padding: 60px 30px 30px;
  visibility: hidden;
}
.nm-menu__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 14px;
  font-weight: 700;
}
.nm-menu__item {
  height: 40px;
  overflow: hidden;
  font-size: 24px;
  line-height: 40px;
}
.nm-menu__item--small {
  font-size: 18px;
}
.nm-menu__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.nm-menu__link span:first-of-type {
  color: #fff;
}
.nm-menu__link span:last-of-type {
  color: #2babe2;
}
.nm-menu__button {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 58px;
  margin-top: 60px;
  overflow: hidden;
  background: #ffe300;
  border: 0;
  border-radius: 30px;
  color: #304756;
  opacity: 0;
  font-family: "Brown", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.nm-menu__button-text {
  position: relative;
  z-index: 2;
}
.nm-menu__button-shadow {
  position: absolute;
  inset: 0 -10px;
  z-index: 1;
  -webkit-transform: skewX(-14deg) scaleX(0);
  transform: skewX(-14deg) scaleX(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background: #ffd701;
}
.nm-menu__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 150px;
  height: 70px;
  overflow: hidden;
  background: #304756;
  border-radius: 35px;
}
.nm-menu__background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: skewX(-14deg);
  transform: skewX(-14deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  width: 66.667%;
  height: 100%;
  margin-left: -70%;
  background: #dfdfdf;
  mix-blend-mode: multiply;
}
.noi-sirius-lines {
  min-height: 300vh;
  opacity: 0;
}
.noi-sirius-lines .lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 80vh;
  padding: 120vh 0;
}
.noi-sirius-lines .line {
  position: relative;
  z-index: 1;
}
.noi-sirius-lines .line svg {
  display: block;
  width: 100%;
  height: auto;
}
.noi-sirius-lines .line--to-center svg:last-child,
.noi-sirius-lines .line--to-sides svg:last-child {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.noi-sirius-lines .cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  font-size: 13px;
  pointer-events: none;
}
.pzt-html {
  scroll-behavior: smooth;
}
.pzt-body {
  font-family: "Arimo", sans-serif;
  font-size: 0.520832px;
  font-weight: 400;
  background: #ff0;
}
@media (min-width: 768px) {
  .pzt-body {
    font-size: 0.0520832vw;
  }
}
@media (min-width: 2560px) {
  .pzt-body {
    font-size: 1.4px;
  }
}
.pzt__main {
  background: #fff;
  color: #333;
  clip-path: inset(0 0 0 0);
}
.pzt__container {
  max-width: 1920em;
  margin: 0 auto;
  padding: 0 66em;
  width: 100%;
}
@media (min-width: 768px) {
  .pzt__container {
    padding: 0 100em;
  }
}
.pzt__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 50em;
}
@media (min-width: 768px) {
  .pzt__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 40px;
  }
}
.pzt__header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 2;
  color: #000;
}
.pzt__header .pzt__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 50em;
  padding: 50em;
}
.pzt__header .pzt__header-logo {
  color: inherit;
  font-size: 48em;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pzt__header .pzt__header-logo {
    font-size: 36em;
  }
}
.pzt__header .pzt__header-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 40em 50em;
}
@media (min-width: 768px) {
  .pzt__header .pzt__header-navigation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.pzt__header .pzt__header-navigation a {
  color: inherit;
  font-size: 36em;
  text-align: right;
}
.pzt__hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  max-height: 1000em;
  padding: 121em 0;
}
@media (min-width: 768px) {
  .pzt__hero {
    padding: 100em 0;
  }
}
.pzt__hero .pzt__hero-text {
  grid-row: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 55em;
}
@media (min-width: 768px) {
  .pzt__hero .pzt__hero-text {
    grid-column: 1/span 6;
    grid-row: 1;
    gap: 40em;
  }
}
.pzt__hero .pzt__hero-text h1 {
  font-size: 110em;
  line-height: 100%;
}
.pzt__hero .pzt__hero-text p {
  font-size: 42em;
  line-height: 150%;
}
@media (min-width: 1024px) {
  .pzt__hero .pzt__hero-text p {
    font-size: 36em;
    line-height: 140%;
  }
}
.pzt__hero .pzt__hero-text button {
  width: 100%;
  padding: 1.1666666667em 1.5em;
  background: #333;
  border: 0;
  border-radius: 1.75em;
  color: #fff;
  font-family: inherit;
  font-size: 36em;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 768px) {
  .pzt__hero .pzt__hero-text button {
    width: auto;
    font-size: 30em;
    padding: 1em 1.5em;
    border-radius: 2em;
  }
}
.pzt__hero .pzt__hero-shape {
  grid-row: 1;
  margin-bottom: 60em;
}
@media (min-width: 768px) {
  .pzt__hero .pzt__hero-shape {
    grid-column: 9/span 4;
    margin-bottom: 0;
  }
}
.pzt__hero .pzt__hero-shape div {
  position: relative;
  z-index: 1;
  aspect-ratio: 1;
  background: #333;
  border-radius: 60em;
}
.pzt__text {
  padding: 121em 0;
}
@media (min-width: 768px) {
  .pzt__text {
    padding: 200em 0;
  }
}
.pzt__text .pzt__text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 40em;
}
@media (min-width: 768px) {
  .pzt__text .pzt__text-content {
    grid-column: 4/span 6;
  }
}
.pzt__text h2 {
  font-size: 80em;
  line-height: 112%;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pzt__text h2 {
    line-height: 106%;
  }
}
.pzt__text p {
  font-size: 42em;
  line-height: 150%;
}
@media (min-width: 768px) {
  .pzt__text p {
    font-size: 28em;
  }
}
.pzt__text--inverted {
  background: #333;
  color: #fff;
}
.pzt__texts {
  padding: 121em 0;
}
@media (min-width: 768px) {
  .pzt__texts {
    padding: 200em 0;
  }
}
.pzt__texts .pzt__texts-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 40em;
}
@media (min-width: 768px) {
  .pzt__texts .pzt__texts-content--1 {
    grid-column: 1/span 3;
    margin-top: 400em;
  }
}
@media (min-width: 768px) {
  .pzt__texts .pzt__texts-content--2 {
    grid-column: 5/span 3;
  }
}
@media (min-width: 768px) {
  .pzt__texts .pzt__texts-content--3 {
    grid-column: 9/span 3;
    margin-top: 180em;
  }
}
.pzt__texts h2 {
  font-size: 80em;
  font-weight: 600;
  line-height: 112%;
}
@media (min-width: 768px) {
  .pzt__texts h2 {
    font-size: 64em;
    line-height: 106%;
  }
}
.pzt__texts p {
  font-size: 42em;
  line-height: 150%;
}
@media (min-width: 768px) {
  .pzt__texts p {
    font-size: 36em;
    line-height: 140%;
  }
}
.pzt__thumbs .pzt__thumbs-group {
  padding: 121em 0;
}
@media (min-width: 768px) {
  .pzt__thumbs .pzt__thumbs-group {
    padding: 200em 0;
  }
}
.pzt__thumbs .pzt__thumbs-group--1 {
  background: #fff;
}
.pzt__thumbs .pzt__thumbs-group--2 {
  background: #333;
}
.pzt__thumbs .pzt__thumbs-group--2 .pzt__grid div {
  background: #fff;
  color: #fff;
}
.pzt__thumbs .pzt__grid div {
  position: relative;
  z-index: 1;
  aspect-ratio: 1;
  background: #333;
  border-radius: 60em;
}
@media (max-width: 767.98px) {
  .pzt__thumbs .pzt__grid div:not(:last-child) {
    margin-bottom: 71em;
  }
}
@media (min-width: 768px) {
  .pzt__thumbs .pzt__grid div:nth-child(1) {
    grid-column: 2/span 3;
    grid-row: 1;
  }
  .pzt__thumbs .pzt__grid div:nth-child(2) {
    grid-column: 8/span 5;
    grid-row: 2;
    margin-top: -25%;
  }
  .pzt__thumbs .pzt__grid div:nth-child(3) {
    grid-column: 3/span 4;
    grid-row: 3;
  }
}
.pzt__thumbs .pzt__grid div span {
  display: none;
  position: absolute;
  inset: 100% auto auto 0;
  z-index: 1;
  margin: 0.75em 0 0;
  font-size: 36em;
  line-height: 150%;
}
@media (min-width: 768px) {
  .pzt__thumbs .pzt__grid div span {
    display: block;
  }
}
.pzt__thumbs .pzt__texts-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 40em;
}
@media (min-width: 768px) {
  .pzt__thumbs .pzt__texts-content--1 {
    grid-column: 1/span 3;
    margin-top: 400em;
  }
}
@media (min-width: 768px) {
  .pzt__thumbs .pzt__texts-content--2 {
    grid-column: 5/span 3;
  }
}
@media (min-width: 768px) {
  .pzt__thumbs .pzt__texts-content--3 {
    grid-column: 9/span 3;
    margin-top: 180em;
  }
}
.pzt__links {
  background: #333;
  color: #fff;
  padding: 121em 0;
}
@media (min-width: 768px) {
  .pzt__links {
    padding: 200em 0;
  }
}
.pzt__links .pzt__links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 121em;
}
@media (min-width: 768px) {
  .pzt__links .pzt__links-list {
    gap: 80em;
  }
}
.pzt__links .pzt__links-list li {
  position: relative;
  z-index: 1;
  font-size: 110em;
  line-height: 100%;
}
.pzt__links .pzt__links-list li:not(:last-of-type)::before {
  content: "";
  position: absolute;
  inset: auto 0 -0.6em;
  z-index: 1;
  border-bottom: 0.0363636364em solid #fff;
}
@media (min-width: 768px) {
  .pzt__links .pzt__links-list li:not(:last-of-type)::before {
    inset: auto 0 -0.3636363636em;
  }
}
.pzt__links--inverted {
  background: #333;
  color: #fff;
}
.pzt__footer {
  padding: 121em 0;
  background: #333;
  color: #fff;
}
@media (min-width: 768px) {
  .pzt__footer {
    padding: 100em 0;
  }
}
.pzt__footer .pzt__container {
  padding: 0 50em;
}
.pzt__footer p {
  font-size: 42em;
  line-height: 150%;
}
@media (min-width: 768px) {
  .pzt__footer p {
    font-size: 28em;
  }
}
.particle-trail {
  width: 100%;
  height: 100vh;
  margin: 0;
}
.particle-trail .particles {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.particle-trail .particles-container {
  position: fixed;
  z-index: 1;
}
.particle-trail .particle-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.particle-trail .particle {
  position: absolute;
  z-index: 1;
  width: 21px;
  height: 21px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #0ff;
  border-radius: 100%;
}
.particle-trail .cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  font-size: 13px;
  pointer-events: none;
}
.perspective-shift {
  position: relative;
  z-index: 1;
  height: 100vh;
}
.perspective-shift .dots {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 900px;
  perspective: 900px;
  overflow: hidden;
  will-change: perspective-origin;
}
.perspective-shift .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #000;
}
.perspective-shift .dot:nth-child(1) {
  -webkit-transform: translate3d(100px, -490px, 420px);
  transform: translate3d(100px, -490px, 420px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(2) {
  -webkit-transform: translate3d(42px, -63px, 476px);
  transform: translate3d(42px, -63px, 476px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(3) {
  -webkit-transform: translate3d(-780px, 507px, 468px);
  transform: translate3d(-780px, 507px, 468px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(4) {
  -webkit-transform: translate3d(-549px, -468px, -261px);
  transform: translate3d(-549px, -468px, -261px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(5) {
  -webkit-transform: translate3d(-588px, 504px, 552px);
  transform: translate3d(-588px, 504px, 552px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(6) {
  -webkit-transform: translate3d(42px, 84px, 108px);
  transform: translate3d(42px, 84px, 108px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(7) {
  -webkit-transform: translate3d(-432px, 372px, 684px);
  transform: translate3d(-432px, 372px, 684px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(8) {
  -webkit-transform: translate3d(-182px, -42px, -770px);
  transform: translate3d(-182px, -42px, -770px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(9) {
  -webkit-transform: translate3d(-154px, -840px, 728px);
  transform: translate3d(-154px, -840px, 728px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(10) {
  -webkit-transform: translate3d(-300px, 66px, 90px);
  transform: translate3d(-300px, 66px, 90px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(11) {
  -webkit-transform: translate3d(-276px, 168px, 36px);
  transform: translate3d(-276px, 168px, 36px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(12) {
  -webkit-transform: translate3d(518px, 126px, -420px);
  transform: translate3d(518px, 126px, -420px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(13) {
  -webkit-transform: translate3d(-490px, 588px, 574px);
  transform: translate3d(-490px, 588px, 574px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(14) {
  -webkit-transform: translate3d(793px, 286px, 715px);
  transform: translate3d(793px, 286px, 715px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(15) {
  -webkit-transform: translate3d(530px, -750px, 30px);
  transform: translate3d(530px, -750px, 30px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(16) {
  -webkit-transform: translate3d(590px, -410px, 30px);
  transform: translate3d(590px, -410px, 30px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(17) {
  -webkit-transform: translate3d(700px, -168px, 616px);
  transform: translate3d(700px, -168px, 616px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(18) {
  -webkit-transform: translate3d(-408px, 96px, 36px);
  transform: translate3d(-408px, 96px, 36px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(19) {
  -webkit-transform: translate3d(-216px, -315px, 666px);
  transform: translate3d(-216px, -315px, 666px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(20) {
  -webkit-transform: translate3d(-455px, -203px, -91px);
  transform: translate3d(-455px, -203px, -91px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(21) {
  -webkit-transform: translate3d(-975px, -611px, 299px);
  transform: translate3d(-975px, -611px, 299px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(22) {
  -webkit-transform: translate3d(-363px, 440px, 627px);
  transform: translate3d(-363px, 440px, 627px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(23) {
  -webkit-transform: translate3d(-246px, 420px, -72px);
  transform: translate3d(-246px, 420px, -72px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(24) {
  -webkit-transform: translate3d(-368px, -72px, -416px);
  transform: translate3d(-368px, -72px, -416px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(25) {
  -webkit-transform: translate3d(494px, 858px, -728px);
  transform: translate3d(494px, 858px, -728px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(26) {
  -webkit-transform: translate3d(180px, -576px, 756px);
  transform: translate3d(180px, -576px, 756px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(27) {
  -webkit-transform: translate3d(99px, -165px, -33px);
  transform: translate3d(99px, -165px, -33px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(28) {
  -webkit-transform: translate3d(318px, 216px, 258px);
  transform: translate3d(318px, 216px, 258px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(29) {
  -webkit-transform: translate3d(896px, -168px, -294px);
  transform: translate3d(896px, -168px, -294px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(30) {
  -webkit-transform: translate3d(495px, -261px, 378px);
  transform: translate3d(495px, -261px, 378px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(31) {
  -webkit-transform: translate3d(-336px, 133px, 476px);
  transform: translate3d(-336px, 133px, 476px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(32) {
  -webkit-transform: translate3d(-300px, -312px, -132px);
  transform: translate3d(-300px, -312px, -132px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(33) {
  -webkit-transform: translate3d(-792px, -429px, 462px);
  transform: translate3d(-792px, -429px, 462px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(34) {
  -webkit-transform: translate3d(384px, 174px, 276px);
  transform: translate3d(384px, 174px, 276px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(35) {
  -webkit-transform: translate3d(-728px, 98px, 28px);
  transform: translate3d(-728px, 98px, 28px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(36) {
  -webkit-transform: translate3d(-240px, 144px, -448px);
  transform: translate3d(-240px, 144px, -448px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(37) {
  -webkit-transform: translate3d(405px, 162px, -180px);
  transform: translate3d(405px, 162px, -180px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(38) {
  -webkit-transform: translate3d(-204px, -198px, 204px);
  transform: translate3d(-204px, -198px, 204px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(39) {
  -webkit-transform: translate3d(600px, 440px, 456px);
  transform: translate3d(600px, 440px, 456px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(40) {
  -webkit-transform: translate3d(-549px, -279px, 279px);
  transform: translate3d(-549px, -279px, 279px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(41) {
  -webkit-transform: translate3d(1036px, -924px, 420px);
  transform: translate3d(1036px, -924px, 420px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(42) {
  -webkit-transform: translate3d(354px, 444px, -108px);
  transform: translate3d(354px, 444px, -108px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(43) {
  -webkit-transform: translate3d(132px, 77px, -627px);
  transform: translate3d(132px, 77px, -627px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(44) {
  -webkit-transform: translate3d(-152px, 424px, 456px);
  transform: translate3d(-152px, 424px, 456px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(45) {
  -webkit-transform: translate3d(-324px, 744px, 288px);
  transform: translate3d(-324px, 744px, 288px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(46) {
  -webkit-transform: translate3d(-378px, -126px, 42px);
  transform: translate3d(-378px, -126px, 42px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(47) {
  -webkit-transform: translate3d(-620px, 430px, 620px);
  transform: translate3d(-620px, 430px, 620px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(48) {
  -webkit-transform: translate3d(-312px, 324px, 42px);
  transform: translate3d(-312px, 324px, 42px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(49) {
  -webkit-transform: translate3d(477px, -414px, 297px);
  transform: translate3d(477px, -414px, 297px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(50) {
  -webkit-transform: translate3d(462px, 308px, -490px);
  transform: translate3d(462px, 308px, -490px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(51) {
  -webkit-transform: translate3d(-448px, -476px, -994px);
  transform: translate3d(-448px, -476px, -994px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(52) {
  -webkit-transform: translate3d(-295px, 45px, 75px);
  transform: translate3d(-295px, 45px, 75px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(53) {
  -webkit-transform: translate3d(450px, -380px, 440px);
  transform: translate3d(450px, -380px, 440px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(54) {
  -webkit-transform: translate3d(320px, 570px, -350px);
  transform: translate3d(320px, 570px, -350px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(55) {
  -webkit-transform: translate3d(-66px, -342px, 252px);
  transform: translate3d(-66px, -342px, 252px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(56) {
  -webkit-transform: translate3d(576px, 352px, -128px);
  transform: translate3d(576px, 352px, -128px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(57) {
  -webkit-transform: translate3d(-462px, 473px, 726px);
  transform: translate3d(-462px, 473px, 726px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(58) {
  -webkit-transform: translate3d(-803px, 176px, -242px);
  transform: translate3d(-803px, 176px, -242px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(59) {
  -webkit-transform: translate3d(160px, -472px, -56px);
  transform: translate3d(160px, -472px, -56px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(60) {
  -webkit-transform: translate3d(-215px, -15px, -120px);
  transform: translate3d(-215px, -15px, -120px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(61) {
  -webkit-transform: translate3d(143px, -689px, -143px);
  transform: translate3d(143px, -689px, -143px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(62) {
  -webkit-transform: translate3d(980px, 392px, 420px);
  transform: translate3d(980px, 392px, 420px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(63) {
  -webkit-transform: translate3d(536px, 592px, -488px);
  transform: translate3d(536px, 592px, -488px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(64) {
  -webkit-transform: translate3d(610px, -750px, 310px);
  transform: translate3d(610px, -750px, 310px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(65) {
  -webkit-transform: translate3d(369px, -522px, -36px);
  transform: translate3d(369px, -522px, -36px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(66) {
  -webkit-transform: translate3d(-270px, 610px, -610px);
  transform: translate3d(-270px, 610px, -610px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(67) {
  -webkit-transform: translate3d(133px, -287px, -217px);
  transform: translate3d(133px, -287px, -217px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(68) {
  -webkit-transform: translate3d(-528px, 544px, -256px);
  transform: translate3d(-528px, 544px, -256px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(69) {
  -webkit-transform: translate3d(-280px, -126px, 308px);
  transform: translate3d(-280px, -126px, 308px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(70) {
  -webkit-transform: translate3d(-65px, 65px, 155px);
  transform: translate3d(-65px, 65px, 155px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(71) {
  -webkit-transform: translate3d(-216px, 864px, -792px);
  transform: translate3d(-216px, 864px, -792px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(72) {
  -webkit-transform: translate3d(644px, -420px, -406px);
  transform: translate3d(644px, -420px, -406px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(73) {
  -webkit-transform: translate3d(198px, 153px, 369px);
  transform: translate3d(198px, 153px, 369px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(74) {
  -webkit-transform: translate3d(-518px, -511px, -308px);
  transform: translate3d(-518px, -511px, -308px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(75) {
  -webkit-transform: translate3d(714px, 784px, 350px);
  transform: translate3d(714px, 784px, 350px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(76) {
  -webkit-transform: translate3d(75px, 275px, 190px);
  transform: translate3d(75px, 275px, 190px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(77) {
  -webkit-transform: translate3d(390px, 126px, -114px);
  transform: translate3d(390px, 126px, -114px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(78) {
  -webkit-transform: translate3d(-105px, 45px, 270px);
  transform: translate3d(-105px, 45px, 270px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(79) {
  -webkit-transform: translate3d(650px, 260px, 120px);
  transform: translate3d(650px, 260px, 120px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(80) {
  -webkit-transform: translate3d(-216px, 136px, 40px);
  transform: translate3d(-216px, 136px, 40px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(81) {
  -webkit-transform: translate3d(-30px, 138px, 276px);
  transform: translate3d(-30px, 138px, 276px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(82) {
  -webkit-transform: translate3d(66px, -18px, 174px);
  transform: translate3d(66px, -18px, 174px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(83) {
  -webkit-transform: translate3d(189px, 343px, 350px);
  transform: translate3d(189px, 343px, 350px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(84) {
  -webkit-transform: translate3d(366px, 384px, -48px);
  transform: translate3d(366px, 384px, -48px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(85) {
  -webkit-transform: translate3d(231px, -315px, -84px);
  transform: translate3d(231px, -315px, -84px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(86) {
  -webkit-transform: translate3d(720px, -732px, 576px);
  transform: translate3d(720px, -732px, 576px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(87) {
  -webkit-transform: translate3d(816px, -888px, -636px);
  transform: translate3d(816px, -888px, -636px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(88) {
  -webkit-transform: translate3d(341px, -759px, 132px);
  transform: translate3d(341px, -759px, 132px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(89) {
  -webkit-transform: translate3d(-400px, -600px, 630px);
  transform: translate3d(-400px, -600px, 630px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(90) {
  -webkit-transform: translate3d(-440px, -104px, -488px);
  transform: translate3d(-440px, -104px, -488px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(91) {
  -webkit-transform: translate3d(-308px, 966px, 476px);
  transform: translate3d(-308px, 966px, 476px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(92) {
  -webkit-transform: translate3d(-114px, 264px, 150px);
  transform: translate3d(-114px, 264px, 150px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(93) {
  -webkit-transform: translate3d(240px, 500px, 430px);
  transform: translate3d(240px, 500px, 430px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(94) {
  -webkit-transform: translate3d(-650px, -728px, 351px);
  transform: translate3d(-650px, -728px, 351px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(95) {
  -webkit-transform: translate3d(759px, -550px, 44px);
  transform: translate3d(759px, -550px, 44px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(96) {
  -webkit-transform: translate3d(708px, 504px, 264px);
  transform: translate3d(708px, 504px, 264px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(97) {
  -webkit-transform: translate3d(-756px, 888px, 684px);
  transform: translate3d(-756px, 888px, 684px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(98) {
  -webkit-transform: translate3d(260px, 285px, -325px);
  transform: translate3d(260px, 285px, -325px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(99) {
  -webkit-transform: translate3d(495px, 153px, -585px);
  transform: translate3d(495px, 153px, -585px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(100) {
  -webkit-transform: translate3d(-884px, -156px, -130px);
  transform: translate3d(-884px, -156px, -130px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(101) {
  -webkit-transform: translate3d(-11px, 330px, 462px);
  transform: translate3d(-11px, 330px, 462px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(102) {
  -webkit-transform: translate3d(588px, 896px, -714px);
  transform: translate3d(588px, 896px, -714px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(103) {
  -webkit-transform: translate3d(399px, -462px, -77px);
  transform: translate3d(399px, -462px, -77px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(104) {
  -webkit-transform: translate3d(828px, 612px, 708px);
  transform: translate3d(828px, 612px, 708px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(105) {
  -webkit-transform: translate3d(-748px, -22px, 748px);
  transform: translate3d(-748px, -22px, 748px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(106) {
  -webkit-transform: translate3d(696px, -168px, -228px);
  transform: translate3d(696px, -168px, -228px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(107) {
  -webkit-transform: translate3d(-720px, 252px, -516px);
  transform: translate3d(-720px, 252px, -516px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(108) {
  -webkit-transform: translate3d(-384px, -276px, -36px);
  transform: translate3d(-384px, -276px, -36px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(109) {
  -webkit-transform: translate3d(252px, -91px, -21px);
  transform: translate3d(252px, -91px, -21px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(110) {
  -webkit-transform: translate3d(-560px, 1022px, -448px);
  transform: translate3d(-560px, 1022px, -448px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(111) {
  -webkit-transform: translate3d(-168px, 280px, 416px);
  transform: translate3d(-168px, 280px, 416px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(112) {
  -webkit-transform: translate3d(-252px, 324px, 369px);
  transform: translate3d(-252px, 324px, 369px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(113) {
  -webkit-transform: translate3d(63px, 594px, 198px);
  transform: translate3d(63px, 594px, 198px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(114) {
  -webkit-transform: translate3d(156px, 429px, 299px);
  transform: translate3d(156px, 429px, 299px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(115) {
  -webkit-transform: translate3d(126px, -306px, 348px);
  transform: translate3d(126px, -306px, 348px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(116) {
  -webkit-transform: translate3d(-215px, 70px, -305px);
  transform: translate3d(-215px, 70px, -305px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(117) {
  -webkit-transform: translate3d(216px, 864px, -144px);
  transform: translate3d(216px, 864px, -144px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(118) {
  -webkit-transform: translate3d(-512px, 8px, 264px);
  transform: translate3d(-512px, 8px, 264px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(119) {
  -webkit-transform: translate3d(-434px, 364px, -168px);
  transform: translate3d(-434px, 364px, -168px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(120) {
  -webkit-transform: translate3d(160px, 600px, 500px);
  transform: translate3d(160px, 600px, 500px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(121) {
  -webkit-transform: translate3d(392px, 161px, 385px);
  transform: translate3d(392px, 161px, 385px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(122) {
  -webkit-transform: translate3d(102px, -306px, -384px);
  transform: translate3d(102px, -306px, -384px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(123) {
  -webkit-transform: translate3d(-600px, -276px, -348px);
  transform: translate3d(-600px, -276px, -348px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(124) {
  -webkit-transform: translate3d(-426px, -126px, 72px);
  transform: translate3d(-426px, -126px, 72px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(125) {
  -webkit-transform: translate3d(531px, -162px, -126px);
  transform: translate3d(531px, -162px, -126px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(126) {
  -webkit-transform: translate3d(-660px, -385px, -803px);
  transform: translate3d(-660px, -385px, -803px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(127) {
  -webkit-transform: translate3d(420px, -469px, -448px);
  transform: translate3d(420px, -469px, -448px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(128) {
  -webkit-transform: translate3d(441px, -90px, -414px);
  transform: translate3d(441px, -90px, -414px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(129) {
  -webkit-transform: translate3d(-693px, -616px, -286px);
  transform: translate3d(-693px, -616px, -286px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(130) {
  -webkit-transform: translate3d(-25px, 65px, -185px);
  transform: translate3d(-25px, 65px, -185px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(131) {
  -webkit-transform: translate3d(336px, -270px, -372px);
  transform: translate3d(336px, -270px, -372px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(132) {
  -webkit-transform: translate3d(-105px, -145px, -185px);
  transform: translate3d(-105px, -145px, -185px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(133) {
  -webkit-transform: translate3d(140px, 340px, 290px);
  transform: translate3d(140px, 340px, 290px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(134) {
  -webkit-transform: translate3d(-624px, 840px, -660px);
  transform: translate3d(-624px, 840px, -660px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(135) {
  -webkit-transform: translate3d(-140px, -168px, -910px);
  transform: translate3d(-140px, -168px, -910px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(136) {
  -webkit-transform: translate3d(216px, 512px, 368px);
  transform: translate3d(216px, 512px, 368px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(137) {
  -webkit-transform: translate3d(-726px, 319px, 187px);
  transform: translate3d(-726px, 319px, 187px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(138) {
  -webkit-transform: translate3d(-840px, 70px, 518px);
  transform: translate3d(-840px, 70px, 518px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(139) {
  -webkit-transform: translate3d(99px, -288px, -216px);
  transform: translate3d(99px, -288px, -216px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(140) {
  -webkit-transform: translate3d(-473px, -627px, 110px);
  transform: translate3d(-473px, -627px, 110px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(141) {
  -webkit-transform: translate3d(-1008px, -210px, -616px);
  transform: translate3d(-1008px, -210px, -616px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(142) {
  -webkit-transform: translate3d(-448px, -658px, -560px);
  transform: translate3d(-448px, -658px, -560px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(143) {
  -webkit-transform: translate3d(590px, 200px, 510px);
  transform: translate3d(590px, 200px, 510px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(144) {
  -webkit-transform: translate3d(-138px, 378px, 192px);
  transform: translate3d(-138px, 378px, 192px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(145) {
  -webkit-transform: translate3d(98px, -224px, 546px);
  transform: translate3d(98px, -224px, 546px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(146) {
  -webkit-transform: translate3d(-352px, 512px, 144px);
  transform: translate3d(-352px, 512px, 144px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(147) {
  -webkit-transform: translate3d(322px, -672px, -252px);
  transform: translate3d(322px, -672px, -252px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(148) {
  -webkit-transform: translate3d(-30px, -265px, -300px);
  transform: translate3d(-30px, -265px, -300px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(149) {
  -webkit-transform: translate3d(-230px, -260px, -60px);
  transform: translate3d(-230px, -260px, -60px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(150) {
  -webkit-transform: translate3d(-126px, 231px, 98px);
  transform: translate3d(-126px, 231px, 98px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(151) {
  -webkit-transform: translate3d(20px, -550px, -420px);
  transform: translate3d(20px, -550px, -420px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(152) {
  -webkit-transform: translate3d(-217px, 105px, 259px);
  transform: translate3d(-217px, 105px, 259px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(153) {
  -webkit-transform: translate3d(492px, -72px, -516px);
  transform: translate3d(492px, -72px, -516px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(154) {
  -webkit-transform: translate3d(804px, -444px, -72px);
  transform: translate3d(804px, -444px, -72px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(155) {
  -webkit-transform: translate3d(-105px, -7px, 189px);
  transform: translate3d(-105px, -7px, 189px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(156) {
  -webkit-transform: translate3d(-320px, 10px, 100px);
  transform: translate3d(-320px, 10px, 100px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(157) {
  -webkit-transform: translate3d(-440px, -242px, -176px);
  transform: translate3d(-440px, -242px, -176px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(158) {
  -webkit-transform: translate3d(-420px, 392px, -518px);
  transform: translate3d(-420px, 392px, -518px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(159) {
  -webkit-transform: translate3d(-192px, 112px, -64px);
  transform: translate3d(-192px, 112px, -64px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(160) {
  -webkit-transform: translate3d(330px, -90px, -540px);
  transform: translate3d(330px, -90px, -540px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(161) {
  -webkit-transform: translate3d(-184px, -552px, -176px);
  transform: translate3d(-184px, -552px, -176px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(162) {
  -webkit-transform: translate3d(-162px, -18px, -414px);
  transform: translate3d(-162px, -18px, -414px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(163) {
  -webkit-transform: translate3d(108px, 234px, -540px);
  transform: translate3d(108px, 234px, -540px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(164) {
  -webkit-transform: translate3d(-486px, 405px, -171px);
  transform: translate3d(-486px, 405px, -171px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(165) {
  -webkit-transform: translate3d(-200px, -120px, 365px);
  transform: translate3d(-200px, -120px, 365px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(166) {
  -webkit-transform: translate3d(936px, -975px, -923px);
  transform: translate3d(936px, -975px, -923px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(167) {
  -webkit-transform: translate3d(345px, 110px, 125px);
  transform: translate3d(345px, 110px, 125px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(168) {
  -webkit-transform: translate3d(896px, -308px, 336px);
  transform: translate3d(896px, -308px, 336px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(169) {
  -webkit-transform: translate3d(-96px, -108px, 468px);
  transform: translate3d(-96px, -108px, 468px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(170) {
  -webkit-transform: translate3d(-518px, 336px, -161px);
  transform: translate3d(-518px, 336px, -161px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(171) {
  -webkit-transform: translate3d(-210px, 216px, -204px);
  transform: translate3d(-210px, 216px, -204px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(172) {
  -webkit-transform: translate3d(-18px, -666px, 657px);
  transform: translate3d(-18px, -666px, 657px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(173) {
  -webkit-transform: translate3d(-270px, 252px, 270px);
  transform: translate3d(-270px, 252px, 270px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(174) {
  -webkit-transform: translate3d(-154px, 473px, -462px);
  transform: translate3d(-154px, 473px, -462px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(175) {
  -webkit-transform: translate3d(-96px, 204px, 354px);
  transform: translate3d(-96px, 204px, 354px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(176) {
  -webkit-transform: translate3d(936px, 143px, -949px);
  transform: translate3d(936px, 143px, -949px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(177) {
  -webkit-transform: translate3d(468px, 666px, -531px);
  transform: translate3d(468px, 666px, -531px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(178) {
  -webkit-transform: translate3d(-275px, -363px, 759px);
  transform: translate3d(-275px, -363px, 759px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(179) {
  -webkit-transform: translate3d(-84px, -240px, 30px);
  transform: translate3d(-84px, -240px, 30px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(180) {
  -webkit-transform: translate3d(324px, -72px, 288px);
  transform: translate3d(324px, -72px, 288px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(181) {
  -webkit-transform: translate3d(152px, -224px, 560px);
  transform: translate3d(152px, -224px, 560px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(182) {
  -webkit-transform: translate3d(110px, 610px, 670px);
  transform: translate3d(110px, 610px, 670px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(183) {
  -webkit-transform: translate3d(-715px, -169px, 286px);
  transform: translate3d(-715px, -169px, 286px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(184) {
  -webkit-transform: translate3d(-798px, 378px, -630px);
  transform: translate3d(-798px, 378px, -630px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(185) {
  -webkit-transform: translate3d(448px, -434px, -364px);
  transform: translate3d(448px, -434px, -364px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(186) {
  -webkit-transform: translate3d(-156px, -756px, 132px);
  transform: translate3d(-156px, -756px, 132px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(187) {
  -webkit-transform: translate3d(666px, -351px, -252px);
  transform: translate3d(666px, -351px, -252px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(188) {
  -webkit-transform: translate3d(-572px, 781px, -154px);
  transform: translate3d(-572px, 781px, -154px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(189) {
  -webkit-transform: translate3d(-392px, 140px, 994px);
  transform: translate3d(-392px, 140px, 994px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(190) {
  -webkit-transform: translate3d(99px, -99px, 171px);
  transform: translate3d(99px, -99px, 171px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(191) {
  -webkit-transform: translate3d(592px, 224px, -568px);
  transform: translate3d(592px, 224px, -568px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(192) {
  -webkit-transform: translate3d(871px, -598px, 806px);
  transform: translate3d(871px, -598px, 806px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(193) {
  -webkit-transform: translate3d(372px, 120px, 576px);
  transform: translate3d(372px, 120px, 576px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(194) {
  -webkit-transform: translate3d(-247px, 195px, -117px);
  transform: translate3d(-247px, 195px, -117px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(195) {
  -webkit-transform: translate3d(792px, 456px, -300px);
  transform: translate3d(792px, 456px, -300px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(196) {
  -webkit-transform: translate3d(-558px, -261px, -387px);
  transform: translate3d(-558px, -261px, -387px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(197) {
  -webkit-transform: translate3d(252px, 840px, -348px);
  transform: translate3d(252px, 840px, -348px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(198) {
  -webkit-transform: translate3d(315px, 305px, -370px);
  transform: translate3d(315px, 305px, -370px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(199) {
  -webkit-transform: translate3d(221px, -897px, 611px);
  transform: translate3d(221px, -897px, 611px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(200) {
  -webkit-transform: translate3d(-18px, -18px, -108px);
  transform: translate3d(-18px, -18px, -108px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(201) {
  -webkit-transform: translate3d(245px, -250px, 285px);
  transform: translate3d(245px, -250px, 285px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(202) {
  -webkit-transform: translate3d(-486px, 459px, -162px);
  transform: translate3d(-486px, 459px, -162px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(203) {
  -webkit-transform: translate3d(-12px, -378px, -366px);
  transform: translate3d(-12px, -378px, -366px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(204) {
  -webkit-transform: translate3d(96px, -18px, -96px);
  transform: translate3d(96px, -18px, -96px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(205) {
  -webkit-transform: translate3d(-310px, -370px, 205px);
  transform: translate3d(-310px, -370px, 205px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(206) {
  -webkit-transform: translate3d(639px, 414px, 603px);
  transform: translate3d(639px, 414px, 603px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(207) {
  -webkit-transform: translate3d(897px, 481px, 936px);
  transform: translate3d(897px, 481px, 936px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(208) {
  -webkit-transform: translate3d(504px, -238px, 385px);
  transform: translate3d(504px, -238px, 385px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(209) {
  -webkit-transform: translate3d(354px, 180px, -222px);
  transform: translate3d(354px, 180px, -222px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(210) {
  -webkit-transform: translate3d(-352px, 200px, -392px);
  transform: translate3d(-352px, 200px, -392px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(211) {
  -webkit-transform: translate3d(-60px, 624px, 540px);
  transform: translate3d(-60px, 624px, 540px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(212) {
  -webkit-transform: translate3d(285px, 305px, 120px);
  transform: translate3d(285px, 305px, 120px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(213) {
  -webkit-transform: translate3d(308px, 112px, -742px);
  transform: translate3d(308px, 112px, -742px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(214) {
  -webkit-transform: translate3d(12px, 36px, -396px);
  transform: translate3d(12px, 36px, -396px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(215) {
  -webkit-transform: translate3d(54px, -450px, -495px);
  transform: translate3d(54px, -450px, -495px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(216) {
  -webkit-transform: translate3d(424px, -128px, 240px);
  transform: translate3d(424px, -128px, 240px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(217) {
  -webkit-transform: translate3d(-182px, -234px, 130px);
  transform: translate3d(-182px, -234px, 130px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(218) {
  -webkit-transform: translate3d(154px, 287px, 462px);
  transform: translate3d(154px, 287px, 462px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(219) {
  -webkit-transform: translate3d(-144px, -360px, 192px);
  transform: translate3d(-144px, -360px, 192px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(220) {
  -webkit-transform: translate3d(370px, -150px, -40px);
  transform: translate3d(370px, -150px, -40px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(221) {
  -webkit-transform: translate3d(198px, 348px, 174px);
  transform: translate3d(198px, 348px, 174px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(222) {
  -webkit-transform: translate3d(975px, -130px, 936px);
  transform: translate3d(975px, -130px, 936px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(223) {
  -webkit-transform: translate3d(624px, 828px, 696px);
  transform: translate3d(624px, 828px, 696px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(224) {
  -webkit-transform: translate3d(294px, 371px, -357px);
  transform: translate3d(294px, 371px, -357px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(225) {
  -webkit-transform: translate3d(-728px, -221px, -351px);
  transform: translate3d(-728px, -221px, -351px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(226) {
  -webkit-transform: translate3d(252px, -243px, 558px);
  transform: translate3d(252px, -243px, 558px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(227) {
  -webkit-transform: translate3d(-96px, -72px, 312px);
  transform: translate3d(-96px, -72px, 312px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(228) {
  -webkit-transform: translate3d(-378px, -342px, 351px);
  transform: translate3d(-378px, -342px, 351px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(229) {
  -webkit-transform: translate3d(12px, -150px, -384px);
  transform: translate3d(12px, -150px, -384px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(230) {
  -webkit-transform: translate3d(-225px, 126px, 585px);
  transform: translate3d(-225px, 126px, 585px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(231) {
  -webkit-transform: translate3d(-828px, 384px, -888px);
  transform: translate3d(-828px, 384px, -888px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(232) {
  -webkit-transform: translate3d(335px, -175px, 375px);
  transform: translate3d(335px, -175px, 375px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(233) {
  -webkit-transform: translate3d(351px, 962px, -819px);
  transform: translate3d(351px, 962px, -819px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(234) {
  -webkit-transform: translate3d(-84px, 105px, 441px);
  transform: translate3d(-84px, 105px, 441px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(235) {
  -webkit-transform: translate3d(455px, -364px, -336px);
  transform: translate3d(455px, -364px, -336px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(236) {
  -webkit-transform: translate3d(-726px, -638px, 11px);
  transform: translate3d(-726px, -638px, 11px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(237) {
  -webkit-transform: translate3d(-340px, 360px, -40px);
  transform: translate3d(-340px, 360px, -40px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(238) {
  -webkit-transform: translate3d(144px, 108px, 153px);
  transform: translate3d(144px, 108px, 153px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(239) {
  -webkit-transform: translate3d(-60px, 360px, 325px);
  transform: translate3d(-60px, 360px, 325px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(240) {
  -webkit-transform: translate3d(-464px, 544px, -584px);
  transform: translate3d(-464px, 544px, -584px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(241) {
  -webkit-transform: translate3d(-52px, 624px, -364px);
  transform: translate3d(-52px, 624px, -364px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(242) {
  -webkit-transform: translate3d(528px, -407px, -704px);
  transform: translate3d(528px, -407px, -704px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(243) {
  -webkit-transform: translate3d(18px, -369px, 540px);
  transform: translate3d(18px, -369px, 540px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(244) {
  -webkit-transform: translate3d(-624px, 520px, -871px);
  transform: translate3d(-624px, 520px, -871px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(245) {
  -webkit-transform: translate3d(980px, 658px, 546px);
  transform: translate3d(980px, 658px, 546px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(246) {
  -webkit-transform: translate3d(-360px, -18px, 174px);
  transform: translate3d(-360px, -18px, 174px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(247) {
  -webkit-transform: translate3d(-396px, 171px, 369px);
  transform: translate3d(-396px, 171px, 369px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(248) {
  -webkit-transform: translate3d(27px, 90px, -657px);
  transform: translate3d(27px, 90px, -657px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(249) {
  -webkit-transform: translate3d(-340px, -320px, 50px);
  transform: translate3d(-340px, -320px, 50px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(250) {
  -webkit-transform: translate3d(-132px, -414px, -114px);
  transform: translate3d(-132px, -414px, -114px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(251) {
  -webkit-transform: translate3d(12px, -96px, -66px);
  transform: translate3d(12px, -96px, -66px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.perspective-shift .dot:nth-child(252) {
  -webkit-transform: translate3d(-80px, -360px, -60px);
  transform: translate3d(-80px, -360px, -60px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(253) {
  -webkit-transform: translate3d(406px, 280px, 294px);
  transform: translate3d(406px, 280px, 294px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(254) {
  -webkit-transform: translate3d(-792px, 396px, -900px);
  transform: translate3d(-792px, 396px, -900px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(255) {
  -webkit-transform: translate3d(-405px, 189px, -279px);
  transform: translate3d(-405px, 189px, -279px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(256) {
  -webkit-transform: translate3d(741px, 663px, 624px);
  transform: translate3d(741px, 663px, 624px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(257) {
  -webkit-transform: translate3d(80px, 16px, -584px);
  transform: translate3d(80px, 16px, -584px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(258) {
  -webkit-transform: translate3d(180px, -876px, -324px);
  transform: translate3d(180px, -876px, -324px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(259) {
  -webkit-transform: translate3d(-400px, 240px, 304px);
  transform: translate3d(-400px, 240px, 304px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(260) {
  -webkit-transform: translate3d(-160px, 700px, -450px);
  transform: translate3d(-160px, 700px, -450px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(261) {
  -webkit-transform: translate3d(384px, 48px, 468px);
  transform: translate3d(384px, 48px, 468px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(262) {
  -webkit-transform: translate3d(-143px, 520px, -572px);
  transform: translate3d(-143px, 520px, -572px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(263) {
  -webkit-transform: translate3d(-884px, 468px, 780px);
  transform: translate3d(-884px, 468px, 780px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(264) {
  -webkit-transform: translate3d(462px, -511px, -427px);
  transform: translate3d(462px, -511px, -427px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(265) {
  -webkit-transform: translate3d(-11px, 242px, -396px);
  transform: translate3d(-11px, 242px, -396px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(266) {
  -webkit-transform: translate3d(275px, 605px, -297px);
  transform: translate3d(275px, 605px, -297px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(267) {
  -webkit-transform: translate3d(-480px, -270px, 80px);
  transform: translate3d(-480px, -270px, 80px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(268) {
  -webkit-transform: translate3d(264px, -576px, 80px);
  transform: translate3d(264px, -576px, 80px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(269) {
  -webkit-transform: translate3d(-104px, -96px, 536px);
  transform: translate3d(-104px, -96px, 536px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(270) {
  -webkit-transform: translate3d(-1008px, -882px, 770px);
  transform: translate3d(-1008px, -882px, 770px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(271) {
  -webkit-transform: translate3d(536px, 368px, 440px);
  transform: translate3d(536px, 368px, 440px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(272) {
  -webkit-transform: translate3d(48px, -732px, -492px);
  transform: translate3d(48px, -732px, -492px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(273) {
  -webkit-transform: translate3d(-616px, 704px, -209px);
  transform: translate3d(-616px, 704px, -209px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(274) {
  -webkit-transform: translate3d(-429px, -759px, -550px);
  transform: translate3d(-429px, -759px, -550px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(275) {
  -webkit-transform: translate3d(35px, -210px, 5px);
  transform: translate3d(35px, -210px, 5px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(276) {
  -webkit-transform: translate3d(90px, 351px, 648px);
  transform: translate3d(90px, 351px, 648px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(277) {
  -webkit-transform: translate3d(-196px, 238px, -399px);
  transform: translate3d(-196px, 238px, -399px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(278) {
  -webkit-transform: translate3d(486px, -360px, 675px);
  transform: translate3d(486px, -360px, 675px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(279) {
  -webkit-transform: translate3d(112px, -464px, 424px);
  transform: translate3d(112px, -464px, 424px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(280) {
  -webkit-transform: translate3d(-36px, -495px, 405px);
  transform: translate3d(-36px, -495px, 405px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(281) {
  -webkit-transform: translate3d(767px, 104px, 208px);
  transform: translate3d(767px, 104px, 208px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(282) {
  -webkit-transform: translate3d(-198px, -216px, -153px);
  transform: translate3d(-198px, -216px, -153px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(283) {
  -webkit-transform: translate3d(-792px, 504px, 564px);
  transform: translate3d(-792px, 504px, 564px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(284) {
  -webkit-transform: translate3d(56px, 105px, -266px);
  transform: translate3d(56px, 105px, -266px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(285) {
  -webkit-transform: translate3d(-204px, -132px, -900px);
  transform: translate3d(-204px, -132px, -900px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(286) {
  -webkit-transform: translate3d(330px, -320px, -285px);
  transform: translate3d(330px, -320px, -285px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(287) {
  -webkit-transform: translate3d(350px, 560px, -410px);
  transform: translate3d(350px, 560px, -410px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(288) {
  -webkit-transform: translate3d(-748px, 451px, 737px);
  transform: translate3d(-748px, 451px, 737px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(289) {
  -webkit-transform: translate3d(210px, 448px, 476px);
  transform: translate3d(210px, 448px, 476px);
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}
.perspective-shift .dot:nth-child(290) {
  -webkit-transform: translate3d(-680px, 660px, 110px);
  transform: translate3d(-680px, 660px, 110px);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
.perspective-shift .dot:nth-child(291) {
  -webkit-transform: translate3d(-205px, 35px, -115px);
  transform: translate3d(-205px, 35px, -115px);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
}
.perspective-shift .dot:nth-child(292) {
  -webkit-transform: translate3d(-336px, -14px, -196px);
  transform: translate3d(-336px, -14px, -196px);
  width: 7px;
  height: 7px;
  margin: -3.5px 0 0 -3.5px;
}
.perspective-shift .dot:nth-child(293) {
  -webkit-transform: translate3d(-308px, -33px, 198px);
  transform: translate3d(-308px, -33px, 198px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(294) {
  -webkit-transform: translate3d(-26px, -806px, 416px);
  transform: translate3d(-26px, -806px, 416px);
  width: 13px;
  height: 13px;
  margin: -6.5px 0 0 -6.5px;
}
.perspective-shift .dot:nth-child(295) {
  -webkit-transform: translate3d(44px, -209px, -385px);
  transform: translate3d(44px, -209px, -385px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(296) {
  -webkit-transform: translate3d(-344px, -208px, -88px);
  transform: translate3d(-344px, -208px, -88px);
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}
.perspective-shift .dot:nth-child(297) {
  -webkit-transform: translate3d(477px, -135px, 459px);
  transform: translate3d(477px, -135px, 459px);
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
}
.perspective-shift .dot:nth-child(298) {
  -webkit-transform: translate3d(-627px, -363px, 330px);
  transform: translate3d(-627px, -363px, 330px);
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
}
.perspective-shift .dot:nth-child(299) {
  -webkit-transform: translate3d(156px, -144px, -480px);
  transform: translate3d(156px, -144px, -480px);
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}
.perspective-shift .dot:nth-child(300) {
  -webkit-transform: translate3d(102px, -432px, -282px);
  transform: translate3d(102px, -432px, -282px);
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
}
.priority-navigation-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
  background: #fff;
  color: #000;
}
.priority-navigation {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 120px;
  padding: 150px 0 150px 300px;
}
.priority-navigation .navigation {
  font-size: 36px;
  line-height: 150%;
}
.priority-navigation .navigation a {
  display: inline-block;
  white-space: nowrap;
}
.priority-navigation .navigation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 30px;
}
.priority-navigation .navigation__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.priority-navigation .navigation__item--hidden {
  display: none;
}
.priority-navigation .navigation__dropdown {
  position: relative;
  z-index: 1;
}
.priority-navigation .navigation__dropdown--hidden {
  display: none;
}
.priority-navigation .navigation__dropdown-list {
  display: none;
  position: absolute;
  inset: 0 0 auto auto;
  z-index: 1;
  margin-top: 60px;
  text-align: right;
}
.priority-navigation .navigation__dropdown--open .navigation__dropdown-list {
  display: block;
}
.priority-navigation .navigation__dropdown-item--hidden {
  display: none;
}
.priority-navigation .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 60px;
  width: 100%;
  padding-right: 100px;
}
.priority-navigation .flex-container__logo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: auto;
}
.priority-navigation .flex-container__logo div {
  width: 156px;
  height: 74px;
  margin: -10px 0;
  background: #000;
  border-radius: 52px;
}
.priority-navigation .flex-container__navigation {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
}
.priority-navigation .flex-container__navigation .navigation {
  position: absolute;
  inset: 50% 0 auto 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.priority-navigation .flex-container__navigation .navigation__list {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.priority-navigation .flex-container__buttons {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 20px;
}
.priority-navigation .flex-container__buttons div {
  width: 64px;
  margin: -5px 0;
  aspect-ratio: 1;
  background: #000;
  border-radius: 50%;
}
.proximity-hovers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
}
.proximity-hovers__grid {
  display: grid;
  grid-template-columns: repeat(30, minmax(0, 1fr));
  gap: 5px 10px;
}
.proximity-hovers__grid > div {
  grid-column: span 1;
  position: relative;
  z-index: 1;
  width: 35px;
  aspect-ratio: 1;
}
.proximity-hovers__grid > div > div {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 10px;
  aspect-ratio: 1;
  background: #292F35;
  border-radius: 50%;
}
.radarinn {
  opacity: 0;
}
.radarinn__html {
  --mobile-design-width: 750;
  --desktop-design-width: 1920;
  --ultrawide-breakpoint: 1920;
  --color-blue: #142F47;
  --color-gray: #F6F7F9;
  --color-orange: #FF6633;
  --color-white: #FFF;
  font-size: calc(100 / var(--mobile-design-width) * 1vw);
  scrollbar-width: thin;
}
@media (min-width: 768px) {
  .radarinn__html {
    font-size: calc(100 / var(--desktop-design-width) * 1vw);
  }
}
@media (min-width: 1920px) {
  .radarinn__html {
    font-size: calc(100 / var(--desktop-design-width) * var(--ultrawide-breakpoint) / 16 * 0.01rem);
  }
}
.radarinn__body {
  background: var(--color-blue);
}
.radarinn .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--color-blue);
  position: fixed;
  inset: 0;
  z-index: 2;
  width: 100vw;
}
.radarinn .intro svg {
  width: 469rem;
}
.radarinn .line {
  position: fixed;
  inset: auto 0 0;
  z-index: 3;
  height: 4rem;
  background: var(--color-orange);
}
.radarinn .page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  background: var(--color-gray);
}
.radarinn .page picture {
  -webkit-transform-origin: 50% 15dvh;
  transform-origin: 50% 15dvh;
  clip-path: polygon(2rem 12rem, calc(100% - 2rem) 12rem, calc(100% - 2rem) 100%, 2rem 100%);
}
@media (min-width: 768px) {
  .radarinn .page::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    z-index: 1;
    height: 120rem;
    border-bottom: 1px solid #E2E6EB;
  }
}
.sandbox__body {
  font-family: "DM Sans", sans-serif;
}
.sandbox__body #liquid-glass {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #111;
  color: #fff;
  font-size: 3vw;
}
.sandbox__body #liquid-glass img {
  position: absolute;
  inset: 0 0 0 50%;
  z-index: 2;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.sandbox__body #liquid-glass button {
  position: absolute;
  inset: 20vw auto auto 20vw;
  z-index: 3;
  border-radius: 10vw;
}
.sandbox__body #liquid-glass button > div:first-child {
  position: relative;
  z-index: 2;
  padding: 2vw 4vw;
  border: 1px solid #fff;
  border-radius: 10vw;
  font-size: 3vw;
  -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
}
.sandbox__body #liquid-glass button > div:last-child {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: inherit;
  backdrop-filter: blur(2px);
  -webkit-filter: url(#glass-blur);
  filter: url(#glass-blur);
}
.sandbox__body #liquid-glass .filters {
  display: none;
}
.sandbox__body #top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.5vw;
  padding: 20vh 20vw;
}
.sandbox__body #top .top__player {
  position: relative;
  z-index: 1;
  width: 21vw;
  overflow: hidden;
  aspect-ratio: 16/9;
  background: #111;
}
.sandbox__body #top .top__player > iframez {
  position: absolute;
  inset: -60px;
  z-index: 1;
  max-width: none !important;
  width: calc(100% + 120px) !important;
  height: calc(100% + 120px) !important;
  pointer-events: none;
}
.sandbox__body #top .top__players {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
  z-index: 1;
  width: 100%;
  background: #111;
}
.sandbox__body #top .top__players > iframe {
  width: 12vw;
}
.sandbox__body #top .top__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sandbox__body #top .top__buttons button {
  padding: 0.3vw 0.6vw;
  color: #111;
  -webkit-transition: none;
  transition: none;
}
.sandbox__body #top .top__buttons button:hover {
  background: #111;
  color: #fff;
}
.sandbox__body #youtube {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.5vw;
  padding: 20vh 20vw;
}
.sandbox__body #youtube .player {
  position: relative;
  z-index: 1;
  width: 60vw;
  overflow: hidden;
  aspect-ratio: 16/9;
  background: #111;
}
.sandbox__body #youtube .player::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: #111;
  opacity: 0;
  pointer-events: none;
}
.sandbox__body #youtube .player--paused::before {
  opacity: 0.7;
}
.sandbox__body #youtube .player iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.sandbox__body #youtube .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.5vw;
}
.sandbox__body #youtube .controls button {
  padding: 0.7vw 1vw;
  background: #111;
  color: #fff;
}
.sandbox__body #last-of-us-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 1.2vw;
  padding: 21vh 21vw;
}
.sandbox__body #last-of-us-buttons button {
  position: relative;
  z-index: 1;
  padding: 1.2vw 1.6vw;
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 0.21vw;
  font-family: inherit;
  font-size: 1.2vw;
  font-weight: 500;
  -webkit-transition: border-radius 0.543s ease-in-out;
  transition: border-radius 0.543s ease-in-out;
}
.sandbox__body #last-of-us-buttons button::before {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: 1;
  border: 2px solid #ddd;
  border-radius: 0.21vw;
  opacity: 0;
  -webkit-transition: all 0.543s ease-in-out;
  transition: all 0.543s ease-in-out;
}
.sandbox__body #last-of-us-buttons button:focus {
  border-radius: 10vw;
  outline: none;
}
.sandbox__body #last-of-us-buttons button:focus::before {
  inset: -0.7vw;
  border-radius: 10vw;
  -webkit-animation: button-orb 0.543s ease-in-out forwards;
  animation: button-orb 0.543s ease-in-out forwards;
}
@-webkit-keyframes button-orb {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes button-orb {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.sandbox__body #scroll-triggers-test {
  padding-top: 80vh;
}
.sandbox__body #scroll-triggers-test .debug {
  position: fixed;
  inset: 10vw auto auto 10vw;
  z-index: 10;
  color: #0ff;
  font-size: 3vw;
}
.sandbox__body #scroll-triggers-test .title {
  padding: 20vh 10vw;
}
.sandbox__body #scroll-triggers-test .title p {
  margin: 5vw auto 0;
  max-width: 75%;
  text-align: center;
}
.sandbox__body #scroll-triggers-test section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3vw;
  padding: 10vw;
}
.sandbox__body #scroll-triggers-test h1 {
  font-size: 11vw;
  line-height: 90%;
  text-align: center;
}
.sandbox__body #scroll-triggers-test p {
  font-size: 3vw;
  line-height: 154%;
}
@media (max-width: 768px) {
  .sandbox__body #scroll-triggers-test p {
    font-size: 6vw;
  }
}
.sandbox__body #scroll-triggers-test .test-2 {
  background: #111;
}
.sandbox__body #scroll-triggers-test .test-2 section {
  color: #fff;
}
.sandbox__body #scroll-triggers-test .test-2 .title {
  padding: 20vh 10vw;
}
.sandbox__body .masked-text {
  position: relative;
  z-index: 1;
  padding: 10vw;
  overflow: hidden;
  background: #000;
}
.sandbox__body .masked-text:hover picture {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.sandbox__body .masked-text picture {
  position: absolute;
  inset: 0;
  z-index: 1;
  mix-blend-mode: darken;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.sandbox__body .masked-text picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.sandbox__body .masked-text p {
  position: relative;
  z-index: 0;
  color: #fff;
  font-size: 2vw;
  letter-spacing: -1px;
  line-height: 80%;
}
.sandbox__body .text-reveal {
  padding: 10vw;
}
.sandbox__body .text-reveal p {
  position: relative;
  z-index: 1;
  font-size: 5vw;
  font-weight: 1000;
  line-height: 150%;
  letter-spacing: -0.09vw;
}
.sandbox__body .text-reveal p + p {
  margin-top: 10vw;
}
.sandbox__body .text-reveal p * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.sandbox__body .text-reveal p span {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50%, #aaa));
  background-image: linear-gradient(to right, #000 50%, #aaa 50%);
  -webkit-background-clip: text;
  background-clip: text;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  background-position: 100% 100%;
  color: transparent;
  -webkit-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}
.sandbox__body .text-reveal p:hover span {
  background-position: 0% 100%;
}
.sandbox__body .text-reveal p:nth-child(2) span {
  background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #000), color-stop(50%, #aaa));
  background-image: linear-gradient(to left, #000 50%, #aaa 50%);
  background-position: 0% 100%;
}
.sandbox__body .text-reveal p:nth-child(2):hover span {
  background-position: 100% 100%;
}
.sandbox__body .skewy-cursor {
  --size: 2vw;
  position: fixed;
  inset: -5vw auto auto 50vw;
  z-index: 123;
  pointer-events: none;
}
.sandbox__body .skewy-cursor > div {
  position: absolute;
  inset: calc(var(--size) / -2) auto auto calc(var(--size) / -2);
  z-index: 1;
  width: var(--size);
  aspect-ratio: 1;
}
.sandbox__body .skewy-cursor > div > div {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  width: 100%;
  height: 100%;
  background: #ff3d00;
  border-radius: 50%;
  opacity: 0.9;
}
.sandbox__body .boombox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1vw;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50vh;
  overflow: hidden;
}
.sandbox__body .boombox audio {
  width: 100vw;
}
.sandbox__body .boombox__timer {
  position: absolute;
  inset: auto 0 0;
  padding: 2vw;
  text-align: center;
}
.sandbox__body .boombox__image {
  display: none;
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.5;
}
.sandbox__body .boombox__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.sandbox__body .boombox__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  font-size: 21vw;
}
.sandbox__body .masked-text-reveal-animation {
  margin: 10vw;
}
.sandbox__body .masked-text-reveal-animation p {
  font-size: 12vw;
  font-weight: 700;
  line-height: 100%;
}
.sandbox__body .masked-text-reveal-animation p > span {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50%, #aaa));
  background-image: linear-gradient(to right, #000 50%, #aaa 50%);
  -webkit-background-clip: text;
  background-clip: text;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  background-position: 100% 100%;
  color: transparent;
}
.sandbox__body .masked-text-reveal-animation p span > em {
  height: 12vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
}
.sandbox__body .masked-text-reveal-animation p span > em > em {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.sandbox__body .masked-text-reveal-animation p span > em > em > i:last-child {
  color: red;
  opacity: 0;
}
.str {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 42vw;
  padding: 21vw;
  color: #333;
}
.str__section {
  width: 55%;
}
.str__section:nth-child(even) {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.str__headline {
  position: relative;
  z-index: 1;
  margin-bottom: 24px;
  font-size: 64px;
  line-height: 111%;
}
.str__headline-dot {
  position: absolute;
  top: 49px;
  left: -64px;
  width: 40px;
  height: 5px;
  background: #333;
}
.str__text {
  font-size: 21px;
  line-height: 150%;
}
.str__text-line {
  display: inline-block;
  position: relative;
  text-align: left;
}
.str__button {
  display: block;
  margin: 32px 0 0;
  padding: 14px 24px;
  background: #333;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 150%;
}
.str .split-text__line {
  display: inline-block;
  position: relative;
  z-index: 1;
  text-align: left;
}
.str .split-text__line .split-text__line-cover {
  position: absolute;
  inset: -2px 0;
  z-index: 1;
  background: #333;
  opacity: 0;
}
.str .split-text__line .split-text__line-text {
  position: relative;
  z-index: 1;
}
.sticky-sections-html {
  font-family: "Syne", sans-serif;
  font-size: 0.0521104742rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .sticky-sections-html {
    font-size: 0.0521104742vw;
  }
}
@media (min-width: 2560px) {
  .sticky-sections-html {
    font-size: 0.1rem;
  }
}
.sticky-sections-body {
  font-family: inherit;
}
.sticky-sections {
  background: #FFFFFF;
}
.sticky-sections .section--1 {
  background: #FFFFFF;
}
.sticky-sections .section--2,
.sticky-sections .section--3 {
  background: #292F35;
}
.sticky-sections .container {
  max-width: 1920rem;
  margin: 0 auto;
  padding: 0 100rem;
  width: 100%;
}
.sticky-sections .grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 40rem;
}
.sticky-sections .button {
  padding: 20rem 40rem;
  color: #FFFFFF;
  border: 2rem solid #FFFFFF;
  border-radius: 70rem;
}
.sticky-sections .button span {
  font-size: 36rem;
  line-height: 130%;
}
.sticky-sections .hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100svh;
}
.sticky-sections .hero__background {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #292F35;
}
.sticky-sections .hero__headline {
  color: #FFFFFF;
  font-size: 210rem;
  font-weight: 500;
}
.sticky-sections .hero .button {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}
.sticky-sections .hero--2 .hero__background {
  background: #FFFFFF;
}
.sticky-sections .hero--2 .hero__headline {
  color: #292F35;
}
.sticky-sections .hero--3 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.sticky-sections .hero--3 .hero__headline {
  padding: 0 0 0 33vw;
  white-space: nowrap;
}
.sticky-sections .thumbs {
  position: relative;
  z-index: 2;
  margin-bottom: 100svh;
  padding: 15svh 0 0;
  color: #FFFFFF;
}
.sticky-sections .thumbs__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10rem;
}
.sticky-sections .thumbs__card:nth-child(1) {
  grid-column: 4/span 5;
  grid-row: 1;
}
.sticky-sections .thumbs__card:nth-child(1) .thumbs__card-picture {
  aspect-ratio: 16/9;
}
.sticky-sections .thumbs__card:nth-child(2) {
  grid-column: 2/span 3;
  grid-row: 2;
  margin-top: 120rem;
}
.sticky-sections .thumbs__card:nth-child(2) .thumbs__card-picture {
  aspect-ratio: 4/3;
}
.sticky-sections .thumbs__card:nth-child(3) {
  grid-column: 8/span 3;
  grid-row: 3;
  margin-top: -310rem;
}
.sticky-sections .thumbs__card:nth-child(3) .thumbs__card-picture {
  aspect-ratio: 3/4;
}
.sticky-sections .thumbs__card:nth-child(4) {
  grid-column: 3/span 4;
  grid-row: 4;
}
.sticky-sections .thumbs__card:nth-child(4) .thumbs__card-picture {
  aspect-ratio: 1;
}
.sticky-sections .thumbs__card:nth-child(5) {
  grid-column: 7/span 4;
  grid-row: 5;
}
.sticky-sections .thumbs__card:nth-child(5) .thumbs__card-picture {
  aspect-ratio: 16/9;
}
.sticky-sections .thumbs__card-picture {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.sticky-sections .thumbs__card-picture img {
  width: 100%;
  height: calc(100% + 150rem);
  -o-object-fit: cover;
  object-fit: cover;
}
.sticky-sections .thumbs__card-headline {
  margin-top: 10rem;
  padding-left: 10rem;
  font-size: 40rem;
  line-height: 130%;
}
.sticky-sections .thumbs__card-text {
  max-width: 75%;
  padding-left: 10rem;
  font-size: 20rem;
  line-height: 130%;
}
.sticky-sections .text {
  position: relative;
  z-index: 2;
  padding: 15svh 0 50svh;
  color: #292F35;
  font-size: 48rem;
  line-height: 130%;
}
.sticky-sections .text__container {
  grid-column: 4/span 6;
  padding: 0 0 50svh;
}
.sticky-sections .text__container p {
  margin-bottom: 1em;
}
.sticky-sections .bullets {
  position: relative;
  z-index: 2;
  padding: 15svh 0 200svh;
  color: #FFFFFF;
}
.sticky-sections .bullets__card {
  grid-column: span 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10rem;
}
.sticky-sections .bullets__card:nth-child(2) .bullets__card-bubble {
  margin-top: 50%;
}
.sticky-sections .bullets__card:nth-child(3) .bullets__card-bubble {
  margin-top: 100%;
}
.sticky-sections .bullets__card-bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  aspect-ratio: 1;
  background: #707070;
  border-radius: 50%;
}
.sticky-sections .bullets__card-headline {
  font-size: 36rem;
  line-height: 130%;
  text-align: center;
}
.sticky-sections .bullets__card-text {
  padding: 50rem 100rem 0;
  color: #292F35;
  font-size: 24rem;
  line-height: 130%;
  text-align: center;
}
.svg-mask-image-animation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  gap: 200rem;
  padding: 200rem;
  font-family: "Inter", sans-serif;
  -webkit-transition: background 0.321s, color 0.321s;
  transition: background 0.321s, color 0.321s;
}
.svg-mask-image-animation__html {
  --mobile-design-width: 440;
  --desktop-design-width: 1440;
  --ultrawide-breakpoint: 2560;
  scrollbar-width: thin;
  font-size: calc(100 / var(--desktop-design-width) * 1vw);
}
@media (min-width: 2560px) {
  .svg-mask-image-animation__html {
    font-size: calc(100 / var(--desktop-design-width) * var(--ultrawide-breakpoint) / 16 * 0.01rem);
  }
}
.svg-mask-image-animation[data-theme=dark] {
  background: #000;
  color: #fff;
}
.svg-mask-image-animation[data-theme=light] {
  background: #fff;
  color: #000;
}
.svg-mask-image-animation .gradient {
  position: absolute;
  inset: -66rem;
  z-index: 0;
}
.svg-mask-image-animation .gradient--conic {
  background: conic-gradient(from 180deg at 50% 50%, #ff3d00 0deg, rgba(255, 0, 0, 0) 45deg, #ff3d00 90deg, rgba(255, 0, 0, 0) 180deg, #ff3d00 270deg, rgba(255, 0, 0, 0) 315deg, #ff3d00 360deg);
  -webkit-animation: gradient-rotation 5s linear infinite;
  animation: gradient-rotation 5s linear infinite;
}
@-webkit-keyframes gradient-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes gradient-rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.svg-mask-image-animation .gradient--linear {
  background: -webkit-gradient(linear, right top, left top, from(#ff3d00), color-stop(40%, rgba(255, 0, 0, 0)), color-stop(60%, rgba(255, 0, 0, 0.3)), to(#ff3d00));
  background: linear-gradient(to left, #ff3d00 0%, rgba(255, 0, 0, 0) 40%, rgba(255, 0, 0, 0.3) 60%, #ff3d00 100%);
}
.svg-mask-image-animation .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  color: #ff3d00;
  font-size: 21rem;
  word-break: break-all;
  -webkit-animation: translate-y 12s linear infinite;
  animation: translate-y 12s linear infinite;
}
.svg-mask-image-animation .text > div {
  width: 100%;
}
.svg-mask-image-animation .text > div::before {
  content: "Lorem sit tempor mollit officia laboris proident eiusmod voluptate veniam commodo sunt velit nostrud. Reprehenderit adipisicing nulla veniam excepteur cupidatat quis ex. Labore et duis qui minim sunt proident. Cillum cupidatat labore dolor est ex elit occaecat veniam. Enim ut et fugiat nulla dolore labore cillum cupidatat. In est culpa proident voluptate irure voluptate laborum exercitation excepteur. Magna est id moll.";
}
@-webkit-keyframes translate-y {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@keyframes translate-y {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.svg-mask-image-animation .logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 50rem;
}
.svg-mask-image-animation .logos .logo {
  position: relative;
  z-index: 1;
  width: 300rem;
  height: 168rem;
  -webkit-mask-image: url('data:image/svg+xml;utf8,        <svg viewBox="0 0 301 170" xmlns="http://www.w3.org/2000/svg">          <path d="M201.07 169.257L300.5 0.743408H270.846L186.236 144.063L201.07 169.257Z" fill="black"/>          <path d="M175.728 126.379L249.817 0.743408H219.949L160.894 100.986L175.728 126.379Z" fill="black"/>          <path d="M198.934 0.743408H0.5L99.7169 169.257L198.934 0.743408ZM154.472 25.9103L99.7169 118.87L44.9747 25.9103H154.472Z" fill="black"/>        </svg>');
  mask-image: url('data:image/svg+xml;utf8,        <svg viewBox="0 0 301 170" xmlns="http://www.w3.org/2000/svg">          <path d="M201.07 169.257L300.5 0.743408H270.846L186.236 144.063L201.07 169.257Z" fill="black"/>          <path d="M175.728 126.379L249.817 0.743408H219.949L160.894 100.986L175.728 126.379Z" fill="black"/>          <path d="M198.934 0.743408H0.5L99.7169 169.257L198.934 0.743408ZM154.472 25.9103L99.7169 118.87L44.9747 25.9103H154.472Z" fill="black"/>        </svg>');
  -webkit-mask-size: cover;
  mask-size: cover;
}
.svg-mask-image-animation .logos .logo__gradients {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  scale: 1.3;
  width: 200%;
  height: 100%;
  -webkit-animation: translate-skew-x 5s linear infinite;
  animation: translate-skew-x 5s linear infinite;
}
@-webkit-keyframes translate-skew-x {
  0% {
    -webkit-transform: translateX(-50%) skewX(-21deg);
    transform: translateX(-50%) skewX(-21deg);
  }
  100% {
    -webkit-transform: translateX(0%) skewX(-21deg);
    transform: translateX(0%) skewX(-21deg);
  }
}
@keyframes translate-skew-x {
  0% {
    -webkit-transform: translateX(-50%) skewX(-21deg);
    transform: translateX(-50%) skewX(-21deg);
  }
  100% {
    -webkit-transform: translateX(0%) skewX(-21deg);
    transform: translateX(0%) skewX(-21deg);
  }
}
.svg-mask-image-animation .logos .logo__gradients .gradient {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100%;
}
.svg-mask-image-animation .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 50rem;
}
.svg-mask-image-animation .buttons .button {
  --button-height: 90rem;
  position: relative;
  z-index: 1;
  height: var(--button-height);
  padding: 0 calc(var(--button-height) / 2);
  overflow: hidden;
  font-size: 21rem;
}
.svg-mask-image-animation .buttons .button .gradient {
  inset: -50vw;
  -webkit-animation: none;
  animation: none;
}
.svg-mask-image-animation .buttons .button__pill {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  -webkit-mask-image:
    url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" viewBox="50 0 50 100">              <path d="M100,5 A45,45 0 0 0 100,95" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>            </svg>'),
    url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100">              <path d="M0,5 A45,45 0 0 1 0,95" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>            </svg>'),
    url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">              <g fill="none" stroke="black" stroke-width="2">                <line x1="0" y1="5" x2="100" y2="5" vector-effect="non-scaling-stroke"/>                <line x1="0" y1="95" x2="100" y2="95" vector-effect="non-scaling-stroke"/>              </g>            </svg>');
  mask-image:
    url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" viewBox="50 0 50 100">              <path d="M100,5 A45,45 0 0 0 100,95" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>            </svg>'),
    url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100">              <path d="M0,5 A45,45 0 0 1 0,95" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>            </svg>'),
    url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">              <g fill="none" stroke="black" stroke-width="2">                <line x1="0" y1="5" x2="100" y2="5" vector-effect="non-scaling-stroke"/>                <line x1="0" y1="95" x2="100" y2="95" vector-effect="non-scaling-stroke"/>              </g>            </svg>');
  -webkit-mask-position:
    left center,
    right center,
    center center;
  mask-position:
    left center,
    right center,
    center center;
  -webkit-mask-size:
    auto 100%,
    auto 100%,
    calc(100% - var(--button-height) + 2rem) 100%;
  mask-size:
    auto 100%,
    auto 100%,
    calc(100% - var(--button-height) + 2rem) 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media (max-width: 767px) {
  .svg-mask-image-animation .buttons .button__pill {
    -webkit-mask-image:
      url('data:image/svg+xml;utf8,              <svg xmlns="http://www.w3.org/2000/svg" viewBox="50 0 50 100">                <path d="M100,5 A45,45 0 0 0 100,95" fill="none" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>              </svg>'),
      url('data:image/svg+xml;utf8,              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100">                <path d="M0,5 A45,45 0 0 1 0,95" fill="none" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>              </svg>'),
      url('data:image/svg+xml;utf8,              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">                <g fill="none" stroke="black" stroke-width="1">                  <line x1="0" y1="5" x2="100" y2="5" vector-effect="non-scaling-stroke"/>                  <line x1="0" y1="95" x2="100" y2="95" vector-effect="non-scaling-stroke"/>                </g>              </svg>');
    mask-image:
      url('data:image/svg+xml;utf8,              <svg xmlns="http://www.w3.org/2000/svg" viewBox="50 0 50 100">                <path d="M100,5 A45,45 0 0 0 100,95" fill="none" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>              </svg>'),
      url('data:image/svg+xml;utf8,              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100">                <path d="M0,5 A45,45 0 0 1 0,95" fill="none" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>              </svg>'),
      url('data:image/svg+xml;utf8,              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">                <g fill="none" stroke="black" stroke-width="1">                  <line x1="0" y1="5" x2="100" y2="5" vector-effect="non-scaling-stroke"/>                  <line x1="0" y1="95" x2="100" y2="95" vector-effect="non-scaling-stroke"/>                </g>              </svg>');
  }
}
.svg-mask-image-animation .shapes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 50rem;
}
.svg-mask-image-animation .shapes [class*=-fill] .gradient {
  -webkit-filter: blur(8rem);
  filter: blur(8rem);
  opacity: 0.2;
}
.svg-mask-image-animation .shapes .shape {
  position: relative;
  z-index: 1;
  width: 300rem;
  overflow: hidden;
  aspect-ratio: 1;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.svg-mask-image-animation .shapes .shape--circle-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="45" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="45" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--circle-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="45" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="45" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--diamond-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,50 50,95 5,50" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,50 50,95 5,50" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--diamond-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,50 50,95 5,50" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,50 50,95 5,50" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--ellipse-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50" cy="50" rx="33" ry="50" transform="rotate(33 50 50)" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50" cy="50" rx="33" ry="50" transform="rotate(33 50 50)" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--ellipse-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50" cy="50" rx="33" ry="50" transform="rotate(33 50 50)" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50" cy="50" rx="33" ry="50" transform="rotate(33 50 50)" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--hexagon-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 90,25 90,75 50,95 10,75 10,25" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 90,25 90,75 50,95 10,75 10,25" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--hexagon-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 90,25 90,75 50,95 10,75 10,25" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 90,25 90,75 50,95 10,75 10,25" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--octagon-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="30,5 70,5 95,30 95,70 70,95 30,95 5,70 5,30" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="30,5 70,5 95,30 95,70 70,95 30,95 5,70 5,30" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--octagon-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="30,5 70,5 95,30 95,70 70,95 30,95 5,70 5,30" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="30,5 70,5 95,30 95,70 70,95 30,95 5,70 5,30" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--pentagon-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,38 77,90 23,90 5,38" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,38 77,90 23,90 5,38" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--pentagon-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,38 77,90 23,90 5,38" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,38 77,90 23,90 5,38" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--square-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--square-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--triangle-1-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="5,5 95,5 50,95" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="5,5 95,5 50,95" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--triangle-1-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="5,5 95,5 50,95" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="5,5 95,5 50,95" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--triangle-2-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,95 5,95" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,95 5,95" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--triangle-2-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,95 5,95" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,95 5,95" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-circle-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="42" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="42" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-circle-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="42" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="42" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-diamond-1-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.1715 7.57354C48.7336 6.01145 51.2663 6.01145 52.8284 7.57354L92.4264 47.1715C93.9885 48.7336 93.9885 51.2663 92.4264 52.8284L52.8284 92.4264C51.2663 93.9885 48.7336 93.9885 47.1715 92.4264L7.57354 52.8284C6.01145 51.2663 6.01145 48.7336 7.57354 47.1715L47.1715 7.57354Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.1715 7.57354C48.7336 6.01145 51.2663 6.01145 52.8284 7.57354L92.4264 47.1715C93.9885 48.7336 93.9885 51.2663 92.4264 52.8284L52.8284 92.4264C51.2663 93.9885 48.7336 93.9885 47.1715 92.4264L7.57354 52.8284C6.01145 51.2663 6.01145 48.7336 7.57354 47.1715L47.1715 7.57354Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-diamond-1-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.1715 7.57354C48.7336 6.01145 51.2663 6.01145 52.8284 7.57354L92.4264 47.1715C93.9885 48.7336 93.9885 51.2663 92.4264 52.8284L52.8284 92.4264C51.2663 93.9885 48.7336 93.9885 47.1715 92.4264L7.57354 52.8284C6.01145 51.2663 6.01145 48.7336 7.57354 47.1715L47.1715 7.57354Z" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.1715 7.57354C48.7336 6.01145 51.2663 6.01145 52.8284 7.57354L92.4264 47.1715C93.9885 48.7336 93.9885 51.2663 92.4264 52.8284L52.8284 92.4264C51.2663 93.9885 48.7336 93.9885 47.1715 92.4264L7.57354 52.8284C6.01145 51.2663 6.01145 48.7336 7.57354 47.1715L47.1715 7.57354Z" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-diamond-2-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.6614 7.55904C48.2424 5.16328 51.7575 5.16329 53.3385 7.55905L79.8922 47.7968C80.7741 49.1332 80.7741 50.8668 79.8922 52.2032L53.3385 92.441C51.7575 94.8367 48.2424 94.8367 46.6614 92.441L20.1077 52.2032C19.2258 50.8668 19.2258 49.1332 20.1077 47.7968L46.6614 7.55904Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.6614 7.55904C48.2424 5.16328 51.7575 5.16329 53.3385 7.55905L79.8922 47.7968C80.7741 49.1332 80.7741 50.8668 79.8922 52.2032L53.3385 92.441C51.7575 94.8367 48.2424 94.8367 46.6614 92.441L20.1077 52.2032C19.2258 50.8668 19.2258 49.1332 20.1077 47.7968L46.6614 7.55904Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-diamond-2-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.6614 7.55904C48.2424 5.16328 51.7575 5.16329 53.3385 7.55905L79.8922 47.7968C80.7741 49.1332 80.7741 50.8668 79.8922 52.2032L53.3385 92.441C51.7575 94.8367 48.2424 94.8367 46.6614 92.441L20.1077 52.2032C19.2258 50.8668 19.2258 49.1332 20.1077 47.7968L46.6614 7.55904Z" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.6614 7.55904C48.2424 5.16328 51.7575 5.16329 53.3385 7.55905L79.8922 47.7968C80.7741 49.1332 80.7741 50.8668 79.8922 52.2032L53.3385 92.441C51.7575 94.8367 48.2424 94.8367 46.6614 92.441L20.1077 52.2032C19.2258 50.8668 19.2258 49.1332 20.1077 47.7968L46.6614 7.55904Z" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-ellipse-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50.0001" cy="50.0001" rx="35.121" ry="50.3444" transform="rotate(45 50.0001 50.0001)" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50.0001" cy="50.0001" rx="35.121" ry="50.3444" transform="rotate(45 50.0001 50.0001)" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-ellipse-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50.0001" cy="50.0001" rx="35.121" ry="50.3444" transform="rotate(45 50.0001 50.0001)" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50.0001" cy="50.0001" rx="35.121" ry="50.3444" transform="rotate(45 50.0001 50.0001)" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-hexagon-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.9939 4.66292C49.2346 3.9437 50.7654 3.9437 52.0061 4.66292L88.1132 25.5941C89.3474 26.3096 90.1071 27.6282 90.1071 29.0547V70.9453C90.1071 72.3718 89.3474 73.6904 88.1132 74.4059L52.0061 95.3371C50.7654 96.0563 49.2346 96.0563 47.9939 95.3371L11.8867 74.4059C10.6526 73.6904 9.89282 72.3718 9.89282 70.9453V29.0547C9.89282 27.6282 10.6526 26.3096 11.8867 25.5941L47.9939 4.66292Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.9939 4.66292C49.2346 3.9437 50.7654 3.9437 52.0061 4.66292L88.1132 25.5941C89.3474 26.3096 90.1071 27.6282 90.1071 29.0547V70.9453C90.1071 72.3718 89.3474 73.6904 88.1132 74.4059L52.0061 95.3371C50.7654 96.0563 49.2346 96.0563 47.9939 95.3371L11.8867 74.4059C10.6526 73.6904 9.89282 72.3718 9.89282 70.9453V29.0547C9.89282 27.6282 10.6526 26.3096 11.8867 25.5941L47.9939 4.66292Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-hexagon-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.9939 4.66292C49.2346 3.9437 50.7654 3.9437 52.0061 4.66292L88.1132 25.5941C89.3474 26.3096 90.1071 27.6282 90.1071 29.0547V70.9453C90.1071 72.3718 89.3474 73.6904 88.1132 74.4059L52.0061 95.3371C50.7654 96.0563 49.2346 96.0563 47.9939 95.3371L11.8867 74.4059C10.6526 73.6904 9.89282 72.3718 9.89282 70.9453V29.0547C9.89282 27.6282 10.6526 26.3096 11.8867 25.5941L47.9939 4.66292Z" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.9939 4.66292C49.2346 3.9437 50.7654 3.9437 52.0061 4.66292L88.1132 25.5941C89.3474 26.3096 90.1071 27.6282 90.1071 29.0547V70.9453C90.1071 72.3718 89.3474 73.6904 88.1132 74.4059L52.0061 95.3371C50.7654 96.0563 49.2346 96.0563 47.9939 95.3371L11.8867 74.4059C10.6526 73.6904 9.89282 72.3718 9.89282 70.9453V29.0547C9.89282 27.6282 10.6526 26.3096 11.8867 25.5941L47.9939 4.66292Z" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-octagon-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M48.0866 5.71004C49.3117 5.20257 50.6883 5.20257 51.9134 5.71004L79.9649 17.3294C81.1901 17.8368 82.1634 18.8102 82.6709 20.0353L94.2902 48.0868C94.7977 49.312 94.7977 50.6885 94.2902 51.9137L82.6709 79.9652C82.1634 81.1903 81.19 82.1637 79.9649 82.6711L51.9134 94.2904C50.6883 94.7979 49.3117 94.7979 48.0866 94.2904L20.0351 82.6711C18.8099 82.1637 17.8366 81.1903 17.3291 79.9652L5.7098 51.9137C5.20233 50.6885 5.20233 49.312 5.7098 48.0868L17.3291 20.0353C17.8366 18.8102 18.8099 17.8368 20.0351 17.3294L48.0866 5.71004Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M48.0866 5.71004C49.3117 5.20257 50.6883 5.20257 51.9134 5.71004L79.9649 17.3294C81.1901 17.8368 82.1634 18.8102 82.6709 20.0353L94.2902 48.0868C94.7977 49.312 94.7977 50.6885 94.2902 51.9137L82.6709 79.9652C82.1634 81.1903 81.19 82.1637 79.9649 82.6711L51.9134 94.2904C50.6883 94.7979 49.3117 94.7979 48.0866 94.2904L20.0351 82.6711C18.8099 82.1637 17.8366 81.1903 17.3291 79.9652L5.7098 51.9137C5.20233 50.6885 5.20233 49.312 5.7098 48.0868L17.3291 20.0353C17.8366 18.8102 18.8099 17.8368 20.0351 17.3294L48.0866 5.71004Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-octagon-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M48.0866 5.71004C49.3117 5.20257 50.6883 5.20257 51.9134 5.71004L79.9649 17.3294C81.1901 17.8368 82.1634 18.8102 82.6709 20.0353L94.2902 48.0868C94.7977 49.312 94.7977 50.6885 94.2902 51.9137L82.6709 79.9652C82.1634 81.1903 81.19 82.1637 79.9649 82.6711L51.9134 94.2904C50.6883 94.7979 49.3117 94.7979 48.0866 94.2904L20.0351 82.6711C18.8099 82.1637 17.8366 81.1903 17.3291 79.9652L5.7098 51.9137C5.20233 50.6885 5.20233 49.312 5.7098 48.0868L17.3291 20.0353C17.8366 18.8102 18.8099 17.8368 20.0351 17.3294L48.0866 5.71004Z" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M48.0866 5.71004C49.3117 5.20257 50.6883 5.20257 51.9134 5.71004L79.9649 17.3294C81.1901 17.8368 82.1634 18.8102 82.6709 20.0353L94.2902 48.0868C94.7977 49.312 94.7977 50.6885 94.2902 51.9137L82.6709 79.9652C82.1634 81.1903 81.19 82.1637 79.9649 82.6711L51.9134 94.2904C50.6883 94.7979 49.3117 94.7979 48.0866 94.2904L20.0351 82.6711C18.8099 82.1637 17.8366 81.1903 17.3291 79.9652L5.7098 51.9137C5.20233 50.6885 5.20233 49.312 5.7098 48.0868L17.3291 20.0353C17.8366 18.8102 18.8099 17.8368 20.0351 17.3294L48.0866 5.71004Z" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-pentagon-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">            <path d="M47.0612 5.90967C48.8136 4.63645 51.1866 4.63645 52.939 5.90967L94.614 36.1883C96.3664 37.4615 97.0997 39.7184 96.4303 41.7785L80.5119 90.7704C79.8426 92.8305 77.9228 94.2253 75.7566 94.2253H24.2435C22.0774 94.2253 20.1576 92.8305 19.4883 90.7704L3.56983 41.7785C2.90046 39.7184 3.63375 37.4615 5.38619 36.1883L47.0612 5.90967Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>        ');
  mask-image: url('data:image/svg+xml;utf8,          <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">            <path d="M47.0612 5.90967C48.8136 4.63645 51.1866 4.63645 52.939 5.90967L94.614 36.1883C96.3664 37.4615 97.0997 39.7184 96.4303 41.7785L80.5119 90.7704C79.8426 92.8305 77.9228 94.2253 75.7566 94.2253H24.2435C22.0774 94.2253 20.1576 92.8305 19.4883 90.7704L3.56983 41.7785C2.90046 39.7184 3.63375 37.4615 5.38619 36.1883L47.0612 5.90967Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>        ');
}
.svg-mask-image-animation .shapes .shape--rounded-pentagon-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">            <path d="M47.0612 5.90967C48.8136 4.63645 51.1866 4.63645 52.939 5.90967L94.614 36.1883C96.3664 37.4615 97.0997 39.7184 96.4303 41.7785L80.5119 90.7704C79.8426 92.8305 77.9228 94.2253 75.7566 94.2253H24.2435C22.0774 94.2253 20.1576 92.8305 19.4883 90.7704L3.56983 41.7785C2.90046 39.7184 3.63375 37.4615 5.38619 36.1883L47.0612 5.90967Z" fill="black" />          </svg>        ');
  mask-image: url('data:image/svg+xml;utf8,          <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">            <path d="M47.0612 5.90967C48.8136 4.63645 51.1866 4.63645 52.939 5.90967L94.614 36.1883C96.3664 37.4615 97.0997 39.7184 96.4303 41.7785L80.5119 90.7704C79.8426 92.8305 77.9228 94.2253 75.7566 94.2253H24.2435C22.0774 94.2253 20.1576 92.8305 19.4883 90.7704L3.56983 41.7785C2.90046 39.7184 3.63375 37.4615 5.38619 36.1883L47.0612 5.90967Z" fill="black" />          </svg>        ');
}
.svg-mask-image-animation .shapes .shape--rounded-square-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" rx="4" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" rx="4" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-square-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" rx="4" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" rx="4" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-triangle-1-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M53.4641 87.4131C51.9245 90.0798 48.0755 90.0797 46.5359 87.4131L6.79914 18.5869C5.25954 15.9203 7.18405 12.5869 10.2632 12.5869L89.7369 12.5869C92.8161 12.5869 94.7405 15.9203 93.2009 18.5869L53.4641 87.4131Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M53.4641 87.4131C51.9245 90.0798 48.0755 90.0797 46.5359 87.4131L6.79914 18.5869C5.25954 15.9203 7.18405 12.5869 10.2632 12.5869L89.7369 12.5869C92.8161 12.5869 94.7405 15.9203 93.2009 18.5869L53.4641 87.4131Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-triangle-1-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M53.4641 87.4131C51.9245 90.0798 48.0755 90.0797 46.5359 87.4131L6.79914 18.5869C5.25954 15.9203 7.18405 12.5869 10.2632 12.5869L89.7369 12.5869C92.8161 12.5869 94.7405 15.9203 93.2009 18.5869L53.4641 87.4131Z" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M53.4641 87.4131C51.9245 90.0798 48.0755 90.0797 46.5359 87.4131L6.79914 18.5869C5.25954 15.9203 7.18405 12.5869 10.2632 12.5869L89.7369 12.5869C92.8161 12.5869 94.7405 15.9203 93.2009 18.5869L53.4641 87.4131Z" fill="black" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-triangle-2-stroke {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.5359 12.5869C48.0755 9.92024 51.9245 9.92025 53.4641 12.5869L93.2009 81.4131C94.7405 84.0797 92.816 87.4131 89.7368 87.4131H10.2632C7.18395 87.4131 5.25946 84.0797 6.79906 81.4131L46.5359 12.5869Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.5359 12.5869C48.0755 9.92024 51.9245 9.92025 53.4641 12.5869L93.2009 81.4131C94.7405 84.0797 92.816 87.4131 89.7368 87.4131H10.2632C7.18395 87.4131 5.25946 84.0797 6.79906 81.4131L46.5359 12.5869Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>');
}
.svg-mask-image-animation .shapes .shape--rounded-triangle-2-fill {
  -webkit-mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.5359 12.5869C48.0755 9.92024 51.9245 9.92025 53.4641 12.5869L93.2009 81.4131C94.7405 84.0797 92.816 87.4131 89.7368 87.4131H10.2632C7.18395 87.4131 5.25946 84.0797 6.79906 81.4131L46.5359 12.5869Z" fill="black" />          </svg>');
  mask-image: url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.5359 12.5869C48.0755 9.92024 51.9245 9.92025 53.4641 12.5869L93.2009 81.4131C94.7405 84.0797 92.816 87.4131 89.7368 87.4131H10.2632C7.18395 87.4131 5.25946 84.0797 6.79906 81.4131L46.5359 12.5869Z" fill="black" />          </svg>');
}
.svg-text-on-path-animation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5vw;
  min-height: 100vh;
  opacity: 0;
  color: black;
}
.svg-text-on-path-animation__html {
  scrollbar-width: thin;
}
.svg-text-on-path-animation__body {
  background: white;
  font-family: "DM Sans", sans-serif;
}
.svg-text-on-path-animation svg {
  overflow: visible;
}
.svg-text-on-path-animation .ellipse {
  width: 30vw;
}
.svg-text-on-path-animation .ellipse svg {
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  width: 100%;
  height: 100%;
}
.svg-text-on-path-animation .shape {
  display: none;
  width: 30vw;
}
.svg-text-on-path-animation .shape svg {
  width: 100%;
  height: 100%;
}
.swup {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  color: #333;
  font-family: "Inter", sans-serif;
  font-size: 1.4vw;
  font-weight: 200;
  line-height: 160%;
}
.swup__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 2vw;
  padding: 6.6666666667vw;
  background: #EE657A;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.swup__header--1 {
  background: #DB3838;
}
.swup__header--1 ~ .swup__main .swup__shape {
  background: #DB3838;
}
.swup__header--2 {
  background: #F6621F;
}
.swup__header--2 ~ .swup__main .swup__shape {
  background: #F6621F;
}
.swup__header--3 {
  background: #F9A228;
}
.swup__header--3 ~ .swup__main .swup__shape {
  background: #F9A228;
}
.swup__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 2vw;
  font-size: 65%;
  font-weight: 400;
}
.swup__link {
  position: relative;
  z-index: 1;
  color: #FFF;
}
.swup__link::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  border-bottom: 1px solid #FFF;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.swup__link--active::after,
.swup__link:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.swup__link:hover {
  color: #FFF;
}
.swup__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse nowrap;
  flex-flow: row-reverse nowrap;
  gap: 6.6666666667vw;
  width: 66.6666666667vw;
  min-height: 200vh;
  padding: 6.6666666667vw;
  -webkit-transition: opacity 0.5s, -webkit-transform 1s;
  transition: opacity 0.5s, -webkit-transform 1s;
  transition: transform 1s, opacity 0.5s;
  transition:
    transform 1s,
    opacity 0.5s,
    -webkit-transform 1s;
}
.swup__main h2 {
  margin-bottom: 1.5em;
  font-size: 150%;
  font-weight: 400;
  line-height: 123%;
  -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: opacity 0.7s, -webkit-transform 0.7s;
  transition: transform 0.7s, opacity 0.7s;
  transition:
    transform 0.7s,
    opacity 0.7s,
    -webkit-transform 0.7s;
}
.swup__main p {
  margin-bottom: 1em;
  -webkit-transition: opacity 0.7s 0.2s, -webkit-transform 0.7s 0.2s;
  transition: opacity 0.7s 0.2s, -webkit-transform 0.7s 0.2s;
  transition: transform 0.7s 0.2s, opacity 0.7s 0.2s;
  transition:
    transform 0.7s 0.2s,
    opacity 0.7s 0.2s,
    -webkit-transform 0.7s 0.2s;
}
.swup__main p:nth-of-type(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.swup__main button {
  margin-top: 0.5em;
  color: #F9A228;
  font-family: inherit;
  font-size: 65%;
  -webkit-transition: opacity 0.7s 0.6s, -webkit-transform 0.7s 0.6s;
  transition: opacity 0.7s 0.6s, -webkit-transform 0.7s 0.6s;
  transition: transform 0.7s 0.6s, opacity 0.7s 0.6s;
  transition:
    transform 0.7s 0.6s,
    opacity 0.7s 0.6s,
    -webkit-transform 0.7s 0.6s;
}
.swup__shape {
  width: 16.6666666667vw;
  margin-top: 0.6666666667vw;
  aspect-ratio: 1;
  background: #EE657A;
}
html.is-animating.is-rendering .swup__main h2 {
  -webkit-transform: translateY(2vw);
  transform: translateY(2vw);
  opacity: 0;
}
html.is-animating.is-rendering .swup__main p,
html.is-animating.is-rendering .swup__main button {
  -webkit-transform: translateY(4vw);
  transform: translateY(4vw);
  opacity: 0;
}
html.is-animating.is-leaving .swup__main h2,
html.is-animating.is-leaving .swup__main p,
html.is-animating.is-leaving .swup__main button {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.tdc {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
}
.tdc__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1234px;
  perspective: 1234px;
  min-height: 100%;
  padding: 10vw;
}
.tdc__carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: relative;
  z-index: 1;
  width: 50vw;
  max-width: 2345px;
  -webkit-transform-style: inherit;
  transform-style: inherit;
  -webkit-perspective: inherit;
  perspective: inherit;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  margin-top: -18vw;
  aspect-ratio: 1;
}
.tdc__carousel-ring-3d,
.tdc__carousel-ring-2d {
  -webkit-transform-style: inherit;
  transform-style: inherit;
  width: 100%;
  height: 100%;
}
.tdc__carousel-ring-3d {
  -webkit-transform: translateZ(-15vw) rotateX(75deg);
  transform: translateZ(-15vw) rotateX(75deg);
  border-radius: 50%;
}
.tdc__carousel-item {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform-style: inherit;
  transform-style: inherit;
  -webkit-perspective: inherit;
  perspective: inherit;
  width: 0;
  aspect-ratio: 1;
  -webkit-transform: rotateX(-75deg);
  transform: rotateX(-75deg);
}
.tdc__carousel-item--binni {
  top: 100%;
  left: 50%;
}
.tdc__carousel-item--elmar {
  top: 75%;
  left: 7%;
}
.tdc__carousel-item--gardar {
  top: 25%;
  left: 7%;
}
.tdc__carousel-item--gudjon {
  top: 0;
  left: 50%;
}
.tdc__carousel-item--gunni {
  top: 25%;
  left: 93%;
}
.tdc__carousel-item--snorri {
  top: 75%;
  left: 93%;
}
.tdc__carousel-item > div {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform-style: inherit;
  transform-style: inherit;
}
.tdc__carousel-item > div::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 7vw;
  aspect-ratio: 1;
  border-radius: 50%;
}
.tdc__carousel-item picture {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10vw;
  max-width: 150px;
  pointer-events: none;
}
.tdc__carousel-item picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.tdc__carousel-line {
  position: absolute;
  inset: 0 50%;
  z-index: 2;
}
.tdc__carousel-line + .tdc__carousel-line {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.tdc__carousel-line + .tdc__carousel-line + .tdc__carousel-line {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.tdc__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 64px;
  position: relative;
  z-index: 2;
}
.tdc__controls button {
  position: relative;
  z-index: 1;
  font-size: 24px;
}
.tdc__controls button:first-of-type {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.tdc__controls button::before {
  content: "";
  position: absolute;
  inset: -20px;
  z-index: -1;
}
.timeline-container {
  position: relative;
  z-index: 5;
}
.timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #000;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 10vw;
  font-weight: 300;
}
.timeline .timeline__markers {
  position: relative;
  z-index: 3;
  width: 0.2vw;
  min-height: 100vh;
  margin: 75vh 0;
  background: #fff;
  color: #fff;
}
.timeline .timeline__markers [data-label] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  margin-bottom: 95vh;
  font-size: 5vw;
  line-height: 123%;
}
.timeline .timeline__markers [data-label]:last-child {
  -webkit-transform: translateY(calc(100% - 0.3vw));
  transform: translateY(calc(100% - 0.3vw));
  margin-bottom: 0;
}
.timeline .timeline__markers [data-label]::before {
  content: attr(data-label);
  display: block;
}
.timeline .timeline__markers [data-label]::after {
  content: "";
  position: absolute;
  inset: 0 auto auto;
  z-index: 1;
  width: 3vw;
  border-bottom: 0.2vw solid #fff;
}
.timeline .timeline__markers [data-label]:nth-child(even)::before {
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  padding-right: 5vw;
  text-align: right;
}
.timeline .timeline__markers [data-label]:nth-child(even)::after {
  right: 0;
}
.timeline .timeline__markers [data-label]:nth-child(odd)::before {
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  padding-left: 5vw;
  text-align: left;
}
.timeline .timeline__markers [data-label]:nth-child(odd)::after {
  left: 0;
}
.timeline .timeline__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  z-index: 2;
  margin-right: -3vw;
  font-size: 15vw;
  font-weight: 100;
  letter-spacing: 0.2em;
  letter-spacing: 3vw;
  line-height: 123%;
  text-align: center;
  word-break: break-all;
}
.timeline .timeline__day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5vw;
  position: fixed;
  inset: auto auto 5vw 5vw;
  z-index: 2;
  font-size: 5vw;
  line-height: 123%;
}
.timeline .timeline__day hr {
  display: block;
  margin: 0;
  width: 1.5vw;
  border: 0;
  border-bottom: 0.2vw solid #fff;
}
.timeline .timeline__day span {
  display: block;
  margin: 0;
  width: 10vw;
  border: 0;
  border-bottom: 0.2vw solid #fff;
}
.timeline .timeline__year {
  position: fixed;
  inset: auto 5vw 5vw auto;
  z-index: 2;
  font-size: 5vw;
  line-height: 123%;
}
.timeline .timeline__photos {
  position: fixed;
  inset: 10vw;
  z-index: 1;
}
.timeline .timeline__photos img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.v2023-page {
  position: relative;
  z-index: 1;
  color: #292F35;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.v2023-pin-container {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 1px;
}
.v2023-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: calc(50vh - 7vw);
  left: 3vw;
  z-index: 3;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
  width: 10vw;
  aspect-ratio: 1;
  background: #FF3D00;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.12);
}
.v2023-logo svg {
  width: 50%;
}
.v2023-logo svg path {
  fill: #fff;
}
.v2023-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  width: 5vw;
  aspect-ratio: 1;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Inter", sans-serif;
  line-height: 1;
  cursor: pointer;
}
.v2023-button span {
  margin-top: -0.2vw;
}
.v2023-button--navigation {
  top: 3.5vw;
  right: 3vw;
  font-size: 3vw;
  font-weight: 100;
}
.v2023-button--contact {
  top: calc(100vh - 8.5vw);
  right: 3vw;
  font-size: 1.5vw;
  font-weight: 200;
}
.v2023-scroll-indicator {
  position: absolute;
  top: 30vh;
  right: 5.5vw;
  bottom: 0;
  z-index: -1;
  height: 40vh;
  background: rgba(0, 0, 0, 0.05);
}
.v2023-scroll-indicator div {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  height: 100%;
  margin: 0;
  border: 0;
  border-right: 1px solid #FF3D00;
}
.v2023-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: relative;
  z-index: 1;
  min-height: 100vh;
  padding: 12vw 18vw;
  font-family: "Gloock", serif;
  font-size: 3vw;
  text-align: center;
}
.v2023-section--intro {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100vw;
  height: 300vh;
  padding: 0 18vw 200vh;
  text-align: center;
}
.v2023-section--intro h1 {
  margin-bottom: 2vw;
  font-family: "Gloock", serif;
  font-size: 8vw;
  line-height: 1;
  font-weight: 400;
  text-align: center;
}
.v2023-section--intro h1 span {
  display: block;
  white-space: nowrap;
}
.v2023-section--intro h1 strong {
  color: #FF3D00;
}
.v2023-section--texts {
  margin-top: 300vh;
  padding: 0 18vw;
}
.v2023-section--texts .v2023-section__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5vw;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
.v2023-section--texts .v2023-section__text {
  text-align: left;
}
.v2023-section--texts .v2023-section__text p {
  display: inline-block;
}
.v2023-section--texts .v2023-section__text:nth-of-type(2) {
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
}
.v2023-section--texts .v2023-section__text:nth-of-type(3) {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.v2023-section--texts p {
  font-family: "Inter", sans-serif;
  font-size: 1.1vw;
  line-height: 160%;
}
.v2023-section--2 {
  background: #f3f3f3;
}
.v2023-footer {
  padding: 6vw 12vw;
  border-top: 1px solid #292F35;
  opacity: 0.1;
  font-family: "Gloock", serif;
  font-size: 3vw;
  text-align: center;
}
.v2024 {
  position: relative;
  z-index: 1;
  min-height: 300vh;
  background: #fff;
  color: rgb(41, 47, 53);
  font-family: "Inter", sans-serif;
}
.v2024__cursor {
  position: fixed;
  inset: -5vw auto auto 50vw;
  z-index: 9;
  width: 0;
  pointer-events: none;
}
.v2024__cursor-orb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15vw;
  padding: 1vw 3vw;
  aspect-ratio: 1;
  background: rgba(255, 61, 0, 0.9);
  border-radius: 50%;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" /></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" /></svg>');
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 7%;
  mask-size: 7%;
}
.v2024__cursor-orb span {
  display: block;
}
.v2024__cursor-orb > span > span {
  color: #fff;
  opacity: 0;
  font-family: "Inter", sans-serif;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 132%;
  text-align: center;
}
.v2024__cursor-blink {
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15vw;
  aspect-ratio: 1;
}
.v2024__cursor-blink > span {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1;
  background: rgb(255, 61, 0);
  border-radius: 50%;
}
.v2024__hero {
  width: 100vw;
  max-height: 100vh;
  padding: 11vw 15vw 0;
  aspect-ratio: 16/9;
  background: rgb(245, 242, 235);
}
.v2024__hero-hallo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2vw;
}
.v2024__hero-hallo-line {
  width: 3vw;
  height: 2px;
  margin: 0 1vw 0 0.3vw;
  background: rgb(255, 61, 0);
}
.v2024__hero-hallo-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2vw;
  font-weight: 700;
  letter-spacing: -0.02vw;
}
.v2024__hero-headline {
  position: relative;
  z-index: 1;
  width: 42vw;
  font-family: "Syne", sans-serif;
  font-size: 6vw;
  font-weight: 600;
  line-height: 110%;
}
.v2024__hero-headline-text span {
  display: block;
}
.v2024__hero-headline-text--left {
  clip-path: polygon(0 0, 49.5% 0, 22% 100%, 0 100%);
}
.v2024__hero-headline-text--right {
  position: absolute;
  inset: 0;
  z-index: 1;
  clip-path: polygon(49% 0, 100% 0, 100% 100%, 22% 100%);
}
.v2024__hero-text {
  position: relative;
  z-index: 1;
  width: 33vw;
  margin: -3vw 0 0 32vw;
}
.v2024__hero-text-line {
  display: block;
  width: 9vw;
  height: 2px;
  margin: 0 0 2vw;
  background: rgb(255, 61, 0);
}
.v2024__hero-text-text {
  position: relative;
  z-index: 1;
  font-family: "Syne", sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 160%;
}
.v2024__hero-text-text span {
  color: transparent;
  display: inline;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(41, 47, 53, 0.3)), color-stop(50%, rgb(41, 47, 53)));
  background: linear-gradient(to right, rgba(41, 47, 53, 0.3) 50%, rgb(41, 47, 53) 50%);
  -webkit-background-clip: text;
  background-clip: text;
  background-position: 100%;
  background-size: 200% 100%;
  pointer-events: none;
}
.v2024__hero-text-link {
  position: absolute;
  inset: 0;
  z-index: 2;
  font-size: 0;
}
.v2024__showreel {
  position: relative;
  z-index: 1;
  width: 100vw;
  margin-top: 5vw;
  padding: 0 0 0 30vw;
}
.v2024__showreel-line-and-text {
  position: absolute;
  inset: 5vw auto auto 5vw;
  z-index: 3;
  pointer-events: none;
}
.v2024__showreel-line {
  display: block;
  width: 45vw;
  height: 2px;
  background: rgb(255, 61, 0);
}
.v2024__showreel-text {
  display: inline-block;
  margin-top: 2vw;
  pointer-events: all;
}
.v2024__showreel-text-text {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-family: "Syne", sans-serif;
  font-size: 2.1vw;
  font-weight: 400;
  line-height: 160%;
}
.v2024__showreel-text-text span {
  color: transparent;
  display: inline;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(41, 47, 53, 0.3)), color-stop(50%, rgb(41, 47, 53)));
  background: linear-gradient(to right, rgba(41, 47, 53, 0.3) 50%, rgb(41, 47, 53) 50%);
  -webkit-background-clip: text;
  background-clip: text;
  background-position: 100%;
  background-size: 200% 100%;
  pointer-events: none;
}
.v2024__showreel-text-link {
  position: absolute;
  inset: 0;
  z-index: 2;
  font-size: 0;
}
.v2024__showreel-video {
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
.v2024__showreel-video-cover {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 1;
  width: 0;
}
.v2024__showreel-video-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 82vw;
  aspect-ratio: 1;
  background: rgb(255, 61, 0);
  border-radius: 50%;
}
.v2024__showreel-video video {
  position: relative;
  z-index: 2;
  width: 100%;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" /></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" /></svg>');
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 7%;
  mask-size: 7%;
}
.v2024__showreel-video-link {
  position: absolute;
  inset: 0;
  z-index: 3;
  font-size: 0;
}
.v2024__showreel-video--trailer {
  z-index: 1;
}
.v2024__showreel-video--full {
  display: none;
  position: absolute;
  inset: 0 auto auto;
  z-index: 2;
}
.v2024__showreel::before {
  content: "";
  position: absolute;
  inset: -5vw 0 10vw;
  z-index: -1;
  background: rgb(245, 242, 235);
}
.v2025 {
  position: relative;
  z-index: 1;
  min-height: 100%;
  opacity: 0;
  font-family: "DM Sans", sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 150%;
  -webkit-transition: background 0.321s, color 0.321s;
  transition: background 0.321s, color 0.321s;
}
.v2025[data-theme=black] {
  background: #292f35;
  color: #e8edf3;
}
.v2025[data-theme=black] .header {
  color: white;
}
.v2025[data-theme=white] {
  background: white;
  color: #292f35;
}
.v2025 .viewport {
  position: fixed;
  inset: 2px 2px auto;
  z-index: 5;
  width: calc(100% - 4px);
  max-height: calc(100vh - 4px);
  aspect-ratio: 16/10;
  border: 1px dashed magenta;
  pointer-events: none;
}
.v2025 .container {
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  padding: 0 6vw;
}
.v2025 .grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 2vw;
}
.v2025 .text__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 0.3em;
}
.v2025 .text__word {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.v2025 .text__word > div {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.v2025 .header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 2;
  border-bottom: 1px solid rgba(41, 47, 53, 0);
  -webkit-transition: background 0.321s, border 0.321s;
  transition: background 0.321s, border 0.321s;
}
.v2025 .header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10vw;
  height: 10vw;
}
.v2025 .header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.5vw;
}
.v2025 .header__logo svg {
  width: 100%;
}
.v2025 .header__logo svg path {
  -webkit-transition: fill 0.321s;
  transition: fill 0.321s;
}
.v2025 .header__logo[data-color=red] svg path {
  fill: #ff3d00;
}
.v2025 .header__logo[data-color=white] svg path {
  fill: white;
}
.v2025 .header__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2vw;
  font-size: 1.2vw;
  line-height: 150%;
  font-weight: 500;
}
.v2025 .header__navigation div {
  cursor: pointer;
}
.v2025 .main {
  z-index: 1;
}
.v2025 .hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.v2025 .hero__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 10vw 0 0 5vw;
  font-size: 4.5vw;
  font-weight: 700;
  line-height: 130%;
}
.v2025 .hero__text-animation {
  color: #ff3d00;
}
.v2025 .hero__text-animation-words {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 1;
  white-space: nowrap;
}
.v2025 .hero__showreel {
  position: relative;
  z-index: 1;
  margin-top: 6vw;
}
.v2025 .hero__showreel-video {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  aspect-ratio: 16/9;
  background: #ff3d00;
  border-radius: 1.5vw;
}
.v2025 .statement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10vw 0 30vw;
}
.v2025 .statement__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 3vw;
  font-weight: 700;
  line-height: 130%;
}
.v2025 .statement__text-animation {
  color: #ff3d00;
}
.v2025 .statement__text-animation-years {
  height: 3vw;
  padding-left: 1em;
}
.v2025 .statement__text-animation-years > div {
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 1;
  text-align: right;
}
.v2025 .statement__text-animation + .text__word {
  color: #ff3d00;
}
.v2025 .offer {
  padding: 25vw 0 0;
}
.v2025 .offer__column--images {
  grid-column: 1/span 5;
}
.v2025 .offer__column--text {
  grid-column: 7/span 6;
}
.v2025 .offer__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5vw;
  margin: 25vw 0 100vh;
}
.v2025 .offer__image {
  width: 100%;
  aspect-ratio: 1;
}
.v2025 .offer__image-content {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1;
}
.v2025 .offer__image-content-picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #ff3d00;
  border-radius: 1.5vw;
  color: white;
  font-size: 0.8vw;
  font-weight: 900;
}
.v2025 .offer__image-content-shadow {
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-transform: scale(1.05, 1);
  transform: scale(1.05, 1);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  -webkit-filter: blur(32px);
  filter: blur(32px);
}
.v2025 .offer__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.v2025 .offer__text-heading {
  margin-bottom: 2vw;
  color: #ff3d00;
  font-size: 0.8vw;
  font-weight: 900;
  line-height: 130%;
  text-transform: uppercase;
}
.v2025 .offer__text-detail {
  position: relative;
  z-index: 1;
  font-size: 3.5vw;
  font-weight: 700;
  line-height: 150%;
}
.v2025 .offer__text-detail-icon {
  position: absolute;
  inset: 50% auto auto 0;
  z-index: 1;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  width: 1vw;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ff3d00;
}
.v2025 .projects {
  padding: 0;
}
.v2025 .projects__text {
  margin-bottom: 5vw;
  font-size: 3vw;
  font-weight: 700;
  line-height: 130%;
}
.v2025 .projects__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 115vw;
  margin-bottom: 1.7vw;
  overflow: hidden;
}
.v2025 .projects__slider--2 {
  -webkit-transform: translateX(-15vw);
  transform: translateX(-15vw);
}
.v2025 .projects__slider-drag {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
}
.v2025 .projects__slider-group {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.7vw;
  min-width: 100%;
  padding-right: 1.7vw;
}
.v2025 .projects__slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 21vw;
  aspect-ratio: 1;
  background: #ff3d00;
  border-radius: 1.5vw;
  color: white;
  font-size: 0.8vw;
  font-weight: 900;
}
.v2025 .design {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100vh;
}
.v2025 .design__container {
  padding: 50vh 0 0;
}
.v2025 .design__animation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.v2025 .design__heading {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  position: relative;
  z-index: 2;
  line-height: 130%;
  text-align: center;
}
.v2025 .design__heading-numbers {
  position: relative;
  z-index: 1;
  color: #ff3d00;
  font-size: 5vw;
  font-weight: 700;
}
.v2025 .design__heading-text {
  color: inherit;
  font-size: 2vw;
  font-weight: 300;
}
.v2025 .design__heading-dot {
  position: absolute;
  inset: 30% auto auto 50%;
  z-index: 3;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.v2025 .design__heading-dot > div {
  -webkit-transform: rotate(119deg);
  transform: rotate(119deg);
  width: 9.6vw;
  aspect-ratio: 1;
  border: 1px dashed #ff3d00;
  border-radius: 50%;
}
.v2025 .design__heading-dot > div > div {
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 1;
  width: 1.4vw;
  aspect-ratio: 1;
  border: 0.4vw solid #ff3d00;
  border-radius: 50%;
}
.v2025 .design__circles {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.v2025 .design__circle {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.v2025 .design__circle-container {
  width: 30vw;
  aspect-ratio: 1;
}
.v2025 .design__circle-border {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid #ff3d00;
  border-radius: 50%;
}
.v2025 .design__circle-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.5vw;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.v2025 .design__circle-text > div {
  display: block;
  -webkit-transform: translateY(-1vw);
  transform: translateY(-1vw);
  font-weight: 700;
  line-height: 100%;
}
.v2025 .design__circle-text > div:nth-child(1) {
  color: #ff3d00;
  font-size: 1.5vw;
}
.v2025 .design__circle-text > div:nth-child(2) {
  font-size: 3.5vw;
}
.v2025 .clients {
  padding: 20vw 0 100vh;
}
.v2025 .clients__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.v2025 .clients__text-heading {
  margin-bottom: 1.4vw;
  color: #ff3d00;
  font-size: 0.8vw;
  font-weight: 900;
  line-height: 130%;
  text-transform: uppercase;
}
.v2025 .clients__text-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 3vw;
  font-weight: 700;
  line-height: 130%;
}
.v2025 .clients__text-animation {
  height: 3.9vw;
}
.v2025 .clients__text-animation > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  overflow: hidden;
  height: 100%;
}
.v2025 .clients__text-animation > div > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.v2025 .clients__text-animation > div > span > span:last-child {
  color: #ff3d00;
}
.v2025 .clients .grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4vw;
}
.v2025 .clients__logos {
  position: relative;
  z-index: 1;
  padding: 25vw 0 0;
}
.v2025 .clients__logo {
  grid-column: span 1;
}
.v2025 .clients__logo > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  aspect-ratio: 1;
  background: rgba(41, 47, 53, 0.3);
  border-radius: 50%;
  color: #292f35;
  font-size: 0.8vw;
  font-weight: 900;
  text-transform: uppercase;
}
.v2025 .company {
  padding: 0 0 100vh;
}
.v2025 .company__text {
  margin-bottom: 7vw;
  font-size: 3vw;
  font-weight: 700;
  line-height: 130%;
}
.v2025 .company__numbers-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 115vw;
  overflow: hidden;
}
.v2025 .company__numbers-slider-drag {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
}
.v2025 .company__numbers-slider-group {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 4vw;
  padding-right: 4vw;
}
.v2025 .company__numbers-slider hr {
  width: 1px;
  height: 12.5vw;
  margin: 0;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.v2025 .company__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2vw;
}
.v2025 .company__number-heading {
  color: #ff3d00;
  font-size: 0.8vw;
  font-weight: 900;
  line-height: 130%;
  text-transform: uppercase;
}
.v2025 .company__number-figure {
  font-size: 11vw;
  font-weight: 700;
  line-height: 85%;
}
.v2025 .company__number-figure .text__word > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  overflow: hidden;
}
.v2025 .company__number-figure .text__word > div span {
  display: block;
}
.video-scroll-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  z-index: 1;
}
.video-scroll-banner .banner {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff;
  border: 1px solid #000;
  cursor: pointer;
  inset: 0;
}
.video-scroll-banner .banner--300x250 {
  width: 300px;
  height: 250px;
}
.video-scroll-banner .banner--300x250 .banner__video {
  width: 300px;
  height: 250px;
}
.video-scroll-banner .banner--310x400 {
  width: 310px;
  height: 400px;
}
.video-scroll-banner .banner--310x400 .banner__video {
  width: 310px;
  height: 400px;
}
.video-scroll-banner .banner--1018x360 {
  width: 1018px;
  height: 360px;
}
.video-scroll-banner .banner--1018x360 .banner__video {
  width: 1018px;
  height: 360px;
}
.video-scroll-banner .banner__video {
  position: absolute;
  inset: -1px 0 0 -1px;
  z-index: 1;
  width: 310px;
  height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
}
.video-scroll-banner .banner__video-container {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.video-scroll-banner .banner__video-ghost {
  position: absolute;
  inset: 123% auto auto 123%;
  z-index: -1;
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
}
.video-scroll-banner .banner__scroll-area {
  width: 100%;
  height: 100%;
}
.video-scroll-banner .banner__scroll-container {
  position: absolute;
  inset: 0 -50px 0 0;
  z-index: 3;
  overflow: auto;
}
.video-scroll-banner .banner__text {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.video-scroll-banner .banner__text > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.video-scroll-banner .banner__text > div.banner__text-logo {
  bottom: calc(100% - 37px);
}
.video-scroll-banner .banner__text > div.banner__text-title {
  top: calc(100% - 37px);
}
.video-scroll-banner .banner__text > div.banner__text-cta--left {
  right: calc(100% - 37px);
}
.video-scroll-banner .banner__text > div.banner__text-cta--right {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: calc(100% - 37px);
}
.video-scroll-banner .banner__text > div.banner__text-background {
  z-index: 0;
  border: 37px solid #fff;
  -webkit-box-shadow: 0 0 0 37px #fff;
  box-shadow: 0 0 0 37px #fff;
}
.video-scroll-banner .debug {
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 1;
  padding: 30px;
  font-size: 11px;
  line-height: 130%;
}
.video-scroll-banner .debug::before {
  content: "debug:";
  font-weight: 700;
}