:root{
  --bg:#070604;
  --ink:#fff4d4;
  --mute:#cbb58a;
  --line:#3d2f14;
  --gold:#f0c85a;
  --gold2:#c9a227;
  --leaf2:#ea580c;
  --ok:#7dba5a;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Outfit,system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:#fff8e4}
.wrap{width:min(1080px,calc(100% - 32px));margin:0 auto}
.top{position:sticky;top:0;z-index:20;background:rgba(7,6,4,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.brand{font-family:Cinzel,serif;font-weight:700;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;font-size:.86rem}
.brand span{color:#fff4d4}
.cta{display:inline-block;background:linear-gradient(180deg,#f8de86,#e0b83a 45%,#b88912);color:#1a1204;padding:10px 16px;font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid #f3d36a;box-shadow:0 0 18px rgba(232,184,58,.28)}
.cta:hover{filter:brightness(1.08);color:#1a1204}
.hero-art{position:relative;background:radial-gradient(ellipse at 72% 45%,#c4843c 0%,#3a220c 38%,#120c07 72%,#070604 100%);border-bottom:1px solid var(--line);min-height:min(48vw,420px);overflow:hidden}
.hero-art img{width:100%;height:auto;object-fit:contain;background:#000;display:none}
.hero-art.has-img img{display:block}
.hero-art.has-img .hero-fallback{display:none}
.hero-fallback{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px;color:var(--gold)}
.hero-art.no-img .hero-fallback{display:flex}
.hf-kicker{font-family:Cinzel,serif;letter-spacing:.4em;text-transform:uppercase;font-size:.78rem;margin:0 0 6px;color:#f3d36a}
.hf-ace{font-family:Cinzel,serif;font-weight:700;font-size:clamp(4.2rem,16vw,8.5rem);line-height:.85;margin:0;letter-spacing:.04em;text-shadow:0 8px 40px rgba(0,0,0,.45)}
.hf-sub{margin:14px 0 0;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;color:var(--ink)}
.hf-seal{margin:18px 0 0;border:1px solid var(--gold2);padding:8px 16px;border-radius:999px;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-family:Cinzel,serif}
h2,.brand,.pillar b{font-family:Cinzel,serif}
.kicker{color:var(--leaf2);letter-spacing:.22em;text-transform:uppercase;font-size:.68rem;font-weight:600;margin:0 0 10px}
h2{font-weight:700;font-size:clamp(1.5rem,3.5vw,2.2rem);margin:0 0 16px;color:var(--gold)}
.lead,.muted,.note{color:var(--mute);font-size:1.12rem;line-height:1.55;max-width:38rem}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.ghost{border:1px solid var(--gold2);color:var(--gold);padding:10px 16px;display:inline-block;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}
.live{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:10px 0;font-size:.8rem;color:var(--mute)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block;margin-right:6px}
section{padding:44px 0;border-top:1px solid var(--line)}
.intro{border-top:0;padding-top:36px}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.pillar{background:rgba(12,9,6,.86);border:1px solid var(--line);padding:20px 18px}
.pillar b{display:block;margin-bottom:8px;color:var(--gold);font-size:1.02rem}
.pillar span{color:var(--mute);font-size:.95rem;line-height:1.45}
.loop{padding-left:1.2rem;margin:0;max-width:36rem;color:var(--mute);font-size:1.05rem}
.loop li{margin:.55rem 0}
footer{border-top:1px solid var(--line);padding:28px 0 48px;color:var(--mute);font-size:.8rem}
@media(max-width:640px){
  .top-in{flex-wrap:wrap}
  .lead{font-size:1.02rem}
}