.immersive-ready {
  cursor: none;
}

.immersive-ready a,
.immersive-ready button,
.immersive-ready input,
.immersive-ready select,
.immersive-ready textarea {
  cursor: none;
}

.cursor-orb,
.cursor-dot {
  position: fixed;
  left: 0;
  top: 0;
  z-index: calc(var(--z-toast) + 4);
  pointer-events: none;
  transform: translate3d(-50%, -50%, 0);
  mix-blend-mode: multiply;
}

.cursor-orb {
  width: 54px;
  height: 54px;
  border: 2px solid var(--color-border);
  border-radius: 50%;
  background: rgba(255, 216, 77, .32);
  transition: width .18s ease, height .18s ease, background .18s ease;
}

.cursor-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-primary);
}

.cursor-orb.is-active {
  width: 82px;
  height: 82px;
  background: rgba(255, 143, 89, .3);
}

.webgl-field {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: .2;
  pointer-events: none;
  mix-blend-mode: soft-light;
}

.launch-hero > .container,
.launch-hero > .motion-shapes {
  position: relative;
  z-index: 1;
}

.kinetic-title {
  display: block;
}

.kinetic-title span {
  display: inline-block;
  transform:
    translate3d(
      calc(var(--cursor-parallax-x, 0px) * var(--word-depth, .08)),
      calc(var(--cursor-parallax-y, 0px) * var(--word-depth, .08)),
      0
    )
    rotate(calc(var(--word-tilt, 0deg) + (var(--immersive-scroll, 0) * .8deg)));
  transition: transform .18s ease-out;
}

.kinetic-title span:nth-child(3n + 1) { --word-depth: .05; --word-tilt: -.6deg; }
.kinetic-title span:nth-child(3n + 2) { --word-depth: .09; --word-tilt: .4deg; }
.kinetic-title span:nth-child(3n + 3) { --word-depth: .13; --word-tilt: -.25deg; }

.magnetic-target {
  transform:
    translate3d(var(--magnetic-x, 0px), var(--magnetic-y, 0px), 0)
    scale(var(--magnetic-scale, 1));
}

.immersive-ready .button,
.immersive-ready .launch-tile,
.immersive-ready .product-card,
.immersive-ready .guide-card,
.immersive-ready .lifestyle-card,
.immersive-ready .detail-gallery-card {
  transition:
    transform .16s ease-out,
    box-shadow var(--transition-base),
    background var(--transition-base),
    border-color var(--transition-base);
}

.immersive-layered {
  transform:
    perspective(1100px)
    rotateX(var(--immersive-tilt-x, 0deg))
    rotateY(var(--immersive-tilt-y, 0deg))
    translate3d(var(--layer-x, 0px), var(--layer-y, 0px), 0);
  transform-style: preserve-3d;
}

.immersive-ready .launch-visual img,
.immersive-ready .product-story-media img,
.immersive-ready .product-card-image,
.immersive-ready .lifestyle-card img,
.immersive-ready .detail-gallery-card img {
  filter: saturate(1.08) contrast(1.04);
}

.immersive-ready .switch-flow article {
  --flow-pulse: calc(var(--immersive-scroll, 0) * 1px);
}

.immersive-ready .switch-flow strong {
  transform:
    translate3d(calc(var(--cursor-parallax-x, 0px) * .025), 0, 0)
    skewX(calc(var(--immersive-scroll, 0) * -.15deg));
}

.immersive-ready .product-story::after {
  content: "";
  position: absolute;
  inset: 8%;
  pointer-events: none;
  border: 3px solid rgba(23, 23, 17, .08);
  border-radius: 42% 58% 54% 46%;
  transform:
    rotate(calc(-8deg + var(--story-progress, 0) * 16deg))
    scale(calc(.92 + var(--story-progress, 0) * .16));
}

.immersive-ready .quiz-shell {
  transform:
    perspective(900px)
    rotateX(calc(var(--cursor-parallax-y, 0px) * -.012deg))
    rotateY(calc(var(--cursor-parallax-x, 0px) * .012deg));
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .immersive-ready,
  .immersive-ready a,
  .immersive-ready button,
  .immersive-ready input,
  .immersive-ready select,
  .immersive-ready textarea {
    cursor: auto;
  }

  .cursor-orb,
  .cursor-dot,
  .webgl-field {
    display: none;
  }

  .kinetic-title span,
  .magnetic-target,
  .immersive-layered,
  .immersive-ready .quiz-shell {
    transform: none;
  }
}