:root{--paper:#f4f1e7;--ink:#22382d;--muted:#4e5e50;--line:#c9caba;--accent:#8d3f30}
.brand{font-family:Georgia,serif;font-size:1.2rem}
.hero{display:grid;grid-template-columns:1fr .94fr;gap:clamp(32px,5vw,70px);align-items:center;padding-block:clamp(38px,7vw,96px)}
h1,h2,h3{font-family:Georgia,serif;font-weight:500;line-height:1.02;letter-spacing:-.045em}
h1{font-size:clamp(3.65rem,8.5vw,8.15rem);margin-block:16px 20px}
.intro{color:var(--muted);max-width:35ch;font-size:clamp(1.05rem,2vw,1.22rem);margin-bottom:22px}
.map{background:#e4e8d2;border:1px solid #b9c4ae}
.map img{width:100%;height:auto}
.map figcaption{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:10px 15px;border-top:1px solid #b9c4ae;font-size:.74rem;color:#3f5548}
.library{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:0 24px;border-top:1px solid var(--line);padding-top:24px}
.library-title h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-top:8px}
.story{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-content:start;text-decoration:none;border-left:1px solid var(--line);padding-left:16px;min-height:120px}
.story .number{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--accent)}
.story h3{font-size:1.55rem;margin-bottom:7px}
.story p{color:var(--muted);font-size:.9rem}
.read{grid-column:2;font-size:.8rem;text-decoration:underline;margin-top:12px}
.article{max-width:680px;margin:58px auto 0}
.article h1{font-size:clamp(3rem,8vw,6rem)}
.article h2{font-size:2rem;margin:32px 0 8px}
.article p,.article li{max-width:68ch}
.article p+p{margin-top:14px}
.article aside{border-left:3px solid var(--accent);padding:12px 18px;margin:26px 0;background:#e8e8d9}
@media(max-width:750px){.hero{grid-template-columns:1fr;gap:28px}.map{max-width:560px}.library{grid-template-columns:1fr;gap:20px}.story{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;min-height:0}.article{margin-top:36px}}