:root{--ink:#f4f4f4;--muted:#b8b8b8;--bg:#101112;--panel:#191b1d;--line:#303338;--accent:#e0e0e0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.72}
a{color:inherit}.wrap{width:min(980px,92vw);margin:auto}.top{position:sticky;top:0;z-index:5;background:rgba(16,17,18,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:58px;gap:18px}.brand{text-decoration:none;font-weight:800;letter-spacing:.08em}.top nav a{color:var(--muted);text-decoration:none;margin-left:18px}
.hero{min-height:70vh;display:grid;place-items:center;text-align:center;padding:70px 0 55px;background:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.76)),url("images/image1.jpeg") center/cover}
.hero h1{font-size:clamp(3rem,9vw,6.5rem);line-height:.92;margin:.15em 0;text-transform:uppercase;letter-spacing:-.04em}.hero h2{font-size:clamp(1.1rem,3vw,1.8rem);font-weight:400;margin:.4em 0}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}.tag{font-size:clamp(1.2rem,3vw,1.8rem);font-style:italic;margin-top:1.2rem}
.btn{display:inline-block;margin-top:1.5rem;border:1px solid var(--accent);padding:.8rem 1.2rem;text-decoration:none;border-radius:4px}
.intro{padding:64px 0 28px}.intro p{font-size:1.18rem;color:#ddd}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:25px 0 70px}.card{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:8px}.card:hover{transform:translateY(-2px)}.card .num{color:var(--muted);font-size:.78rem;letter-spacing:.16em}.card h3{margin:.45rem 0}.card p{color:var(--muted);margin:0}
.chapter-hero{padding:78px 0 35px;border-bottom:1px solid var(--line)}.chapter-hero .num{color:var(--muted);text-transform:uppercase;letter-spacing:.18em}.chapter-hero h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1;margin:.25em 0}.chapter-hero p{color:var(--muted);font-size:1.2rem}
.story{padding:45px 0}.story p{font-family:Georgia,"Times New Roman",serif;font-size:1.18rem;margin:0 auto 1.45rem;max-width:780px}.story figure{margin:34px auto 44px;max-width:900px}.story img{display:block;max-width:100%;max-height:760px;width:auto;height:auto;margin:auto;border-radius:5px}
.pager{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:35px 0 60px}.pager a{text-decoration:none}.pager small{display:block;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);text-align:center}
@media(max-width:760px){.grid{grid-template-columns:1fr}.top nav a{margin-left:10px;font-size:.9rem}.story p{font-size:1.08rem}.hero{min-height:60vh}}