:root{--ink:#171714;--paper:#f2eddf;--paper-2:#e5dcc5;--gold:#b5934f;--gold-2:#d6ba78;--muted:#6d695f;--line:rgba(181,147,79,.38);--shadow:0 22px 70px rgba(0,0,0,.24);--radius:5px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;background:var(--ink)}
body{margin:0;min-width:0;overflow-x:clip;background:var(--ink);color:var(--paper);font-family:ui-serif,Georgia,"Times New Roman","Songti SC","SimSun",serif;line-height:1.75;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration-color:var(--gold);text-underline-offset:.22em}
a:hover,a:focus-visible{color:var(--gold-2)}
button,a{touch-action:manipulation}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:50;background:var(--gold-2);color:var(--ink);padding:.65rem 1rem}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(23,23,20,.94);backdrop-filter:blur(14px)}
.nav-shell{width:min(1180px,calc(100% - 2rem));margin:auto;min-height:64px;display:flex;align-items:center;gap:1.3rem}
.brand{font-weight:800;letter-spacing:.14em;text-decoration:none;white-space:nowrap}.brand small{color:var(--gold);font:600 .68rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.17em;display:block}
.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--paper);padding:.55rem .75rem;font:600 .82rem ui-sans-serif,system-ui,sans-serif}
.top-nav{margin-left:auto;display:flex;align-items:center;gap:.2rem;font:600 .79rem/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em}
.top-nav a{padding:.75rem .62rem;text-decoration:none;color:#d8d2c3}.top-nav a:hover,.top-nav a:focus-visible{background:rgba(181,147,79,.12);color:var(--gold-2)}
main{display:block;min-width:0}
.hero,.page-hero{position:relative;isolation:isolate;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(3.4rem,8vw,7rem) 0 clamp(3rem,7vw,6rem)}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.7fr);gap:clamp(2rem,6vw,5rem);align-items:center;min-height:680px}
.hero::before{content:"";position:absolute;inset:9% 0 5%;z-index:-1;background:radial-gradient(circle at 75% 35%,rgba(181,147,79,.18),transparent 27%),linear-gradient(120deg,transparent 55%,rgba(255,255,255,.025));pointer-events:none}
.eyebrow{margin:0 0 .8rem;color:var(--gold-2);font:700 .76rem/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3{margin-top:0;line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.5rem,8vw,6.8rem);letter-spacing:-.045em;margin-bottom:1.3rem}h2{font-size:clamp(1.65rem,3.3vw,2.65rem);margin-bottom:1rem}h3{font-size:1.18rem;margin-bottom:.65rem}
.hero-copy,.page-lead{max-width:760px;color:#d4cebf;font-size:clamp(1.04rem,1.6vw,1.28rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1rem;border:1px solid var(--gold);border-radius:3px;background:var(--gold);color:var(--ink);font:750 .86rem ui-sans-serif,system-ui,sans-serif;text-decoration:none}.button.secondary{background:transparent;color:var(--paper)}
.archive-cover{position:relative;min-height:420px;padding:2.1rem 1.9rem;background:linear-gradient(145deg,#25241f,#131310);border:1px solid var(--line);box-shadow:var(--shadow);transform:rotate(1.5deg);overflow:hidden}
.archive-cover::after{content:"089 / LOCAL ARCHIVE";position:absolute;right:-2.5rem;bottom:3.2rem;transform:rotate(-90deg);color:rgba(214,186,120,.38);font:700 .7rem ui-monospace,monospace;letter-spacing:.15em}
.archive-tab{display:inline-block;margin-bottom:4rem;padding:.4rem .7rem;background:var(--gold);color:var(--ink);font:800 .72rem ui-monospace,monospace;letter-spacing:.12em}.archive-title{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.02}.archive-rule{width:44%;height:1px;margin:1.5rem 0;background:var(--gold)}.archive-meta{color:#aaa394;font:600 .75rem/1.8 ui-monospace,monospace;letter-spacing:.08em}
.paper-section{background:var(--paper);color:var(--ink);border-top:1px solid var(--paper-2);border-bottom:1px solid var(--paper-2)}
.section-shell{width:min(1180px,calc(100% - 2rem));margin:auto;padding:clamp(3.5rem,7vw,6.2rem) 0}.section-intro{max-width:760px;color:#565248;margin-bottom:2.2rem}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#cfc4a8;border:1px solid #cfc4a8}.tile{min-width:0;background:var(--paper);padding:1.5rem;transition:background .2s ease,transform .2s ease}.tile:hover{background:#faf6ec}.tile .tile-link{display:block;text-decoration:none}.tile p{color:#5f594c}.tile .index{font:700 .7rem ui-monospace,monospace;color:#8b6b2f;letter-spacing:.13em}
.dark-section{background:#20201c;color:var(--paper)}.dark-section .tile{background:#20201c}.dark-section .tile:hover{background:#292820}.dark-section .tile p{color:#bdb6a7}.dark-section .tiles{background:#454238;border-color:#454238}
.prose-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.65fr);gap:clamp(2rem,7vw,6rem);align-items:start}.prose{min-width:0}.prose p,.prose li{max-width:75ch}.prose h2{margin-top:2.5rem}.prose h2:first-child{margin-top:0}.prose ul,.prose ol{padding-left:1.35rem}.prose li+li{margin-top:.7rem}
.desk-note{position:sticky;top:92px;padding:1.4rem;border:1px solid var(--line);background:#1a1a17;color:#d5cebf}.desk-note h2{font-size:1.05rem;color:var(--gold-2)}.desk-note ul{padding-left:1.1rem;margin-bottom:0}.desk-note a{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.84rem}
.breadcrumbs{margin-bottom:1.2rem;color:#9e9788;font:600 .75rem ui-sans-serif,system-ui,sans-serif}.breadcrumbs a{text-decoration:none}.page-hero{padding-bottom:2.4rem}.page-hero h1{max-width:980px;font-size:clamp(2.2rem,5.8vw,5rem)}
.callout{margin:2rem 0;padding:1.25rem 1.35rem;border-left:4px solid var(--gold);background:#e9e1cf}.checklist{list-style:none;padding:0}.checklist li{position:relative;padding:.8rem 0 .8rem 2.1rem;border-bottom:1px solid #d7ccb2}.checklist li::before{content:"";position:absolute;left:.2rem;top:1.15rem;width:.78rem;height:.78rem;border:1px solid #8d713b;background:#f7f2e7}
.meta-strip{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0 2rem}.chip{display:inline-flex;padding:.28rem .55rem;border:1px solid #cabc99;color:#625943;font:650 .73rem ui-sans-serif,system-ui,sans-serif;text-decoration:none}
.site-footer{border-top:1px solid var(--line);padding:2.5rem 0 3rem;color:#aaa394}.footer-shell{width:min(1180px,calc(100% - 2rem));margin:auto;display:grid;grid-template-columns:1fr 2fr;gap:2rem}.footer-links{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.55rem 1rem}.footer-links a{font:600 .77rem ui-sans-serif,system-ui,sans-serif}.fine-print{font-size:.82rem;color:#8f887a}
@media(max-width:920px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;min-height:auto}.archive-cover{min-height:340px;max-width:620px}.prose-grid{grid-template-columns:1fr}.desk-note{position:static}.top-nav{position:absolute;left:0;right:0;top:64px;display:none;margin:0;padding:.75rem 1rem 1rem;background:#171714;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.top-nav a{padding:.9rem}.menu-toggle{display:block}.nav-open .top-nav{display:flex}}
@media(max-width:620px){.nav-shell,.hero,.page-hero,.section-shell,.footer-shell{width:min(100% - 1.25rem,1180px)}.brand{font-size:.92rem;letter-spacing:.08em}.tiles{grid-template-columns:1fr}.hero{padding-top:2.8rem}.archive-cover{min-height:300px;padding:1.35rem}.archive-tab{margin-bottom:2.8rem}.section-shell{padding:3rem 0}.footer-shell{grid-template-columns:1fr}.hero-actions{align-items:stretch}.button{flex:1 1 100%}h1{overflow-wrap:anywhere}.tile{padding:1.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{transition:none}}