@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#161412;--tan:#C87834;--cream:#F4EBDD;--mahog:#B4622D;--card:#FBF5EA;--gray:#6d6357}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--cream);color:var(--ink);font-family:'Outfit',system-ui,sans-serif;font-size:1.06rem;line-height:1.65}
.wrap{max-width:880px;margin:0 auto;padding:0 20px}
a{color:var(--mahog)}
header{border-bottom:2px solid var(--tan);background:var(--cream)}
.nav{display:flex;align-items:center;gap:14px;padding:14px 0;flex-wrap:wrap}
.nav img{width:44px;height:44px;border-radius:50%}
.nav .brand{font-weight:900;font-size:1.3rem;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.nav .links{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
.nav .links a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.95rem}
.nav .links a.cta{background:var(--mahog);color:var(--cream);padding:8px 18px;border-radius:40px}
h1{font-weight:900;font-size:clamp(1.9rem,5vw,3rem);line-height:1.05;letter-spacing:-.015em;margin:.6em 0 .4em}
h2{font-weight:800;font-size:1.45rem;margin:1.6em 0 .5em}
h3{font-weight:700;font-size:1.15rem;margin:1.2em 0 .4em}
p{margin:.7em 0}
.eyebrow{font-family:'Space Mono',monospace;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--tan);font-size:.8rem;margin-top:2rem}
.lead{font-size:1.2rem;font-weight:600}
.mantra{font-weight:800;font-size:1.25rem;border-left:6px solid var(--tan);padding:14px 20px;background:var(--card);border-radius:6px;margin:1.4em 0}
.callout{background:var(--card);border-left:8px solid var(--tan);border-radius:6px;padding:18px 22px;margin:1.4em 0}
.callout .lbl{font-family:'Space Mono',monospace;font-weight:700;letter-spacing:.18em;color:var(--mahog);font-size:.85rem;margin-bottom:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:1.5em 0}
.card{background:var(--card);border-radius:10px;padding:20px;border:1px solid #e5d9c4;display:flex;flex-direction:column}
.card img{width:100%;border-radius:6px;margin-bottom:12px}
.card .num{font-family:'Space Mono',monospace;font-weight:700;color:var(--tan);font-size:.8rem;letter-spacing:.15em}
.card h3{margin:.3em 0}
.card p{font-size:.95rem;color:var(--gray)}
.card a.go{margin-top:auto;font-weight:700;text-decoration:none}
.badge{display:inline-block;font-family:'Space Mono',monospace;font-size:.7rem;font-weight:700;letter-spacing:.12em;padding:3px 10px;border-radius:20px;background:var(--tan);color:var(--cream);margin-bottom:8px;width:fit-content}
.badge.soon{background:#b9ab97}
.video{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;margin:1.4em 0;background:#161412}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ctabox{background:var(--ink);color:var(--cream);border-radius:12px;padding:28px;margin:2em 0;text-align:center}
.ctabox p{color:var(--cream)}
.btn{display:inline-block;background:var(--tan);color:var(--ink);font-weight:800;text-decoration:none;padding:13px 30px;border-radius:44px;margin-top:10px}
details{background:var(--card);border-radius:8px;padding:14px 18px;margin:.6em 0;border:1px solid #e5d9c4}
summary{font-weight:700;cursor:pointer}
footer{border-top:2px solid var(--tan);margin-top:3rem;padding:24px 0 40px;font-family:'Space Mono',monospace;font-size:.78rem;color:var(--gray)}
footer p{margin:.3em 0}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.2em 0}
.ba>div{border-radius:8px;padding:16px}
.ba .before{background:#EDE4D3;color:#6d6357}
.ba .after{background:var(--ink);color:var(--cream);font-weight:600}
.ba .tag{font-family:'Space Mono',monospace;font-size:.75rem;letter-spacing:.18em;font-weight:700;margin-bottom:8px}
.ba .before .tag{color:#8d8271}.ba .after .tag{color:var(--tan)}
@media(max-width:640px){.ba{grid-template-columns:1fr}}