@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');
:root{
  --wine:#6B1620; --wine-deep:#4A0E16; --ink:#2A1A14; --flour:#F7F2E8;
  --paper:#FFFDF8; --basil:#4C7A34; --amber:#C8841C; --line:#E7DDC9; --muted:#8A7A6E; --wine-soft:#F3E2E0;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:var(--flour);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}
.mono{font-family:'JetBrains Mono',monospace}

header.bar{background:var(--wine-deep);color:#fff;border-bottom:3px solid var(--amber);display:flex;align-items:center;gap:14px;padding:16px 26px}
header.bar .brand{font-family:'Fraunces',serif;font-weight:700;font-size:21px;display:flex;align-items:center;gap:11px}
header.bar .brand a{color:#fff;text-decoration:none;transition:color .18s}
header.bar .brand a:hover{color:var(--amber)}
header.bar .brand .bd{width:11px;height:11px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px rgba(200,132,28,.25)}
header.bar .brand small{font-weight:400;opacity:.65;font-family:'Inter';font-size:12px;letter-spacing:.5px;text-transform:uppercase}
header.bar .spacer{flex:1}
.pill{font-size:12px;padding:6px 12px;border-radius:999px;font-weight:600;background:var(--amber);color:#3a2400}

.wrap{max-width:1080px;margin:0 auto;padding:46px 26px 80px}
.eyebrow{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--wine);font-weight:700}
h1{font-family:'Fraunces',serif;font-weight:600;font-size:34px;margin:8px 0 6px;letter-spacing:-.5px}
.lead{color:var(--muted);font-size:15px;max-width:620px;margin-bottom:34px}

.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.dcard{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.18s;box-shadow:0 1px 2px rgba(74,14,22,.04),0 10px 30px rgba(74,14,22,.05)}
.dcard.live:hover{transform:translateY(-4px);border-color:var(--wine);box-shadow:0 14px 44px rgba(74,14,22,.14)}
.dcard.soon{opacity:.62;cursor:not-allowed}
.dcard .top{height:128px;display:flex;align-items:center;justify-content:center;font-size:52px;background:linear-gradient(135deg,#6B1620,#4A0E16);color:#fff;position:relative}
.dcard.soon .top{background:linear-gradient(135deg,#c7bca7,#b3a78f)}
.dcard .top .badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 9px;border-radius:999px}
.dcard.live .badge{background:var(--basil);color:#fff}
.dcard.soon .badge{background:#fff;color:var(--muted)}
.dcard .body{padding:20px}
.dcard h3{font-family:'Fraunces',serif;font-size:20px;font-weight:600;margin-bottom:6px}
.dcard p{font-size:13.5px;color:var(--muted);line-height:1.5}
.dcard .go{margin-top:14px;font-size:13px;font-weight:600;color:var(--wine);display:flex;align-items:center;gap:6px}

.foot{max-width:1080px;margin:0 auto;padding:0 26px 40px;color:var(--muted);font-size:12px}
@media(max-width:560px){h1{font-size:27px}.wrap{padding:30px 18px 60px}}