:root { --ink:#f3ead8; --bg:#12110f; --gold:#d7b56d; --blood:#9c2b2b; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:18px/1.65 Georgia, "Palatino Linotype", serif; }
a { color:var(--gold); }
img { max-width:100%; height:auto; }
.bar { display:flex; justify-content:space-between; align-items:center; padding:1rem 6vw; border-bottom:1px solid rgba(215,181,109,.3); }
.bar a { color:var(--ink); text-decoration:none; }
.brand { letter-spacing:.18em; text-transform:uppercase; font:600 13px/1 system-ui, sans-serif; }
.bar nav { display:flex; gap:1.2rem; }
.menu { display:none; background:transparent; color:var(--ink); border:1px solid var(--gold); padding:.4rem .7rem; }
.hero { min-height:70vh; display:grid; align-content:center; padding:4rem 6vw; background:radial-gradient(circle at 20% 20%, #3a2a18, transparent 40%), #12110f; }
h1 { font-size:clamp(3rem,8vw,6.5rem); line-height:.95; margin:.2rem 0; font-weight:500; }
.kicker { letter-spacing:.22em; text-transform:uppercase; color:var(--gold); font:600 12px/1 system-ui, sans-serif; }
.lede { font-size:1.3rem; max-width:40rem; }
.button, button { background:var(--gold); color:#1a140c; text-decoration:none; border:0; padding:.8rem 1.1rem; font:600 15px/1 system-ui, sans-serif; cursor:pointer; }
.split, .band { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; padding:3rem 6vw; }
.reverse { direction:rtl; } .reverse > * { direction:ltr; }
.band { background:#1c1914; }
.prose, .narrow { padding:3rem 6vw 4rem; max-width:52rem; }
.wide { width:100%; max-height:420px; object-fit:cover; }
.logo { max-width:240px; }
.actions { display:flex; gap:.8rem; flex-wrap:wrap; }
form { display:grid; gap:.75rem; }
label { display:grid; gap:.3rem; font:600 14px/1.2 system-ui, sans-serif; }
input, textarea { background:#201c16; color:var(--ink); border:1px solid #4a3d28; padding:.7rem; font:16px/1.4 Georgia, serif; }
.hp { position:absolute; left:-9999px; }
footer { padding:2rem 6vw 3rem; color:#b5a48a; font:14px/1.4 system-ui, sans-serif; }
ol { padding-left:1.2rem; }
@media (max-width:800px) {
  .split, .band, .reverse { grid-template-columns:1fr; direction:ltr; }
  .menu { display:inline-block; }
  .bar { flex-wrap:wrap; }
  .bar nav { display:none; width:100%; flex-direction:column; padding-top:.8rem; }
  .bar nav.open { display:flex; }
}