
:root{--black:#0b0b0b;--charcoal:#151515;--gold:#c89a47;--gold2:#e2bd73;--ivory:#f2eadc;--paper:#f5efe5;--ink:#201b16;--muted:#756b61}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--paper);color:var(--ink);line-height:1.55}
a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.site-header{background:#0c0c0c;color:#fff;border-bottom:1px solid #2d2d2d;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:54px;height:54px;border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:1.8rem;font-weight:bold;border-radius:4px}
.brand h1{font-size:1.4rem;margin:0;color:var(--gold2);letter-spacing:.03em}.brand small{display:block;color:#ddd;letter-spacing:.25em;text-transform:uppercase;font-size:.62rem;margin-top:3px}
.menu{display:flex;gap:22px;align-items:center;font-family:Arial,sans-serif;font-size:.94rem}.menu a{color:#f2f2f2}.menu a:hover{color:var(--gold2)}
.hero{background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.82) 46%,rgba(5,5,5,.35) 72%,rgba(5,5,5,.15) 100%),url('../images/black-republic-hero.png') center/cover no-repeat;color:#fff;min-height:650px;display:flex;align-items:center}
.hero .copy{max-width:690px;padding:80px 0}.eyebrow{color:var(--gold2);letter-spacing:.22em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:.78rem;font-weight:700}
.hero h2{font-size:clamp(3rem,7vw,6rem);line-height:.96;margin:.15em 0 .22em;color:var(--gold2)}.hero h3{font-size:clamp(1.8rem,3vw,3rem);font-weight:400;margin:.25em 0;color:#fff}.hero p{font-size:1.16rem;max-width:680px;color:#eee}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:14px 22px;border:1px solid var(--gold);font-family:Arial,sans-serif;font-weight:700;letter-spacing:.03em;background:transparent}.btn.primary{background:var(--gold);color:#111}.btn.secondary{color:#fff}
.section{padding:78px 0}.section.dark{background:#0d0d0d;color:#eee}.section h2{font-size:2.35rem;margin:.2em 0}.section-head{max-width:760px;margin-bottom:36px}.kicker{color:var(--gold);font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:bold}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid #dfd4c2;padding:28px;box-shadow:0 10px 35px rgba(0,0,0,.05)}.dark .card{background:#171717;border-color:#2a2a2a}.card h3{margin-top:0;color:var(--gold)}
.feature{background:#efe3d1;border-top:1px solid #dcc9aa;border-bottom:1px solid #dcc9aa}.book-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:44px;align-items:center}.book-cover{background:#111;color:var(--gold2);border:1px solid #6f5630;padding:42px 30px;min-height:470px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.22)}.book-cover .title{font-size:2.4rem;line-height:1.03}.book-cover .sub{font-size:1rem;color:#eee;margin-top:22px}
.footer{background:#080808;color:#bbb;padding:40px 0;font-family:Arial,sans-serif}.footer strong{color:var(--gold2);font-family:Georgia,serif}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.notice{font-size:.82rem;color:#8d8d8d;margin-top:28px;border-top:1px solid #222;padding-top:18px}
.page-hero{background:#111;color:#fff;padding:92px 0 72px;border-bottom:1px solid #2b2b2b}.page-hero h1{font-size:3.3rem;color:var(--gold2);margin:.15em 0}.prose{max-width:840px}
form{display:grid;gap:14px}input,textarea{width:100%;padding:13px 14px;border:1px solid #cfc1aa;background:#fff;font:inherit}textarea{min-height:150px}
@media(max-width:900px){.menu{display:none}.grid-3,.grid-4,.book-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:560px;background-position:60% center}.hero .copy{padding:60px 0}}
