html {
  --p-hero-copy-y: 0px;
  --p-hero-image-y: 0px;
  --p-hero-image-scale: 1.035;
  --p-tilt-x: 0deg;
  --p-tilt-y: 0deg;
  --p-tilt-x-inverse: 0deg;
  --p-tilt-y-inverse: 0deg;
  --p-orb-x: 0px;
  --p-orb-y: 0px;
  --p-orb-x-two: 0px;
  --p-orb-y-two: 0px;
  --p-orb-r-two: 0deg;
  --p-orb-x-three: 0px;
  --p-orb-y-three: 0px;
}

body.parallax-ready {
  isolation: isolate;
}

body.parallax-ready > main,
body.parallax-ready > footer {
  position: relative;
  z-index: 1;
}

body.parallax-ready .hero {
  perspective: 1200px;
}

body.parallax-ready .hero-copy {
  transform: translate3d(0, var(--p-hero-copy-y), 0)
    rotateX(var(--p-tilt-x)) rotateY(var(--p-tilt-y));
  transform-style: preserve-3d;
  transition: opacity 700ms ease;
  will-change: transform;
}

body.parallax-ready .hero-image {
  transform: translate3d(0, var(--p-hero-image-y), 0)
    rotateX(var(--p-tilt-x-inverse)) rotateY(var(--p-tilt-y-inverse));
  transform-style: preserve-3d;
  transition: opacity 700ms ease;
  will-change: transform;
}

body.parallax-ready .hero-image img {
  transform: scale(var(--p-hero-image-scale));
  transform-origin: 50% 42%;
  will-change: transform;
}

body.parallax-ready .quick-info__item,
body.parallax-ready .section-intro,
body.parallax-ready .choices-heading,
body.parallax-ready .visit-copy,
body.parallax-ready .visit-action {
  transform: translate3d(0, var(--p-y, 0px), 0);
  transition: opacity 700ms ease;
  will-change: transform;
}

body.parallax-ready .choice-card img {
  transform: translate3d(0, var(--p-image-y, 0px), 0) scale(1.12);
  transform-origin: center;
  will-change: transform;
}

body.parallax-ready .moment {
  transform: translate3d(var(--p-x, 0px), var(--p-y, 0px), 0);
  transition: opacity 700ms ease;
  will-change: transform;
}

.parallax-organic-layer {
  position: fixed;
  z-index: 0;
  width: min(52vw, 680px);
  aspect-ratio: 1;
  border-radius: 44% 56% 63% 37% / 43% 40% 60% 57%;
  opacity: 0.16;
  pointer-events: none;
  filter: blur(88px);
  mix-blend-mode: screen;
  will-change: transform;
}

.parallax-organic-layer--one {
  top: 4vh;
  left: -16vw;
  background: #7a2cff;
  transform: translate3d(var(--p-orb-x), var(--p-orb-y), 0) rotate(var(--p-orb-r, 0deg));
}

.parallax-organic-layer--two {
  top: 42vh;
  right: -18vw;
  background: #ff2c93;
  transform: translate3d(var(--p-orb-x-two), var(--p-orb-y-two), 0)
    rotate(var(--p-orb-r-two));
}

.parallax-organic-layer--three {
  bottom: -28vh;
  left: 28vw;
  width: min(60vw, 780px);
  background: #2ccaff;
  opacity: 0.09;
  transform: translate3d(var(--p-orb-x-three), var(--p-orb-y-three), 0);
}

@media (max-width: 760px) {
  .parallax-organic-layer {
    width: 86vw;
    opacity: 0.12;
    filter: blur(72px);
  }

  body.parallax-ready .hero-image img {
    --p-hero-image-scale: 1.055;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.parallax-ready .hero-copy,
  body.parallax-ready .hero-image,
  body.parallax-ready .hero-image img,
  body.parallax-ready .quick-info__item,
  body.parallax-ready .section-intro,
  body.parallax-ready .choices-heading,
  body.parallax-ready .visit-copy,
  body.parallax-ready .visit-action,
  body.parallax-ready .choice-card img,
  body.parallax-ready .moment {
    transform: none !important;
    transition: none;
  }

  .parallax-organic-layer {
    display: none;
  }
}