:root {
  --hero-accent: #f7f200;
  --hero-bg: #00192f;
  --hero-inter: "Inter", sans-serif;
  --hero-roboto-flex: "Roboto Flex", sans-serif;
  --page-width: 1920;
  --page-height: 10622;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  background: #ef371f;
}

body {
  font-family: var(--hero-inter);
  overflow-x: hidden;
}

.home .site-header,
.front-page-template .site-header {
  --home-page-scale: min(1, calc(100vw / 1920px));
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 20;
  width: 1920px;
  padding: 32px 40px 0;
  background: transparent;
  transform: translateX(-50%) scale(var(--home-page-scale));
  transform-origin: top center;
}

/* Shared footer now lives outside .page, so the static canvas height excludes it. */
.home .site-footer,
.front-page-template .site-footer {
  margin-top: 0;
}

.home .site-header__container,
.front-page-template .site-header__container {
  width: 1840px;
  margin: 0 auto;
  gap: 24px;
}

.home .site-header__nav,
.front-page-template .site-header__nav {
  max-width: none;
}

.home .site-header__menu,
.front-page-template .site-header__menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 810px;
  gap: 24px;
}

.home .site-header__menu .menu-item,
.front-page-template .site-header__menu .menu-item {
  list-style: none;
}

.home .site-header__socials,
.front-page-template .site-header__socials {
  gap: 16px;
}

.home .page,
.front-page-template .page {
  --page-height: 10289;
}

.page {
  --page-scale: min(1, calc(100vw / (var(--page-width) * 1px)));
  position: relative;
  width: 100%;
  min-height: calc(var(--page-height) * 1px * var(--page-scale));
}

.page__canvas {
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(var(--page-width) * 1px);
  transform: translateX(-50%) scale(var(--page-scale));
  transform-origin: top center;
}

.hero,
.story,
.directions,
.booking {
  margin: 0 auto;
}

.hero {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background: var(--hero-bg);
}

.hero__bg,
.hero__title-image,
.hero__slide,
.hero__showreel-photo,
.hero__showreel-ring,
.hero__showreel-play,
.hero__social-link img {
  display: block;
}

.hero__bg {
  position: absolute;
  top: 0;
  left: 0;
}

.hero__bg--base {
  z-index: 1;
  width: 1920px;
  height: 1080px;
  object-fit: cover;
}

.hero__title-image {
  position: absolute;
  top: 232px;
  left: 52px;
  z-index: 2;
  width: 1828px;
  height: 180px;
}

.hero__eyebrow,
.hero__quote,
.hero__menu-link,
.hero__showreel-char {
  color: var(--hero-accent);
}

.hero__eyebrow,
.hero__quote,
.hero__menu-link {
  font-family: var(--hero-inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.6px;
}

.hero__eyebrow {
  position: absolute;
  top: 193px;
  left: 965px;
  z-index: 3;
  margin: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

.hero__quote {
  position: absolute;
  top: 428px;
  left: 960px;
  z-index: 3;
  width: 282px;
  margin: 0;
  transform: translateX(-50%);
  text-align: center;
}

.hero__bg--foreground {
  z-index: 4;
  width: 1059px;
  height: 1080px;
  object-fit: cover;
  object-position: center bottom;
}

.hero__slide {
  position: absolute;
  top: 927px;
  left: 955px;
  z-index: 5;
  width: 11px;
  height: 87.5px;
}

.hero__slide-line,
.hero__slide-dot {
  position: absolute;
  left: 50%;
  display: block;
  transform: translateX(-50%);
}

.hero__slide-line {
  top: 0;
  width: 1px;
  height: 82.5px;
  background: var(--hero-accent);
}

.hero__slide-dot {
  top: 77px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid var(--hero-accent);
  background: transparent;
  animation: hero-slide-dot-bob 2.8s ease-in-out infinite;
  will-change: transform;
}

.hero__showreel {
  position: absolute;
  top: 639px;
  left: 1468px;
  z-index: 6;
  width: 368.166px;
  height: 364.83px;
}

.hero__showreel-photo {
  position: absolute;
  top: 71px;
  left: 74px;
  width: 221px;
  height: 221px;
}

.hero__showreel-ring {
  --showreel-rotation-start: -60.02deg;
  position: absolute;
  top: 45.977px;
  left: 52.195px;
  width: 263.775px;
  height: 272.876px;
  transform: rotate(var(--showreel-rotation-start));
  transform-origin: center;
  animation: hero-showreel-spin 24s linear infinite;
  will-change: transform;
}

.hero__showreel-arc {
  --showreel-rotation-start: 0deg;
  position: absolute;
  inset: 0;
  transform: rotate(var(--showreel-rotation-start));
  transform-origin: center;
  animation: hero-showreel-spin 24s linear infinite;
  will-change: transform;
}

.hero__showreel-char {
  position: absolute;
  top: var(--char-top);
  left: var(--char-left);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--char-width);
  height: var(--char-height);
  transform: translateY(-50%) rotate(var(--char-rotate));
  transform-origin: center;
  font-family: var(--hero-roboto-flex);
  font-size: 40px;
  font-style: normal;
  font-weight: 721;
  line-height: 72px;
  text-transform: uppercase;
  white-space: nowrap;
  font-variation-settings:
    "GRAD" -182,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 760,
    "wdth" 39,
    "opsz" 144;
}

.hero__showreel-play {
  position: absolute;
  top: 154px;
  left: 157px;
  z-index: 3;
  width: 55px;
  height: 55px;
  transform: rotate(90deg);
  transform-origin: center;
}

@keyframes hero-showreel-spin {
  from {
    transform: rotate(var(--showreel-rotation-start));
  }

  to {
    transform: rotate(calc(var(--showreel-rotation-start) + 360deg));
  }
}

@keyframes hero-slide-dot-bob {
  0%,
  100% {
    transform: translateX(-50%) translateY(0);
  }

  50% {
    transform: translateX(-50%) translateY(-20px);
  }
}

@keyframes directions-card-sway {
  0% {
    transform: rotate(var(--directions-card-rotate-start));
  }

  50% {
    transform: rotate(var(--directions-card-rotate-mid));
  }

  100% {
    transform: rotate(var(--directions-card-rotate-start));
  }
}

@keyframes about-accent-draw-loop {
  0% {
    stroke-dashoffset: 1600;
    opacity: 0;
  }

  8% {
    opacity: 1;
  }

  58% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@keyframes directions-title-caret {
  0%,
  49% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }
}

.hero__menu {
  position: absolute;
  top: 32px;
  left: 40px;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1840px;
  height: 24px;
}

.hero__menu-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 810px;
}

.hero__menu-link {
  text-decoration: none;
}

.hero__socials {
  display: flex;
  gap: 16px;
  align-items: center;
}

.hero__social-link {
  display: block;
  width: 24px;
  height: 24px;
}

.hero__social-link--telegram img {
  width: 24px;
  height: 24px;
}

.hero__social-link--instagram img {
  width: 22px;
  height: 22px;
  margin: 1px;
}

.story {
  position: relative;
  width: 1920px;
  height: 1619px;
  overflow: visible;
  background: #ef371f;
}

.story__background {
  position: absolute;
  top: 32px;
  left: 19px;
  z-index: 1;
  width: 1882px;
  height: 1467px;
  overflow: hidden;
  border-radius: 40px 40px 0 0;
  background: #ef371f url("../images/home/CTA-Background.webp") center top / cover no-repeat;
}

.story__line,
.story__figure {
  position: absolute;
  display: block;
}

.story__line {
  top: 24px;
  z-index: 2;
  width: 1px;
  height: 3352px;
  pointer-events: none;
}

.story__line--left {
  left: 507px;
}

.story__line--left-inner {
  left: 599px;
}

.story__line--right {
  left: 1403.06px;
}

.story__meta,
.story__quote,
.story__separator,
.story__title,
.story__text {
  position: absolute;
  z-index: 3;
  margin: 0;
  color: var(--hero-accent);
}

