@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;600&family=Noto+Serif:wght@400;500;600&family=Noto+Sans+SC:wght@300;400;500&family=Inter:wght@400;500;600&display=swap');
*{box-sizing:border-box}
:root{--ink:#1b1511;--muted:#51453a;--faint:#8b7b69;--paper:#faf6ef;--soft:#efe7da;--line:#d5c8b7;--night:#17120f;--gold:#b9905d;--max:820px}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Serif SC','Noto Serif',serif;font-size:18px;line-height:2;font-weight:300;text-rendering:optimizeLegibility}
body.en{font-family:'Noto Serif','Noto Serif SC',serif;line-height:1.82}
a{color:inherit}
.lang-switch{position:fixed;z-index:30;top:18px;right:18px;display:flex;gap:6px;padding:6px;background:rgba(20,15,11,.56);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16)}
.lang-switch a{font-family:Inter,'Noto Sans SC',sans-serif;font-size:12px;line-height:1;text-decoration:none;color:#efe8dc;padding:9px 11px;border-radius:2px;letter-spacing:.04em}
.lang-switch a.active{background:#efe8dc;color:#201710}
.cover{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#0d0b09}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.32) 48%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.74),rgba(0,0,0,0) 45%)}
.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.76)}
.cover-text{position:relative;z-index:2;width:min(900px,100%);padding:0 clamp(24px,8vw,100px) clamp(56px,10vh,110px);color:#f4eee5}
.kicker,.byline,.scroll-hint,.chapter-number,.chapter-subtitle,.caption,footer{font-family:Inter,'Noto Sans SC',sans-serif}
.kicker{font-size:.76rem;letter-spacing:.28em;text-transform:uppercase;color:#d5b88d;margin-bottom:1rem}
h1{font-size:clamp(3.2rem,8vw,6.8rem);line-height:1.05;font-weight:500;letter-spacing:.12em;margin:0 0 1.4rem;text-shadow:0 2px 24px rgba(0,0,0,.55)}
body.en h1{letter-spacing:.01em;font-size:clamp(3.1rem,7vw,6.2rem)}
.byline{font-size:.88rem;letter-spacing:.22em;color:#d6c0a0;text-transform:uppercase}
.tagline{margin-top:2rem;font-size:1.05rem;max-width:600px;color:#ddc99d;font-style:italic;line-height:1.9}
.scroll-hint{position:absolute;z-index:2;right:2rem;bottom:2rem;color:#baa077;font-size:.68rem;letter-spacing:.25em;writing-mode:vertical-rl;text-transform:uppercase}
.epigraph-section{max-width:var(--max);margin:5rem auto;padding:0 1.5rem}
.epigraph{margin:0;padding:1.5rem 2rem;border-left:3px solid var(--line);background:rgba(255,255,255,.35);font-style:italic;color:var(--muted);line-height:2.2}
.epigraph-source{display:block;margin-top:1rem;text-align:right;font-family:Inter,'Noto Sans SC',sans-serif;font-size:.78rem;letter-spacing:.12em;color:var(--faint);font-style:normal}
.chapter{margin-top:4.5rem}
.chapter-header{background:var(--night);color:#f2eadf}
.chapter-img{display:block;width:100%;height:min(54vw,520px);min-height:280px;object-fit:cover;filter:saturate(.82) brightness(.86)}
.chapter-title-block{padding:2.4rem clamp(24px,8vw,100px) 2rem}
.chapter-number{font-size:.7rem;letter-spacing:.36em;text-transform:uppercase;color:#9d7a56;margin-bottom:.55rem}
.chapter-title{font-size:clamp(1.7rem,4vw,3rem);font-weight:400;letter-spacing:.08em;line-height:1.25}
body.en .chapter-title{letter-spacing:0;font-size:clamp(1.8rem,4vw,3.15rem)}
.chapter-subtitle{margin-top:.65rem;font-size:.82rem;color:#ad8a62;letter-spacing:.15em;text-transform:uppercase}
body.en .chapter-subtitle{letter-spacing:.08em;text-transform:none}
.chapter-body{max-width:var(--max);margin:0 auto;padding:3.1rem 1.5rem .5rem}
.chapter-body p{margin:0 0 1.55em;text-indent:2em;text-align:justify}
body.en .chapter-body p{text-indent:0;text-align:left;margin-bottom:1.25em}
.dialogue{position:relative;color:var(--muted);padding-left:2em;text-indent:0!important}
.dialogue::before{content:"—";position:absolute;left:.5em;color:var(--faint)}
.section-break{text-align:center;color:var(--line);font-size:1.3rem;letter-spacing:1em;margin:3rem auto}
.pull-quote{margin:3.4rem 0;padding:1.7rem 2.2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;text-indent:0!important;font-size:1.05rem;color:var(--muted);font-style:italic;line-height:2}
.figure{margin:3.4rem -1rem;text-align:center}
.figure.motif{max-width:460px;margin-left:auto;margin-right:auto}
.inline-img,.motif-img{display:block;width:100%;height:auto;filter:saturate(.84) brightness(.9)}
.caption{margin-top:.75rem;font-size:.72rem;color:var(--faint);letter-spacing:.15em;font-style:italic}
.endnote{margin-top:5rem}
footer{margin-top:5rem;padding:3rem 1.5rem;background:var(--night);color:#8f7b68;text-align:center;font-size:.74rem;letter-spacing:.12em;line-height:1.9}
footer div+div{margin-top:.65rem;color:#6f5f51}
@media(max-width:700px){body{font-size:16px;line-height:1.9}.lang-switch{top:10px;right:10px}.cover{min-height:92svh}.cover-text{padding:0 22px 54px}.scroll-hint{display:none}h1{font-size:clamp(2.65rem,15vw,4.6rem)}.tagline{font-size:.95rem}.epigraph{padding:1.25rem 1.35rem}.chapter{margin-top:3rem}.chapter-img{height:56vw;min-height:220px}.chapter-title-block{padding:1.9rem 22px 1.65rem}.chapter-body{padding:2.2rem 1.2rem .5rem}.chapter-body p{text-align:left}.figure{margin:2.5rem -.2rem}.pull-quote{padding:1.5rem 1.2rem}.caption{letter-spacing:.08em}}