.cinematic{--progress:0;--mx:0;--my:0;--title:0;--header-height:92px;--banner-visible:32px;height:190svh;position:relative;background:#040304}
.cinema-stage{height:calc(100svh - var(--header-height) - var(--banner-visible));min-height:530px;position:sticky;top:var(--header-height);isolation:isolate;overflow:hidden;direction:ltr;background:radial-gradient(ellipse at 50% 75%,#29091066,transparent 60%),#040304}
.cinema-glow{position:absolute;left:30%;right:30%;top:32%;bottom:8%;background:radial-gradient(ellipse,#9c122640,transparent 66%);opacity:calc(.5 + var(--progress)*.5);transform:translateX(calc(var(--progress)*100px)) scale(calc(1 + var(--progress)*.3));pointer-events:none}
.cinema-scene{position:absolute;inset:0;max-width:1200px;margin:auto;perspective:1500px;pointer-events:none}
.cinema-scene img{position:absolute;object-fit:contain;user-select:none;-webkit-user-drag:none;will-change:transform,opacity}
.scene-logo{width:24%;height:32%;left:38%;top:0;opacity:clamp(0,calc(1 - var(--progress)*2.7),1);transform:translate3d(calc(var(--mx)*3px),calc(var(--progress)*-50px),0);filter:brightness(.83)}
.scene-swan{width:52%;height:73%;top:19%;filter:brightness(.74);opacity:clamp(0,calc(1 - var(--progress)*1.3),1)}
.scene-swan-left{left:-4%;transform:translate3d(calc(var(--progress)*-260px + var(--mx)*7px),calc(var(--progress)*-35px + var(--my)*3px),0) rotate(calc(var(--progress)*-13deg));transform-origin:70% 85%}
.scene-swan-right{right:-4%;top:24%;transform:translate3d(calc(var(--progress)*260px + var(--mx)*7px),calc(var(--progress)*-60px + var(--my)*3px),0) rotate(calc(var(--progress)*13deg));transform-origin:30% 85%}
.scene-rocks{width:90%;height:74%;left:5%;top:38%;z-index:2;filter:brightness(.68);opacity:clamp(0,calc(1 - var(--progress)*1.6),1);transform:translate3d(calc(var(--mx)*-4px),calc(var(--progress)*180px),0) scale(calc(1 + var(--progress)*.14))}
.scene-bottle{position:absolute;left:30%;top:30%;width:40%;height:57%;z-index:3;transform:translate3d(calc(var(--progress)*205px + var(--mx)*-10px),calc(var(--progress)*-70px + var(--my)*-6px),0) rotateY(calc(var(--progress)*-12deg + var(--mx)*-2deg)) scale(calc(1 + var(--progress)*.32));transform-origin:50% 60%;will-change:transform}
.scene-bottle img{width:100%;height:100%;inset:0;filter:drop-shadow(0 15px 40px #800c1d35)}
.scene-feather{z-index:4;filter:brightness(.84)}
.feather-back{width:12%;height:20%;left:22%;top:12%;z-index:0;opacity:.55;filter:blur(2px) brightness(.65);transform:translate3d(calc(var(--progress)*-90px),calc(var(--progress)*-100px),0) rotate(calc(-65deg + var(--progress)*-60deg))}
.feather-left{width:27%;height:31%;left:1%;bottom:4%;transform:translate3d(calc(var(--progress)*-130px + var(--mx)*-15px),calc(var(--progress)*-140px),0) rotate(calc(-9deg + var(--progress)*-45deg)) scale(calc(1 + var(--progress)*.4))}
.feather-right{width:18%;height:24%;right:4%;top:2%;transform:translate3d(calc(var(--progress)*130px + var(--mx)*-10px),calc(var(--progress)*130px),0) rotate(calc(-68deg + var(--progress)*80deg))}
.feather-front{width:15%;height:24%;right:14%;bottom:9%;z-index:5;opacity:clamp(0,calc(.85 - var(--progress)*.55),1);transform:translate3d(calc(var(--progress)*-320px + var(--mx)*-20px),calc(var(--progress)*-270px),0) rotate(calc(35deg + var(--progress)*-100deg)) scale(calc(1 + var(--progress)*1.5));filter:blur(calc(var(--progress)*4px)) brightness(.85)}
.cinema-type{position:absolute;top:25%;left:8%;right:52%;z-index:7;direction:rtl;text-align:right;opacity:var(--title);transform:translate3d(0,calc(36px - var(--title)*36px),0);pointer-events:none;will-change:transform,opacity}
.cinema-type h1{font-size:clamp(35px,4vw,60px);line-height:1.7;font-weight:400;margin-bottom:18px}.cinema-type .eyebrow{font-size:11px;letter-spacing:.16em;line-height:1.8}.cinema-type>p:last-of-type{font-size:17px;color:#bda6ac}.cinema-inline-link{display:inline-block;font-size:14px;padding:12px 0;border-bottom:1px solid #b34c66;pointer-events:auto;visibility:hidden}.cinematic.scene-open .cinema-inline-link{visibility:visible}
.cinema-bottom{position:absolute;bottom:26px;left:5%;right:5%;z-index:8;display:flex;justify-content:space-between;align-items:center;direction:rtl;gap:20px}
.cinema-cta{border:1px solid #e5bfc34d;background:#170a0ddd;backdrop-filter:blur(12px);padding:10px 26px;border-radius:40px;display:flex;gap:35px;align-items:center;font-size:14px}.cinema-cta span{font-size:25px;color:#d896a2}.cinema-cta:hover{background:#481223}.scroll-cue{display:flex;align-items:center;gap:16px;font-size:12px;color:#cdbfc3;opacity:clamp(0,calc(1 - var(--progress)*2),1)}.scroll-cue i{width:1px;height:38px;background:linear-gradient(#cb8296,transparent)}.scene-caption{position:absolute;left:50%;transform:translateX(-50%);font:9px Arial;letter-spacing:.25em;color:#a78c97;opacity:calc(1 - var(--progress))}
.cinema-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff10;z-index:9}.cinema-track span{display:block;height:100%;transform-origin:left;transform:scaleX(var(--progress));background:#a8243b}.cinema-motion{position:absolute;top:19px;left:24px;z-index:9;border:1px solid #ffffff30;background:#140b10bb;border-radius:50%;width:44px;height:44px;min-height:44px;font-size:14px}.cinematic.motion-paused{height:calc(100svh - var(--header-height) - var(--banner-visible));min-height:530px}.cinematic.motion-paused .cinema-stage{position:relative;top:0}.cinematic.motion-paused .scroll-cue{display:none}
@media(max-width:700px){.cinematic{--header-height:72px;height:175svh}.cinema-stage{min-height:565px}.cinema-scene{width:150%;left:-25%;right:auto;top:-1%;height:91%}.scene-logo{width:30%;height:31%;left:35%;top:0}.scene-swan{width:58%;height:69%;top:13%}.scene-swan-left{left:-12%;transform:translate3d(calc(var(--progress)*-200px),calc(var(--progress)*-10px),0) rotate(calc(var(--progress)*-13deg))}.scene-swan-right{right:-12%;top:18%;transform:translate3d(calc(var(--progress)*200px),calc(var(--progress)*-30px),0) rotate(calc(var(--progress)*13deg))}.scene-rocks{width:108%;height:76%;left:-4%;top:40%;transform:translate3d(0,calc(var(--progress)*180px),0)}.scene-bottle{left:21%;width:58%;top:33%;height:53%;transform:translate3d(0,calc(var(--progress)*23px),0) rotateY(calc(var(--progress)*-10deg)) scale(calc(1 + var(--progress)*.24))}.feather-left{width:37%;left:8%;bottom:5%;transform:translate3d(calc(var(--progress)*-110px),calc(var(--progress)*-120px),0) rotate(calc(-12deg + var(--progress)*-60deg))}.feather-right{width:23%;right:12%;top:4%;transform:translate3d(calc(var(--progress)*120px),calc(var(--progress)*170px),0) rotate(calc(-65deg + var(--progress)*100deg))}.feather-back{width:16%;left:23%;top:13%}.feather-front{right:17%;bottom:12%;width:23%;transform:translate3d(calc(var(--progress)*-150px),calc(var(--progress)*-140px),0) rotate(calc(30deg + var(--progress)*-100deg)) scale(calc(1 + var(--progress)*1.8))}.cinema-type{top:4%;left:23px;right:23px;text-align:center}.cinema-type h1{font-size:31px;line-height:1.65;margin:8px 0 9px}.cinema-type .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:4px}.cinema-type>p:last-of-type{font-size:14px}.cinema-inline-link{display:none}.cinema-bottom{bottom:calc(95px + env(safe-area-inset-bottom));left:20px;right:20px;flex-direction:column;gap:13px}.cinema-cta{padding:10px 24px;font-size:14px;gap:34px}.scroll-cue{font-size:12px;gap:10px}.scroll-cue i{height:23px}.scene-caption{display:none}.cinema-motion{left:13px;top:10px}.cinematic.motion-paused{min-height:565px}}
@media(max-height:730px) and (max-width:700px){.cinema-stage{min-height:490px}.cinema-scene{height:87%;top:-3%}.cinema-type h1{font-size:27px}.cinema-bottom{bottom:87px}.cinematic.motion-paused{min-height:490px}}
@media(prefers-reduced-motion:reduce){.cinematic{height:calc(100svh - var(--header-height) - var(--banner-visible))}.cinema-stage{position:relative;top:0}.cinema-scene img,.scene-bottle{transform:none!important}.scene-logo,.scene-swan,.scene-rocks{opacity:1!important}.cinema-type,.scroll-cue,.cinema-motion{display:none}}