/* Inner chapters share the homepage's theatre, warm type and transparent surfaces. */
body.cinema-page{--site-ink:#f3f0e9;--site-muted:#d4c9bc;--site-line:#f3f0e933;--site-accent:#ddc3a2;--p-ink:#f3f0e9;--p-muted:#d4c9bc;--p-line:#f3f0e933;--p-red:#ddc3a2;--ink:#f3f0e9;--muted:#d4c9bc;--line:#f3f0e933;--canvas:#171112;background:#171112;color:#f3f0e9;isolation:isolate;min-height:100vh;color-scheme:dark}
.cinema-page::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at center,transparent 20%,rgba(23,3,8,.24) 90%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.24)),linear-gradient(#0501010d,#0501010d),url('/assets/bg-mobile-poster.jpg') center/cover no-repeat;pointer-events:none}
.cinema-page>.site-navigation{background:#160f1159;border-bottom:1px solid #f3f0e920;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-height:86px;margin-top:0;top:0}
.cinema-page .site-navigation .site-wordmark{color:#fff9ec;text-shadow:0 1px 12px #0008}
.cinema-page .site-navigation .site-links>a,.cinema-page .site-navigation .site-contact{color:#e1d9cd!important}
.cinema-page .site-navigation .site-links>a[aria-current=page],.cinema-page .site-navigation .site-links>a:hover{color:#fff9ec!important}
.cinema-page .site-navigation .joy-account-entry{color:#262321;background:#f3f0e9;border-color:#f3f0e9;border-radius:5px}
.cinema-page .p-intro,.cinema-page .developer-intro{border:0;background:transparent;border-radius:0;margin:0 0 48px;padding:100px 0 65px;min-height:560px;display:flex;flex-direction:column;justify-content:center;position:relative}
.cinema-page .p-intro h1,.cinema-page .developer-intro h1{font-family:var(--site-sans);font-size:clamp(48px,6.7vw,94px);font-weight:500;line-height:1.02;letter-spacing:-.055em;color:#f3f0e9;margin:24px 0 30px;text-transform:uppercase}
.cinema-page .p-intro h1 em{font:inherit;color:inherit}
.cinema-page .developer-intro h1{line-height:1.18;letter-spacing:-.04em}
.cinema-page .developer-intro .intro{max-width:900px}
.cinema-page .p-lead,.cinema-page .developer-intro .intro>p:last-child{color:#e0d5c9;line-height:1.9;font-size:14px;max-width:560px}
.cinema-page .p-kicker,.cinema-page .developer-intro .eyebrow{color:#ddc3a2;font-family:var(--site-sans);letter-spacing:.16em;font-size:10px}
.cinema-page .p-intro .p-edition,.cinema-page .developer-intro .edition{color:#d4c9bc;right:0;top:64px}
.cinema-page .p-catalog,.cinema-page .project-grid{gap:36px}
.cinema-page .p-card,.cinema-page .project{background:#171113a6;border:1px solid #f3f0e92b;border-radius:14px;padding:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}
.cinema-page .p-art.merchandise,.cinema-page .project-screen{background:#f3f0e908;border:1px solid #f3f0e91c;border-radius:6px}
.cinema-page .p-card h2,.cinema-page .card-caption h2,.cinema-page .p-price{color:#f3f0e9}
.cinema-page .p-card p,.cinema-page .p-tags,.cinema-page .card-caption p,.cinema-page .card-meta,.cinema-page .gallery-heading{color:#d4c9bc}
.cinema-page .p-link{color:#f3f0e9;border-color:#d4c9bc}
.cinema-page .p-choice{background:#171113b8;border:1px solid #f3f0e933;border-radius:14px;padding:40px;backdrop-filter:blur(12px)}
.cinema-page .p-choice p,.cinema-page .p-section-heading p,.cinema-page .p-tool-list p,.cinema-page .p-tool-type,.cinema-page .p-tool-number{color:#d4c9bc}
.cinema-page .p-choice strong,.cinema-page .p-tool-list h3{color:#f3f0e9}
.cinema-page .p-tool-list>a{border-color:#f3f0e933;background:#17111380;padding-left:20px;padding-right:20px}
.cinema-page .p-tool-list>a:hover{background:#3c282ba6}
.cinema-page .p-footer,.cinema-page .gallery-footer{color:#d4c9bc;border-color:#f3f0e933}
.cinema-page .project-info{background:transparent;border-top:1px solid #f3f0e933;padding:25px 0 0;color:#f3f0e9}
.cinema-page .lab-proj-meta,.cinema-page .lab-proj-lede,.cinema-page .lab-proj-facts,.cinema-page .lab-details-body,.cinema-page .lab-proj-facts dt{color:#d4c9bc}
.cinema-page .lab-proj-title,.cinema-page .lab-proj-sub{color:#f3f0e9}
.cinema-page .lab-details,.cinema-page .lab-result,.cinema-page .lab-btn,.cinema-page .open-icon{border-color:#f3f0e944;color:#f3f0e9}
.cinema-page .lab-btn-solid{background:#f3f0e9;border-color:#f3f0e9;color:#262321}
.cinema-page .project-disclosure[open] .open-icon{background:#f3f0e91c}
.cinema-page .joy-account-hero{max-width:620px;margin-top:28px}
.cinema-page .joy-account-form{background:#21191b99;border-color:#f3f0e960;box-shadow:0 12px 35px #0002;backdrop-filter:blur(14px)}
.cinema-page .joy-account-form>span,.cinema-page .joy-account-form input{color:#fff8ed}
.cinema-page .joy-account-form input::placeholder{color:#ddd0c5}
.cinema-page .joy-account-form button{background:#f3f0e9;color:#262321}
.cinema-page .joy-account-hero>p,.cinema-page .joy-account-hero>p span{color:#d4c9bc}
.cinema-page .joy-account-dialog{--site-serif:"Cormorant Garamond",Georgia,serif;background:#21191bf5;border-color:#f3f0e933;color:#f3f0e9}
.cinema-page .joy-account-dialog h2{font-family:var(--site-sans);font-size:30px;color:#f3f0e9}
.cinema-page .joy-account-description,.cinema-page .joy-account-notice,.cinema-page .joy-account-close,.cinema-page .joy-account-contact,.cinema-page .joy-account-eyebrow{color:#d4c9bc}
.cinema-page .joy-account-dialog input{background:#130e10;color:#f3f0e9;border-color:#f3f0e944}
.cinema-page .joy-account-continue{background:#f3f0e9;color:#262321}
@media(max-width:620px){.cinema-page>.site-navigation{min-height:88px;gap:10px;flex-wrap:wrap;padding:12px 0}.cinema-page .site-links{order:3;flex-basis:100%;justify-content:space-between}.cinema-page .site-navigation .site-links>a{margin:0;font-size:10px}.cinema-page .site-navigation .joy-account-entry{min-height:36px}.cinema-page .p-intro,.cinema-page .developer-intro{padding:54px 0 40px;min-height:440px;margin-bottom:24px}.cinema-page .p-intro h1{font-size:clamp(35px,9.4vw,58px);line-height:1.08}.cinema-page .developer-intro h1{font-size:46px}.cinema-page .p-lead,.cinema-page .developer-intro .intro>p:last-child{font-size:13px}.cinema-page .p-card,.cinema-page .project{padding:14px}.cinema-page .p-choice{padding:24px}.cinema-page .p-catalog,.cinema-page .project-grid{gap:26px}.cinema-page .joy-account-form{border-radius:16px}.cinema-page .joy-account-form button{border-radius:7px}}

/* 2026-10-28: retain the theatre on template detail and account surfaces. */
.cinema-page.product-detail{--p-paper:#171112;--site-paper:#171112}
.cinema-page .p-product-copy,.cinema-page .p-callout,.cinema-page .p-final,.cinema-page .p-order-summary{background:#171113c9;color:#d4c9bc;border-color:#f3f0e933}
.cinema-page .p-product-copy h1,.cinema-page .p-product-copy h2,.cinema-page .p-section-heading h2,.cinema-page .p-final h2,.cinema-page .p-callout strong{color:#f3f0e9}
.cinema-page .p-gallery-main,.cinema-page .p-gallery-dialog,.cinema-page .p-gallery-dialog>button,.cinema-page .p-dialog{background:#171112;color:#f3f0e9;border-color:#f3f0e933}
.cinema-page .p-mobile-buy{background:#171112f5;border-color:#f3f0e933}
.cinema-page .p-btn{background:#ddc3a2;color:#21191b!important;border-color:#ddc3a2}
.cinema-page .p-btn:hover{background:#ead8c1}
.cinema-page .p-btn.secondary{background:transparent;color:#f3f0e9!important;border-color:#f3f0e944}
.cinema-page .p-btn.secondary:hover{background:#ffffff12}
.cinema-page .p-option input:checked+span{background:#ddc3a219;border-color:#ddc3a2;color:#f3f0e9}
.cinema-page .p-close{color:#f3f0e9}
.cinema-page .joy-template-account{margin-top:20px;padding-top:18px;border-top:1px solid #f3f0e933}
.cinema-page .joy-template-account button{background:transparent;color:#f3f0e9;border:1px solid #f3f0e944;border-radius:7px;padding:12px 18px;cursor:pointer}
.cinema-page .joy-template-account p{color:#d4c9bc;font-size:12px;line-height:1.8}

/* Scroll-linked theatre footage, with the static poster as a loading fallback. */
.cinema-background{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;opacity:0;transition:opacity .3s}
.cinema-page.has-cinema-film::before{z-index:-1;background:radial-gradient(ellipse at center,transparent 20%,rgba(23,3,8,.24) 90%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.24)),linear-gradient(#0501010d,#0501010d)}
.has-cinema-film .cinema-background{opacity:1}