.logo-viewer{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;background:radial-gradient(ellipse at 50% 52%,#cda96e12,transparent 65%)}
.logo-viewer canvas{width:100%;height:calc(100% - 55px);min-height:210px;display:block;cursor:grab;touch-action:none;opacity:0;transition:opacity .4s}.logo-viewer.ready canvas{opacity:1}.logo-viewer canvas.dragging{cursor:grabbing}.logo-viewer canvas:focus-visible{outline:1px solid var(--gold);outline-offset:-8px;border-radius:12px}.viewer-controls{display:flex;gap:9px;justify-content:center;align-items:center}.viewer-controls button{color:#e8d9ba;border:1px solid #ffffff24;background:#ffffff06;border-radius:30px;font-size:12px;padding:7px 15px;cursor:pointer;min-height:36px}.viewer-controls button:hover{background:#ffffff15;border-color:#bba477}.viewer-status{font-size:11px;letter-spacing:.06em;color:#bbb9b3;margin:0 0 10px;text-align:center}.logo-fallback{position:absolute;top:22%;left:30%;width:40%;aspect-ratio:1.2;background:url('/assets/brand-reference.png') 51.17% 66.75%/670% auto no-repeat;mix-blend-mode:lighten}.ready .logo-fallback{display:none}.unavailable canvas{display:none}.unavailable .logo-fallback{display:block}
.cinema-hero{background:radial-gradient(ellipse at 50% 65%,#30251b55,transparent 65%),#07090b;min-height:850px;padding-top:120px}.cinema-hero:after{display:none}.cinema-title{position:relative;z-index:2;pointer-events:none}.cinema-title h1{font-size:clamp(43px,4.5vw,70px);margin:17px 0 12px}.cinema-title p{max-width:690px;margin:0 auto;font-size:16px}.cinema-hero>.logo-viewer{position:absolute;top:285px;bottom:175px;left:15%;width:70%}.cinema-bottom{position:relative;z-index:2}.cinema-bottom .actions{margin-bottom:17px}.scroll-cue{margin-top:12px}
.cinematic .page-intro{padding-top:160px;min-height:730px;height:auto;padding-bottom:90px;overflow:visible;justify-content:center}.cinematic .page-intro:after{display:none}.page-intro>.logo-viewer{position:absolute;right:1%;top:120px;bottom:50px;width:45%;z-index:0}.page-intro>h1,.page-intro>p,.page-intro>.eyebrow{position:relative;z-index:1;width:53%;pointer-events:none}.cinematic .page-intro h1{font-size:clamp(40px,4.5vw,64px)}.cinematic .page-intro>p{font-size:17px}.cinematic .page-contact .page-intro>h1,.cinematic .page-contact .page-intro>p{width:100%}.audience-block{display:grid;grid-template-columns:1fr 2fr;gap:9%;padding:45px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:15px}.audience-block h2{font-size:28px;margin:0}.audience-block p{margin:0;font-size:17px}.engagement{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.engagement h3{font-size:23px;font-weight:500}.engagement article{border-top:1px solid var(--line);padding-top:24px}.engagement .eyebrow{color:var(--gold)}
@media(max-width:760px){.cinema-hero{min-height:830px;padding-top:112px}.cinema-title h1{font-size:40px;max-width:350px}.cinema-title p{font-size:14px;max-width:320px;line-height:1.7}.cinema-hero>.logo-viewer{top:310px;bottom:175px;left:4%;width:92%}.viewer-controls button{font-size:11px;min-height:36px}.viewer-status{font-size:10px}.cinematic .page-intro{padding:125px 6% 35px;min-height:0;display:block}.page-intro>h1,.page-intro>p,.page-intro>.eyebrow{width:100%}.cinematic .page-intro h1{font-size:42px}.page-intro>.logo-viewer{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:360px;margin:25px 0 0}.logo-viewer canvas{min-height:200px}.audience-block,.engagement{grid-template-columns:1fr;gap:18px}.audience-block{padding:35px 0}.cinematic .page-intro>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.logo-viewer canvas{transition:none}}
.viewer-controls[hidden]{display:none}
.cinema-hero>.logo-viewer{bottom:195px}.cinematic .nav{gap:21px}
@media(max-width:1000px){.cinematic header{height:76px}.cinematic .menu{display:block;background:#ffffff12;border:0;border-radius:3px;color:#f4f4f4;padding:9px 16px}.cinematic .nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0c1013fa;padding:25px 6%;border-bottom:1px solid #3e4347}.cinematic .nav.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}}