:root { --paper:#ece8dc; --ink:#1a1915; --red:#e64229; --blue:#214dc9; --lime:#cde64d; --line:#a8a294; --muted:#676259; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Public Sans",sans-serif; }
header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:72px; padding:0 4vw; border-bottom:1px solid var(--ink); font:500 11px "IBM Plex Mono",monospace; text-transform:uppercase; letter-spacing:.09em; }
header a { color:inherit; }
header > a:last-child { justify-self:end; }
.wordmark { display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:600; }
.wordmark span { display:grid; place-items:center; width:34px; height:34px; background:var(--ink); color:var(--paper); }
.hero { display:grid; grid-template-columns:1.3fr .7fr; min-height:600px; border-bottom:1px solid var(--ink); }
.hero-copy { padding:9vw 5vw 5vw; }
.kicker,.section-head > span { font:500 11px "IBM Plex Mono",monospace; text-transform:uppercase; letter-spacing:.13em; }
h1,h2 { font-family:"Instrument Serif",serif; font-weight:400; letter-spacing:-.04em; }
h1 { max-width:900px; margin:25px 0 35px; font-size:clamp(64px,9vw,132px); line-height:.82; }
h1 em,h2 em { color:var(--red); font-weight:400; }
.hero-copy p { max-width:630px; margin-left:18vw; font-size:20px; line-height:1.55; }
.hero-score { display:flex; flex-direction:column; justify-content:flex-end; padding:5vw 4vw; border-left:1px solid var(--ink); background:var(--blue); color:white; }
.hero-score span { font:500 11px "IBM Plex Mono",monospace; text-transform:uppercase; }
.hero-score strong { margin:20px 0; font:400 clamp(55px,7vw,100px)/.9 "Instrument Serif",serif; }
.hero-score small { max-width:330px; line-height:1.5; }
.fixture-note { display:grid; grid-template-columns:180px 1fr; gap:25px; margin:0; padding:24px 4vw; background:var(--lime); border-bottom:1px solid var(--ink); font-size:12px; }
.fixture-note strong { text-transform:uppercase; font:500 11px "IBM Plex Mono",monospace; }
.fixture-note p { max-width:800px; margin:0; line-height:1.6; }
.section { padding:8vw 4vw; border-bottom:1px solid var(--ink); }
.section-head { display:grid; grid-template-columns:.6fr 1.4fr; gap:5vw; align-items:start; margin-bottom:60px; }
.section-head h2 { margin:0; font-size:clamp(52px,7vw,96px); line-height:.88; }
.run-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; background:var(--ink); border:2px solid var(--ink); }
.run-card { padding:30px; background:var(--paper); }
.run-card:first-child { background:var(--ink); color:white; }
.run-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:60px; font:500 12px "IBM Plex Mono",monospace; text-transform:uppercase; }
.rank { display:grid; place-items:center; width:30px; height:30px; border:1px solid currentColor; border-radius:50%; }
.run-card strong { display:block; font:400 88px/1 "Instrument Serif",serif; }
.run-card p { color:var(--muted); font-size:13px; }
.run-card:first-child p { color:#bcb9ae; }
.run-meter { height:8px; margin-top:28px; background:#c4beb0; }
.run-meter span { display:block; height:100%; background:var(--red); }
.run-card:first-child .run-meter span { background:var(--lime); }
.case-list { border-top:1px solid var(--ink); }
.case-row { display:grid; grid-template-columns:1fr 1.8fr 100px; gap:25px; align-items:center; padding:22px 0; border-bottom:1px solid var(--line); }
.case-row h3 { margin:0; font-size:15px; }
.score-pair { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.score-bar { position:relative; height:34px; background:#d2cdbf; overflow:hidden; }
.score-bar span { position:absolute; inset:0 auto 0 0; background:var(--blue); }
.score-bar:nth-child(2) span { background:var(--red); }
.score-bar b { position:relative; z-index:1; display:flex; justify-content:space-between; padding:9px 10px; color:white; font:500 10px "IBM Plex Mono",monospace; }
.spread { text-align:right; font:500 11px "IBM Plex Mono",monospace; }
.spread.high { color:var(--red); }
.calibration { background:var(--ink); color:white; }
.inverse h2 { color:white; }
.calibration-summary { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #53534c; }
.calibration-summary div { padding:25px; border-right:1px solid #53534c; }
.calibration-summary div:last-child { border:0; }
.calibration-summary strong { display:block; color:var(--lime); font:400 52px "Instrument Serif",serif; }
.calibration-summary span { color:#aaa99f; font:500 10px "IBM Plex Mono",monospace; text-transform:uppercase; }
.calibration-chart { margin-top:35px; }
.cal-row { display:grid; grid-template-columns:170px 1fr 75px; gap:20px; align-items:center; padding:15px 0; border-bottom:1px solid #383a35; }
.cal-row > span { font:500 10px "IBM Plex Mono",monospace; }
.cal-track { position:relative; height:9px; background:#373a34; }
.cal-track i,.cal-track b { position:absolute; top:0; height:9px; }
.cal-track i { left:0; background:var(--blue); opacity:.75; }
.cal-track b { width:4px; background:var(--lime); transform:translateX(-2px); }
.legend { display:flex; gap:20px; margin-top:18px; color:#aaa99f; font:400 10px "IBM Plex Mono",monospace; }
.legend i { display:inline-block; width:12px; height:8px; margin-right:6px; background:var(--blue); }
.legend span:last-child i { width:4px; background:var(--lime); }
.run-it { display:grid; grid-template-columns:1fr 1fr; gap:7vw; align-items:end; }
.run-it h2 { margin:18px 0 0; font-size:clamp(48px,6vw,82px); line-height:.9; }
pre { margin:0; padding:25px; overflow:auto; background:#d9d4c7; border-left:4px solid var(--red); font:400 11px/1.8 "IBM Plex Mono",monospace; }
footer { display:flex; justify-content:space-between; padding:28px 4vw; font:500 10px "IBM Plex Mono",monospace; text-transform:uppercase; }
.error { padding:40px; color:var(--red); font-family:"IBM Plex Mono",monospace; }
@media(max-width:800px){ header{grid-template-columns:1fr auto}.edition{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:100px 20px 60px}.hero-copy p{margin-left:0}.hero-score{min-height:330px;border-left:0;border-top:1px solid var(--ink)}.fixture-note{grid-template-columns:1fr;padding:22px 20px}.section{padding:75px 20px}.section-head,.run-it{grid-template-columns:1fr}.section-head>span{margin-bottom:24px}.run-cards{grid-template-columns:1fr}.case-row{grid-template-columns:1fr}.spread{text-align:left}.calibration-summary{grid-template-columns:1fr}.calibration-summary div{border-right:0;border-bottom:1px solid #53534c}.cal-row{grid-template-columns:110px 1fr 55px}footer{flex-direction:column;gap:12px;padding:25px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}