.page-bag-cinema{--cinema-green:#163955;--cinema-yellow:#ffdc32;--cinema-cream:#fff8df;--cinema-progress:0;--cinema-intro-opacity:1;position:relative;background:white}.cinema-intro{position:absolute;inset:0 0 auto;min-height:100svh;color:var(--cinema-cream);pointer-events:none}.cinema-brand{position:absolute;top:6%;left:7%;z-index:32;font-size:16px;font-weight:800;line-height:1.1;letter-spacing:.05em}.cinema-brand span{color:var(--cinema-yellow);font-size:12px;letter-spacing:.28em}.cinema-intro-copy{position:relative;z-index:32;padding-top:max(160px,21svh);padding-bottom:150px;margin-left:8%;width:36%}.cinema-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cinema-yellow)}.cinema-intro h2{margin-top:20px;font-size:clamp(44px,6.8vw,110px);line-height:.93;letter-spacing:-.06em;font-weight:900}.cinema-description{max-width:26ch;margin-top:24px;font-size:17px;line-height:1.5}.cinema-enter{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:24px;font-size:14px;font-weight:700;border-bottom:1px solid var(--cinema-yellow)}.cinema-enter:focus-visible,.cinema-toggle:focus-visible{outline:3px solid var(--cinema-yellow);outline-offset:5px}.cinema-intro-aside{position:absolute;z-index:32;top:47%;left:65%;max-width:28%}.cinema-intro-aside span{display:block;margin-bottom:10px;font-size:13px;color:var(--cinema-yellow)}.cinema-intro-aside strong{font-size:clamp(22px,2.5vw,40px);line-height:1.15;font-weight:600;letter-spacing:-.03em}.cinema-scroll-cue{position:absolute;z-index:32;bottom:9%;left:8%;display:flex;align-items:center;gap:12px;font-size:12px}.cinema-site-content{position:relative;isolation:isolate;z-index:0}.page-bag-cinema[data-motion=on] .cinema-site-content{position:sticky;top:0}.page-bag-cinema[data-motion=on]:after{content:"";display:block;height:var(--cinema-intro-distance,100svh)}.page-bag-cinema[data-motion=off] .cinema-intro{display:none}.cinema-site-content>footer{padding-bottom:72px}.cinema-bag-surface{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:30;pointer-events:none}.cinema-material{pointer-events:auto}.cinema-zipper-pull{filter:drop-shadow(2px 5px 3px #030e1c80)}.page-bag-cinema[data-motion=on] .cinema-bag-surface{display:block}.page-bag-cinema[data-motion=on] .cinema-intro>*{opacity:var(--cinema-intro-opacity)}.cinema-controls{position:fixed;bottom:20px;right:20px;z-index:45;display:flex;align-items:center;gap:12px}.cinema-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid #c4d1bd;padding:0 15px;border-radius:999px;color:var(--cinema-cream);background:#102e4c;font-size:12px;font-weight:600;box-shadow:0 4px 18px #0002}.cinema-progress-label{border-radius:100px;padding:7px 10px;background:var(--cinema-cream);color:var(--cinema-green);font-size:11px;font-weight:600}.cinema-progress-label span{display:inline-block;min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}.cinema-progress-track{position:fixed;z-index:45;bottom:0;left:0;width:100%;height:3px;background:#123322}.cinema-progress-track span{display:block;width:100%;height:100%;background:var(--cinema-yellow);transform:scaleX(var(--cinema-progress));transform-origin:left}.page-bag-cinema[data-motion=off] .cinema-scroll-cue{display:none}.page-bag-cinema[data-motion=off] .cinema-intro-aside{opacity:1}@media (max-width:767px){.cinema-intro-copy{margin-left:6%;width:40%;padding-top:24svh}.cinema-intro h2{font-size:clamp(36px,10.5vw,72px)}.cinema-brand{left:6%;font-size:13px}.cinema-description{font-size:13px;margin-top:20px}.cinema-eyebrow{font-size:9px;letter-spacing:.06em}.cinema-enter{font-size:12px;gap:7px}.cinema-intro-aside{left:63%;top:50%;max-width:32%}.cinema-intro-aside span{font-size:10px}.cinema-intro-aside strong{font-size:18px}.cinema-scroll-cue{left:6%;bottom:11%;max-width:40%;font-size:11px}.cinema-controls{bottom:12px;right:12px;gap:6px}.cinema-progress-label{font-size:10px;padding:7px}.cinema-toggle{font-size:11px;padding:0 11px}}@media (prefers-reduced-motion:reduce){.page-bag-cinema[data-motion=on] .cinema-bag-surface{display:none}.page-bag-cinema[data-motion=on] .cinema-intro>*{opacity:1}.cinema-scroll-cue{display:none}}