:root{--paper:#e7e2d5;--paper2:#dcd5c3;--card:#fbf8f0;--ink:#211a12;--body:#3b3226;--muted:#5b5140;--brass:#a97f38;--brass-text:#725626;--line:rgba(33,26,18,.14);--line2:rgba(33,26,18,.22);--pad:56px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Spectral,Georgia,serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--brass-text);text-decoration:none}a:hover{color:var(--ink)}
.disp{font-family:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.005em}
.mono{font-family:"IBM Plex Mono","Courier New",monospace}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:8px 12px;z-index:9}.skip:focus{left:8px}
.kicker{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-text)}
.kicker.dot{display:flex;align-items:center;gap:12px}.kicker.dot:before{content:"";width:8px;height:8px;border-radius:4px;background:currentColor}
.wrap{padding-left:var(--pad);padding-right:var(--pad)}
.block{padding-top:56px;padding-bottom:56px}
.head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.head h1,.head h2{margin:0;font-size:44px;font-weight:800;line-height:1}
.note{font-size:12px;color:var(--muted)}
.more{font-size:12px;letter-spacing:.12em;text-transform:uppercase}

/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px;padding:0 var(--pad);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:5}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.brand span{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:24px}
.primary{display:flex;gap:28px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.primary a{color:var(--brass-text);padding-bottom:2px;border-bottom:2px solid transparent}.primary a.on{color:var(--ink);border-color:var(--brass)}
.primary .soon{color:rgba(91,81,64,.55)}
.pill{display:flex;align-items:center;height:40px;padding:0 18px;border-radius:20px;background:var(--ink);color:var(--paper);font-size:12px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.pill:hover{color:var(--paper);background:#000}
.subnav{display:flex;gap:26px;align-items:center;height:48px;padding:0 var(--pad);border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.1em;text-transform:uppercase;overflow-x:auto;white-space:nowrap}
.subnav span{color:var(--muted)}.subnav a.on{color:var(--ink)}

/* home hero */
.hero{padding-top:64px;padding-bottom:56px}
.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:32px;align-items:end;margin-bottom:44px}
.hero h1{margin:18px 0 0;font-size:112px;line-height:.86;font-weight:900}
.hero-side p{margin:0 0 20px;font-size:20px;color:var(--body)}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;height:46px;padding:0 20px;border:1px solid rgba(33,26,18,.3);color:var(--ink);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.btn.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:400px;padding:24px;background:linear-gradient(180deg,var(--top),var(--bottom));color:var(--ink);position:relative;overflow:hidden}
a.tile{color:var(--ink)}
.tile{--ink:#f6f1e6}.tile,.tile a{color:var(--ink)}
.tile:hover{filter:brightness(1.06)}
.tile-head{display:flex;justify-content:space-between;align-items:center}.tile-head .disp{font-size:30px;font-weight:900}
.status{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px}.status i{width:7px;height:7px;border-radius:4px;background:var(--accent)}
.tile .k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.72}
.tile-body{container-type:inline-size}
.tile .name{--fit:10;font-size:min(50px,calc(100cqw / (var(--fit) * .52)));line-height:.88;font-weight:900;margin:10px 0;overflow-wrap:break-word}
.tile p{margin:0;font-size:16px;opacity:.9}
.tile-foot{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;border-top:1px solid rgba(255,255,255,.22)}.tile-foot .disp{font-size:22px;font-weight:800}.tile-foot .mono{font-size:12px;opacity:.85}
.tile.soon{background:transparent;border:1px dashed rgba(33,26,18,.35);--ink:var(--muted)}.tile.soon,.tile.soon .disp{color:var(--muted)}.tile.soon .status{color:var(--brass-text);border:1px solid var(--brass);padding:4px 8px}.tile.soon .tile-foot{border-color:var(--line)}
.tile.soon .name{font-size:40px}

/* feed */
.feed{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.feed li{display:grid;grid-template-columns:70px 10px minmax(0,1fr) 140px;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:18px}
.feed .lg{font-size:11px;letter-spacing:.14em;color:var(--brass-text)}.feed i{width:10px;height:32px}.feed b{font-size:22px;font-weight:800}.feed .when{font-size:12px;color:var(--muted);text-align:right}

/* rules band */
.rules-band{background:var(--paper2);padding:64px 0}
.rules-grid{display:grid;grid-template-columns:4fr 8fr;gap:32px}
.rules-grid h2{margin:16px 0;font-size:56px;line-height:.9;font-weight:900}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.steps>div{padding-top:18px;border-top:2px solid var(--ink)}.steps b{font-size:56px;color:var(--brass);line-height:1}.steps h3{font-size:26px;font-weight:800;margin:10px 0}.steps p{margin:0;color:var(--body)}

/* numbers */
.numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin-bottom:28px}
.numbers>div{display:flex;flex-direction:column;gap:6px;padding:28px 24px}.numbers>div+div{border-left:1px solid var(--line)}.numbers>div:first-child{padding-left:0}
.numbers b{font-size:72px;font-weight:900;line-height:1}.numbers span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tabs{display:flex;gap:8px}.tabs a,.tabs span{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:19px;border:1px solid rgba(33,26,18,.25);font-size:12px;letter-spacing:.12em;color:var(--muted)}.tabs a.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tabs span{opacity:.55}

/* holder plate */
.plate{background:linear-gradient(180deg,var(--top) 0%,var(--bottom) 100%);color:var(--ink);padding:60px var(--pad) 56px;position:relative;overflow:hidden}
.plate:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 2px,transparent 2px 14px);pointer-events:none}
.plate .kicker{color:var(--accent)}
.plate-grid{display:grid;grid-template-columns:8fr 4fr;gap:32px;position:relative}
.plate-main,.wrap-in{container-type:inline-size}
.holder{--fit:10;margin:22px 0;font-size:min(128px,calc(100cqw / (var(--fit) * .52)));line-height:.86;font-weight:900;text-wrap:balance;overflow-wrap:break-word}
.lede{margin:0;font-size:22px;line-height:1.4;opacity:.88;max-width:680px}
.stats{display:flex;gap:48px;margin-top:28px;flex-wrap:wrap}.stats div{display:flex;flex-direction:column;gap:4px}.stats b{font-size:48px;font-weight:800;line-height:1;color:var(--accent)}.stats span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.upnext{align-self:end;display:flex;flex-direction:column;gap:16px;padding:26px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.18)}
.upnext .kicker{color:inherit;opacity:.75}
.matchup{display:flex;justify-content:space-between;align-items:center;gap:12px}.matchup>div{display:flex;flex-direction:column;gap:6px}.matchup .r{align-items:flex-end}
.matchup i{width:44px;height:6px}.matchup b{font-size:34px;font-weight:900;line-height:.9}.matchup small{font-family:"IBM Plex Mono",monospace;font-size:11px;opacity:.7}.matchup .at{font-size:22px;opacity:.6}
.upnext .meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}
.plate.slim{padding-top:44px;padding-bottom:44px}.plate.slim .holder{font-size:min(96px,calc(100cqw / (var(--fit) * .52)))}

