.code-red-intro{--paper:#f4f4f4;--red:#ff2445;--accent:#ff2445;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#08080b;color:var(--paper);font-family:Arial,Helvetica,sans-serif}
.code-red-intro::backdrop{background:#08080b}.code-red-intro *{box-sizing:border-box}.code-red-intro button{font-family:Arial,Helvetica,sans-serif;cursor:pointer}.code-red-intro button:focus-visible{outline:2px solid var(--paper);outline-offset:7px}.cinema-stage,.cinema-canvas,.cinema-poster,.cinema-shade,.cinema-grain{position:absolute;inset:0;width:100%;height:100%}.cinema-stage{background:#08080b}.cinema-poster{object-fit:cover;object-position:65% 50%;opacity:0;transition:opacity 1s}.cinema-ready .cinema-poster{opacity:0}.cinema-canvas{opacity:0;transition:opacity 1.2s}.cinema-ready .cinema-canvas{opacity:1}.cinema-canvas canvas{display:block;width:100%;height:100%}.cinema-shade{pointer-events:none;background:linear-gradient(90deg,#08080be8 0%,#08080bb0 23%,#08080b20 51%,#08080b00 70%),linear-gradient(0deg,#08080bc9 0%,transparent 23%,transparent 80%,#08080b85 100%)}.cinema-grain{pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.cinema-header{position:absolute;inset:30px 40px auto;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:3}.cinema-wordmark{font-size:11px;font-weight:800;letter-spacing:.22em}.cinema-wordmark>span{color:#ff2445;margin:0 8px}.cinema-edition{font:9px monospace;letter-spacing:.25em;color:#aaaab5}.cinema-skip{color:#e9e9ee;background:#08080b44;border:1px solid #79798644;padding:12px 16px;font-size:9px;font-weight:700;letter-spacing:.14em}.cinema-skip>span{margin-left:16px}.cinema-copy{position:absolute;z-index:2;top:50%;left:7.5%;transform:translateY(-48%);width:44%;max-width:660px}.cinema-eyebrow{font:9px/1.5 monospace;letter-spacing:.27em;color:#aaaab5;margin:0 0 28px}.cinema-eyebrow i{display:inline-block;width:5px;height:5px;background:#ff2445;border-radius:50%;margin-right:12px;box-shadow:0 0 15px #ff244566}.cinema-copy h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(80px,11.4vw,180px);line-height:.77;letter-spacing:-.075em}.cinema-copy h1>span,.cinema-copy h1>em{display:block}.cinema-copy h1>em{font-style:normal;color:var(--red);margin-top:5px}.cinema-rule{height:1px;width:42px;background:var(--accent);margin:30px 0 21px}.cinema-copy p#cr-description{font-size:12px;line-height:1.9;color:#bcbcc7;letter-spacing:.02em;margin:0 0 27px}.cinema-enter{color:#ffffff;background:#ff2445;border:1px solid #ff657d44;padding:17px 22px;font-size:9px;font-weight:700;letter-spacing:.18em;min-width:200px;display:inline-flex;justify-content:space-between;gap:40px;transition:background .2s,translate .2s}.cinema-enter:hover{background:#e8193b;translate:0 -2px}.cinema-footnote{font:8px monospace;color:#888895;letter-spacing:.12em;margin:18px 0 0}.cinema-coordinate{position:absolute;right:40px;top:50%;writing-mode:vertical-rl;display:flex;gap:18px;font:8px monospace;letter-spacing:.2em;color:#aaaab5}.cinema-coordinate b{font-weight:400;color:#ff2445}.cinema-bottom{position:absolute;bottom:30px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cinema-chapters{display:flex;gap:30px}.cinema-chapters button{position:relative;border:0;padding:12px 0;color:#888895;background:none;font:8px monospace;letter-spacing:.14em;min-width:105px;text-align:left}.cinema-chapters button span{color:#ff2445;margin-right:10px}.cinema-chapters button i{position:absolute;height:1px;bottom:0;left:0;right:0;background:#9b9ba833}.cinema-chapters button[aria-pressed=true]{color:#f4f4f4}.cinema-chapters button[aria-pressed=true] i:after{content:'';position:absolute;inset:0;background:#ff2445;transform:scaleX(var(--progress,0));transform-origin:left}.cinema-pause{border:1px solid #79798655;background:#08080b55;color:#e9e9ee;font:8px monospace;letter-spacing:.16em;padding:11px 15px}.cinema-fallback .cinema-poster{opacity:.65}
@media(max-width:650px){.cinema-header{inset:20px 22px auto}.cinema-wordmark{font-size:9px;letter-spacing:.12em}.cinema-wordmark>span{margin:0 3px}.cinema-edition{display:none}.cinema-skip{padding:10px;font-size:8px}.cinema-skip>span{margin-left:8px}.cinema-copy{left:8%;top:49%;transform:translateY(-30%);width:84%}.cinema-copy h1{font-size:clamp(76px,24vw,142px)}.cinema-eyebrow{font-size:8px;margin-bottom:18px}.cinema-rule{margin:20px 0 14px}.cinema-copy p#cr-description{font-size:11px;line-height:1.7;margin-bottom:19px}.cinema-footnote{font-size:7px}.cinema-shade{background:linear-gradient(0deg,#08080be8 0%,#08080bbc 22%,#08080b20 67%,#08080b66 100%),linear-gradient(90deg,#08080b50,transparent)}.cinema-coordinate{display:none}.cinema-bottom{bottom:23px;left:22px;right:22px;gap:10px}.cinema-chapters{gap:15px}.cinema-chapters button{min-width:52px;font-size:7px;letter-spacing:.02em}.cinema-chapters button span{display:block;margin-bottom:6px}.cinema-pause{padding:10px;font-size:7px}.cinema-enter{min-width:190px;padding:16px 20px}.cinema-canvas{height:85%;top:-2%}}
@media(max-height:580px){.cinema-copy{top:50%;transform:translateY(-45%)}.cinema-copy h1{font-size:78px}.cinema-eyebrow{margin-bottom:14px}.cinema-rule{margin:16px 0 12px}.cinema-copy p#cr-description{margin-bottom:16px}.cinema-footnote{display:none}.cinema-header{top:16px}.cinema-bottom{bottom:16px}.cinema-enter{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.code-red-intro *{transition:none!important;animation:none!important}}

/* Explain the product's work, without exposing decorative camera controls. */
.cinema-copy p#cr-description{max-width:360px;font-size:12px;line-height:1.8}
.cinema-copy p#cr-description strong{display:block;font-weight:600;color:#f4f4f4;margin-bottom:9px}
.cinema-copy p#cr-description>span{display:block;color:#bcbcc7}
.cinema-footnote{max-width:360px;line-height:1.8;letter-spacing:.08em}
.cinema-status{font:8px/1.8 monospace;letter-spacing:.16em;color:#aaaab5}
@media(max-width:650px){.cinema-copy{top:45%;transform:translateY(-27%)}.cinema-copy p#cr-description{max-width:290px;font-size:11px;line-height:1.65;margin-bottom:19px}.cinema-copy p#cr-description strong{margin-bottom:7px}.cinema-footnote{max-width:270px;font-size:7px}.cinema-status{font-size:7px;max-width:175px;letter-spacing:.08em}}
@media(max-height:580px){.cinema-copy{top:50%;transform:translateY(-46%)}.cinema-copy h1{font-size:65px}.cinema-copy p#cr-description{font-size:10px;line-height:1.5;margin-bottom:14px}.cinema-copy p#cr-description strong{margin-bottom:5px}.cinema-rule{margin:15px 0 11px}}

/* Direct manipulation remains available behind the product copy. */
.cinema-canvas canvas{touch-action:none;cursor:grab;outline-offset:-4px}
.cinema-canvas canvas.is-dragging{cursor:grabbing}
.cinema-canvas canvas:focus-visible{outline:1px solid #ff2445}
.cinema-copy{pointer-events:none}.cinema-copy button{pointer-events:auto}
.cinema-coordinate{pointer-events:none}
.cinema-status{margin-right:auto;max-width:460px}
.cinema-reset{border:1px solid #79798655;background:#08080b55;color:#e9e9ee;font:8px monospace;letter-spacing:.12em;padding:11px 15px}


@media(max-width:650px){.cinema-bottom{flex-wrap:wrap;justify-content:flex-end;gap:9px}.cinema-status{max-width:none;flex-basis:100%;font-size:7px}.cinema-reset{font-size:7px;padding:10px}}

.cinema-replay{border:1px solid #79798655;background:#08080b55;color:#e9e9ee;font:8px monospace;letter-spacing:.12em;padding:11px 15px}
@media(max-width:650px){.cinema-replay{font-size:7px;padding:10px}.cinema-bottom{gap:7px}}

.cinema-copy .cinema-product-description{margin:24px 0 0;max-width:360px;color:#f4f4f4;font:500 12px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.015em}
.cinema-product-description+.cinema-rule{margin-top:18px}
@media(max-width:650px){.cinema-copy .cinema-product-description{margin-top:20px;font-size:11px;max-width:290px}}
@media(max-height:580px){.cinema-copy .cinema-product-description{margin-top:14px;font-size:10px}.cinema-product-description+.cinema-rule{margin-top:12px}}