/* Reversible scroll-background prototype: all overrides are scoped. */
.scroll-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#10100f;display:none}
.scroll-backdrop img{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;object-fit:cover;will-change:transform,opacity;opacity:0}
.scroll-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0007,#000b 60%,#0009)}
.cinema-on .scroll-backdrop{display:block}
.cinema-on main{position:relative;z-index:1}
.cinema-on{background:#10100f;color:#fff}

.cinema-on .intro,.cinema-on .collections,.cinema-on .films,.cinema-on .experience-zone,.cinema-on .xp-block,.cinema-on .services,.cinema-on .contact{background:transparent!important;color:#fff}
.cinema-on .intro,.cinema-on .collections,.cinema-on .films,.cinema-on .xp-block,.cinema-on .services,.cinema-on .contact{border-color:#ffffff40;text-shadow:0 2px 18px #000a}
.cinema-on .eyebrow,.cinema-on .section-head p,.cinema-on .category-group-head p,.cinema-on .xp-head p,.cinema-on .xp-kicker,.cinema-on .contact-copy p,.cinema-on .contact-note,.cinema-on .films-head p{color:#eee}
.cinema-on .category-filter{color:white;border-color:#fff7;background:#0005}
.cinema-on .category-filter.active,.cinema-on .category-filter:hover{background:var(--sun);color:#10100f;border-color:var(--sun);text-shadow:none}
.cinema-on .category-group,.cinema-on .service,.cinema-on .faq-item{border-color:#fff5}
.cinema-on .package-card,.cinema-on .quote-form,.cinema-on .quote-summary,.cinema-on .proof-card,.cinema-on .story-card{ text-shadow:none}
.cinema-on .faq-item{background:#0005}.cinema-on .faq-a p{color:#eee}
.cinema-on .nav{background:#10100fd9;color:#fff;backdrop-filter:blur(12px)}
.cinema-on .cta{background:var(--sun);color:#10100f;text-shadow:none}
.cinema-on .modal-bar,.cinema-on .gallery-modal{color:var(--ink);text-shadow:none}
.cinema-toggle{position:fixed;z-index:90;right:18px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;background:#10100fee;color:white;border:1px solid #ffffff60;padding:12px 16px;border-radius:999px;box-shadow:0 8px 30px #0005;cursor:pointer;font:600 14px/1.3 'DM Sans',sans-serif;max-width:calc(100vw - 36px)}
.cinema-toggle span{font-weight:400;color:#f1cf5c;font-size:12px}.cinema-toggle:focus-visible{outline:3px solid var(--sun);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.scroll-backdrop img{will-change:opacity}}
.cinema-on .nav{mix-blend-mode:normal}
.cinema-on .package-card{color:#10100f}.cinema-on .package-card:hover{color:#f4f1e9}
.cinema-on .proof-card{border-color:#fff6}.cinema-on .proof-card p,.cinema-on .surprise-tools span{color:#eee}.cinema-on .proof-card:hover{color:#10100f}.cinema-on .proof-card:hover p{color:#34312b}
.cinema-on .access-form input{color:white;border-color:#fff8;background:#0006}.cinema-on .access-form input::placeholder{color:#ddd}.cinema-on .access-status{color:var(--sun)}

/* Desktop full-screen photographs; mobile rules above stay unchanged. */
@media(min-width:901px){
 .scroll-backdrop img{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform-origin:50% 30%}
 .cinema-on .hero-img{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform-origin:50% 30%;animation:none!important;transform:none!important;filter:none}
 .cinema-on .hero-bg{display:none}
 .scroll-backdrop:after{z-index:5}
}

/* Translucent package panels keep the scroll photograph visible. */
.cinema-on .package-card{background:rgba(16,16,15,.48);color:#f4f1e9;border-color:#ffffff50;text-shadow:0 2px 12px #0009}
.cinema-on .package-card:before{border-color:#ffffff35}
.cinema-on .package-card:hover{background:rgba(16,16,15,.66);color:#f4f1e9}
.cinema-on .package-card li{opacity:1}

/* Matching translucent surfaces throughout the package builder and lower panels. */
.cinema-on .quote-form,.cinema-on .quote-summary,.cinema-on .proof-card,.cinema-on .faq-item{background:rgba(16,16,15,.48);color:#f4f1e9;border-color:#ffffff50;text-shadow:0 2px 12px #0009}
.cinema-on .quote-summary{background:rgba(168,64,48,.48)}
.cinema-on .field input,.cinema-on .field select,.cinema-on .access-form input{background:rgba(16,16,15,.4);color:#fff;border-color:#ffffff65}
.cinema-on .field select option{background:#171716;color:#fff}
.cinema-on .field label,.cinema-on .quote-line span:first-child,.cinema-on .quote-note{color:#eee;opacity:1}
.cinema-on .proof-card:hover{background:rgba(16,16,15,.66);color:#fff}
.cinema-on .proof-card:hover p{color:#eee}
.cinema-on .access-art{background:rgba(168,64,48,.48)}
.cinema-on .access-form button{background:rgba(16,16,15,.55);border:1px solid #ffffff65}