
:root{--ink:#132c31;--paper:#e7d9b5;--sun:#d57a2c;--night:#273552;--line:rgba(19,44,49,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.55}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(0deg,rgba(30,30,20,.08) 0,rgba(30,30,20,.08) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}
.wrap{width:min(1120px,90vw);margin:auto}.top{position:sticky;top:0;z-index:10;background:rgba(231,217,181,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;letter-spacing:.14em;text-decoration:none;color:var(--ink);font-size:1.15rem}.links{display:flex;gap:22px;flex-wrap:wrap}.links a{color:var(--ink);text-decoration:none;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.hero{min-height:72vh;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.16)),url("assets/hero.jpg") center/cover;display:grid;place-items:end center;border-bottom:1px solid var(--line)}
.hero-card{width:min(900px,90vw);margin:0 auto 7vh;background:rgba(231,217,181,.88);padding:28px 34px;text-align:center;border:1px solid rgba(19,44,49,.35);box-shadow:0 16px 60px rgba(0,0,0,.18)}
h1,h2,h3{line-height:1.08}h1{font-size:clamp(2.8rem,7vw,6.5rem);margin:.1em 0;letter-spacing:.05em}h2{font-size:clamp(2rem,4vw,3.7rem);margin:0 0 .5em}h3{font-size:1.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700}
section{padding:86px 0;border-bottom:1px solid var(--line)}.intro{max-width:780px;font-size:1.2rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{border:1px solid var(--line);background:rgba(255,255,255,.12);padding:12px}.card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.card h3{margin:.8em 0 .15em}.meta{font-size:.9rem;opacity:.78;margin:0 0 .8em}.btn{display:inline-block;padding:10px 15px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.07em}.btn:hover{background:var(--ink);color:var(--paper)}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.feature img{width:100%;display:block}.release{background:linear-gradient(135deg,#293652,#523756);color:#f0dfc0}.release .btn{border-color:#f0dfc0;color:#f0dfc0}.release .btn:hover{background:#f0dfc0;color:#293652}
.bio{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.bio p{font-size:1.08rem}.books{display:grid;grid-template-columns:repeat(2,1fr);gap:42px}.book{display:grid;grid-template-columns:minmax(140px,42%) 1fr;gap:24px;align-items:center}.book img{width:100%;box-shadow:0 12px 30px rgba(0,0,0,.18)}
footer{padding:45px 0}.small{font-size:.86rem;opacity:.75}.coming{opacity:.88}.coming img{filter:saturate(.9)}
@media(max-width:820px){.links{display:none}.grid{grid-template-columns:1fr 1fr}.feature,.bio{grid-template-columns:1fr}.books{grid-template-columns:1fr}.hero{min-height:60vh}}
@media(max-width:540px){.grid{grid-template-columns:1fr}.book{grid-template-columns:1fr 1.2fr}section{padding:62px 0}.hero-card{padding:20px}.top nav{height:60px}}

/* V2 detail pages */
.subhero{padding:78px 0 48px}
.breadcrumb{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}
.breadcrumb a{color:inherit}
.detail{display:grid;grid-template-columns:minmax(240px,410px) 1fr;gap:48px;align-items:start}
.detail>img{width:100%;display:block;box-shadow:0 14px 35px rgba(0,0,0,.16)}
.prose{max-width:780px}.prose p{font-size:1.06rem}
.platforms{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}
.platforms a{display:inline-block;padding:11px 15px;border:1px solid currentColor;color:inherit;text-decoration:none;font-weight:700;font-size:.86rem}
@media(max-width:760px){.detail{grid-template-columns:1fr}.platforms a{flex:1 1 42%;text-align:center}}
