.lion-journey{position:relative;background:#032219;isolation:isolate}.lion-stage{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 70% 65%,#063225,#032219 70%)}#lion-canvas{display:block;width:100%;height:100%;mix-blend-mode:lighten}#lion-poster{position:absolute;width:68%;height:auto;left:33%;top:33%;mix-blend-mode:lighten;max-width:none}.lion-shade{position:absolute;inset:0;background:linear-gradient(90deg,#032219 0%,#032219db 26%,transparent 53%);pointer-events:none}.lion-panel{min-height:100svh;padding:140px 7% 130px;display:flex;align-items:center;border:0;pointer-events:none}.lion-panel a{pointer-events:auto}.lion-copy{max-width:43%}.lion-copy h1{font-size:clamp(48px,5.5vw,88px)}.lion-copy h2{font-size:clamp(44px,4.7vw,74px)}.lion-copy p:not(.eyebrow){font-size:15px;max-width:460px}.lion-copy .quiet{display:block;margin:24px 0 0;color:var(--gold)}.lion-controls{position:sticky;bottom:24px;margin-top:-70px;height:70px;padding:12px 7% 24px;display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.6px;color:#c2cdbd;z-index:4;pointer-events:none}.lion-controls>*{pointer-events:auto}.lion-controls span{margin-right:auto;pointer-events:none}.lion-controls button{background:#032219d9;border:1px solid #c5ad7d55;color:var(--gold);padding:7px 12px;font-size:10px}.lion-controls a{font-size:10px}.lion-static .lion-controls span{opacity:.7}.lion-journey section{background:transparent}#lion-canvas:empty{background:transparent}
@media(max-width:900px){.lion-panel{min-height:1000px;align-items:flex-start;padding:100px 7% 380px}.lion-copy{max-width:100%;width:100%}.lion-copy h1{font-size:clamp(43px,7.8vw,65px)}.lion-copy h2{font-size:clamp(40px,7.5vw,62px)}.lion-copy p:not(.eyebrow){font-size:14px;max-width:410px}.lion-copy .button{max-width:100%}#lion-poster{width:100%;left:0;top:auto;bottom:115px}.lion-shade{background:linear-gradient(#032219 0%,#032219f5 40%,transparent 64%)}.lion-controls{gap:12px;padding-inline:5%;font-size:8px}.lion-controls button,.lion-controls a{font-size:9px}.lion-controls span{max-width:130px}.lion-stage{background:#032219}}
@media(max-width:400px){.lion-copy h1{font-size:44px}.lion-controls{gap:8px}.lion-controls span{max-width:90px}}
@media(prefers-reduced-motion:reduce){.lion-panel{min-height:85svh}.lion-stage{position:sticky}.lion-controls{letter-spacing:0}}