:root{--ink:#15151a;--cream:#f7f4ef;--sage:#1c2a4a;--sage-light:#2d3f63;--sage-pale:#eef1f7;--gold:#c4782a;--gold-light:#d4914a;--muted:#6a6a72;--border:rgba(28,42,74,0.15);--warm-mid:rgba(28,42,74,0.12);--text-dark:#15151a;--text-muted:#6a6a72}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Jost,sans-serif;background:var(--cream);color:var(--ink);font-weight:300;line-height:1.7;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.2rem 3rem;display:flex;align-items:center;justify-content:space-between;background:rgba(245,240,232,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:500;letter-spacing:.04em;color:var(--sage);text-decoration:none}.nav-back{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:.5rem}.nav-back:hover{color:var(--sage)}.nav-back::before{content:'←'}.page-header{padding:9rem 6rem 5rem;position:relative;overflow:hidden}.page-header::after{font-family:'Cormorant Garamond',serif;font-size:18rem;font-weight:300;color:rgba(255,255,255,.04);position:absolute;right:3rem;bottom:-2rem;line-height:1;pointer-events:none}.header-tag{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);margin-bottom:1.2rem;display:flex;align-items:center;gap:.8rem}.header-tag::before{content:'';display:inline-block;width:2rem;height:1px;background:var(--gold-light)}.page-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem, 5vw, 4.2rem);font-weight:300;color:var(--cream);line-height:1.1;max-width:36rem;margin-bottom:1.5rem}.page-subtitle{font-size:1rem;color:rgba(245,240,232,.55);font-weight:300;max-width:32rem}.content-area{max-width:780px;margin:0 auto;padding:5rem 3rem 8rem}.back-link{display:inline-flex;align-items:center;gap:.6rem;font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);text-decoration:none;transition:gap .2s;border:1px solid var(--sage);padding:.7rem 1.6rem}.back-link::before{content:'←'}.back-link:hover{gap:1rem;background:var(--sage-pale)}#reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--gold);z-index:9999;transition:width 80ms linear;pointer-events:none}@media (max-width:900px){nav{padding:1rem 1.5rem}.page-header{padding:8rem 2rem 4rem}.content-area{padding:3rem 1.5rem 5rem}}