/* Full scene, no top navigation. Product layers retain official colors. */
:root{--nav-height:0px}
html{scroll-padding-top:0}
.cinema-viewport{height:100svh;top:0;perspective:none}
.cinema-camera{filter:none}
.cinema-frame{object-fit:contain;object-position:center;filter:none}
svg.cinema-frame{filter:none;overflow:visible}
.cinema-background{filter:grayscale(1)}
.official-table-product{filter:drop-shadow(0 3px 3px #0007)}
.cinema-grain{display:none}
.cinema-shade{background:linear-gradient(90deg,#0004,transparent 29%)}
.cinema-opening{bottom:115px}
.cinema-opening h1{font-size:clamp(72px,7vw,118px)}
.cinema-reveal{top:7%;right:6vw}
.cinema-reveal h2{font-size:clamp(54px,5.5vw,92px)}
.cinema-reveal .eyebrow{margin-bottom:12px}
.cinema-shop{padding-top:13px;margin-top:0;font-size:8px}
.cinema-bottom{bottom:max(22px,env(safe-area-inset-bottom));padding-top:14px}
.cinema-rail{top:39%;right:3vw}

@media(max-width:760px){
 :root{--nav-height:0px}
 .cinema-frame.frame-a{object-fit:cover;object-position:56% 45%}
 .cinema-frame.frame-b{object-fit:cover;object-position:52% 45%;width:100%;left:0}
 .cinema-frame.frame-c{object-fit:contain;object-position:center;width:120%;left:-10%}
 .cinema-topline{top:max(20px,env(safe-area-inset-top));font-size:7px}
 .cinema-opening{bottom:105px}.cinema-opening h1{font-size:82px}
 .cinema-reveal{top:12%;left:22px;right:auto}.cinema-reveal h2{font-size:75px}
 .cinema-bottom{bottom:max(20px,env(safe-area-inset-bottom))}
}
/* Unified monochrome presentation, including scene photography. */
:root{--ink:#080808;--paper:#fff;--lime:#ddd;--line:#333;--orange:#fff;--nav-height:0px}
.cinema-camera{filter:grayscale(1)}
.cinema-viewport{color:#fff}
.cinema-opening .eyebrow,.cinema-opening p,.cinema-reveal .eyebrow,.cinema-save,.scroll-cue,.cinema-topline a{color:#aaa}