:root{
  --ink:#061015;
  --forest:#102316;
  --forest2:#18311d;
  --gold:#d4a84f;
  --gold2:#f0cf79;
  --ivory:#f2ead8;
  --muted:#c9c0aa;
  --line:rgba(212,168,79,.38);
  --shadow:0 18px 48px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 85% 5%, rgba(212,168,79,.10), transparent 26rem),
    linear-gradient(180deg,var(--forest) 0,var(--ink) 42rem,var(--ink) 100%);
  color:var(--ivory);
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.62;
}
a{color:var(--gold2)}
img{max-width:100%;height:auto}
.site-header, header{
  border-bottom:1px solid var(--line);
  background:rgba(6,16,21,.92);
  backdrop-filter:blur(10px);
}
nav{max-width:1180px;margin:auto;padding:.9rem 1.1rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
nav a{
  text-decoration:none;color:var(--ivory);font-family:Arial,sans-serif;
  font-size:.88rem;font-weight:700;letter-spacing:.04em;padding:.55rem .72rem;border-radius:4px
}
nav a:hover{color:var(--gold2);background:rgba(212,168,79,.08)}
main,.container{max-width:1180px;margin:auto;padding:0 1.2rem}
.hero{
  min-height:66vh;display:grid;align-items:center;padding:5.5rem 0 4.5rem;
  border-bottom:1px solid var(--line);position:relative;overflow:hidden
}
.hero:after{
  content:"";position:absolute;right:-8rem;top:-9rem;width:31rem;height:31rem;border-radius:50%;
  border:1px solid rgba(212,168,79,.13);box-shadow:0 0 0 3rem rgba(212,168,79,.025),0 0 0 7rem rgba(212,168,79,.018);
  pointer-events:none
}
h1,h2,h3{
  color:var(--gold2);font-family:Georgia,"Times New Roman",serif;line-height:1.08;
  text-wrap:balance
}
h1{font-size:clamp(2.6rem,7vw,5.8rem);letter-spacing:.015em;margin:.2rem 0 1.2rem;text-shadow:0 3px 18px rgba(0,0,0,.35)}
h2{font-size:clamp(1.8rem,4vw,3rem);margin-top:0}
h3{font-size:1.35rem}
.eyebrow,.kicker{
  color:var(--gold);font-family:Arial,sans-serif;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;font-size:.78rem
}
.lead{font-size:clamp(1.08rem,2vw,1.35rem);max-width:52rem;color:var(--ivory)}
section{padding:4.5rem 0;border-bottom:1px solid rgba(212,168,79,.17)}
.card,.panel,article{
  background:linear-gradient(145deg,rgba(24,49,29,.82),rgba(6,16,21,.92));
  border:1px solid var(--line);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow)
}
.grid,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem}
button,.button,.btn,a.button,a.btn,input[type=submit]{
  display:inline-block;background:linear-gradient(180deg,var(--gold2),var(--gold));
  color:#11170f!important;border:1px solid #f6da8b;border-radius:4px;padding:.82rem 1.15rem;
  font-family:Arial,sans-serif;font-weight:900;text-decoration:none;letter-spacing:.025em;
  box-shadow:0 7px 20px rgba(0,0,0,.25);cursor:pointer
}
.button.secondary,.btn.secondary{
  background:transparent;color:var(--gold2)!important;border:1px solid var(--gold)
}
input,select,textarea{
  width:100%;background:#09150f;color:var(--ivory);border:1px solid var(--line);
  border-radius:4px;padding:.82rem;font:inherit
}
label{font-family:Arial,sans-serif;font-weight:700;color:var(--ivory)}
small,.muted{color:var(--muted)}
table{width:100%;border-collapse:collapse}
th,td{padding:.8rem;border-bottom:1px solid var(--line);text-align:left}
th{color:var(--gold2)}
.book-bridge{
  display:grid;grid-template-columns:minmax(220px,420px) 1fr;gap:2.2rem;align-items:center
}
.book-bridge img{border:1px solid var(--line);box-shadow:var(--shadow)}
blockquote{
  margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid var(--gold);
  background:rgba(212,168,79,.06);color:var(--ivory)
}
footer{padding:2.5rem 1.2rem;color:var(--muted);border-top:1px solid var(--line);background:#050c0f}
@media(max-width:720px){
  nav{gap:.25rem;padding:.65rem}
  nav a{font-size:.78rem;padding:.45rem}
  .hero{min-height:auto;padding:3.7rem 0 3rem}
  section{padding:3rem 0}
  .book-bridge{grid-template-columns:1fr}
  .book-bridge img{max-height:520px;object-fit:contain;margin:auto}
}

/* Black Pledge book + petition bridge */
.book-bridge{max-width:1220px;margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:48px;align-items:center}
.book-bridge img{width:100%;height:auto;border-radius:4px}
.book-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.petition-bridge{max-width:1220px;margin:0 auto 64px;padding:0 24px}
.petition-bridge-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:36px;align-items:center;padding:28px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(15,54,36,.78),rgba(4,17,20,.96));box-shadow:var(--shadow)}
.petition-bridge img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.petition-bridge h2{margin-top:.2em}
@media(max-width:760px){.book-bridge,.petition-bridge-inner{grid-template-columns:1fr}.book-bridge{padding-top:40px;gap:28px}.petition-bridge{padding:0 16px 40px}.petition-bridge-inner{padding:18px}.book-actions .button{width:100%;text-align:center}}