/* chain + records */
.split{display:grid;grid-template-columns:7fr 5fr;gap:40px;padding-top:56px;padding-bottom:48px}
.chain{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.chain li{display:grid;grid-template-columns:10px minmax(0,1fr) 170px 120px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.chain i{width:10px;height:40px}.chain a.disp,.chain span.disp{font-size:26px;font-weight:800;color:var(--ink);line-height:1}.chain small{display:block;font-size:15px;color:var(--muted)}
.chain .when{font-size:12px;color:var(--muted)}.chain .tail{font-size:12px;text-align:right}
.records-col h2{margin:0 0 22px;font-size:44px;font-weight:800}
.card{padding:22px;background:var(--card);border:1px solid var(--line);margin-bottom:16px}
.lb{list-style:none;margin:12px 0 0;padding:0}.lb li{display:flex;justify-content:space-between;gap:12px;font-size:18px;padding:5px 0}.lb b{font-size:14px;font-weight:400}
.cards4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.origin{border-top:1px solid var(--line)}.origin .big{font-size:28px;line-height:1.35;max-width:900px;margin:12px 0 0}

/* history */
.jump{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:22px;font-size:12px}
.tablewrap{overflow-x:auto}
.history{width:100%;border-collapse:collapse}
.history th{text-align:left;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:400;padding:10px 12px 10px 0;border-bottom:1px solid var(--line2)}
.history td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:13px}
.history td:nth-child(2){font-size:18px}.history td i{display:inline-block;width:8px;height:18px;margin-right:10px;vertical-align:-3px}.history td a{color:var(--ink)}.history small{display:block;font-size:13px;color:var(--muted);margin-left:18px}
.history .dec th{font-size:30px;font-weight:900;color:var(--ink);padding-top:28px;letter-spacing:0}.history .r{text-align:right}.history .n{color:var(--muted)}

/* teams */
.teamgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.teamcard{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--card);border:1px solid var(--line);color:var(--ink)}
.teamcard i{width:36px;height:6px}.teamcard b{font-size:26px;font-weight:800;line-height:1}.teamcard span{font-size:12px;color:var(--muted)}
.wrap-in{position:relative}

