:root{color-scheme:dark;--paper:#e9e5dc;--muted:#a6a89f;--ground:#171817;--accent:#e97870;--title-color:var(--paper);--body-accent:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--paper);font-family:Aptos,'Segoe UI',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:1px solid #66685e;border-radius:3px;min-height:44px;padding:.6rem 1rem}button:hover{border-color:var(--paper)}button:disabled{opacity:.3;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:5px}header{max-width:1480px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #363831}.wordmark{text-decoration:none;line-height:1.3;font-size:12px;letter-spacing:.2em}.header-right{display:flex;gap:26px;align-items:center}.author{font-size:13px;color:var(--muted)}main{max-width:1420px;margin:0 auto;padding:34px 5% 0}.location{display:flex;justify-content:space-between;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.19em;margin-bottom:28px}.reader{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(34px,5vw,86px);align-items:start}.visual{position:sticky;top:24px}.artwork{width:100%;padding:0;display:grid;position:relative;border:0;overflow:hidden;border-radius:0;background:#111;box-shadow:0 20px 80px #0003}.artwork img{width:100%;height:auto;display:block;grid-area:1/1;object-fit:contain}.artwork #bw{position:relative}.artwork #full{opacity:0;transition:opacity 3.2s cubic-bezier(.25,.1,.25,1);pointer-events:none}.artwork.loading img{visibility:hidden}.color-controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding-top:20px}.color-controls button{font-size:11px;border-color:transparent;color:var(--muted);padding:.5rem .75rem}.color-controls button[aria-pressed=true]{border-color:#77796c;color:var(--paper)}.art-caption{text-align:center;color:var(--muted);font-size:11px;letter-spacing:.04em;margin:12px 0}.poetry{padding:30px 0}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;margin:0 0 22px}h1{font-family:Aptos,'Segoe UI',Arial,sans-serif;font-size:clamp(32px,3.1vw,49px);line-height:1.12;font-weight:400;letter-spacing:-.025em;margin:0;color:var(--title-color);transition:color 3.2s ease}.byline{font-size:12px;color:var(--muted);margin:22px 0 45px}.stanza{white-space:pre-line;font-size:clamp(16px,1.25vw,18px);line-height:1.85;letter-spacing:.004em;margin:0 0 1.6em;overflow-wrap:break-word}.accent{color:var(--body-accent);transition:color 3.2s ease}.interlude .stanza{font-family:Aptos,'Segoe UI',sans-serif;font-style:italic;font-size:24px}.epilogue .stanza{font-style:italic;white-space:normal}.text-only .reader{display:block;max-width:720px;margin:auto}.text-only .visual .artwork,.text-only .art-caption{display:none}.text-only .visual{position:static}.text-only .poetry{padding:45px 0}.entrance .artwork{max-width:460px;margin:auto}.entrance .poetry{align-self:center}.entrance h1{font-size:clamp(42px,4.5vw,72px)}.entrance .stanza{color:var(--muted)}#begin{margin-top:20px}.page-nav{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #363831;padding:30px 0;margin-top:50px}.page-nav button{border:0;font-size:13px}#home{color:var(--muted);font-size:11px}footer{max-width:1420px;margin:0 auto;padding:20px 5% 35px;display:flex;justify-content:space-between;color:#909287;font-size:10px;letter-spacing:.08em}dialog{width:min(600px,94vw);max-height:85vh;padding:28px;border:1px solid #53554b;background:#20221f;color:var(--paper)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-28px;background:#20221f;padding:0 0 15px;z-index:1}.dialog-heading h2{font-family:Aptos,'Segoe UI',Arial,sans-serif;font-weight:400}.dialog-heading button{border:0}#toc{padding:0;list-style:none;margin:0}#toc button{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;border:0;border-top:1px solid #3c3f35;border-radius:0;padding:15px 0;font-size:14px}#toc button[aria-current=true]{color:var(--accent)}#toc small{color:var(--muted);font-size:10px;white-space:nowrap}.dialog-note{font-size:12px;color:var(--muted);margin-top:25px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:#111;padding:14px;z-index:20}body[data-mode="1"]{--title-color:var(--accent)}body[data-mode="1"]{--body-accent:var(--accent)}@media(max-width:760px){header{padding:20px 5%}.author{display:none}main{padding-top:24px}.reader{grid-template-columns:1fr;gap:25px}.visual{position:static}.artwork{max-width:540px;margin:auto}.entrance .artwork{max-width:340px}.poetry{padding:15px 2%}.byline{margin-bottom:30px}.stanza{font-size:17px}.page-nav{margin-top:28px;padding:20px 0}.page-nav button{padding:.5rem 0}.location{margin-bottom:20px}#home{max-width:95px}.entrance h1{font-size:45px}footer{gap:20px;line-height:1.6}.dialog-heading{top:-28px}}@media(prefers-reduced-motion:reduce){.artwork #full,h1,.accent{transition:none!important}}
/* Crossfade the aligned full-color scene above the monochrome source. */
.artwork #bw{z-index:0}.artwork #full{z-index:1}
.navigating h1,.navigating .accent{transition:none!important}
@media(min-width:761px) and (max-width:980px){.reader{grid-template-columns:1fr;gap:25px}.visual{position:static}.artwork{max-width:600px;margin:auto}.poetry{max-width:700px;width:100%;margin:auto}.entrance .artwork{max-width:360px}}

/* Canonical reader additions: only poem-specific features, common controls untouched. */
.canon-section{display:block;font-family:Aptos,'Segoe UI',sans-serif;font-weight:600;font-size:12px;letter-spacing:.085em;color:#c5a575;margin:0 0 16px;text-transform:uppercase;line-height:1.6}

/* Text-only entries have no artwork state; preserve the canonical text layout. */
.text-only .color-controls{display:none}
/* Neutralize residual chroma in supplied monochrome images without changing assets. */
.artwork #bw{filter:grayscale(1)}


.actualization-group{list-style:none;margin:0 0 6px}.actualization-toggle{font-family:Aptos,'Segoe UI',sans-serif!important;font-size:16px!important;color:var(--paper);line-height:1.5!important}.actualization-works{list-style:none;padding:0 0 12px 17px;margin:0}.actualization-works button{font-size:13px!important;color:var(--muted)}.actualization-works button[aria-current=true]{color:var(--accent)}.actualization-toggle[aria-expanded=true]{color:#e2c8c0}

.site-projects{font-size:11px;color:var(--muted);text-decoration:none}
.header-right{gap:clamp(10px,2vw,26px)}
