:root{--bg:#0f1420;--bg2:#161d2e;--ink:#e9e6df;--mute:#a7adbb;--gold:#c9a45c;--line:#27304a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.7 Georgia,"Times New Roman",serif}
a{color:var(--gold)}h1,h2,h3{font-weight:normal;line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,6vw,4rem)}h2{font-size:1.8rem;margin-top:1.6em}h3{font-size:1.3rem}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}
.top{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(15,20,32,.95);z-index:5}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:14px;padding-bottom:14px}
.brand{font-size:1.5rem;color:var(--ink);text-decoration:none;letter-spacing:.02em}.brand span{color:var(--gold);font-style:italic}.brand.sm{font-size:1.2rem}
nav a{font:600 .8rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-decoration:none;margin-right:18px;padding:6px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.on{color:var(--ink);border-color:var(--gold)}
.eyebrow{font:600 .75rem/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.hero{padding:110px 0 90px;background:radial-gradient(ellipse at 70% 0%,#243256 0%,var(--bg) 65%)}
.lead{font-size:1.25rem;color:var(--mute);max-width:640px}
.btn{display:inline-block;background:var(--gold);color:#12151f;padding:12px 26px;text-decoration:none;font:700 .85rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;margin:6px 10px 6px 0;border:1px solid var(--gold)}
.btn.ghost{background:none;color:var(--gold)}.btn:hover{filter:brightness(1.1)}
.quote{text-align:center;padding:70px 20px}blockquote{margin:0 auto;max-width:720px;font-size:1.7rem;font-style:italic;line-height:1.4}.by{color:var(--mute);font:.85rem Arial,sans-serif;letter-spacing:.1em}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:24px 0 50px}
.card{background:var(--bg2);border:1px solid var(--line);padding:26px;border-top:3px solid var(--gold)}.card p{color:var(--mute);margin:0 0 .6em}
.band{background:var(--bg2);border-block:1px solid var(--line);padding:50px 0;margin-top:30px}
.pagehead{padding:70px 0 40px;border-bottom:1px solid var(--line);background:linear-gradient(var(--bg2),var(--bg))}
.books{display:grid;gap:40px;padding:50px 0}.book{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:start}
.cover{aspect-ratio:2/3;background:linear-gradient(145deg,#3a2a52,#14182a);border:1px solid var(--gold);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px;box-shadow:0 10px 30px #0008}
.cover.alt{background:linear-gradient(145deg,#5a2b2b,#1a1420)}.cover span{font-size:1.15rem;color:var(--gold);line-height:1.2}.cover small{font:.65rem Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--mute);margin-top:10px}
.tag{font:.75rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.note{color:var(--mute);border-top:1px solid var(--line);padding-top:20px}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:1.15rem}summary:hover{color:var(--gold)}details p{color:var(--mute);margin:.6em 0 0}
footer{margin-top:80px;border-top:1px solid var(--line);padding:40px 0;text-align:center;color:var(--mute)}footer p{margin:.3em 0}.fine{font-size:.8rem}
@media(max-width:560px){.book{grid-template-columns:1fr}.cover{max-width:170px}.hero{padding:70px 0}}

.sceneHead{position:relative;overflow:hidden;padding:0}.sceneHead .scene{display:block;width:100%;height:220px}
.sceneHead .wrap{position:absolute;left:0;right:0;bottom:24px}.sceneHead h1{font-size:clamp(1.8rem,5vw,3rem);margin:0;text-shadow:0 2px 12px #000a}
.svc svg{margin-bottom:12px}.cta{padding:30px;margin:10px 0 0;border:1px solid var(--line);text-align:center}
nav a{margin-right:14px}

a.cover{display:block;padding:0;aspect-ratio:auto;background:none;border:1px solid var(--gold);transition:transform .2s}a.cover:hover{transform:translateY(-4px)}
a.cover img{display:block;width:100%;height:auto}

.pagehead{position:relative;overflow:hidden}.pagehead .wrap{position:relative;z-index:1}
.deco{position:absolute;right:max(20px,calc(50% - 540px));top:50%;transform:translateY(-50%);height:150px;width:auto;opacity:.55}
.hero{position:relative;overflow:hidden}.hero .wrap{position:relative;z-index:1}
.heroart{position:absolute;right:max(10px,calc(50% - 560px));top:50%;transform:translateY(-50%);height:min(380px,90%);width:auto;opacity:.5}
.orn{text-align:center;margin:50px 0 0}.orn svg{width:200px;height:20px}
.card.one{margin:40px 0;padding:36px;text-align:center}.card.one p{margin:0 0 1em}
@media(max-width:760px){.deco{height:90px;opacity:.25}.heroart{opacity:.18;height:70%}}