
:root{
  --ink:#171717;
  --charcoal:#222222;
  --paper:#f5f0e6;
  --paper-2:#eee5d6;
  --gold:#b7934f;
  --gold-dark:#8c6f37;
  --muted:#6f6b63;
  --line:#d6cbb8;
  --white:#fffdf8;
  --max:1180px;
  --shadow:0 18px 45px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--white);
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(92%,var(--max));margin-inline:auto}
.topbar{
  background:var(--charcoal);
  color:#eee7da;
  font-size:.88rem;
  letter-spacing:.02em;
}
.topbar .container{
  display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;flex-wrap:wrap
}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,253,248,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(140,111,55,.16);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:78px}
.brand{display:flex;align-items:center;gap:.9rem;min-width:260px}
.brand-mark{
  width:44px;height:44px;border:1px solid var(--gold);
  display:grid;place-items:center;font-family:Georgia,serif;font-weight:700;
  color:var(--gold-dark);font-size:1.05rem;letter-spacing:.04em;
}
.brand-text strong{
  display:block;font-family:Georgia,serif;font-size:1.12rem;letter-spacing:.04em
}
.brand-text span{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
nav ul{display:flex;gap:1.35rem;list-style:none;margin:0;padding:0;align-items:center}
nav a{font-size:.92rem;font-weight:600}
nav a:hover, nav a.active{color:var(--gold-dark)}
.menu-btn{
  display:none;border:1px solid var(--line);background:transparent;padding:.55rem .7rem;
  font-size:1rem;cursor:pointer
}
.hero{
  background:
    linear-gradient(100deg,rgba(23,23,23,.96),rgba(23,23,23,.80)),
    radial-gradient(circle at 80% 20%,rgba(183,147,79,.30),transparent 35%);
  color:#fff;
  padding:7rem 0 6.5rem;
}
.eyebrow{
  color:#d8bd86;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700
}
.hero h1,.page-hero h1{
  font-family:Georgia,serif;font-weight:500;line-height:1.1;margin:.6rem 0 1.2rem;
  font-size:clamp(2.7rem,6vw,5.6rem);max-width:900px
}
.hero p{font-size:1.18rem;max-width:740px;color:#ece7de}
.actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2rem}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.85rem 1.15rem;border:1px solid transparent;font-weight:700;
  letter-spacing:.02em;transition:.2s ease
}
.btn-primary{background:var(--gold);color:#181818}
.btn-primary:hover{background:#c5a35f;transform:translateY(-1px)}
.btn-secondary{border-color:#e7dac0;color:#fff}
.btn-secondary:hover{background:#fff;color:#111}
.section{padding:5.5rem 0}
.section.alt{background:var(--paper)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}
.section-heading h2{
  font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:500;margin:.3rem 0
}
.section-heading p{max-width:620px;color:var(--muted);margin:0}
.grid{display:grid;gap:1.4rem}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{
  background:#fff;border:1px solid var(--line);padding:1.6rem;box-shadow:var(--shadow)
}
.card h3{font-family:Georgia,serif;font-size:1.45rem;margin:.3rem 0 .6rem}
.card p{color:var(--muted)}
.pill{
  display:inline-block;background:var(--paper-2);color:#5b4a2d;
  padding:.3rem .55rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700
}
.book-card{display:grid;grid-template-columns:140px 1fr;gap:1.4rem;align-items:start}
.book-cover{
  aspect-ratio:2/3;background:linear-gradient(150deg,#1c1c1c,#34302a);
  color:#efe5d2;display:flex;flex-direction:column;justify-content:space-between;
  padding:1rem;border:1px solid #3e372c;box-shadow:0 16px 30px rgba(0,0,0,.18)
}
.book-cover .mini{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#c7aa72}
.book-cover .title{font-family:Georgia,serif;font-size:1.15rem;line-height:1.1}
.book-cover.light{background:linear-gradient(150deg,#ece2d0,#cdbf9f);color:#211f1b}
.book-meta{font-size:.88rem;color:var(--muted)}
.quote-band{
  background:var(--charcoal);color:#fff;padding:4rem 0;text-align:center
}
.quote-band blockquote{
  margin:0 auto;max-width:900px;font-family:Georgia,serif;font-size:clamp(1.6rem,3.2vw,2.7rem);
  line-height:1.35;font-weight:400
}
.quote-band cite{display:block;margin-top:1rem;color:#c9b584;font-style:normal;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stat{padding:1.3rem;border-top:2px solid var(--gold);background:#fff}
.stat strong{font-family:Georgia,serif;font-size:2rem;display:block}
.stat span{color:var(--muted);font-size:.9rem}
.newsletter{
  background:linear-gradient(135deg,#e8dcc5,#f8f3e9);padding:2.2rem;border:1px solid var(--line)
}
.newsletter form{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}
.newsletter input{
  flex:1;min-width:220px;padding:.85rem 1rem;border:1px solid #b9a98c;background:#fff
}
.newsletter button{border:0}
.form-note{font-size:.83rem;color:var(--muted);margin-top:.6rem}
.page-hero{background:var(--paper);padding:5.3rem 0 4.5rem;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);color:#201e1a}
.page-hero p{max-width:760px;color:var(--muted);font-size:1.08rem}
.prose{max-width:820px}
.prose h2,.prose h3{font-family:Georgia,serif;font-weight:500}
.prose h2{font-size:2rem;margin-top:2.4rem}
.prose p,.prose li{color:#403d38}
.list-clean{padding-left:1.1rem}
.author-card{display:grid;grid-template-columns:190px 1fr;gap:2rem;align-items:start}
.author-placeholder{
  aspect-ratio:4/5;background:linear-gradient(160deg,#2a2926,#524a3e);
  border:1px solid var(--line);display:grid;place-items:center;color:#e8dcc5;
  font-family:Georgia,serif;font-size:3rem
}
.press-kit{border-left:4px solid var(--gold);padding:1.4rem 1.6rem;background:var(--paper)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.contact-box{border:1px solid var(--line);padding:1.6rem;background:#fff}
.contact-box h3{font-family:Georgia,serif}
.site-footer{background:#171717;color:#d8d1c7;padding:4rem 0 2rem;margin-top:4rem}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem}
.site-footer h4{color:#fff;font-family:Georgia,serif;margin-top:0}
.site-footer a{color:#d8d1c7}
.site-footer a:hover{color:#d7b574}
.footer-bottom{margin-top:2rem;padding-top:1.4rem;border-top:1px solid #37332d;font-size:.85rem;color:#9f998e}
.smallcaps{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--muted)}
.notice{background:#fff7df;border:1px solid #e0c98f;padding:1rem 1.15rem;color:#655226;margin:1rem 0}
@media (max-width:900px){
  .grid-3,.stats,.footer-grid{grid-template-columns:1fr 1fr}
  .grid-2,.contact-grid{grid-template-columns:1fr}
  nav ul{
    display:none;position:absolute;left:0;right:0;top:78px;background:var(--white);
    padding:1rem 4%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start
  }
  nav ul.open{display:flex}
  .menu-btn{display:block}
}
@media (max-width:640px){
  .grid-3,.stats,.footer-grid{grid-template-columns:1fr}
  .book-card,.author-card{grid-template-columns:1fr}
  .book-cover{max-width:210px}
  .hero{padding:5rem 0 4.5rem}
  .section{padding:4rem 0}
  .topbar .container{display:block}
  .brand{min-width:auto}
  .brand-text span{display:none}
}


/* --- Brand integration v2 --- */
.brand.brand-logo{
  min-width:280px;
  display:block;
}
.brand.brand-logo img{
  width:285px;
  max-height:64px;
  object-fit:contain;
  object-position:left center;
}
.footer-logo{
  width:300px;
  max-width:100%;
  margin-bottom:1rem;
  filter:none;
}
.brand-seal{
  width:84px;
  height:84px;
  object-fit:contain;
}
.hero .brand-seal{
  margin-bottom:1.2rem;
}
.legal-links{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin-top:.8rem;
}
.legal-links a{font-size:.85rem}
.prelaunch-banner{
  background:#efe4cf;
  border-bottom:1px solid #d3c19d;
  color:#4e4028;
  font-size:.82rem;
}
.prelaunch-banner .container{padding:.55rem 0}
@media (max-width:640px){
  .brand.brand-logo{min-width:auto}
  .brand.brand-logo img{width:220px;max-height:54px}
}


/* --- First book launch v5 --- */
.book-cover-image{aspect-ratio:2/3;overflow:hidden;box-shadow:0 16px 30px rgba(0,0,0,.18);background:#211f1b}
.book-cover-image img{width:100%;height:100%;object-fit:cover}
.launch-card .book-cover-image{max-width:140px}
.feature-book{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:3.2rem;align-items:center;background:var(--paper);border:1px solid var(--line);padding:2rem}
.feature-book-cover img{width:100%;box-shadow:0 22px 50px rgba(0,0,0,.18)}
.feature-book-copy h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.08;margin:.35rem 0 .35rem}
.book-eyebrow{color:var(--gold-dark);margin-top:1rem}
.subtitle{font-family:Georgia,serif;font-size:1.35rem;color:#5f574c;margin:.1rem 0 .5rem}
.byline{font-weight:700;color:#322e28;margin:.2rem 0 1.2rem}
.dark-actions .btn-outline,.btn-outline{border:1px solid var(--gold-dark);color:var(--gold-dark);background:transparent}
.btn-outline:hover{background:var(--gold-dark);color:#fff}
.book-detail-hero{background:linear-gradient(105deg,#171717,#2b2823);color:#fff;padding:5rem 0}
.book-detail-grid{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:4rem;align-items:center}
.book-detail-cover img{width:100%;box-shadow:0 25px 60px rgba(0,0,0,.4)}
.book-detail-hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(2.8rem,5vw,5rem);line-height:1.05;margin:.55rem 0}
.light-subtitle{color:#d7c9ae;font-size:1.5rem}.light-byline{color:#fff}.lead{font-size:1.16rem;color:#e8e2d7;max-width:720px}
.book-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:4rem;align-items:start}
.book-facts{background:var(--paper);border-top:4px solid var(--gold);padding:1.5rem;position:sticky;top:110px}
.book-facts h3{font-family:Georgia,serif;font-size:1.5rem;margin-top:0}
.author-name{font-family:Georgia,serif;font-weight:500;font-size:2.3rem;margin:.4rem 0 .8rem}
.press-launch-grid{align-items:start}.press-cover-card{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.press-cover-card img{width:min(100%,320px);box-shadow:0 20px 45px rgba(0,0,0,.18)}
@media (max-width:900px){.feature-book,.book-detail-grid,.book-reading-grid{grid-template-columns:1fr}.feature-book-cover,.book-detail-cover{max-width:320px}.book-facts{position:static}}
@media (max-width:640px){.launch-card .book-cover-image{max-width:210px}.feature-book{padding:1.2rem;gap:1.8rem}.book-detail-hero{padding:3.8rem 0}}