.story__meta {
  top: 76px;
  left: 119px;
  display: flex;
  gap: 62px;
  opacity: 0.5;
}

.story__meta-item {
  font-family: var(--hero-inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.6px;
  white-space: nowrap;
}

.story__title {
  top: 76px;
  left: 862px;
  width: 753px;
  font-family: var(--hero-roboto-flex);
  font-size: 100px;
  font-style: normal;
  font-weight: 627;
  line-height: 100px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 25;
}

.story__separator {
  top: 422px;
  left: 886.5px;
  transform: translateX(-50%);
  font-family: var(--hero-inter);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.96px;
  text-align: center;
  white-space: nowrap;
}

.story__quote,
.story__text {
  font-family: var(--hero-inter);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.96px;
}

.story__quote {
  top: 588px;
  left: 318px;
  width: 626px;
}

.story__quote em {
  font-style: italic;
  font-weight: 400;
}

.story__collage {
  position: absolute;
  top: 441px;
  left: 979px;
  z-index: 3;
  width: 873.361px;
  height: 830.176px;
}

.story__figure--mask {
  top: 168px;
  left: 87.245px;
  width: 274.45px;
  height: 337.09px;
  transform: rotate(15deg);
  transform-origin: center;
  overflow: hidden;
}

.story__figure--glasses {
  top: 480px;
  left: 301px;
  width: 368.902px;
  height: 263.682px;
  transform: rotate(-15deg);
  transform-origin: center;
  overflow: hidden;
}

.story__figure--wolf {
  top: 0;
  left: 387px;
  width: 426px;
  height: 385px;
  transform: rotate(-10deg);
  transform-origin: center;
  overflow: hidden;
}

.story__figure-image {
  position: absolute;
  display: block;
  max-width: none;
}

.story__figure-image--mask {
  top: -5.94%;
  left: -25.49%;
  width: 150.98%;
  height: 111.88%;
}

.story__figure-image--glasses {
  top: -27.74%;
  left: -17.86%;
  width: 135.76%;
  height: 172.87%;
}

.story__figure-image--wolf {
  top: -0.1%;
  left: 0.92%;
  width: 99.14%;
  height: 100.02%;
}

.story__quote,
.story__text,
.story__figure {
  transition:
    opacity 0.8s ease,
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.8s ease;
  will-change: opacity, transform;
}

.story__quote:not(.is-visible),
.story__text:not(.is-visible) {
  opacity: 0;
  filter: blur(6px);
}

.story__quote:not(.is-visible) {
  transform: translateY(48px);
}

.story__text--left:not(.is-visible) {
  transform: translateY(52px);
}

.story__text--right:not(.is-visible) {
  transform: translateY(56px);
}

.story__quote.is-visible,
.story__text.is-visible {
  opacity: 1;
  filter: blur(0);
}

.story__figure:not(.is-visible) {
  opacity: 0;
  filter: blur(10px);
}

.story__figure--glasses:not(.is-visible) {
  transform: translate3d(-34px, 30px, 0) rotate(-21deg) scale(0.92);
}

.story__figure--wolf:not(.is-visible) {
  transform: translate3d(36px, 16px, 0) rotate(-15deg) scale(0.92);
}

.story__figure--mask:not(.is-visible) {
  transform: translate3d(-18px, 42px, 0) rotate(9deg) scale(0.9);
}

.story__figure.is-visible {
  opacity: 1;
  filter: blur(0);
}

.story__text--left {
  top: 1064px;
  left: 318px;
  width: 831px;
}

.story__text--right {
  top: 1427px;
  left: 965px;
  width: 689px;
}

.directions {
  position: relative;
  width: 1920px;
  height: 2199px;
  overflow: hidden;
  background: #ef371f;
}

.directions__line-right-extension {
  position: absolute;
  top: 1228px;
  left: 1408.06px;
  z-index: 1;
  display: block;
  width: 1px;
  height: 3352px;
  pointer-events: none;
}

.directions__line-left-mobile {
  display: none;
}

.directions__cards {
  position: absolute;
  inset: 0;
  z-index: 3;
}

.directions__slider {
  overflow: visible;
}

.directions__cards .swiper-wrapper {
  display: contents;
}

.directions__card {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 336.946px;
  height: 533.137px;
  padding: 8px;
  border-radius: 8px;
  background: #002e5b;
  will-change: transform;
  opacity: 1;
}

.directions__card--japan-left {
  --directions-card-rotate-start: 1.96deg;
  --directions-card-rotate-mid: 3.56deg;
  top: 108.45px;
  left: 124.27px;
  transform: rotate(var(--directions-card-rotate-start));
  transform-origin: center;
}

.directions__card--italy {
  --directions-card-rotate-start: 4.13deg;
  --directions-card-rotate-mid: 2.33deg;
  top: 106.45px;
  left: 564.26px;
  transform: rotate(var(--directions-card-rotate-start));
  transform-origin: center;
}

.directions__card--bali {
  --directions-card-rotate-start: -2.71deg;
  --directions-card-rotate-mid: -1.01deg;
  top: 107.99px;
  left: 1018.19px;
  transform: rotate(var(--directions-card-rotate-start));
  transform-origin: center;
}

.directions__card--japan-right {
  --directions-card-rotate-start: 0.94deg;
  --directions-card-rotate-mid: 2.54deg;
  top: 134.43px;
  left: 1462.69px;
  transform: rotate(var(--directions-card-rotate-start));
  transform-origin: center;
}

@media (min-width: 768px) {
  .directions__card {
    transition:
      opacity 0.9s ease,
      transform 1.05s cubic-bezier(0.22, 1, 0.36, 1),
      filter 0.9s ease;
  }

  .directions__card:not(.is-visible) {
    opacity: 0;
    filter: blur(10px);
  }

  .directions__card--japan-left:not(.is-visible) {
    transform: translate3d(140px, 18px, 0) rotate(var(--directions-card-rotate-start));
  }

  .directions__card--italy:not(.is-visible) {
    transform: translate3d(150px, 10px, 0) rotate(var(--directions-card-rotate-start));
  }

  .directions__card--bali:not(.is-visible) {
    transform: translate3d(160px, 16px, 0) rotate(var(--directions-card-rotate-start));
  }

  .directions__card--japan-right:not(.is-visible) {
    transform: translate3d(170px, 14px, 0) rotate(var(--directions-card-rotate-start));
  }

  .directions__card.is-visible {
    opacity: 1;
    filter: blur(0);
  }

  .directions__card--japan-left.is-swaying {
    animation: directions-card-sway 4.4s ease-in-out infinite;
  }

  .directions__card--italy.is-swaying {
    animation: directions-card-sway 5s ease-in-out infinite 0.45s;
  }

  .directions__card--bali.is-swaying {
    animation: directions-card-sway 4.7s ease-in-out infinite 0.8s;
  }

  .directions__card--japan-right.is-swaying {
    animation: directions-card-sway 4.9s ease-in-out infinite 0.3s;
  }
}

.directions__card-image {
  display: block;
  width: 320.946px;
  height: 258.253px;
  border-radius: 4px;
  object-fit: cover;
}

.directions__card-body {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  width: 100%;
  padding-bottom: 16px;
}

.directions__card-head {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  color: var(--hero-accent);
  text-transform: uppercase;
}

.directions__card-kicker,
.directions__card-title,
.directions__highlight-kicker,
.directions__highlight-title,
.directions__highlight-date,
.directions__tag,
.directions__open {
  font-family: var(--hero-roboto-flex);
  font-style: normal;
  margin: 0;
}

.directions__card-kicker {
  font-size: 12px;
  font-weight: 900;
  line-height: 12px;
  letter-spacing: -0.6px;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 25,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 151,
    "opsz" 144;
}

.directions__card-title {
  font-size: 42px;
  font-weight: 900;
  line-height: 42px;
  letter-spacing: -2.1px;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 25,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 151,
    "opsz" 144;
}

.directions__card-foot {
  display: flex;
  gap: 16.286px;
  align-items: flex-start;
  width: 100%;
  padding-top: 16.286px;
  border-top: 0.814px solid rgba(247, 242, 0, 0.3);
}

.directions__card-text {
  flex: 1 0 0;
  margin: 0;
  color: var(--hero-accent);
  font-family: var(--hero-inter);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.42px;
}

.directions__card-arrow {
  display: block;
  width: 32.242px;
  height: 22.977px;
}

.directions__title {
  position: absolute;
  top: 530.633px;
  left: 960px;
  z-index: 2;
  margin: 0;
  transform: translateX(-50%);
  color: var(--hero-accent);
  font-family: var(--hero-roboto-flex);
  font-size: 520px;
  font-style: normal;
  font-weight: 627;
  line-height: 520px;
  letter-spacing: 5.2px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 25;
}

.directions__title.is-typing::after {
  content: "";
  display: inline-block;
  width: 0.08em;
  height: 0.78em;
  margin-left: 0.06em;
  vertical-align: -0.08em;
  background: currentColor;
  animation: directions-title-caret 0.9s steps(1) infinite;
}

.directions__controls {
  position: absolute;
  top: 1006.633px;
  left: 0;
  z-index: 4;
  width: 1920px;
  height: 64px;
}

.directions__tags {
  position: absolute;
  top: 0;
  left: 865px;
  display: flex;
  gap: 9px;
  align-items: center;
}

.directions__tag {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 64px;
  padding: 16px 24px;
  border: 1px solid #f7f200;
  border-radius: 999px;
  background: transparent;
  color: var(--hero-accent);
  font-size: 32px;
  font-weight: 550;
  line-height: 32px;
  text-transform: uppercase;
  white-space: nowrap;
  font-variation-settings:
    "GRAD" -182,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 760,
    "wdth" 39,
    "opsz" 144;
}

.directions__tag--active {
  background: #f7f200;
  color: #ef371f;
}

.directions__nav {
  position: absolute;
  top: 24px;
  display: block;
  width: 49px;
  height: 18px;
  cursor: pointer;
}

.directions__nav--prev {
  left: 84px;
}

.directions__nav--next {
  left: 1790px;
}

.directions__highlight {
  --highlight-appear-progress: 0;
  --highlight-progress: 0;
  --highlight-rise-progress: 0;
  position: absolute;
  top: 1259.633px;
  left: 19px;
  z-index: 4;
  width: 1882px;
  height: 870px;
  border-radius: 40px;
  overflow: hidden;
}

.directions__highlight-card {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 40px;
  transition:
    transform 0.95s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.95s ease;
  will-change: transform, opacity;
}

.directions__highlight-card--front {
  z-index: 2;
  transform:
    translate3d(
      0,
      calc(-48px * var(--highlight-rise-progress)),
      0
    )
    scale(calc(1 - (0.04 * var(--highlight-rise-progress))));
  opacity: calc(1 - (0.32 * var(--highlight-rise-progress)));
}

.directions__highlight-card--back {
  z-index: 4;
  transform:
    translate3d(
      0,
      calc(
        (640px * (1 - var(--highlight-appear-progress))) +
        (220px * (1 - var(--highlight-rise-progress)))
      ),
      0
    )
    scale(calc(0.92 + (0.08 * var(--highlight-rise-progress))));
  opacity: 1;
}

.directions__highlight-blur {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  object-fit: cover;
  object-position: center center;
}

.directions__highlight-image {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  object-fit: cover;
  object-position: center center;
}

.directions__highlight-copy {
  position: absolute;
  top: 83px;
  left: 70px;
  z-index: 3;
  color: var(--hero-accent);
}

.directions__highlight-kicker {
  margin: 0 0 8.633px;
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 25,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 151,
    "opsz" 144;
}

.directions__highlight-title {
  margin: 0 0 434.633px;
  font-size: 88px;
  font-weight: 900;
  line-height: 72px;
  letter-spacing: -1.76px;
  text-transform: uppercase;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 25,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 151,
    "opsz" 144;
}

.directions__highlight-date {
  margin: 0 0 23.633px;
  font-size: 100px;
  font-weight: 627;
  line-height: 100px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 25;
}

.directions__highlight-text {
  width: 559px;
  margin: 0;
  color: var(--hero-accent);
  font-family: var(--hero-inter);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
}

.directions__open {
  position: absolute;
  right: 70px;
  bottom: 70px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 56px;
  border: 1px solid #f7f200;
  border-radius: 999px;
  background: #f7f200;
  color: #ef371f;
  font-size: 40px;
  font-weight: 550;
  line-height: 32px;
  text-transform: uppercase;
  white-space: nowrap;
  font-variation-settings:
    "GRAD" -182,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 760,
    "wdth" 39,
    "opsz" 144;
}

.directions__highlight-copy--back,
.directions__open--back {
  z-index: 3;
}

.booking {
  position: relative;
  width: 1920px;
  height: 1471px;
  overflow: hidden;
  background: #ef371f;
  margin-bottom: 20px;
}

.booking__ellipse,
.booking__grid,
.booking__line {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.booking__ellipse,
.booking__line {
  display: block;
}

.booking__ellipse {
  top: 462.633px;
  left: -27px;
  width: 1969px;
  height: 1084px;
  background: linear-gradient(180deg, #EF371F 1.84%, #F7F200 59.26%);
  object-fit: contain;
}

.booking__grid {
  top: 0;
  left: 15px;
  width: 100%;
  height: 36px;
  background: url("../images/home/booking-collaborations-grid.webp") top left / 100% 36px no-repeat;
}

.booking__grid-line {
  display: none;
}

.booking__line {
  top: 3.5px;
  width: 1px;
  height: 2386.5px;
}

.booking__line--left {
  left: 512px;
}

.booking__line--left-inner {
  left: 604px;
}

.booking__line--right-continued {
  top: -971px;
  left: 1408.06px;
  height: 3352px;
}

.booking__title,
.booking__number,
.booking__text {
  position: absolute;
  z-index: 2;
  margin: 0;
  color: var(--hero-accent);
}

.booking__title,
.booking__number {
  font-family: var(--hero-roboto-flex);
  font-style: normal;
  font-weight: 627;
  text-transform: uppercase;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 25;
}

.booking__title {
  top: 106.633px;
  left: 767px;
  font-size: 100px;
  line-height: 100px;
  letter-spacing: 1px;
  white-space: nowrap;
}

.booking__step {
  position: absolute;
  z-index: 2;
}

.booking__number {
  font-size: 520px;
  line-height: 520px;
  letter-spacing: 5.2px;
  text-align: center;
  white-space: nowrap;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  will-change: opacity, transform;
}

.booking__number:not(.is-visible) {
  opacity: 0;
  transform: translateY(24px);
}

.booking__text {
  font-family: var(--hero-inter);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.72px;
}

.booking__step--1 {
  top: 290.633px;
  left: 239px;
  width: 348px;
  height: 370px;
}

.booking__step--1 .booking__number {
  top: 0;
  left: 0;
  width: 153px;
}

.booking__step--1 .booking__text {
  top: 0;
  left: 162px;
  width: 186px;
}

.booking__step--2 {
  top: 290.633px;
  left: 704px;
  width: 348px;
  height: 370px;
}

.booking__step--2 .booking__number {
  top: 0;
  left: 0;
  width: 153px;
}

.booking__step--2 .booking__text {
  top: 0;
  left: 162px;
  width: 186px;
}

.booking__step--3 {
  top: 290.633px;
  left: 1477px;
  width: 389px;
  height: 370px;
}

.booking__step--3 .booking__number {
  top: 0;
  left: 0;
  width: 153px;
}

.booking__step--3 .booking__text {
  top: 0;
  left: 162px;
  width: 227px;
}

.booking__step--4 {
  top: 764.633px;
  left: 185px;
  width: 419px;
  height: 370px;
}

.booking__step--4 .booking__number {
  top: 0;
  left: 0;
  width: 153px;
}

.booking__step--4 .booking__text {
  top: 0;
  left: 162px;
  width: 257px;
}

.booking__step--5 {
  top: 764.633px;
  left: 900px;
  width: 384px;
  height: 370px;
}

.booking__step--5 .booking__number {
  top: 0;
  left: 0;
  width: 153px;
}

.booking__step--5 .booking__text {
  top: 0;
  left: 162px;
  width: 222px;
}

.booking__step--6 {
  top: 943.633px;
  left: 1409px;
  width: 348px;
  height: 370px;
}

.booking__step--6 .booking__number {
  top: 0;
  left: 0;
  width: 153px;
}

.booking__step--6 .booking__text {
  top: 7px;
  left: 162px;
  width: 186px;
}

/*
  TODO: Google Fonts подключены, но браузерный рендер может чуть отличаться
  от локальных Figma-font files/хинтинга.
*/
.about {
  position: relative;
  width: 1920px;
  height: 1103px;
  margin: 0 auto;
  overflow: visible;
  background: #ef371f;
}

.about__panel,
.about__panel-inner,
.about__photo,
.about__accent {
  position: absolute;
}

.about__panel {
  top: 78px;
  left: 19px;
  z-index: 1;
  width: 1882px;
  height: 930px;
  border-radius: 40px;
  background: #ef371f url("../images/home/CTA-Background.webp") center top / cover no-repeat;
}

.about__panel-inner {
  top: 101.633px;
  left: 43px;
  z-index: 2;
  width: 1834px;
  height: 821px;
  border: 1px solid #f7f200;
  border-radius: 16px;
}

.about__label,
.about__word,
.about__script,
.about__quote {
  position: absolute;
  z-index: 4;
  margin: 0;
  color: var(--hero-accent);
}

.about__label {
  font-family: var(--hero-roboto-flex);
  font-size: 72px;
  font-style: normal;
  font-weight: 550;
  line-height: 72px;
  text-transform: uppercase;
  white-space: nowrap;
  font-variation-settings:
    "GRAD" -182,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 760,
    "wdth" 39,
    "opsz" 144;
}

.about__label--left {
  top: 475.633px;
  left: 205px;
}

.about__label--right {
  top: 475.633px;
  left: 1663px;
}

.about__quote {
  width: 223px;
  font-family: var(--hero-inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
}

.about__quote--left {
  top: 722.633px;
  left: 205px;
  text-align: right;
}

.about__quote--right {
  top: 808.633px;
  left: 1409px;
}

.about__photo {
  top: -47px;
  left: 626px;
  width: 682px;
  height: 1023px;
  border-radius: 10px;
  overflow: hidden;
}

.about__photo-base,
.about__photo-overlay {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.about__photo-base {
  z-index: 3;
  object-fit: cover;
  object-position: center bottom;
}

.about__photo-overlay {
  object-fit: cover;
  z-index: 5;
}

.about__script {
  top: 226.014px;
  left: 510px;
  z-index: 5;
  width: 240.869px;
  font-family: "Kurut", cursive;
  font-size: 150px;
  font-style: normal;
  font-weight: 400;
  line-height: 100px;
  text-align: center;
  white-space: nowrap;
  transform: rotate(0.5deg);
  transform-origin: center;
}

.about__word {
  z-index: 4;
  font-family: var(--hero-roboto-flex);
  font-size: 520px;
  font-style: normal;
  font-weight: 627;
  line-height: 520px;
  letter-spacing: 5.2px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 25;
  transition:
    opacity 300ms ease,
    transform 300ms ease;
}

.about__word--left {
  top: 276.633px;
  left: 533px;
  transform: translateX(-32px);
}

.about__word--right {
  top: 276.633px;
  left: 1022px;
  z-index: 6;
  transform: translateX(32px);
}

.about__word:not(.is-visible) {
  opacity: 0;
}

.about__word--left.is-visible,
.about__word--right.is-visible {
  transform: translateX(0);
}

.about__accent {
  top: 250px;
  left: 896px;
  z-index: 5;
  width: 110.123px;
  height: 34.378px;
}

.about__accent-svg {
  display: block;
  width: 100%;
  height: 100%;
}

.about__accent-svg--mobile {
  display: none;
}

.about__accent-svg path {
  fill: none;
  stroke: var(--hero-accent);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1600;
  stroke-dashoffset: 1600;
  animation: about-accent-draw-loop 3.8s ease-out infinite;
  animation-play-state: paused;
}

.about__accent.is-in-view .about__accent-svg path {
  animation-play-state: running;
}

.corporate-form {
  position: relative;
  width: 1920px;
  height: 955px;
  margin: 0 auto;
  overflow: visible;
  z-index: 8;
  background: #002e5b;
}

.corporate-form__background,
.corporate-form__image,
.corporate-form__eyebrow,
.corporate-form__subtitle,
.corporate-form__title,
.corporate-form__form,
.corporate-form__agreement,
.corporate-form__field,
.corporate-form__select-group,
.corporate-form__submit {
  position: absolute;
}

.corporate-form__background {
  inset: 0;
  background: #002e5b;
}

.corporate-form__image {
  top: 0;
  left: 804px;
  z-index: 1;
  display: block;
  width: 1116px;
  height: 606px;
  border-bottom-left-radius: 64px;
  object-fit: cover;
}

.corporate-form__eyebrow,
.corporate-form__subtitle,
.corporate-form__title,
.corporate-form__input,
.corporate-form__select-label,
.corporate-form__select,
.corporate-form__agreement-text {
  color: var(--hero-accent);
}

.corporate-form__eyebrow {
  top: 139.633px;
  left: 104px;
  z-index: 2;
  width: 1074px;
  margin: 0;
  font-family: var(--hero-roboto-flex);
  font-size: 88px;
  font-style: normal;
  font-weight: 900;
  line-height: 72px;
  letter-spacing: -1.76px;
  text-transform: uppercase;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 25,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 151,
    "opsz" 144;
  transition:
    opacity 450ms ease,
    transform 450ms ease;
  transform: translateY(24px);
}

.corporate-form__subtitle {
  top: 339.633px;
  left: 104px;
  z-index: 2;
  width: 441px;
  margin: 0;
  font-family: var(--hero-inter);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.72px;
  transition:
    opacity 450ms ease,
    transform 450ms ease;
  transform: translateX(-24px);
}

.corporate-form__eyebrow:not(.is-visible),
.corporate-form__subtitle:not(.is-visible) {
  opacity: 0;
}

.corporate-form__eyebrow.is-visible,
.corporate-form__subtitle.is-visible {
  transform: translate(0, 0);
}

.corporate-form__title {
  top: 605.633px;
  left: 92px;
  z-index: 2;
  width: 590px;
  margin: 0;
  font-family: var(--hero-roboto-flex);
  font-size: 100px;
  font-style: normal;
  font-weight: 627;
  line-height: 100px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 25;
}

.corporate-form__form {
  top: 705.633px;
  left: 81px;
  z-index: 2;
  width: 1758px;
  height: 178px;
}

.corporate-form__field,
.corporate-form__select-wrap,
.corporate-form__submit {
  border: 1px solid var(--hero-accent);
  border-radius: 999px;
}

.corporate-form__field {
  top: 32px;
  left: 0;
  display: block;
  width: 709.5px;
  height: 96px;
  padding: 32px 24px;
}

.corporate-form__input,
.corporate-form__select {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-family: var(--hero-inter);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.72px;
}

.corporate-form__input::placeholder {
  color: rgba(247, 242, 0, 0.5);
}

.corporate-form__select-group {
  top: 0;
  left: 733.5px;
  width: 709.5px;
}

.corporate-form__select-label {
  display: block;
  padding-left: 24px;
  font-family: var(--hero-inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
}

.corporate-form__select-wrap {
  position: relative;
  display: block;
  width: 709.5px;
  height: 96px;
  margin-top: 10px;
  padding: 0;
  overflow: visible;
  z-index: 7;
  background:
    linear-gradient(180deg, rgba(247, 242, 0, 0.08) 0%, rgba(247, 242, 0, 0.02) 100%),
    rgba(0, 46, 91, 0.18);
  backdrop-filter: blur(14px);
}

.corporate-form__select {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

.corporate-form__select option {
  color: #00192f;
}

.corporate-form__select-trigger {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 32px 24px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--hero-accent);
  cursor: pointer;
  transition:
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.corporate-form__select-trigger:hover {
  background: rgba(247, 242, 0, 0.06);
  box-shadow: 0 0 0 1px rgba(247, 242, 0, 0.25) inset;
}

.corporate-form__select-wrap.is-open .corporate-form__select-trigger {
  background: rgba(247, 242, 0, 0.08);
  box-shadow:
    0 0 0 1px rgba(247, 242, 0, 0.35) inset,
    0 18px 48px rgba(0, 0, 0, 0.18);
}

.corporate-form__select-value {
  display: block;
  width: calc(100% - 47px);
  overflow: hidden;
  color: var(--hero-accent);
  font-family: var(--hero-inter);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.72px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.corporate-form__select-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  z-index: 12;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  padding: 10px;
  border: 1px solid rgba(247, 242, 0, 0.35);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(0, 46, 91, 0.96) 0%, rgba(0, 25, 47, 0.96) 100%);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(247, 242, 0, 0.08) inset;
  backdrop-filter: blur(18px);
}

.corporate-form__select-dropdown[hidden] {
  display: none;
}

.corporate-form__select-option {
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 16px 18px;
  border: 0;
  border-radius: 22px;
  background: transparent;
  color: var(--hero-accent);
  font-family: var(--hero-inter);
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.66px;
  text-align: left;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.corporate-form__select-option:hover,
.corporate-form__select-option:focus-visible {
  background: rgba(247, 242, 0, 0.1);
  outline: none;
  transform: translateY(-1px);
}

.corporate-form__select-option.is-selected {
  background: var(--hero-accent);
  color: #ef371f;
}

.corporate-form__select-arrow {
  position: absolute;
  top: 42px;
  right: 24px;
  display: block;
  width: 23px;
  height: 12px;
  pointer-events: none;
  transition: transform 0.25s ease;
}

.corporate-form__select-wrap.is-open .corporate-form__select-arrow {
  transform: rotate(180deg);
}

.corporate-form__submit {
  top: 32px;
  left: 1467px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 291px;
  height: 96px;
  padding: 32px 56px;
  background: var(--hero-accent);
  color: #ef371f;
  font-family: var(--hero-roboto-flex);
  font-size: 40px;
  font-style: normal;
  font-weight: 550;
  line-height: 32px;
  text-transform: uppercase;
  white-space: nowrap;
  font-variation-settings:
    "GRAD" -182,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 760,
    "wdth" 39,
    "opsz" 144;
}

.corporate-form__agreement {
  top: 154px;
  left: 24px;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 487px;
  cursor: pointer;
}

.corporate-form__checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.corporate-form__checkbox-box {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border: 1px solid var(--hero-accent);
  border-radius: 4px;
}

.corporate-form__checkbox:checked + .corporate-form__checkbox-box {
  background: var(--hero-accent);
}

.corporate-form__agreement-text {
  font-family: var(--hero-inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
}

.corporate-form__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.faq {
  position: relative;
  width: 1920px;
  height: 912px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1;
  background: #ef371f;
}

.faq__title,
.faq__items {
  position: absolute;
  margin: 0;
}

.faq__title {
  top: 173.633px;
  left: 205px;
  width: 422px;
  color: var(--hero-accent);
  font-family: var(--hero-roboto-flex);
  font-size: 390px;
  font-style: normal;
  font-weight: 627;
  line-height: 277px;
  letter-spacing: 3.9px;
  text-align: center;
  text-transform: uppercase;
  font-variation-settings:
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712,
    "wdth" 25;
  transition:
    opacity 450ms ease,
    transform 450ms ease;
  transform: translateY(24px);
}

.faq__title:not(.is-visible) {
  opacity: 0;
}

.faq__title.is-visible {
  transform: translateY(0);
}

.faq__items {
  top: 173.633px;
  left: 838px;
  width: 978px;
}

.faq__item {
  width: 978px;
  border-bottom: 1px solid rgba(247, 242, 0, 0.2);
}

.faq__item--open {
  padding-bottom: 40px;
}

.faq__item:not(.faq__item--open) {
  min-height: 128px;
}

.faq__question {
  display: flex;
  align-items: center;
  gap: 40px;
  width: 100%;
  padding: 40px 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.faq__item--open .faq__question {
  padding-top: 0;
  padding-bottom: 40px;
}

.faq__question-text,
.faq__answer p {
  color: var(--hero-accent);
  font-family: var(--hero-inter);
  font-style: normal;
  font-weight: 500;
}

.faq__question-text {
  flex: 1 0 0;
  min-width: 0;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.96px;
}

.faq__toggle {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
}

.faq__toggle-icon {
  display: block;
  width: 48px;
  height: 48px;
  transition: transform 0.2s ease;
}

.faq__item--open .faq__toggle-icon {
  transform: rotate(180deg);
}

.faq__answer {
  width: 978px;
}

.faq__answer p {
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.54px;
}

.join-us {
  position: relative;
  width: 1920px;
  height: 930px;
  margin: 0 auto;
  overflow: hidden;
  background: #002E5B;
}

.join-us__background,
.join-us__title,
.join-us__doodle,
.join-us__contact {
  position: absolute;
}

.join-us__background,
.join-us__doodle {
  display: block;
}

.join-us__background {
  inset: 0;
  width: 1920px;
  height: 930px;
  object-fit: cover;
  object-position: center bottom;
}

.join-us__title {
  top: 644.67px;
  left: 144px;
  z-index: 2;
  width: 836.367px;
  margin: 0;
  color: var(--hero-accent);
  font-family: "Kurut", cursive;
  font-size: 157.753px;
  font-style: normal;
  font-weight: 400;
  line-height: 105.169px;
  text-align: center;
  white-space: nowrap;
  transform: rotate(-4deg);
  transform-origin: center;
}

.join-us__doodle {
  top: 195.63px;
  left: 1038px;
  z-index: 2;
  width: 386.068px;
  height: 411.022px;
  --join-us-doodle-rotation: -25.634deg;
  transform: rotate(var(--join-us-doodle-rotation));
  transform-origin: center center;
  animation: join-us-doodle-wave 4.8s ease-in-out infinite;
}

@keyframes join-us-doodle-wave {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(var(--join-us-doodle-rotation));
  }

  25% {
    transform: translate3d(6px, -8px, 0) rotate(calc(var(--join-us-doodle-rotation) + 1.4deg));
  }

  50% {
    transform: translate3d(0, -14px, 0) rotate(calc(var(--join-us-doodle-rotation) - 0.8deg));
  }

  75% {
    transform: translate3d(-6px, -7px, 0) rotate(calc(var(--join-us-doodle-rotation) + 1deg));
  }
}

.join-us__contact {
  top: 828.633px;
  left: 852px;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 997px;
}

.join-us__text,
.join-us__link {
  color: var(--hero-accent);
}

.join-us__text {
  width: 237px;
  margin: 0;
  font-family: var(--hero-inter);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.54px;
}

.join-us__links {
  display: flex;
  align-items: center;
  gap: 16px;
}

.join-us__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 16px 24px;
  border: 1px solid var(--hero-accent);
  border-radius: 999px;
  font-family: var(--hero-roboto-flex);
  font-size: 32px;
  font-style: normal;
  font-weight: 550;
  line-height: 32px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  font-variation-settings:
    "GRAD" -182,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 760,
    "wdth" 39,
    "opsz" 144;
}

.join-us__link--email {
  min-width: 261px;
}

.footer {
  position: relative;
  width: 1920px;
  height: 333px;
  margin: 0 auto;
  overflow: hidden;
  background: #002e5b;
}

.footer__background,
.footer__logo,
.footer__divider,
.footer__nav,
.footer__copyright,
.footer__policy {
  position: absolute;
}

.footer__background {
  inset: 0;
  background: #002e5b;
}

.footer__logo {
  top: 60.63px;
  left: 80px;
  z-index: 2;
  margin: 0;
  color: var(--hero-accent);
  font-family: var(--hero-roboto-flex);
  font-size: 56px;
  font-style: normal;
  font-weight: 550;
  line-height: 100%;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.footer__nav {
  top: 60.63px;
  left: 1638px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.footer__nav-link,
.footer__copyright,
.footer__policy {
  color: var(--hero-accent);
  font-family: var(--hero-inter);
  font-style: normal;
  font-weight: 500;
}

.footer__nav-link {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.6px;
  text-decoration: none;
  white-space: nowrap;
}

.footer__divider {
  top: 241.63px;
  left: 80px;
  z-index: 2;
  width: 1760px;
  height: 1px;
  background: #f7f200;
}

.footer__copyright,
.footer__policy {
  top: 264.63px;
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.54px;
  white-space: nowrap;
}

.footer__copyright {
  left: 80px;
}

.footer__policy {
  left: 1570px;
  text-decoration: none;
}

@media (max-width: 767px) {
  .page {
    position: relative;
    --mobile-scale: calc(100vw / 428px);
    min-height: calc(var(--mobile-page-height, 0px) * var(--mobile-scale));
    overflow-x: hidden;
  }

  .page__canvas {
    position: absolute;
    top: 0;
    left: 50%;
    width: 428px;
    transform: translateX(-50%) scale(var(--mobile-scale));
    transform-origin: top center;
  }

  .hero {
    width: 428px;
    max-width: 100%;
    height: 926px;
    margin: 0 auto;
    background: #ffffff;
  }

  .hero__bg--base {
    content: url("../images/home/hero-mobile-bg-base.webp");
    width: 428px;
    max-width: 100%;
    height: 926px;
    object-position: center bottom;
  }

  .hero__title-image {
    content: url("../images/home/hero-mobile-title.svg");
    top: 205px;
    left: 50%;
    width: 412px;
    max-width: calc(100% - 16px);
    height: 40px;
    transform: translateX(-50%);
  }

  .hero__eyebrow,
  .hero__quote,
  .hero__menu-link {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.48px;
  }

  .hero__eyebrow {
    top: 165px;
    left: 50%;
  }

  .hero__quote {
    top: 258px;
    left: 50%;
    width: 282px;
    font-size: 16px;
    line-height: 20px;
    transform: translateX(-50%);
    z-index: 5;
  }

  .hero__bg--foreground {
    content: url("../images/home/hero-mobile-bg-foreground.webp");
    width: 428px;
    max-width: 100%;
    height: 926px;
    object-position: center bottom;
  }

  .hero__slide {
    display: none;
  }

  .hero__showreel {
    top: 689px;
    left: 204px;
    width: 213.101px;
    height: 211.17px;
    transform: none;
  }

  .hero__showreel-photo {
    left: 42.83px;
    top: 41.1px;
    width: 127.919px;
    height: 127.919px;
  }

  .hero__showreel-ring {
    top: 26.613px;
    left: 30.217px;
    width: 152.678px;
    height: 157.945px;
  }

  .hero__showreel-arc {
    transform: scale(0.579);
    transform-origin: top left;
  }

  .hero__showreel-char {
    font-size: 40px;
  }

  .hero__showreel-play {
    top: 87px;
    left: 88px;
    width: 37px;
    height: 37px;
  }

  .hero__menu {
    top: 30px;
    left: 8px;
    width: calc(100% - 16px);
    height: auto;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .hero__menu-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: auto;
  }

  .hero__socials {
    position: absolute;
    top: 0;
    right: 0;
    justify-content: flex-end;
  }

  .hero__social-link--telegram img {
    content: url("../images/home/hero-mobile-icon-telegram.svg");
    width: 24px;
    height: 24px;
  }

  .hero__social-link--instagram img {
    content: url("../images/home/hero-mobile-icon-instagram.svg");
    width: 24px;
    height: 24px;
  }

  .story {
    width: 428px;
    max-width: 100%;
    height: 1101px;
    margin: 0 auto;
    overflow: hidden;
  }

  .story__background {
    top: 8px;
    left: 50%;
    width: 412px;
    height: 1093px;
    border-radius: 8px 8px 0 0;
    transform: translateX(-50%);
  }

  .story__line {
    top: 8px;
    width: 1px;
    pointer-events: none;
  }

  .story__line--left {
    content: url("../images/home/story-mobile-line-left.svg");
    left: 152px;
    height: 1189px;
  }

  .story__line--left-inner {
    display: none;
  }

  .story__line--right {
    content: url("../images/home/story-mobile-line-right.svg");
    left: 385px;
    height: 1093px;
  }

  .story__meta {
    display: none;
  }

  .story__title {
    top: 20px;
    left: 20px;
    width: 389px;
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -0.56px;
  }

  .story__separator {
    top: 264px;
    left: 50%;
    font-size: 32px;
    line-height: 32px;
    transform: translateX(-50%);
  }

  .story__quote,
  .story__text {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px;
  }

  .story__quote {
    top: 342px;
    left: 61px;
    width: 285px;
  }

  .story__quote em {
    font-style: normal;
    font-weight: 500;
  }

  .story__collage {
    top: 0;
    left: 0;
    width: 428px;
    height: 1101px;
  }

  .story__figure {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }

  .story__figure--mask {
    top: 535px;
    left: 152px;
    width: 147.466px;
    height: 166.004px;
    transform: none;
  }

  .story__figure--glasses {
    top: 442px;
    left: 39px;
    width: 160.089px;
    height: 132.036px;
    transform: none;
  }

  .story__figure--wolf {
    top: 393px;
    left: 199px;
    width: 193.863px;
    height: 180.4px;
    transform: none;
  }

  .story__figure-image {
    position: static;
    max-width: none;
    object-fit: contain;
  }

  .story__figure-image--mask {
    content: url("../images/home/story-mobile-figure-mask.png");
    width: 114.866px;
    height: 141.082px;
    transform: rotate(15deg);
  }

  .story__figure-image--glasses {
    content: url("../images/home/story-mobile-figure-glasses.png");
    width: 139.096px;
    height: 99.423px;
    transform: rotate(-15deg);
  }

  .story__figure-image--wolf {
    content: url("../images/home/story-mobile-figure-wolf.png");
    width: 169.841px;
    height: 153.245px;
    transform: rotate(-10deg);
  }

  .story__text--left {
    top: 732px;
    left: 61px;
    width: 302px;
  }

  .story__text--right {
    top: 938px;
    left: 160px;
    width: 217px;
  }

  .directions {
    width: 428px;
    max-width: 100%;
    height: 1220px;
    margin: 0 auto;
  }

  .directions__line-left-mobile {
    position: absolute;
    top: 0;
    left: 152px;
    z-index: 1;
    display: block;
    width: 1px;
    height: 81.006px;
    pointer-events: none;
  }

  .directions__line-right-extension {
    content: url("../images/home/directions-mobile-line-right.svg");
    top: 0;
    left: 387px;
    width: 1px;
    height: 81.099px;
  }

  .directions__cards {
    top: 35px;
    left: 8px;
    width: 412px;
    height: 294.28px;
    overflow: hidden;
    inset: auto;
  }

  .directions__cards .swiper-wrapper {
    display: flex;
    align-items: flex-start;
  }

  .directions__card {
    position: relative;
    top: auto;
    left: auto;
    flex: 0 0 170px;
    width: 170px;
    height: 280px;
    padding: 4.455px;
    gap: 8px;
    border-radius: 8px;
    transform-origin: center;
  }

  .directions__card--japan-left {
    transform: rotate(1.96deg);
  }

  .directions__card--italy {
    transform: rotate(4.81deg);
  }

  .directions__card--bali {
    transform: rotate(0.63deg);
  }

  .directions__card--japan-right {
    transform: rotate(2.47deg);
  }

  .directions__card--japan-right .directions__card-image {
    content: url("../images/home/directions-mobile-card-japan.png");
  }

  .directions__card-image {
    width: 100%;
    height: 143.816px;
  }

  .directions__card--japan-left .directions__card-image {
    content: url("../images/home/directions-mobile-card-japan.png");
  }

  .directions__card--italy .directions__card-image {
    content: url("../images/home/directions-mobile-card-italy.png");
  }

  .directions__card--bali .directions__card-image {
    content: url("../images/home/directions-mobile-card-bali.png");
  }

  .directions__card-body {
    padding-bottom: 8.91px;
  }

  .directions__card-head {
    gap: 1.114px;
  }

  .directions__card-kicker {
    font-size: 12px;
    line-height: 12px;
    letter-spacing: -0.6px;
  }

  .directions__card-title {
    font-size: 22px;
    line-height: 23.389px;
    letter-spacing: -1.1px;
  }

  .directions__card-foot {
    padding-top: 9.069px;
    border-top-width: 0.453px;
  }

  .directions__card-text {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.3px;
  }

  .directions__card-arrow {
    display: none;
  }

  .directions__title {
    top: 292px;
    left: 50%;
    font-size: 117px;
    line-height: 117px;
    letter-spacing: 1.17px;
  }

  .directions__controls {
    top: 407.633px;
    left: 129px;
    width: 170px;
    height: 56px;
  }

  .directions__nav {
    display: none;
  }

  .directions__tags {
    top: 0;
    left: 0;
    gap: 9px;
  }

  .directions__tag {
    height: 56px;
    padding: 12px 24px;
    font-size: 24px;
  }

  .directions__highlight {
    top: 509px;
    left: 8px;
    width: 412px;
    height: 683px;
    border-radius: 8px;
  }

  .directions__highlight-card--back {
    display: none;
  }

  .directions__highlight-card--front {
    inset: 0;
    width: 412px;
    height: 683px;
    border-radius: 8px;
  }

  .directions__highlight-blur {
    content: url("../images/home/directions-mobile-highlight-blur.png");
    top: 0;
    left: 16px;
    width: 380px;
    height: 588px;
    border-radius: 8px;
    filter: blur(8px);
  }

  .directions__highlight-image {
    content: url("../images/home/directions-mobile-highlight-main.png");
    top: 45px;
    left: 0;
    width: 412px;
    height: 638px;
    border-radius: 8px;
  }

  .directions__highlight-copy {
    top: 83px;
    left: 0;
    width: 412px;
    text-align: center;
  }

  .directions__highlight-kicker {
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
  }

  .directions__highlight-title {
    margin: 0 0 304px;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -0.96px;
    text-transform: uppercase;
  }

  .directions__highlight-date {
    margin: 0 0 12px;
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -0.56px;
  }

  .directions__highlight-text {
    width: 357px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px;
    text-align: center;
  }

  .directions__open {
    right: auto;
    bottom: 24px;
    left: 8px;
    width: 396px;
    padding: 12px 24px;
    font-size: 24px;
    line-height: 32px;
  }

  .booking {
    width: 428px;
    max-width: 100%;
    height: 1718px;
    margin: 0 auto;
    overflow: hidden;
  }

  .booking::before {
    content: "";
    position: absolute;
    top: 1440px;
    left: -55px;
    z-index: 0;
    width: 538px;
    height: 295px;
    background: linear-gradient(180deg, #ef371f 1.841%, #f7f200 59.264%);
  }

  .booking::after {
    content: "";
    position: absolute;
    top: 1478px;
    left: -45px;
    z-index: 0;
    width: 518px;
    height: 259px;
    background: url("../images/home/booking-mobile-ellipse.svg") center / contain no-repeat;
  }

  .booking__ellipse {
    display: none;
  }

  .booking__grid {
    top: 0;
    left: 8px;
    width: 412px;
    height: 36px;
    background: none;
  }

  .booking__grid-line {
    position: absolute;
    top: 0;
    display: block;
    width: 1px;
    height: 36px;
    background: #f7f200;
    opacity: 0.8;
  }

  .booking__grid-line:nth-child(1) { left: 0; }
  .booking__grid-line:nth-child(2) { left: 3.996px; }
  .booking__grid-line:nth-child(3) { left: 8.437px; }
  .booking__grid-line:nth-child(4) { left: 15.094px; }
  .booking__grid-line:nth-child(5) { left: 23.973px; }
  .booking__grid-line:nth-child(6) { left: 32.853px; }
  .booking__grid-line:nth-child(7) { left: 41.732px; }
  .booking__grid-line:nth-child(8) { left: 50.612px; }
  .booking__grid-line:nth-child(9) { left: 61.714px; }
  .booking__grid-line:nth-child(10) { left: 75.031px; }
  .booking__grid-line:nth-child(11) { left: 90.567px; }
  .booking__grid-line:nth-child(12) { left: 128px; }
  .booking__grid-line:nth-child(13) { left: 150.504px; }
  .booking__grid-line:nth-child(14) { left: 177.143px; }
  .booking__grid-line:nth-child(15) { left: 206px; }
  .booking__grid-line:nth-child(16) { left: 234.857px; }
  .booking__grid-line:nth-child(17) { left: 261.496px; }
  .booking__grid-line:nth-child(18) { left: 283.609px; }
  .booking__grid-line:nth-child(19) { left: 321.433px; }
  .booking__grid-line:nth-child(20) { left: 336.969px; }
  .booking__grid-line:nth-child(21) { left: 350.286px; }
  .booking__grid-line:nth-child(22) { left: 361.388px; }
  .booking__grid-line:nth-child(23) { left: 370.268px; }
  .booking__grid-line:nth-child(24) { left: 379.147px; }
  .booking__grid-line:nth-child(25) { left: 388.027px; }
  .booking__grid-line:nth-child(26) { left: 396.906px; }
  .booking__grid-line:nth-child(27) { left: 403.563px; }
  .booking__grid-line:nth-child(28) { left: 408.004px; }
  .booking__grid-line:nth-child(29) { left: 412px; }

  .booking__line {
    top: 0;
    width: 1px;
    height: 1745px;
  }

  .booking__line--left {
    left: 116px;
  }

  .booking__line--left-inner {
    left: 311.957px;
  }

  .booking__line--right-continued {
    display: none;
  }

  .booking__title {
    top: 76px;
    left: 50%;
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -0.56px;
    transform: translateX(-50%);
  }

  .booking__number {
    font-size: 320px;
    line-height: 320px;
    letter-spacing: 3.2px;
  }

  .booking__text {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px;
  }

  .booking__step {
    width: 223px;
    height: 228px;
  }

  .booking__step .booking__number {
    top: 0;
    left: 0;
    width: 94px;
  }

  .booking__step .booking__text {
    top: 0;
    left: 102px;
    width: 121px;
  }

  .booking__step--1 {
    top: 171px;
    left: 14px;
  }

  .booking__step--2 {
    top: 362px;
    left: 182px;
  }

  .booking__step--3 {
    top: 642px;
    left: 64px;
  }

  .booking__step--4 {
    top: 870px;
    left: 177px;
  }

  .booking__step--5 {
    top: 1183px;
    left: 64px;
  }

  .booking__step--6 {
    top: 1421px;
    left: 177px;
  }

  .booking__step--1 .booking__text,
  .booking__step--2 .booking__text {
    width: 121px;
    height: 40px;
  }

  .booking__step--3 .booking__text {
    width: 121px;
    height: 100px;
  }

  .booking__step--4 .booking__text,
  .booking__step--6 .booking__text {
    width: 121px;
    height: 120px;
  }

  .booking__step--5 .booking__text {
    width: 121px;
    height: 60px;
  }

  .about {
    width: 428px;
    max-width: 100%;
    height: 644px;
    margin: 0 auto;
    overflow: hidden;
  }

  .about__panel {
    top: 39px;
    left: 8px;
    width: 412px;
    height: 605px;
    border-radius: 8px 8px 0 0;
  }

  .about__panel-inner {
    display: none;
  }

  .about__photo {
    top: 0;
    left: 72px;
    width: 284px;
    height: 426px;
    border-radius: 10px;
  }

  .about__word {
    font-size: 200px;
    line-height: 70%;
    letter-spacing: 2px;
  }

  .about__word--left {
    top: 141.5px;
    left: 40px;
  }

  .about__word--right {
    top: 141.5px;
    left: 239px;
  }

  .about__script {
    top: 84.5px;
    left: 59.369px;
    width: 103.365px;
    font-size: 64px;
    line-height: 42px;
  }

  .about__label {
    font-size: 42px;
    line-height: 72px;
  }

  .about__label--left {
    top: 293.5px;
    left: 40px;
  }

  .about__label--right {
    top: 293.5px;
    left: 298px;
  }

  .about__quote {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px;
  }

  .about__quote--left {
    top: 450.5px;
    left: 40px;
    width: 142px;
  }

  .about__quote--right {
    top: 450.5px;
    left: 227px;
    width: 161px;
  }

  .about__accent {
    top: 135.217px;
    left: 189px;
    width: 42px;
    height: 13.112px;
  }

  .about__accent-svg--desktop {
    display: none;
  }

  .about__accent-svg--mobile {
    display: block;
  }

  .about__accent-svg path {
    stroke-width: 1.2;
  }

  .corporate-form {
    width: 428px;
    max-width: 100%;
    height: 1119px;
    margin: 0 auto;
  }

  .corporate-form__background {
    background: #002e5b;
  }

  .corporate-form__image {
    top: 0;
    left: 59px;
    width: 369px;
    height: 409px;
    border-bottom-left-radius: 64px;
    content: url("../images/home/corporate-form-mobile-yacht.webp");
    object-position: center bottom;
  }

  .corporate-form__eyebrow {
    top: 365px;
    left: 8px;
    width: 404px;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -2px;
    font-variation-settings: unset;
  }

  .corporate-form__subtitle {
    top: 534px;
    left: 8px;
    width: 245px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px;
  }

  .corporate-form__title {
    top: 674px;
    left: 8px;
    width: 299px;
    font-size: 56px;
    line-height: 56px;
    letter-spacing: -0.56px;
  }

  .corporate-form__form {
    top: 778px;
    left: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 412px;
    height: auto;
  }

  .corporate-form__field,
  .corporate-form__select-group,
  .corporate-form__agreement,
  .corporate-form__submit {
    position: relative;
    top: auto;
    left: auto;
    z-index: 2;
  }

  .corporate-form__field {
    width: 412px;
    height: 56px;
    padding: 18px 16px;
    order: 1;
  }

  .corporate-form__input,
  .corporate-form__select,
  .corporate-form__select-value,
  .corporate-form__select-option {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px;
  }

  .corporate-form__select-group {
    width: 412px;
    order: 2;
  }

  .corporate-form__select-label {
    padding-left: 16px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.36px;
  }

  .corporate-form__select-wrap {
    width: 412px;
    height: 56px;
    margin-top: 4px;
    border-radius: 999px;
  }

  .corporate-form__select-trigger {
    padding: 18px 16px;
  }

  .corporate-form__select-value {
    width: calc(100% - 32px);
  }

  .corporate-form__select-dropdown {
    top: calc(100% + 8px);
    gap: 4px;
    padding: 8px;
    border-radius: 20px;
  }

  .corporate-form__select-option {
    min-height: 44px;
    padding: 12px 14px;
    border-radius: 14px;
  }

  .corporate-form__select-arrow {
    top: 22px;
    right: 16px;
    width: 18px;
    height: 10px;
  }

  .corporate-form__agreement {
    order: 3;
    gap: 8px;
    width: 412px;
    padding-left: 16px;
  }

  .corporate-form__checkbox-box {
    width: 20px;
    height: 20px;
  }

  .corporate-form__agreement-text {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.36px;
    white-space: nowrap;
  }

  .corporate-form__submit {
    order: 4;
    width: 396px;
    height: 56px;
    padding: 12px 24px;
    font-size: 24px;
    line-height: 32px;
  }

  .faq {
    display: flex;
    flex-direction: column;
    width: 428px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 45px 8px 0;
  }

  .faq__title {
    position: relative;
    top: auto;
    left: auto;
    width: 216px;
    margin: 0 0 88px 15px;
    font-size: 200px;
    line-height: 142px;
    letter-spacing: 2px;
    text-align: left;
    transform: none;
  }

  .faq__items {
    position: relative;
    top: auto;
    left: auto;
    width: 412px;
    margin: 0 0 0;
  }

  .faq__item {
    width: 412px;
  }

  .faq__item--open {
    padding-bottom: 24px;
  }

  .faq__item:not(.faq__item--open) {
    min-height: 100px;
  }

  .faq__question {
    gap: 16px;
    padding: 24px 0;
  }

  .faq__item--open .faq__question {
    padding-bottom: 16px;
  }

  .faq__question-text {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.6px;
  }

  .faq__toggle {
    width: 40px;
    height: 40px;
  }

  .faq__toggle-icon {
    width: 40px;
    height: 40px;
    content: url("../images/home/faq-mobile-toggle-closed.svg");
  }

  .faq__item--open .faq__toggle-icon {
    content: url("../images/home/faq-mobile-toggle-open.svg");
  }

  .faq__answer {
    width: 412px;
  }

  .faq__answer p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px;
  }

  .join-us {
    display: flex;
    flex-direction: column;
    width: 428px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }

  .join-us__background {
    position: relative;
    inset: auto;
    width: 428px;
    max-width: 100%;
    height: 635px;
    object-fit: cover;
    object-position: center bottom;
  }

  .join-us__title {
    top: 431.96px;
    left: 55px;
    width: 278.588px;
    font-size: 104px;
    line-height: 104px;
    text-align: left;
    white-space: normal;
    transform: none;
  }

  .join-us__doodle {
    top: 282.983px;
    left: 265px;
    width: 180.323px;
    height: 191.978px;
    --join-us-doodle-rotation: 0deg;
    transform: rotate(var(--join-us-doodle-rotation));
    content: url("../images/home/join-us-mobile-doodle.svg");
  }

  .join-us__contact {
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    width: 412px;
    margin: 12px auto 0;
  }

  .join-us__text {
    width: 412px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px;
    text-align: center;
  }

  .join-us__links {
    width: 412px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  .join-us__link {
    min-height: 56px;
    padding: 12px 24px;
    font-size: 24px;
  }

  .join-us__link--email {
    min-width: 208px;
  }

  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 428px;
    max-width: 100%;
    min-height: 359px;
    height: auto;
    margin: 0 auto;
    padding: 40px 8px 24px;
  }

  .footer__logo,
  .footer__nav,
  .footer__divider,
  .footer__copyright,
  .footer__policy {
    position: relative;
    top: auto;
    left: auto;
  }

  .footer__logo {
    width: 412px;
    margin-bottom: 48px;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0.86px;
    text-align: center;
  }

  .footer__nav {
    width: 412px;
    align-items: center;
    gap: 12px;
    margin-bottom: 48px;
  }

  .footer__nav-link {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.6px;
  }

  .footer__divider {
    width: 412px;
    margin-bottom: 23px;
  }

  .footer__copyright,
  .footer__policy {
    width: 412px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px;
    white-space: normal;
  }

  .footer__copyright {
    margin-bottom: 8px;
  }
}