.cine{background:#05080f;position:relative}.cine-stage{color:#f5f7fb;height:100svh;position:sticky;top:0;overflow:hidden}.cine-poster,.cine-canvas{object-fit:cover;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.cine-shade{pointer-events:none;background:linear-gradient(90deg,#040812b8 0%,#04081259 38%,#04081200 62%),linear-gradient(#04081200 70%,#0408128c 100%);position:absolute;inset:0}.cine-copy{text-shadow:0 2px 18px #0006;will-change:opacity,transform;width:min(560px,100% - 40px);position:absolute;bottom:clamp(72px,14vh,160px);left:clamp(20px,7vw,120px)}.cine-copy.is-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040a169e;border:1px solid #8fd3ff2e;border-radius:16px;width:min(440px,100% - 40px);padding:24px 26px;left:auto;right:clamp(20px,6vw,100px)}.cine-copy.is-hero{width:min(760px,100% - 40px);top:clamp(120px,24vh,260px);bottom:auto}.cine-copy :is(h1,h2){color:#fff;letter-spacing:-.02em;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Arial,sans-serif;font-weight:600;line-height:1.04}.cine-copy h1{text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(40px,6vw,88px)}.cine-copy h2{font-size:clamp(30px,3.6vw,52px)}.cine-kicker{color:#7fd8ff;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:600}.cine-sub{color:#dbe4f2;margin:14px 0 0;font-size:clamp(16px,1.5vw,21px);line-height:1.4}.cine-actions{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:28px;display:flex}.cine-actions a,.cine-cta{color:#8fd3ff;font-size:17px;text-decoration:none}.cine-actions a.cine-primary{color:#fff;text-shadow:none;background:#0a66e4;border-radius:999px;padding:12px 24px}.cine-actions a:hover,.cine-cta:hover{text-underline-offset:4px;text-decoration:underline}.cine-actions a.cine-primary:hover{background:#1474f0;text-decoration:none}.cine-cta{margin-top:20px;font-weight:500;display:inline-block}.cine-copy a:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #fff}.cine-progress{background:#ffffff1f;height:3px;position:absolute;bottom:0;left:0;right:0}.cine-progress span{transform-origin:0;background:linear-gradient(90deg,#2b8cff,#5fe0ff);height:100%;display:block}.cine-scroll-cue{color:#cfd8e6;letter-spacing:.2em;text-transform:uppercase;font-size:12px;animation:1.8s ease-in-out infinite cine-cue;position:absolute;bottom:28px;left:50%;translate:-50%}.cine-scroll-cue:after{content:"";background:currentColor;width:1px;height:28px;margin:8px auto 0;display:block}@keyframes cine-cue{50%{opacity:.6;transform:translateY(6px)}}.cine-face{pointer-events:none;color:#8fe3ff;position:absolute}.cine-face-frame{aspect-ratio:4/5;width:clamp(90px,9vw,150px);position:relative;translate:-50% -50%}.cine-face-frame i{border:2px solid;width:22%;height:18%;position:absolute}.cine-face-frame i:first-child{border-bottom:0;border-right:0;top:0;left:0}.cine-face-frame i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.cine-face-frame i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.cine-face-frame i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.cine-face-scan{background:linear-gradient(90deg,#0000,currentColor,#0000);height:2px;animation:1.1s ease-in-out infinite alternate cine-scan;position:absolute;left:4%;right:4%;box-shadow:0 0 12px}@keyframes cine-scan{0%{top:6%}to{top:92%}}.cine-face-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e8f6ff;background:#040c189e;border:1px solid #8fe3ff59;border-radius:10px;gap:2px;min-width:170px;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;position:absolute;top:-40px;left:calc(clamp(90px,9vw,150px)/2 + 16px)}.cine-face-panel small{color:#8aa4c4;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.cine-face-panel strong{font-size:15px;font-weight:600}.cine-face-panel span{color:#a9c1dd;font-size:12px}.cine-face.is-granted{color:#4be39a}.cine-face.is-granted .cine-face-panel{border-color:#4be39a80}.cine-face.is-granted strong{color:#4be39a}.cine-still{background:#05080f;gap:0;display:grid}.cine-still figure{min-height:80svh;margin:0;position:relative;overflow:hidden}.cine-still img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cine-still figure:after{content:"";background:linear-gradient(90deg,#040812b8,#04081200 65%);position:absolute;inset:0}.cine-still figcaption{z-index:1;min-height:80svh;position:relative}.cine-still .cine-copy{opacity:1!important;transform:none!important}@media (max-width:760px){.cine-scroll-cue{display:none}.cine-shade{background:linear-gradient(#0408121a 0%,#04081259 55%,#040812d1 100%)}.cine-copy,.cine-copy.is-hero{width:auto;inset:auto 20px 64px}.cine-face-panel{min-width:150px;inset:auto calc(clamp(90px,9vw,150px)/2 + 8px) calc(100% + 8px) auto}}@media (prefers-reduced-motion:reduce){.cine-scroll-cue,.cine-face-scan{animation:none}.cine-poster,.cine-canvas{transition:none}}.public-site.studio-site.redesign-site.vision-site .cine-copy p.cine-sub{color:#dbe4f2}.public-site.studio-site.redesign-site.vision-site .cine-copy p.cine-kicker{color:#7fd8ff}.public-site.studio-site.redesign-site.vision-site .cine-copy :is(h1,h2){color:#fff}.cine-cctv{pointer-events:none;border:1.5px solid #8fe3ff;border-radius:4px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 1px #040c1859,0 0 18px #7fd8ff59}.cine-cctv-tag{color:#04101e;white-space:nowrap;background:#8fe3ff;padding:2px 6px;font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;bottom:100%;left:-1.5px}.cine-cctv-panel{top:0;left:calc(100% + 12px)}@media (max-width:760px){.cine-cctv-panel{inset:auto 0 calc(100% + 26px) auto}}