:root {
  --bg:#07101d; --bg2:#0b1728; --panel:#101e31; --panel2:#0d192a;
  --text:#f3efe4; --muted:#b8c0cd; --gold:#e0b85c; --gold2:#f5d58b;
  --blue:#6bb7ff; --line:rgba(255,255,255,.10); --shadow:0 28px 80px rgba(0,0,0,.36);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(900px 600px at 80% -5%,rgba(67,132,207,.19),transparent 60%),radial-gradient(800px 620px at -10% 30%,rgba(224,184,92,.10),transparent 62%),var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",serif;line-height:1.65}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(1180px,calc(100% - 42px));margin:auto}
nav{position:sticky;top:0;z-index:50;background:rgba(7,16,29,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.10em;font-weight:800;font-size:.93rem;text-decoration:none}
.brand span{color:var(--gold)}
.nav-links{display:flex;gap:23px;align-items:center}
.nav-links a{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;color:var(--muted);text-decoration:none}
.nav-links a:hover{color:var(--gold2)}
.hero{padding:86px 0 74px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.eyebrow,.section-label,.kicker{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;color:var(--gold2);font-size:.69rem;font-weight:700}
h1{font-size:clamp(3.1rem,7.3vw,6.7rem);line-height:.93;letter-spacing:-.045em;margin:14px 0 24px}
h1 em{color:var(--gold);font-weight:400}
.hero p{font-size:clamp(1.08rem,1.8vw,1.33rem);max-width:720px;color:#dfe4ec;margin:0}
.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}
.btn{display:inline-block;padding:12px 19px;border:1px solid rgba(224,184,92,.45);font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;text-decoration:none;transition:.2s ease}
.btn:hover{transform:translateY(-2px);border-color:var(--gold2)}
.btn.primary{background:var(--gold);color:#10151c;border-color:var(--gold);font-weight:800}
.btn.primary:hover{background:var(--gold2)}
.hero-books{position:relative;height:500px}
.hero-books img{position:absolute;width:230px;border-radius:3px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}
.hero-books img:nth-child(1){right:38px;top:0;transform:rotate(4deg);z-index:3}
.hero-books img:nth-child(2){left:80px;top:48px;transform:rotate(-7deg);z-index:2}
.hero-books img:nth-child(3){right:170px;top:155px;transform:rotate(-1deg);z-index:4}
.section{padding:78px 0;border-top:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}
.section h2{font-size:clamp(2.15rem,4.2vw,3.55rem);line-height:1.02;letter-spacing:-.03em;margin:10px 0 0}
.section-intro{max-width:720px;color:var(--muted);font-size:1.08rem;margin:0}
.books-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#more .books-grid>.book-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 14px);width:100%;justify-self:center}
.book-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px;background:linear-gradient(155deg,rgba(16,30,49,.95),rgba(7,16,29,.96));border:1px solid var(--line);box-shadow:0 20px 55px rgba(0,0,0,.22);padding:20px;transition:.22s ease}
.book-card:hover{transform:translateY(-5px);border-color:rgba(224,184,92,.58)}
.cover-link{display:block;position:relative;background:#050b14;aspect-ratio:2/3;overflow:hidden;align-self:start;border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.cover-link img{width:100%;height:100%;object-fit:cover}
.book-badge{position:absolute;top:12px;left:12px;padding:7px 10px;background:rgba(7,16,29,.90);border:1px solid rgba(224,184,92,.54);font:700 .61rem Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--gold2)}
.book-copy{padding:5px 4px 6px 0}
.book-copy h3{font-size:1.62rem;line-height:1.08;margin:10px 0 14px}
.book-copy p{color:#c9d0da;margin:0 0 15px;font-size:1.035rem;line-height:1.72}
.book-copy p + p{margin-top:-2px}
.book-lead{font-size:1.11rem!important;color:#f0f2f5!important;line-height:1.68!important}
.book-points{margin:4px 0 18px;padding-left:1.18rem;color:#cfd6df;font-size:.99rem;line-height:1.62}
.book-points li{margin:6px 0;padding-left:4px}
.book-points li::marker{color:var(--gold)}
.inside-label{font:700 .66rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--gold2);margin:18px 0 7px}
.text-link{font-family:Arial,sans-serif;font-size:.69rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold2);text-decoration:none;font-weight:700}
.purchase-box{margin-top:20px;padding:16px 17px;border:1px solid rgba(224,184,92,.38);background:rgba(224,184,92,.055);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:13px}
.purchase-box p{margin:0!important;font-family:Arial,sans-serif;font-size:.86rem!important;line-height:1.5!important;color:#e7e2d6!important}
.purchase-box strong{color:var(--gold2)}
.amazon-btn{display:inline-block;padding:11px 15px;background:var(--gold);color:#10151c!important;border:1px solid var(--gold);font-family:Arial,sans-serif;font-weight:800;font-size:.66rem;text-transform:uppercase;letter-spacing:.105em;text-decoration:none;white-space:nowrap}
.amazon-btn:hover{background:var(--gold2);border-color:var(--gold2)}
.genre-card .amazon-btn{margin-top:17px}
.series-shell{background:linear-gradient(135deg,rgba(16,30,49,.86),rgba(7,16,29,.78));border:1px solid var(--line);padding:34px}
.series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px}
.series-item{border-top:2px solid var(--gold);padding:19px;background:rgba(255,255,255,.025)}
.series-item .num{font:700 .64rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--gold)}
.series-item h3{margin:9px 0 8px;font-size:1.3rem;line-height:1.08}
.series-item p{margin:0;color:var(--muted);font-size:.93rem}
.series-item.coming{border-top-color:rgba(107,183,255,.7)}
.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.genre-card{border:1px solid var(--line);padding:23px;background:rgba(255,255,255,.025)}
.genre-card h3{margin:7px 0 8px;font-size:1.34rem}
.genre-card p{margin:0;color:var(--muted);font-size:1rem;line-height:1.68}
.about-grid{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:64px;align-items:start}
.author-photo{border:1px solid rgba(224,184,92,.42);background:linear-gradient(150deg,var(--panel),#08111f);padding:14px;box-shadow:var(--shadow)}
.author-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.author-photo .caption{padding:18px 8px 7px;text-align:center}
.author-photo .caption strong{display:block;font-size:1.25rem;color:var(--gold2);margin-bottom:4px}
.author-photo .caption span{font:700 .68rem Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.about-copy h2{margin-bottom:18px}
.about-copy .bio-lead{font-size:1.25rem;line-height:1.55;color:var(--text);margin-bottom:22px}
.about-copy p{color:#d9dee7;margin:0 0 18px;font-size:1.075rem;line-height:1.78}
.about-copy .muted{color:var(--muted)}
.about-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:27px 0}
.about-highlight{border:1px solid var(--line);padding:15px;background:rgba(255,255,255,.025)}
.about-highlight strong{display:block;color:var(--gold2);font-size:1rem;margin-bottom:3px}
.about-highlight span{color:var(--muted);font-size:.92rem}
.footer{border-top:1px solid var(--line);padding:36px 0 44px;text-align:center;color:var(--muted);font-family:Arial,sans-serif;font-size:.74rem;letter-spacing:.07em}
.footer strong{display:block;color:var(--text);font-family:Georgia,serif;font-size:1.08rem;letter-spacing:.04em;margin-bottom:7px}

.series-item{overflow:hidden}
.series-cover{display:block;aspect-ratio:2/3;margin:-19px -19px 17px;overflow:hidden;background:#050b14;border-bottom:1px solid var(--line)}
.series-cover img{width:100%;height:100%;object-fit:cover;display:block}
.series-item .series-amazon{display:inline-block;margin-top:13px;font:800 .62rem Arial,sans-serif;letter-spacing:.10em;text-transform:uppercase;color:var(--gold2);text-decoration:none}
.catalog-note{margin:0 0 24px;padding:13px 16px;border-left:3px solid var(--gold);background:rgba(224,184,92,.055);color:#cbd2dc;font-size:.95rem;line-height:1.6}
.book-card.catalog-card{margin-bottom:4px}
.book-card.catalog-card .book-copy p{max-width:78ch}
.book-card.catalog-card .purchase-box{margin-top:18px}
.book-card.upcoming .book-badge{border-color:rgba(107,183,255,.58);color:#b7dcff}
@media(max-width:700px){.series-cover{margin:-16px -16px 15px}.series-item{padding:16px}}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr} .hero-books{height:430px;max-width:650px}
  .books-grid{grid-template-columns:1fr}
#more .books-grid>.book-card:last-child:nth-child(odd){grid-column:auto;max-width:none;width:auto} .series-grid{grid-template-columns:repeat(2,1fr)} .genre-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .nav-links{display:none} .hero{padding-top:62px}
  .hero-books{height:330px} .hero-books img{width:155px}
  .hero-books img:nth-child(1){right:12px} .hero-books img:nth-child(2){left:18px;top:35px} .hero-books img:nth-child(3){right:95px;top:105px}
  .series-grid,.genre-grid,.about-grid{grid-template-columns:1fr}
  .book-card{grid-template-columns:1fr;padding:18px}
  .cover-link{width:min(280px,100%);margin:0 auto}
  .book-copy{padding:3px 2px 5px}
  .about-highlights{grid-template-columns:1fr}
  .section-head{display:block} .section-intro{margin-top:16px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* --- structural additions for multi-page rebuild --- */
.nav-links a.active{color:var(--gold2)}
.footer-links{margin-top:14px;font-size:.72rem}
.footer-links a{color:var(--muted);text-decoration:none;margin:0 4px}
.footer-links a:hover{color:var(--gold2)}
.shelf-hero{padding:64px 0 46px}
.shelf-hero h1{font-size:clamp(2.6rem,6vw,4.6rem);margin:12px 0 18px}
.shelf-hero p{max-width:760px;color:#dfe4ec;font-size:1.08rem}
.shelf-jump{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px}
.shelf-jump a{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.10em;font-size:.68rem;font-weight:700;color:var(--gold2);text-decoration:none;border-bottom:1px solid rgba(224,184,92,.4);padding-bottom:2px}
.shelf-jump a:hover{color:var(--gold)}
.teaser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.teaser-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;background:linear-gradient(155deg,rgba(16,30,49,.95),rgba(7,16,29,.96));border:1px solid var(--line);padding:16px;text-decoration:none;color:inherit;transition:.22s ease}
.teaser-card:hover{transform:translateY(-4px);border-color:rgba(224,184,92,.58)}
.teaser-cover{position:relative;aspect-ratio:2/3;background:#050b14;overflow:hidden;border:1px solid rgba(255,255,255,.10)}
.teaser-cover img{width:100%;height:100%;object-fit:cover}
.teaser-cover .book-badge{padding:5px 7px;font-size:.55rem;top:8px;left:8px}
.teaser-copy h3{font-size:1.18rem;margin:8px 0 8px;line-height:1.15}
.teaser-copy p{color:#c9d0da;font-size:.92rem;margin:0 0 10px;line-height:1.5}
.newsletter-box{max-width:640px;margin:0 auto;text-align:center}
.newsletter-form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}
.newsletter-form input[type=email]{flex:1 1 280px;padding:13px 15px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--text);font-family:Georgia,serif;font-size:1rem}
.newsletter-form input[type=email]:focus{outline:none;border-color:var(--gold)}
.newsletter-form button{cursor:pointer}
.social-row{display:flex;gap:16px;justify-content:center;margin-top:22px}
.social-row a{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.10em;font-size:.68rem;color:var(--muted);text-decoration:none;border:1px solid var(--line);padding:9px 14px}
.social-row a:hover{color:var(--gold2);border-color:rgba(224,184,92,.5)}
.legal-copy h2{margin-top:0}
.legal-copy h3{color:var(--gold2);font-size:1.15rem;margin:30px 0 10px}
.legal-copy p, .legal-copy li{color:#d9dee7;font-size:1.01rem;line-height:1.75}
.legal-copy{max-width:800px}
@media(max-width:720px){
  .teaser-grid{grid-template-columns:1fr}
  .teaser-card{grid-template-columns:86px minmax(0,1fr)}
  /* keep primary nav reachable on mobile now that this is a multi-page site */
  .nav-inner{flex-wrap:wrap;height:auto;padding:12px 0}
  .nav-links{display:flex!important;gap:14px;flex-wrap:wrap;width:100%;margin-top:4px}
  .nav-links a{font-size:.62rem}
}