/* Light stock, charcoal ink and one restrained vermilion printing mark. */
:root { color-scheme:light; --bg:#f5f1e8; --paper:#282925; --muted:#787267; --line:#d4cec1; --cinema-accent:#a64b3f; --green:#c5d1c0; --green-ink:#34472f; --sheet:#f5f1e8; }
html,body { background:var(--sheet); color:var(--paper); }
body { -webkit-font-smoothing:antialiased; }
.ambient-stage { background:linear-gradient(125deg,#ffffff30,transparent 60%); }
.ambient-glow-one { background:radial-gradient(ellipse,#ffffffd9,transparent 66%); transform:translate3d(var(--shift-x,0px),var(--shift-y,0px),0); }
.ambient-glow-two { background:radial-gradient(ellipse,#d9cdb82e,transparent 66%); transform:translate3d(calc(var(--shift-x,0px) * -1),calc(var(--shift-y,0px) * -1),0); }
.ambient-grain { opacity:.055; mix-blend-mode:multiply; }
.ambient-rails { display:none; }
.ambient-rails::before,.ambient-rails::after { display:none; }
.page-section[data-scene]::before { content:none; }
.site-header,.section-top,.hero-footnote,.more-memories,.end-credits { border:0; }
.section-top { padding-top:0; }
.desktop-nav a { color:#777165; }
.desktop-nav a:hover,.desktop-nav a.active { color:#282925; }
.header-note,.hero-footnote,.opening-timeline,.hero-figure>figcaption { color:var(--muted); }
.section-top>.eyebrow { color:#4d5047; }
.hero-description,.section-intro>p,.memory figcaption p,.more-memories>span { color:#716b61; }
.text-link { border:0; }
.short-line,.viewfinder,.small-square { display:none; }
.hero-figure,.memory .media-placeholder,.group-figure .media-placeholder { box-shadow:0 10px 28px #514a3715; }
.hero-figure::before { content:none; }
.hero-figure .media-placeholder { background:#e7e2d7; }
.hero-media,.memory .media-placeholder,.group-media { transform:perspective(1100px) rotateX(calc(var(--tilt-x,0deg) * .38)) rotateY(calc(var(--tilt-y,0deg) * .38)); transform-origin:center; }
.media-placeholder { background:var(--green); color:var(--green-ink); }
.media-placeholder:hover { background:#bdcab7; }
.letter-body { color:#58564e; }
.letter-asterisk,.tiny-cross { display:none; }
.letter-signature { color:var(--cinema-accent); }
.signature-line { display:none; }
.draft-note { color:#8d8577; }
.ending { color:#282925; background:transparent; }
.ending::before { content:none; }
.ending .section-top>.eyebrow { color:#5f5a50; }
.ending-description,.future-notes p,.future-notes .mono,.group-figure figcaption { color:#777063; }
.future-notes>div,.end-credits { border:0; padding-top:0; }
.site-footer>span { color:#837b6e; }
.mobile-nav { background:#f5f1e8f2; border:0; backdrop-filter:blur(12px); }
.mobile-nav a { color:#8a8173; }
.mobile-nav a.active { color:#282925; font-weight:650; }
.mobile-nav a.active::before { content:none; }
.playback-dock .music-control { background:#f7f3eaf5; color:#373a31; border:0; box-shadow:0 4px 15px #554c3910; }
.music-control:hover { border:0; }
.music-track-name { color:var(--muted); }
.reading-progress { background:#c3b9a226; }
.reading-progress.has-status { background:#f4efe4f5; border:0; }
.progress-caption { color:#514e45; }
.progress-track { background:#b0a58c20; }
#reading-progress-bar { background:#3f4439; box-shadow:none; }
#reader-timer-fill { background:var(--cinema-accent); }
#reader-hint { color:#847968; }
dialog { color:var(--paper); background:var(--sheet); border:0; box-shadow:0 25px 100px #1d1b1740; }
dialog::backdrop { background:#242720bc; backdrop-filter:blur(4px); }
.lightbox-header>.mono,.lightbox-footer p,.video-dialog-note { color:#817769; }
.lightbox-media { background:#e6dfd2; }
.lightbox-media>.media-center { background:var(--green); color:var(--green-ink); }
.icon-button,.icon-button:hover { border:0; }
.play-icon { border:0; background:#f5f1e84d; }
.video-stage { background:var(--green); color:var(--green-ink); }
.film-placeholder.has-video { aspect-ratio:var(--video-aspect,4/3); background:#151a16; color:#fff9ef; isolation:isolate; }
.film-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.film-placeholder.has-video::after { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,#10151080,transparent 35%,#10151045 65%,#101510b3); pointer-events:none; }
.has-video .film-center { z-index:2; text-shadow:0 2px 16px #0009; }
.has-video .play-icon { background:#151a1670; backdrop-filter:blur(4px); }
.film-placeholder.has-video:hover .play-icon { background:#151a1690; }
.video-dialog.has-video { width:min(900px,calc(100% - 24px),calc((88dvh - 130px) * var(--video-ratio,1.333333))); }
.video-stage.has-video { aspect-ratio:var(--video-aspect,4/3); background:#000; }
.video-stage.has-video video { display:block; width:100%; height:100%; max-height:none; object-fit:contain; }
@media(prefers-reduced-motion:reduce) {
  html:not(.motion-full) .hero-media,html:not(.motion-full) .memory .media-placeholder,html:not(.motion-full) .group-media { transform:none; }
}
