.cinema-scroll{color:#f4f4f2;--cinema-progress:0;--cinema-copy-opacity:1;background:#05080c;position:relative}.cinema-scroll.is-webgl{height:240svh}.cinema-sticky{min-height:100svh;position:relative;overflow:hidden}.is-webgl .cinema-sticky{height:100svh;min-height:650px;position:sticky;top:0}.cinema-canvas{touch-action:pan-y;position:absolute;inset:0}.cinema-canvas canvas{width:100%;height:100%;display:block}.cinema-copy{z-index:2;pointer-events:none;max-width:720px;padding:170px 5vw 50px;position:relative}.is-webgl .cinema-copy{opacity:var(--cinema-copy-opacity);transform:translateY(calc(var(--cinema-progress) * -70px));background:linear-gradient(90deg,#05080ceb,#05080c80 70%,#0000);min-height:80svh}.cinema-copy .ai-hero-copy{max-width:620px}.cinema-copy h1{letter-spacing:-.04em;text-transform:uppercase;margin:24px 0;font-size:clamp(3rem,5.4vw,5.4rem)!important;line-height:.96!important}.cinema-copy h1 em{color:#68e3de;font-style:normal;font-weight:300}.cinema-copy p{color:#d1d9dd;max-width:490px;font-size:1.05rem;line-height:1.6}.cinema-copy .ai-hero-copy>span{color:#c1d5d8;letter-spacing:.04em;font-size:.85rem}.cinema-toolbar{z-index:3;justify-content:space-between;align-items:center;gap:20px;padding:20px 5vw;font-size:.85rem;display:flex;position:relative}.is-webgl .cinema-toolbar{position:absolute;bottom:98px;left:0;right:0}.cinema-toolbar>div{background:#05080cd9;align-items:center;gap:12px;padding:12px;display:flex}.cinema-live{background:#68e3de;border-radius:50%;width:8px;height:8px}.cinema-toolbar button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#05080c;border:1px solid #71828c;padding:10px 15px}.cinema-projects{z-index:3;background:#05080cf2;border-top:1px solid #34434c;gap:22px;padding:22px 5vw 28px;display:flex;position:relative;overflow-x:auto}.is-webgl .cinema-projects{position:absolute;bottom:0;left:0;right:0}.cinema-projects a{flex:1;justify-content:space-between;align-items:center;gap:20px;min-width:max-content;min-height:44px;font-size:.85rem;text-decoration:none;display:flex;color:#cbd3d8!important}.cinema-projects a.is-active,.cinema-projects a:hover{color:#68e3de!important}.cinema-projects a span{font-size:1.2rem}.cinema-projects a:focus-visible,.cinema-toolbar button:focus-visible{outline-offset:4px;outline:3px solid #68e3de}.cinema-progress{z-index:4;background:#1c2b36;width:100%;height:3px;position:absolute;bottom:0;left:0}.cinema-progress span{transform-origin:0;height:100%;transform:scaleX(var(--cinema-progress));background:#68e3de;display:block}.cinema-fallback{gap:20px;padding:0 5vw 40px;display:flex;overflow:auto}.cinema-fallback a{aspect-ratio:4/3;color:#fff;flex:1;min-width:260px;position:relative}.cinema-fallback img{object-fit:cover;width:100%;height:100%}.cinema-fallback span{background:linear-gradient(#0000,#000);padding:40px 20px 20px;position:absolute;bottom:0;left:0;right:0}@media (max-width:899px){.cinema-copy{padding:140px 6vw 30px}.cinema-copy h1{font-size:clamp(2.5rem,10vw,4.5rem)!important}.cinema-toolbar{align-items:flex-start}.cinema-projects{gap:24px}.cinema-fallback a{min-width:78vw}.cinema-scroll .cinema-copy{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cinema-scroll .cinema-copy{opacity:1;transform:none}.cinema-scroll{height:auto!important}.cinema-sticky{position:relative!important}}