/* prose */
.prose{max-width:860px;padding-top:56px;padding-bottom:56px}
.prose h1{font-size:72px;line-height:.9;font-weight:900;margin:14px 0 24px}.prose h2{font-size:32px;font-weight:800;margin:36px 0 10px}
.prose p,.prose li{font-size:19px;color:var(--body)}.prose li{margin-bottom:10px}

/* alerts + footer */
.alerts{margin:40px var(--pad) 0;padding:44px 48px;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:40px}
.alerts h2{margin:0;font-size:40px;font-weight:900;line-height:.95}.alerts p{margin:10px 0 0;color:rgba(231,226,213,.78)}
.alert-form{display:flex;gap:10px;flex-shrink:0}
.alert-form input[type=email]{width:280px;height:48px;padding:0 16px;border:1px solid rgba(231,226,213,.35);background:transparent;color:var(--paper);font-family:"IBM Plex Mono",monospace;font-size:14px}
.alert-form button{height:48px;padding:0 22px;background:var(--brass);color:var(--ink);border:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.foot{margin-top:40px;padding:32px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}
.foot .links{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.foot span{color:var(--muted)}
:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

/* tablet */
@media (max-width:1100px){
  :root{--pad:32px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero h1{font-size:88px}
  .plate-grid,.split,.rules-grid,.hero-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .teamgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .primary{gap:18px}
}
/* phone */
@media (max-width:700px){
  :root{--pad:16px}
  body{font-size:16px}
  .top{height:56px;gap:10px}.brand span{font-size:20px}.brand svg{width:32px}
  .primary{position:fixed;left:0;right:0;bottom:0;height:56px;justify-content:space-around;gap:0;background:var(--ink);z-index:6;align-items:center;padding-bottom:env(safe-area-inset-bottom)}
  .primary a,.primary .soon{color:rgba(231,226,213,.7);border:none;padding:12px 6px}.primary a.on{color:#fff}
  body{padding-bottom:56px}
  .pill{height:36px;padding:0 12px;font-size:11px}
  .hero{padding-top:32px}.hero h1{font-size:58px}.hero-side p{font-size:17px}
  .tiles{grid-template-columns:1fr}.tile{min-height:0}
  .feed li{grid-template-columns:44px 8px minmax(0,1fr);font-size:15px}.feed .when{grid-column:3;text-align:left}.feed b{font-size:19px}
  .head h1,.head h2{font-size:32px}
  .numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.numbers>div{padding:18px 12px}.numbers>div:nth-child(3){border-left:none;padding-left:0}.numbers>div:nth-child(n+3){border-top:1px solid var(--line)}.numbers b{font-size:44px}
  .rules-grid h2{font-size:42px}
  .plate{padding:28px var(--pad) 26px}.holder{margin:14px 0}.lede{font-size:17px}.stats{gap:24px}.stats b{font-size:34px}
  .upnext{padding:18px}.matchup b{font-size:28px}
  .chain li{grid-template-columns:8px minmax(0,1fr);gap:4px 14px}.chain i{grid-row:span 3;height:100%}.chain .when,.chain .tail{text-align:left}
  .chain a.disp,.chain span.disp{font-size:22px}
  .cards4,.teamgrid{grid-template-columns:1fr}
  .history td:nth-child(3),.history th:nth-child(3){display:none}
  .prose h1{font-size:48px}
  .alerts{flex-direction:column;align-items:stretch;padding:24px 18px;margin:28px var(--pad) 0}.alerts h2{font-size:28px}
  .alert-form{flex-direction:column}.alert-form input[type=email]{width:100%}
}