.cine-hero{height:300vh;position:relative}@media(max-width:768px){.cine-hero{height:auto}}.cine-stage{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 0%,hsl(268 45% 11%) 0%,transparent 60%),linear-gradient(160deg,#140c1d,#0c0a15 45%,#0e121b);--cp: clamp(0, var(--cine-progress, 0), 1);--open: clamp(0, calc(var(--cp) / .5), 1);--inset-y: calc((1 - var(--open)) * 8svh);--inset-x: calc((1 - var(--open)) * 9vw);--frame-radius: calc((1 - var(--open)) * 22px)}.cine-media{position:absolute;inset:0;z-index:0;overflow:hidden;clip-path:inset(var(--inset-y) var(--inset-x) round var(--frame-radius));transform:scale(calc(1 + var(--open) * .04));transform-origin:center;will-change:transform}.cine-media-img,.cine-media-canvas,.cine-media-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;filter:brightness(calc(.62 + var(--open) * .16)) saturate(1.04)}.cine-media-canvas{z-index:1}.has-frames .cine-media-video{display:none}@media(min-width:769px){.cine-media-video{display:none}}@media(max-width:768px){.cine-media-canvas{display:none}}.cine-media-img.cine-kenburns{animation:cine-kenburns 22s ease-in-out infinite;will-change:transform}@keyframes cine-kenburns{0%{transform:scale(1.04)}50%{transform:scale(1.12)}to{transform:scale(1.04)}}.cine-frame{position:absolute;top:var(--inset-y);right:var(--inset-x);bottom:var(--inset-y);left:var(--inset-x);border-radius:var(--frame-radius);z-index:1;pointer-events:none;box-shadow:0 0 0 1px #cca3f559,0 18px 70px #8516f347,0 0 36px #0bdac91a,inset 0 0 60px #06040b80;opacity:calc(1 - var(--open));will-change:opacity}.cine-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none;padding:0 1rem}.cine-overlay :where(a,button){pointer-events:auto}.cine-overlay:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 85% 70% at 50% 50%,hsl(255 38% 4% / .62) 0%,hsl(255 38% 4% / .38) 48%,transparent 80%)}.cine-chapter{grid-area:1 / 1;position:relative;z-index:1;max-width:56rem;text-align:center;text-shadow:0 1px 2px hsl(255 40% 2% / .9),0 2px 18px hsl(255 40% 3% / .75);opacity:var(--ch, 1);transform:translate3d(0,calc((1 - var(--ch, 1)) * var(--ch-dir, -28px)),0);will-change:opacity,transform}.cine-chapter[data-off]{visibility:hidden}.cine-rest .cine-media,.cine-rest .cine-frame,.cine-rest .cine-chapter{will-change:auto}.cine-ch1{--ch: calc(1 - clamp(0, calc((var(--cp) - .2) / .12), 1)) ;--ch-dir: -28px}.cine-ch2{--in: clamp(0, calc((var(--cp) - .38) / .1), 1);--out: clamp(0, calc((var(--cp) - .58) / .1), 1);--ch: calc(var(--in) * (1 - var(--out)));transform:translate3d(0,calc((1 - var(--in)) * 34px + var(--out) * -28px),0);opacity:var(--ch)}.cine-ch3{--ch: clamp(0, calc((var(--cp) - .74) / .1), 1);--ch-dir: 34px}.cine-rise-mask{display:block;overflow:hidden;padding:.04em .1em .16em}.cine-rise{display:block;transform:translateY(110%);opacity:0;animation:cine-rise-up .9s cubic-bezier(.22,1,.3,1) forwards;animation-delay:calc(var(--r, 0) * .12s + .15s)}@keyframes cine-rise-up{to{transform:translateY(0);opacity:1}}.cine-hook{animation-delay:.1s}.cine-title{line-height:1.08}.cine-ch1 .leaf-btn-primary{animation:cine-cta-ignite 1.1s ease-out both;animation-delay:1.6s}@keyframes cine-cta-ignite{0%,to{filter:drop-shadow(0 0 0 transparent)}40%{filter:drop-shadow(0 0 22px hsl(270 100% 65% / .7))}}.cine-cue{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3;opacity:calc(1 - clamp(0,calc(var(--cp) / .06),1));font-size:.8rem;color:hsl(var(--muted-foreground));animation:cine-bounce 2s ease-in-out infinite}@keyframes cine-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.cine-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.cine-reveal.is-visible{opacity:1;transform:none}.cine-reveal[data-cine-delay="1"]{transition-delay:.1s}.cine-reveal[data-cine-delay="2"]{transition-delay:.2s}.cine-reveal[data-cine-delay="3"]{transition-delay:.3s}@supports (animation-timeline: view()){.cine-parallax{animation:cine-rise-view linear both;animation-timeline:view();animation-range:entry 0% cover 40%}@keyframes cine-rise-view{0%{transform:translateY(60px)}to{transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.cine-hero{height:auto!important}.cine-stage{position:relative;height:auto;min-height:70svh;padding:6rem 0}.cine-media{clip-path:none!important;transform:none!important}.cine-media-img,.cine-media-canvas,.cine-media-video{filter:brightness(.5)!important;animation:none!important}.cine-media-canvas,.cine-media-video{display:none!important}.cine-frame{opacity:0!important}.cine-overlay{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 1rem}.cine-chapter{opacity:1!important;transform:none!important;visibility:visible!important}.cine-ch2{margin-top:1.75rem}.cine-ch3{display:none!important}.cine-rise{transform:none!important;opacity:1!important;animation:none!important}.cine-ch1 .leaf-btn-primary{animation:none!important}.cine-reveal{opacity:1!important;transform:none!important}.cine-cue{display:none}}.reduce-motion .cine-hero{height:auto!important}.reduce-motion .cine-stage{position:relative;height:auto;min-height:70svh;padding:6rem 0}.reduce-motion .cine-media{clip-path:none!important;transform:none!important}.reduce-motion .cine-media-img,.reduce-motion .cine-media-canvas,.reduce-motion .cine-media-video{filter:brightness(.5)!important;animation:none!important}.reduce-motion .cine-media-canvas,.reduce-motion .cine-media-video{display:none!important}.reduce-motion .cine-frame{opacity:0!important}.reduce-motion .cine-overlay{position:relative;display:flex;flex-direction:column;align-items:center}.reduce-motion .cine-chapter{opacity:1!important;transform:none!important;visibility:visible!important}.reduce-motion .cine-ch2{margin-top:1.75rem}.reduce-motion .cine-ch3{display:none!important}.reduce-motion .cine-rise{transform:none!important;opacity:1!important;animation:none!important}.reduce-motion .cine-ch1 .leaf-btn-primary{animation:none!important}.reduce-motion .cine-reveal{opacity:1!important;transform:none!important}.reduce-motion .cine-cue{display:none}@media(max-width:768px)and (prefers-reduced-motion:no-preference){.cine-hero{height:auto!important}.cine-stage{position:relative;height:auto;min-height:46svh}.cine-media{clip-path:none!important;transform:none!important}.cine-media-img,.cine-media-video{filter:brightness(.7) saturate(1.04)!important}.cine-frame{opacity:0!important}.cine-overlay{display:none!important}.cine-cue{display:none}}