.scene-v3 .hero{height:auto;min-height:1180px;overflow:clip;background:#f5efdf;--scene-progress:0;--scene-x:0;--scene-y:0}
.scene-v3 .hero-art{position:sticky;top:0;height:760px;inset:auto;z-index:0;transform:none!important;will-change:auto;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 68% 38%,#ffe9ce 0%,#f1e1c6 35%,#f5efdf 72%)}
.scene-v3 .hero-art>picture{position:absolute;inset:0;transition:opacity .5s}
.scene-v3 .scene-loaded>picture{opacity:0;visibility:hidden}
.scene-v3 .hero:before,.scene-v3 .hero:after,.scene-v3 .hero-depth,.scene-v3 .ribbon,.scene-v3 .orbit-note{display:none}
.scene-v3 .hero-copy{position:absolute;top:135px;left:0;margin:0 0 0 6vw;width:43%;max-width:640px;pointer-events:none;z-index:10}
.scene-v3 .hero-copy .button{pointer-events:auto}.scene-v3 .hero h1{font-size:clamp(64px,6.5vw,100px)}
.scene-v3 .hero-foot{bottom:30px;z-index:10}.scene-v3 .hero-tilt{bottom:auto;top:680px;right:6vw}
.scene-stage{position:absolute;inset:0;opacity:0;perspective:1100px;pointer-events:none}
.scene-loaded .scene-stage{opacity:1}
.stage-world{position:absolute;width:850px;height:680px;left:56%;top:43%;transform:translate(-50%,-50%);transform-style:preserve-3d}
.scene-plane{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}
.scene-v3 .hero-art .scene-object{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none}
.plane-ribbon-back{z-index:2;transform:translate3d(calc(var(--scene-x)*32px),calc(var(--scene-y)*20px + var(--scene-progress)*28px),0) rotate(calc(-8deg + var(--scene-progress)*38deg)) scale(calc(1.03 + var(--scene-progress)*.11))}
.ribbon-back{opacity:1}
.plane-cup{z-index:4;inset:80px 120px 110px;transform:translate3d(calc(var(--scene-x)*22px + var(--scene-progress)*-34px),calc(var(--scene-y)*15px + var(--scene-progress)*-64px),40px) rotate(calc(-8deg + var(--scene-progress)*23deg)) scale(calc(1 + var(--scene-progress)*.14))}
.plane-ribbon-front{z-index:6;transform:translate3d(calc(var(--scene-x)*32px),calc(var(--scene-y)*20px + var(--scene-progress)*28px),0) rotate(calc(-8deg + var(--scene-progress)*38deg)) scale(calc(1.03 + var(--scene-progress)*.11))}
.ribbon-front{clip-path:inset(57% 0 0 0)}
.plane-dragon{z-index:3;inset:10px -75px 175px 280px;transform:translate3d(calc(var(--scene-x)*-25px + var(--scene-progress)*-85px),calc(var(--scene-y)*-18px + var(--scene-progress)*-80px),0) rotate(calc(6deg - var(--scene-progress)*22deg)) scale(calc(.9 + var(--scene-progress)*.17))}
.scene-shadow{position:absolute;left:20%;right:15%;bottom:0;height:65px;border-radius:50%;background:radial-gradient(ellipse,#59432d3d,transparent 68%);transform:scale(calc(1 - var(--scene-progress)*.25));z-index:0}
.stage-plinth{position:absolute;left:13%;right:7%;bottom:-30px;height:135px;border-radius:50% 50% 28% 28%;background:linear-gradient(#f9efdb 20%,#e5d0af 21%,#f2e4c9 50%,#ddc6a3);box-shadow:0 23px 34px #6b4b211a;z-index:0;transform:translateY(calc(var(--scene-progress)*35px))}
.stage-plinth:before{content:"";position:absolute;inset:0 0 63%;border-radius:50%;background:radial-gradient(ellipse,#e0c6a2,#f9f0df 70%);border:1px solid #fff5e3}
.scene-v3.motion-ready .plane-cup img{animation:cup-suspension 6s ease-in-out infinite alternate}
.scene-v3.motion-ready .plane-dragon img{animation:dragon-suspension 8s ease-in-out infinite alternate}
.scene-v3.motion-ready .plane-ribbon-back img,.scene-v3.motion-ready .plane-ribbon-front img{animation:satin-suspension 7s ease-in-out infinite alternate}
.scene-v3 .offstage .scene-object{animation-play-state:paused!important}
.scene-progress{position:absolute;left:6vw;right:6vw;bottom:74px;height:1px;background:#b4a68c55}.scene-progress span{display:block;height:2px;background:#ba452e;width:100%;transform:scaleX(var(--scene-progress));transform-origin:left}
.scene-caption{position:absolute;left:6vw;bottom:95px;font-size:11px;letter-spacing:.13em;color:#796951}
@keyframes cup-suspension{from{translate:0 -12px;rotate:-2deg}to{translate:0 13px;rotate:2deg}}
@keyframes dragon-suspension{from{translate:10px -14px;rotate:-3deg}to{translate:-9px 9px;rotate:4deg}}
@keyframes satin-suspension{from{translate:0 -7px;rotate:-2deg}to{translate:0 8px;rotate:2deg}}
@media(min-width:1100px){.stage-world{left:73%;width:780px;height:680px}}
@media(max-width:1099px) and (min-width:701px){.stage-world{left:76%;width:680px}.scene-v3 .hero-copy{width:48%}.scene-v3 .hero h1{font-size:70px}}
@media(max-width:700px){.scene-v3 .hero{min-height:1120px;display:block}.scene-v3 .hero-art{height:570px;top:0;background:radial-gradient(ellipse at 48% 44%,#ffe6bf,#f5efdf 78%)}.stage-world{width:590px;height:480px;left:45%;top:44%}.plane-cup{inset:60px 110px 45px}.plane-dragon{inset:-50px -50px 130px 215px}.stage-plinth{left:23%;right:18%;bottom:-10px;height:94px}.scene-shadow{bottom:20px}.scene-v3 .hero-copy{top:auto;position:relative;left:auto;margin:-12px 6vw 0;width:88%;max-width:none;padding-top:0}.scene-v3 .hero h1{font-size:clamp(47px,12vw,78px)}.scene-v3 .hero-copy .eyebrow{font-size:9px;margin-bottom:18px}.scene-v3 .hero-copy>p:not(.eyebrow){font-size:15px;max-width:340px}.scene-v3 .hero-tilt{top:475px;right:6vw;background:#f5efdfdb}.scene-v3 .hero-foot{bottom:28px}.scene-caption{bottom:94px;font-size:9px}.scene-progress{bottom:75px}}
@media(max-width:350px){.scene-v3 .hero-art{height:500px}.stage-world{width:510px;height:440px;top:44%}.scene-v3 .hero-tilt{top:420px}.scene-v3 .hero{min-height:1080px}.scene-v3 .hero h1{font-size:43px}}
@media(max-width:700px){.scene-v3 .hero-copy{width:100%;margin:0;padding:22px 6vw 40px;background:transparent}.stage-world{top:46%;left:50%;width:540px;height:480px}.plane-dragon{inset:0 -20px 155px 235px}.plane-cup{inset:55px 80px 70px}.scene-v3 .hero-tilt{z-index:12}.scene-v3 .hero-copy .line{overflow:visible}}
@media(prefers-reduced-motion:reduce){.scene-v3 .hero{min-height:980px}.scene-v3 .hero-art{position:relative}.scene-plane{transform:none!important;will-change:auto}.scene-stage,.scene-v3 .hero-art>picture{transition:none}.scene-object{animation:none!important}.scene-progress{display:none}.scene-v3 .hero-tilt{display:none}.scene-caption{display:none}}