:root{--paper:#e2d3b9;--ink:#30251e;--red:#97452f;--poster-blue:#788584;--poster-cream:#d9c8ac;--poster-brown:#38271b}
body{background:#29231d;color:var(--paper)}body:after{content:'';position:fixed;inset:0;border:8px solid #d0bfa2;box-shadow:inset 0 0 2px #35231990;z-index:30;pointer-events:none}.film-backdrop{background:#29231d}.film-backdrop .picture{filter:sepia(.12) saturate(.87)}.backdrop-veil{background:linear-gradient(0deg,#23170fb0,transparent 45%,#30251e50),rgba(35,27,19,var(--veil,.12))}.film-backdrop .grain{opacity:.1;mix-blend-mode:soft-light;background-image:url('assets/paper-grain.svg');background-size:180px}.projector-glow{background:radial-gradient(ellipse at 8% 50%,#a75a3290,transparent 65%)}.paper-wash{position:absolute;inset:0;z-index:4;opacity:var(--paper-wash,0);background:radial-gradient(ellipse at 48% 45%,#f5e7cc18,transparent 75%),url('assets/paper-grain.svg');box-shadow:inset 0 0 140px #78522a30;pointer-events:none}.site-nav,body.scrolled .site-nav{background:#d9c8ac url('assets/paper-grain.svg');color:var(--poster-brown);backdrop-filter:none;border-color:#62483255;padding:8px 8px 0}.site-nav a,body.scrolled .site-nav a{border-color:#62483240}.site-nav a:hover,body.scrolled .site-nav a:hover,.site-nav a[aria-current="location"]{background:#6c3f2f;color:#f0e3cc}.site-nav .nav-brand,.site-nav .nav-brand:hover,.site-nav .nav-brand[aria-current="location"]{background:transparent;color:#38271b}.site-nav .nav-brand .poster-title{content:url('assets/unit118-poster-title-ink.svg?v=3')}.section-index{border-color:#b7a99170}.playback button:hover{color:#ddab86}.progress{background:#6d513f45;left:8px;right:8px;bottom:8px}.progress span{background:#a85c3d}.film-controls{color:#e9dac1}.film-controls:before{background:linear-gradient(transparent,#30251ef5)}.opening-note,.title-composition p{color:#e9dac1}.poster-link img{box-shadow:0 6px 45px #24160f80;outline:1px solid #c9b99b66}.film .section-index,.film .production{color:#d0bfa5!important}.film .film-byline{color:#d5b493}.cinema-mode .story,.cinema-mode .credits{color:#39291f}.story h2 em,.credits h2 em{color:#7e3c2b}.story .section-index,.credits .section-index{color:#624837!important;border-color:#71533c66}.story .next{color:#7e3c2b}.story .synopsis{color:#3e2d22}.credits .credit-grid>div{border-color:#674d3545}.credits .credit-grid dt{color:#70513a}.credits .credit-grid dd{color:#38271b}.film-controls:before{transition:background .25s}body[data-palette="paper"] .film-controls{color:#38271b}body[data-palette="paper"] .film-controls:before{background:linear-gradient(transparent,#d9c8acf5)}body[data-palette="paper"] .chapter-readout,body[data-palette="paper"] .playback button{border-color:#63493270}body[data-palette="paper"] .playback button:hover{color:#934b34}footer{background:#d9c8ac url('assets/paper-grain.svg');color:#38271b;box-shadow:inset 0 0 100px #78522a20}footer .poster-title{content:url('assets/unit118-poster-title-ink.svg?v=3')}.footer-meta{border-color:#674d3550}.footer-title>span{color:#934b34}body:not(.cinema-mode) .story,body:not(.cinema-mode) .credits{background:#d9c8acee url('assets/paper-grain.svg');color:#39291f}
@media(max-width:700px){body:after{border-width:5px}.site-nav,body.scrolled .site-nav{padding:5px 5px 0}.progress{bottom:5px;left:5px;right:5px}.paper-wash{box-shadow:inset 0 0 70px #78522a28}.film-backdrop .grain{opacity:.08}}

.story .section-index,.credits .section-index{border-color:#78858480}
/* Avoid a nested scroll offset when a chapter is opened directly. */
.cinema-mode .reel-stage{overflow:clip}

/* More visible projection; deeper ink preserves contrast on the lighter film frames. */
.cinema-mode .story,.cinema-mode .credits,.story .synopsis,.credits .credit-grid dd{color:#291d15}.story .section-index,.credits .section-index{color:#493323!important}.credits .credit-grid dt{color:#533926}body[data-palette="paper"] .film-controls{color:#291d15}
/* Paper lives at the perimeter; the central projection is unobscured. */
.paper-wash{opacity:.97;mask-image:linear-gradient(to right,#000,transparent 7%,transparent 93%,#000),linear-gradient(to bottom,#000,transparent 19%,transparent 82%,#000);mask-composite:add;box-shadow:none}.film-backdrop .grain{mask-image:linear-gradient(to right,#000,transparent 9%,transparent 91%,#000),linear-gradient(to bottom,#000,transparent 20%,transparent 80%,#000);mask-composite:add;opacity:.13}body:after{border-width:12px;border-color:#d2c1a5;box-shadow:inset 0 0 8px #51372145}.progress{left:12px;right:12px;bottom:12px}.cinema-mode .story,.cinema-mode .credits,.cinema-mode .story .synopsis,.cinema-mode .credits .credit-grid dd{color:#efe1c9;text-shadow:0 1px 8px #20160ecc}.cinema-mode .story h2 em,.cinema-mode .credits h2 em{color:#d9ac88}.cinema-mode .story .section-index,.cinema-mode .credits .section-index{color:#e1cdb0!important;border-color:#b6a68f60}.cinema-mode .credits .credit-grid dt{color:#dfc9a9}.cinema-mode .credits .credit-grid>div{border-color:#d2bea250}.cinema-mode .story .next{color:#e5b08a}.film-controls,body[data-palette="paper"] .film-controls{color:#38271b}.film-controls:before,body[data-palette="paper"] .film-controls:before{background:linear-gradient(transparent,#d9c8acf5 48%,#d9c8ac)}.chapter-readout,.playback button,body[data-palette="paper"] .chapter-readout,body[data-palette="paper"] .playback button{border-color:#63493270}.playback button:hover,body[data-palette="paper"] .playback button:hover{color:#934b34}
@media(max-width:700px){body:after{border-width:6px}.progress{left:6px;right:6px;bottom:6px}.paper-wash{mask-image:linear-gradient(to right,#000,transparent 7%,transparent 93%,#000),linear-gradient(to bottom,#000,transparent 15%,transparent 86%,#000)}.film-controls:before,body[data-palette="paper"] .film-controls:before{background:linear-gradient(transparent,#d9c8acf5 55%,#d9c8ac)}}

/* Edge-to-edge projection, without the paper frame or feathered edge overlays. */
body:after,.paper-wash,.film-backdrop .grain{display:none}
.site-nav,body.scrolled .site-nav{padding:0}
.progress{left:0;right:0;bottom:0}
.film-controls,body[data-palette="paper"] .film-controls{color:#efe1c9}
.film-controls:before,body[data-palette="paper"] .film-controls:before{background:linear-gradient(transparent,rgba(24,17,12,.9))}
.chapter-readout,.playback button,body[data-palette="paper"] .chapter-readout,body[data-palette="paper"] .playback button{border-color:#d6bfa080}
.playback button:hover,body[data-palette="paper"] .playback button:hover{color:#e5b08a}

/* Dark chrome shares the warm shadows of the film. */
.site-nav,body.scrolled .site-nav{background:rgba(20,15,11,.9);color:#efe1c9;border-color:#d2bea22e;backdrop-filter:blur(8px)}
.site-nav a,body.scrolled .site-nav a{border-color:#d2bea22e}
.site-nav a:hover,body.scrolled .site-nav a:hover,.site-nav a[aria-current="location"]{background:rgba(114,78,52,.32);color:#fff0d8}
.site-nav .nav-brand,.site-nav .nav-brand:hover,.site-nav .nav-brand[aria-current="location"]{background:transparent;color:#efe1c9}
.site-nav .nav-brand .poster-title,footer .poster-title{content:url('assets/unit118-poster-title.svg?v=3')}
footer{background:rgba(20,15,11,.94);color:#efe1c9;box-shadow:none}
.footer-meta{border-color:#d2bea240}
.footer-title>span,footer a:hover{color:#e5b08a}
@media(prefers-reduced-motion:reduce){.site-nav,body.scrolled .site-nav{backdrop-filter:none}}
