/* One continuous ocean-to-studio opening. Native scrolling throughout. */
/* Surreal controls retain native buttons and clear, stable labels. */
.hero-actions .button,.studio-flagship-actions .button{position:relative;isolation:isolate;overflow:hidden}
.hero-actions .button:after,.studio-flagship-actions .button:after{content:"";position:absolute;z-index:-1;inset:-100%;border-radius:48%;background:radial-gradient(ellipse,#8beaff88,transparent 60%);transform:translateY(65%) rotate(0deg);transition:transform 1s ease;pointer-events:none}
.hero-actions .button:hover:after,.hero-actions .button:focus-visible:after,.studio-flagship-actions .button:hover:after,.studio-flagship-actions .button:focus-visible:after{transform:translateY(0) rotate(35deg)}
.bend-time{display:inline-flex;position:relative;z-index:3;align-items:center;gap:.7rem;min-height:44px;margin:.75rem 0 0 .6rem;padding:.55rem 1rem;border:1px solid #eed5aa99;border-radius:50% 45% 48% 42% / 45% 55% 42% 55%;background:#181710cc;color:#ffe7bf;font:inherit;font-size:.75rem;cursor:pointer;transition:border-radius 1.2s,background .4s}
.bend-time:hover,.bend-time:focus-visible{border-radius:35% 65% 40% 60% / 65% 35% 60% 40%;background:#4b3928}
.bend-time:focus-visible{outline:2px solid #ffe7bf;outline-offset:5px}
.soft-clock{position:relative;display:block;width:24px;height:28px;border:1px solid #efd4a6;border-radius:50%;transform:rotate(-12deg);transition:transform 1.4s,border-radius 1.4s;flex-shrink:0}
.soft-clock i,.soft-clock b{position:absolute;display:block;left:50%;top:50%;width:1px;height:8px;background:#efd4a6;transform-origin:top}
.soft-clock i{transform:rotate(155deg)}
.soft-clock b{height:6px;transform:rotate(255deg)}
.time-bent .soft-clock{transform:rotate(18deg) scaleY(1.35);border-radius:60% 40% 70% 30%}
.time-bent .soft-clock i{animation:dream-minute 12s linear infinite}
.time-bent .soft-clock b{animation:dream-minute 24s linear infinite reverse}
.title-dali{transition:box-shadow 1.2s}
.title-dali.time-bent{box-shadow:inset 0 0 90px #f2c98a18,0 0 35px #e0b37618}
.time-whisper{min-height:1.4em;margin:.55rem 0 0;color:#eed5aa;font-size:.75rem;line-height:1.4}
.title-dali .studio-title-copy h3{margin-top:.8rem}
@keyframes dream-minute{to{transform:rotate(515deg)}}
@media(max-width:560px){.bend-time{margin-left:.4rem;padding:.55rem .8rem}}
@media(prefers-reduced-motion:reduce){.bend-time,.soft-clock,.title-dali,.hero-actions .button:after,.studio-flagship-actions .button:after{transition:none}.time-bent .soft-clock i,.time-bent .soft-clock b{animation:none}}
.ambient-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .7s ease}
.ambient-film.is-playing{opacity:1}
.dream-ocean .ambient-film{object-position:65% center}
.dream-ocean:after{z-index:1}
.dali-film{z-index:0;object-position:center 38%}
.motion-toggle{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem .9rem;margin:.75rem 0 0;border:1px solid #ffffff66;border-radius:99px;background:#07131abb;color:#e5f5fa;font:inherit;font-size:.72rem;cursor:pointer}
.motion-toggle:hover{background:#214757}
.motion-toggle:focus-visible{outline:2px solid white;outline-offset:4px}
.ocean-toggle{display:flex;width:max-content}
@media(max-width:850px){.dream-ocean .ambient-film{object-position:68% center}}
@media(max-width:560px){.dali-film{height:auto;aspect-ratio:16/9;object-fit:contain}}
.dream-entry{position:relative;isolation:isolate;background:radial-gradient(ellipse at 75% 65%,#10344266,transparent 55%),#080b0f;overflow:hidden}
.dream-ocean{position:absolute;inset:0 0 auto;height:110svh;min-height:720px;z-index:-1;pointer-events:none;transform:translate3d(0,var(--tide-offset,0px),0);will-change:transform}
.dream-ocean img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}
.dream-ocean:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#040c1677,transparent 75%),linear-gradient(0deg,#080b0f 0%,#080b0f66 18%,transparent 55%)}
.dream-hero{min-height:700px;height:100svh;overflow:visible}
.dream-hero .hero-copy{max-width:1100px;padding-bottom:10vh}
.dream-hero h1{font-size:clamp(4rem,8.5vw,8rem);text-transform:none;line-height:.95;letter-spacing:-.06em;margin:1.2rem 0 1.6rem;text-shadow:0 4px 40px #040c1655}
.dream-hero .eyebrow,.studio-intro .kicker,.studio-titles>.section-head .kicker{color:#9cdbec}
.dream-hero .hero-line{color:#ecf5f9}
.dream-scroll{display:inline-flex;align-items:center;gap:1rem;margin-top:2.5rem;padding:.75rem 0;font-size:.75rem;color:#bbd9e6;text-decoration:none;min-height:44px}
.dream-scroll span{display:inline-block;transition:transform .3s}
.dream-scroll:hover span{transform:translateY(5px)}
.dream-entry .studio-intro{background:transparent;position:relative;padding-top:4rem;padding-bottom:6rem}
.studio-titles{background:radial-gradient(ellipse at 85% 0%,#17384744,transparent 32%),#080b0f}
.studio-titles-head{padding-top:1rem}
.worlds{background:linear-gradient(#080b0f,#0d1218 12%,#0d1218 85%,#080b0f)}
.platform{background:linear-gradient(#080b0f,#13202b 25%,#13202b 75%,#080b0f);color:#f2f5f7}
.platform .kicker,.platform-mark{color:#9cdbec}
.platform>div>p:last-child,.platform-list p{color:#aebfcb}
.platform-list,.platform-list div{border-color:#425361}
.investors{background:linear-gradient(#080b0f,#0d1218 20%,#0d1218 80%,#080b0f)}
.contact{background:linear-gradient(#080b0f,#121921 30%,#121921 75%,#080b0f)}
.end{background:linear-gradient(#080b0f,#080b0f66 60%,#080b0f),url('./assets/studio/natural-tide-v1.jpg') center 70%/cover}
.cursor-glow{background:radial-gradient(circle,#79ceec0d,transparent 68%)}
.dream-hero .primary:hover{background:#b7e7f2;color:#07131a}
@media(max-width:850px){
  .dream-hero{height:auto;min-height:calc(100svh - 10rem);padding-top:12rem;padding-bottom:2rem}
  .dream-hero .hero-copy{padding:0;max-width:100%}
  .dream-hero h1{font-size:clamp(2.65rem,10.8vw,5.5rem);line-height:1;letter-spacing:-.055em}
  .dream-hero h1>span{white-space:normal}
  .dream-hero .hero-actions{align-items:stretch}
  .dream-ocean{height:90svh;min-height:640px}
  .dream-ocean img{object-position:68% center}
  .dream-ocean:after{background:linear-gradient(0deg,#080b0f,transparent 80%),linear-gradient(90deg,#040c1655,transparent)}
  .dream-entry .studio-intro{padding-top:3rem;padding-bottom:3rem}
  .dream-scroll{margin-top:1.5rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .dream-ocean{transform:none!important;will-change:auto}
  .dream-scroll span,.reveal,.studio-title-art{transition:none!important}
  .reveal{opacity:1;transform:none}
  .orbit i{animation:none}
}