:root {
  --ink: #111214;
  --ink-soft: #27292d;
  --paper: #f5f3ef;
  --white: #fff;
  --muted: #707278;
  --line: #d8d6d1;
  --red: #e5232f;
  --red-dark: #ba1722;
  --lime: #d5ff35;
  --display: "Barlow Condensed", Impact, sans-serif;
  --body: "Inter", Arial, sans-serif;
  --shell: min(1392px, calc(100vw - 64px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--paper); font-family: var(--body); font-size: 15px; line-height: 1.5; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
.page-shell { width: var(--shell); margin-inline: auto; }
.skip-link { z-index: 100; position: fixed; left: 16px; top: -64px; padding: 10px 16px; background: var(--lime); color: var(--ink); font-weight: 800; transition: top .2s; }
.skip-link:focus { top: 12px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.eyebrow, .story-kicker { margin: 0; color: var(--red); font-family: var(--display); font-size: .8rem; font-weight: 800; letter-spacing: .11em; line-height: 1; text-transform: uppercase; }
.story-kicker { display: flex; align-items: center; gap: 8px; }
.story-kicker time { color: #87898d; font-family: var(--body); font-size: .64rem; font-weight: 700; letter-spacing: .03em; }

/* Header */
.site-header { z-index: 40; position: relative; background: var(--ink); color: #fff; }
.utility-bar { width: var(--shell); min-height: 68px; display: flex; align-items: center; gap: 45px; margin: auto; }
.brand { display: inline-flex; align-items: center; gap: 8px; flex: none; color: #fff; font-family: var(--display); font-size: 1.7rem; font-weight: 900; letter-spacing: -.055em; line-height: .9; }
.brand > span:last-child > span { color: var(--red); }
.brand-mark { width: 25px; height: 25px; display: flex; align-items: flex-end; gap: 3px; transform: skewX(-12deg); }
.brand-mark i { display: block; width: 5px; background: var(--red); }
.brand-mark i:nth-child(1) { height: 11px; }.brand-mark i:nth-child(2) { height: 18px; }.brand-mark i:nth-child(3) { height: 25px; }
.primary-nav { height: 68px; display: flex; align-items: stretch; gap: 27px; }
.primary-nav a { position: relative; display: flex; align-items: center; color: #d3d5d6; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.primary-nav a::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: transparent; transition: background .2s; }
.primary-nav a:hover, .primary-nav .is-active { color: #fff; }.primary-nav .is-active::after { background: var(--red); }
.header-actions { display: flex; align-items: center; gap: 18px; margin-left: auto; }
.icon-button, .menu-trigger { border: 0; color: #fff; background: transparent; }
.icon-button { width: 34px; height: 34px; padding: 7px; }
.icon-button svg, .save-button svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.subscribe-link { padding: 9px 13px; border: 1px solid #4e5154; font-size: .7rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; transition: border-color .2s, background .2s; }.subscribe-link:hover { border-color: var(--red); background: var(--red); }
.menu-trigger { display: none; align-items: center; gap: 4px; padding: 7px 0; }.menu-trigger span { display: block; width: 17px; height: 2px; background: currentColor; }.menu-trigger b { margin-left: 3px; font-size: .67rem; text-transform: uppercase; letter-spacing: .06em; }
.league-nav { border-top: 1px solid #303235; border-bottom: 1px solid #303235; background: #191a1d; overflow: hidden; }.nav-wrap { width: var(--shell); min-height: 43px; display: flex; align-items: center; gap: 25px; margin: auto; white-space: nowrap; }.nav-wrap > a:not(.league-home) { color: #bbbec0; font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }.nav-wrap > a:not(.league-home):hover { color: #fff; }.league-home { padding-right: 2px; color: #fff; }.league-home svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }.league-more { border: 0; color: #fff; background: none; font-size: 1rem; letter-spacing: 2px; }
.live-ribbon { min-height: 38px; display: flex; align-items: center; gap: 14px; padding-inline: max(32px, calc((100vw - 1392px)/2)); background: var(--red); color: #fff; overflow: hidden; }.ticker-tag { display: inline-flex; align-items: center; flex: none; gap: 6px; font-family: var(--display); font-size: .78rem; font-weight: 900; letter-spacing: .1em; }.live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(255,255,255,.16); }.live-ribbon p { overflow: hidden; margin: 0; font-size: .74rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }.live-ribbon a { flex: none; margin-left: auto; font-size: .69rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.live-ribbon a span { margin-left: 5px; font-size: 1rem; }
.mobile-menu { position: absolute; z-index: 35; top: 0; left: 0; right: 0; padding: 28px 32px; background: #1a1b1e; color: #fff; box-shadow: 0 15px 28px rgba(0,0,0,.18); }.mobile-menu nav { display: grid; gap: 14px; }.mobile-menu nav a { font-family: var(--display); font-size: 1.55rem; font-weight: 800; text-transform: uppercase; }.mobile-menu p { margin: 35px 0 0; color: var(--red); font-family: var(--display); font-size: .85rem; font-weight: 800; letter-spacing: .12em; }

/* Scores */
.score-strip { padding: 30px 0 35px; border-bottom: 1px solid var(--line); background: #fff; }.score-head { display: flex; align-items: end; gap: 30px; }.score-head h1, .section-heading h2 { margin: 6px 0 0; font-family: var(--display); font-size: clamp(2rem, 3vw, 3.15rem); font-weight: 900; letter-spacing: -.035em; line-height: .9; text-transform: uppercase; }.score-filter { display: flex; align-items: flex-end; gap: 17px; margin-left: 25px; }.score-filter button { position: relative; padding: 0 0 8px; border: 0; color: #8e9093; background: none; font-family: var(--display); font-size: 1rem; font-weight: 800; text-align: left; text-transform: uppercase; }.score-filter button span { display: block; margin-top: 2px; font-family: var(--body); font-size: .62rem; font-weight: 700; letter-spacing: .03em; }.score-filter button::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: transparent; }.score-filter button.is-selected { color: var(--ink); }.score-filter button.is-selected::after { background: var(--red); }.all-scores-link { margin-left: auto; color: var(--red); font-size: .71rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.all-scores-link span { padding-left: 6px; font-size: 1rem; }
.score-scroller { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 21px; }.score-card { min-width: 0; padding: 15px 16px 13px; border: 1px solid #e1e0dd; background: #fbfaf8; }.score-card--live { border-color: var(--ink); background: var(--ink); color: #fff; }.score-league { display: flex; align-items: center; gap: 6px; padding-bottom: 9px; border-bottom: 1px solid currentColor; color: #777a7e; font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.score-card--live .score-league { color: #ff5861; }.score-league small { margin-left: auto; color: inherit; font-size: .61rem; letter-spacing: .02em; }.score-card--live .live-dot { width: 5px; height: 5px; box-shadow: 0 0 0 3px rgba(229,35,47,.16); }.match-row { display: flex; align-items: center; justify-content: space-between; margin-top: 9px; font-size: .77rem; font-weight: 700; }.match-row strong { font-family: var(--display); font-size: 1.25rem; line-height: .8; }.team { display: inline-flex; align-items: center; gap: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.crest { width: 21px; height: 21px; display: inline-grid; place-items: center; flex: none; border-radius: 50%; color: #fff; font-family: var(--display); font-size: .67rem; font-weight: 900; }.crest--sun { background: #d99108; }.crest--night { background: #5c50a5; }.crest--scarlet { background: #d93c3c; }.crest--blue { background: #2d65b4; }.crest--ice { background: #4fbcc7; }.crest--orange { background: #f17833; }.crest--teal { background: #168f88; }.crest--plum { background: #793d74; }.score-meta { margin-top: 12px; color: #929499; font-size: .62rem; font-weight: 700; letter-spacing: .025em; }.score-meta span { float: right; font-size: 1rem; line-height: .5; }

/* Editorial hero */
.masthead-grid { display: grid; grid-template-columns: minmax(0, 1fr) 355px; gap: 27px; padding-top: 31px; padding-bottom: 67px; }.hero-story { display: grid; grid-template-columns: minmax(280px, .98fr) minmax(300px, 1.02fr); min-height: 414px; background: #e7e2dc; }.hero-art { position: relative; min-height: 414px; overflow: hidden; background: linear-gradient(137deg,#e51d2b 0 35%,#b30f22 35% 58%,#151518 58%); isolation: isolate; }.hero-art::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(130deg, transparent 0 33px, rgba(255,255,255,.11) 34px 35px), radial-gradient(circle at 16% 80%,#ffef38 0 7%,transparent 7.3%); opacity: .8; }.hero-grid { position: absolute; top: -22%; right: -12%; width: 84%; height: 150%; border-left: 1px solid rgba(255,255,255,.5); background: repeating-linear-gradient(90deg, transparent 0 37px,rgba(255,255,255,.22) 38px 39px), repeating-linear-gradient(0deg, transparent 0 37px,rgba(255,255,255,.22) 38px 39px); transform: rotate(17deg); }.hero-ball { position: absolute; right: 16%; bottom: 11%; width: 90px; height: 90px; border: 3px solid #0b0b0b; border-radius: 50%; background: #ff673a; box-shadow: inset 0 0 0 12px #ec4032; }.hero-ball::after, .hero-ball::before { content: ""; position: absolute; left: -3px; right: -3px; top: 41px; height: 3px; background: #101013; }.hero-ball::before { top: 17px; left: 38px; right: auto; width: 3px; height: 50px; transform: rotate(24deg); }.hero-athlete { position: absolute; right: 15%; bottom: -8%; width: 44%; height: 85%; z-index: 1; transform: rotate(-9deg); }.hero-athlete i { position: absolute; top: 3%; left: 39%; width: 31%; height: 17%; border-radius: 50%; background: #111214; }.hero-athlete b { position: absolute; left: 14%; bottom: 26%; width: 55%; height: 57%; border-radius: 46% 52% 18% 20%; background: #151518; }.hero-athlete em { position: absolute; left: 2%; bottom: 1%; width: 82%; height: 43%; border-bottom: 27px solid #0e0f10; border-radius: 0 0 50% 47%; transform: rotate(7deg); }.hero-number { position: absolute; right: 8%; top: 4%; z-index: -1; color: rgba(255,255,255,.31); font-family: var(--display); font-size: 14rem; font-weight: 900; line-height: .7; letter-spacing: -.1em; }.art-caption { position: absolute; bottom: 19px; left: 21px; color: #fff; font-family: var(--display); font-size: 1rem; font-weight: 900; letter-spacing: .02em; line-height: .76; }.hero-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(29px,5vw,60px); }.hero-copy h2 { max-width: 510px; margin: 16px 0 16px; font-family: var(--display); font-size: clamp(2.35rem,4.3vw,4.2rem); font-weight: 900; letter-spacing: -.045em; line-height: .82; text-transform: uppercase; }.hero-copy > p { max-width: 420px; margin: 0 0 24px; color: #515257; font-size: .83rem; line-height: 1.7; }.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--red); font-size: .7rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }.text-link span { font-size: 1.18rem; line-height: .5; }
.split-stories { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }.compact-story { display: grid; grid-template-columns: 144px 1fr; min-height: 158px; background: #fff; }.compact-story--dark { color: #fff; background: #202124; }.compact-art { position: relative; overflow: hidden; }.compact-art span { position: absolute; z-index: 1; right: -8px; bottom: -17px; color: rgba(255,255,255,.76); font-family: var(--display); font-size: 7.5rem; font-weight: 900; letter-spacing: -.1em; }.compact-art i { position: absolute; width: 100%; height: 100%; background: linear-gradient(135deg, transparent 30%, rgba(0,0,0,.35)); }.compact-art--football { background: linear-gradient(132deg,#b83330 0 47%,#efb93d 48%); }.compact-art--football::after { content:""; position:absolute; z-index:2; left:20px; bottom:20px; width:65px; height:22px; border:5px solid #1b1b1e; border-radius:50%; transform:rotate(-34deg); }.compact-art--racing { background: linear-gradient(145deg,#3bd5d9 0 38%,#16171a 39%); }.compact-art--racing::after { content:""; position:absolute; bottom:31px; left:20px; width:95px; height:29px; border-radius:65% 25% 24% 42%; background:#e62330; box-shadow:44px -8px 0 -8px #fff; transform:rotate(-9deg); }.compact-story > div:last-child { padding: 24px 20px 18px; }.compact-story h3 { margin: 10px 0 11px; font-family: var(--display); font-size: 1.42rem; font-weight: 800; letter-spacing: -.025em; line-height: .9; text-transform: uppercase; }.small-link { color: var(--red); font-size: .64rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.small-link span { margin-left: 5px; font-size: .9rem; }

/* Rail */
.right-rail { display: grid; align-content: start; gap: 14px; }.rail-panel { background: #fff; }.top-list { padding: 24px 22px 15px; }.panel-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; border-bottom: 2px solid var(--ink); }.panel-title h2 { margin: 0; font-family: var(--display); font-size: 1.72rem; font-weight: 900; letter-spacing: -.035em; line-height: .8; text-transform: uppercase; }.panel-title a { color: var(--red); font-size: .63rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.top-list ol { margin: 0; padding: 0; list-style: none; }.top-list li { display: grid; grid-template-columns: 30px 1fr 19px; gap: 6px; align-items: start; padding: 15px 0; border-bottom: 1px solid #e3e1dd; }.top-list li:last-child { border-bottom: 0; }.top-list li > span { color: var(--red); font-family: var(--display); font-size: 1.12rem; font-weight: 900; line-height: 1; }.top-list li a { font-family: var(--display); font-size: 1.15rem; font-weight: 700; letter-spacing: -.015em; line-height: .95; text-transform: uppercase; }.save-button { width: 21px; height: 21px; padding: 2px; border: 0; color: #999b9d; background: transparent; }.save-button.is-saved { color: var(--red); }.save-button.is-saved svg { fill: currentColor; }.newsletter-card { position: relative; overflow: hidden; padding: 25px 23px; background: var(--red); color: #fff; }.newsletter-card::after { content:""; position:absolute; right:-53px; bottom:-70px; width:200px; height:200px; border:20px solid rgba(255,255,255,.18); border-radius:50%; }.newsletter-card .eyebrow { color: #fff; }.newsletter-card h2 { position:relative; z-index:1; max-width:190px; margin: 12px 0 7px; font-family:var(--display); font-size:2.4rem; font-weight:900; letter-spacing:-.04em; line-height:.83; text-transform:uppercase; }.newsletter-card > p:not(.eyebrow) { position:relative; z-index:1; max-width:243px; margin:0 0 19px; font-size:.72rem; line-height:1.55; }.newsletter-form { position:relative; z-index:1; display:flex; border-bottom:1px solid rgba(255,255,255,.7); }.newsletter-form input { min-width:0; flex:1; padding:9px 0; border:0; outline:0; color:#fff; background:transparent; font-size:.7rem; }.newsletter-form input::placeholder { color:rgba(255,255,255,.72); }.newsletter-form button { border:0; padding:0; color:#fff; background:transparent; font-size:.68rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.form-message { position:relative; z-index:1; display:block; min-height:17px; margin-top:5px; font-size:.62rem; font-weight:600; }

/* Mid-page sections */
.topic-band { padding: 62px 0 67px; background: var(--ink); color: #fff; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:25px; }.section-heading .eyebrow { color: var(--red); }.topic-band .section-heading h2 { color:#fff; }.topic-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.topic-card { position:relative; display:flex; flex-direction:column; min-height:242px; overflow:hidden; padding:21px; color:#fff; isolation:isolate; }.topic-card::before, .topic-card::after { content:""; position:absolute; z-index:-1; }.topic-card::before { inset:0; background:linear-gradient(152deg,transparent 45%,rgba(0,0,0,.38)); }.topic-card::after { width:190px; height:190px; right:-40px; bottom:-77px; border:19px solid rgba(255,255,255,.55); border-radius:50%; }.topic-card--basket { background:#e8442e; }.topic-card--soccer { background:#176b66; }.topic-card--soccer::after { border-radius:0; border-width:0 0 27px 27px; transform:rotate(27deg); }.topic-card--baseball { background:#3857a5; }.topic-card--baseball::after { border-radius:7px; border-width:0 15px 15px 0; transform:rotate(28deg); }.topic-card--more { background:#e8e5de; color:var(--ink); }.topic-card--more::after { border-color:#e5232f; }.topic-stroke { color:rgba(255,255,255,.65); font-family:var(--display); font-size:1rem; font-weight:800; }.topic-card--more .topic-stroke { color:var(--red); }.topic-card p { margin: auto 0 6px; font-size:.65rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.topic-card strong { max-width:185px; font-family:var(--display); font-size:1.65rem; font-weight:800; letter-spacing:-.035em; line-height:.85; text-transform:uppercase; }.topic-card i { position:absolute; right:19px; bottom:18px; font-family:var(--display); font-size:1.55rem; font-style:normal; }
.story-section { padding-top:62px; padding-bottom:70px; }.section-controls { display:flex; gap:7px; }.arrow-button { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--ink); background:transparent; font-size:1rem; transition:background .2s,color .2s; }.arrow-button:hover { color:#fff; background:var(--ink); }.latest-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; overflow:hidden; }.latest-card { min-width:0; }.latest-art { position:relative; height:192px; overflow:hidden; margin-bottom:17px; }.latest-art span { position:absolute; z-index:1; left:17px; bottom:12px; color:#fff; font-family:var(--display); font-size:2.1rem; font-weight:900; letter-spacing:-.04em; line-height:.75; }.latest-art::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg, transparent 0 23px, rgba(255,255,255,.16) 24px 25px),linear-gradient(135deg,transparent 50%,rgba(0,0,0,.32)); }.latest-art i { position:absolute; border-radius:50%; }.latest-art--stadium { background:linear-gradient(134deg,#102f50 0 55%,#d62636 56%); }.latest-art--stadium i { right:18px; top:27px; width:90px; height:90px; border:17px solid #d4ff36; }.latest-art--tennis { background:linear-gradient(145deg,#ee8730 0 40%,#2b65a2 41%); }.latest-art--tennis i { right:10px; bottom:-25px; width:157px; height:157px; border:4px solid #fff; }.latest-art--hockey { background:linear-gradient(125deg,#e5eff1 0 42%,#323b75 43%); }.latest-art--hockey i { right:27px; bottom:18px; width:77px; height:5px; background:#111214; transform:rotate(-35deg); box-shadow:25px 10px 0 3px #d92331; }.latest-art--rings { background:linear-gradient(128deg,#e52734 0 43%,#1c1b20 44%); }.latest-art--rings i { right:10px; bottom:-38px; width:142px; height:142px; border:15px solid #ffdf33; }.latest-card h3 { margin:10px 0 10px; font-family:var(--display); font-size:1.55rem; font-weight:800; letter-spacing:-.03em; line-height:.9; text-transform:uppercase; }.byline { margin:0; color:#737579; font-size:.67rem; font-weight:600; }
.watch-section { overflow:hidden; padding:66px 0; color:#fff; background:#202125; }.watch-layout { display:grid; grid-template-columns: minmax(265px,.7fr) minmax(400px,1.3fr); align-items:center; gap:55px; }.watch-lead h2 { max-width:410px; margin:13px 0 17px; font-family:var(--display); font-size:clamp(3rem,5vw,5.5rem); font-weight:900; letter-spacing:-.05em; line-height:.78; text-transform:uppercase; }.watch-lead > p { max-width:400px; margin:0 0 25px; color:#bbbcc0; font-size:.78rem; line-height:1.7; }.play-button { display:inline-flex; align-items:center; gap:10px; padding:12px 16px 12px 11px; border:1px solid #55575a; color:#fff; background:transparent; font-size:.7rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.play-button:hover { border-color:var(--red); }.play-button span { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--red); font-size:.58rem; }.play-button small { margin-left:3px; color:#9c9da0; font-size:.6rem; }.video-stage { position:relative; min-height:360px; overflow:hidden; background:linear-gradient(137deg,#192f58 0 49%,#e82834 50%); }.video-stage::before { content:""; position:absolute; inset:-12%; border:1px solid rgba(255,255,255,.36); background:repeating-linear-gradient(90deg,transparent 0 53px,rgba(255,255,255,.15) 54px 55px),repeating-linear-gradient(0deg,transparent 0 53px,rgba(255,255,255,.15) 54px 55px); transform:rotate(-10deg); }.video-glow { position:absolute; right:8%; top:13%; width:68%; aspect-ratio:1; border:28px solid #d8ff36; border-radius:50%; filter:drop-shadow(0 0 25px rgba(216,255,54,.35)); }.video-lines { position:absolute; right:-15%; bottom:22%; width:92%; height:60px; border-top:7px solid #fff; border-bottom:7px solid #fff; transform:rotate(-24deg); }.video-word { position:absolute; left:9%; bottom:-10%; color:rgba(255,255,255,.93); font-family:var(--display); font-size:10.5rem; font-weight:900; letter-spacing:-.09em; line-height:.8; }.video-player { position:absolute; z-index:2; top:50%; left:50%; display:grid; place-items:center; width:64px; height:64px; border:1px solid rgba(255,255,255,.8); border-radius:50%; color:#fff; transform:translate(-50%,-50%); }.video-player span { margin-left:3px; }.video-stage p { position:absolute; z-index:2; right:17px; top:14px; margin:0; color:#fff; font-family:var(--display); font-size:.85rem; font-weight:800; letter-spacing:.06em; }
.more-section { padding-top:62px; padding-bottom:74px; }.load-more { padding:10px 0; border:0; color:var(--red); background:transparent; font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.load-more span { margin-left:6px; font-size:1rem; }.more-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:2px solid var(--ink); }.more-grid article { display:flex; flex-direction:column; min-height:215px; padding:26px 28px 23px 0; border-right:1px solid var(--line); }.more-grid article+article { padding-left:28px; }.more-grid article:last-child { border-right:0; }.more-grid p { margin:0; color:var(--red); font-family:var(--display); font-size:.77rem; font-weight:800; letter-spacing:.09em; }.more-grid h3 { max-width:330px; margin:13px 0 auto; font-family:var(--display); font-size:2rem; font-weight:800; letter-spacing:-.035em; line-height:.86; text-transform:uppercase; }.more-grid a { margin-top:20px; color:#6e7073; font-size:.65rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.more-grid a span { margin-left:7px; color:var(--red); font-size:1rem; }

/* Footer and overlays */
.site-footer { padding:28px 0; background:#111214; color:#fff; }.footer-inner { display:flex; align-items:center; gap:30px; }.site-footer .brand { font-size:1.32rem; }.site-footer .brand-mark { width:20px; height:20px; gap:2px; }.site-footer .brand-mark i { width:4px; }.site-footer .brand-mark i:nth-child(1){height:9px}.site-footer .brand-mark i:nth-child(2){height:15px}.site-footer .brand-mark i:nth-child(3){height:20px}.site-footer p { margin:0 auto 0 0; color:#9c9da1; font-size:.65rem; }.site-footer div:last-child { display:flex; gap:17px; }.site-footer div:last-child a { color:#b4b5b8; font-size:.63rem; font-weight:700; text-transform:uppercase; }.search-dialog, .video-dialog { position:fixed; z-index:100; inset:0; }.dialog-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.72); backdrop-filter:blur(3px); }.search-sheet, .video-modal { position:relative; width:min(690px,calc(100vw - 32px)); margin:clamp(50px,15vh,160px) auto 0; padding:clamp(29px,5vw,55px); color:#fff; background:#202125; box-shadow:0 30px 80px rgba(0,0,0,.5); }.search-sheet h2, .video-modal h2 { margin:13px 0 25px; font-family:var(--display); font-size:clamp(2.8rem,6vw,5rem); font-weight:900; letter-spacing:-.05em; line-height:.8; text-transform:uppercase; }.dialog-close { position:absolute; top:15px; right:18px; border:0; color:#fff; background:transparent; font-size:2rem; font-weight:300; line-height:1; }.search-sheet form { display:flex; border-bottom:2px solid #fff; }.search-sheet input { min-width:0; flex:1; padding:12px 0; border:0; outline:0; color:#fff; background:transparent; font-family:var(--display); font-size:1.6rem; font-weight:700; }.search-sheet input::placeholder { color:#85878a; }.search-sheet form button { border:0; color:#fff; background:transparent; font-size:.72rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.search-feedback { min-height:18px; margin:9px 0 0; color:var(--lime); font-size:.72rem; }.search-suggestions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:24px; }.search-suggestions span { color:#a4a6a9; font-size:.69rem; }.search-suggestions button { padding:6px 8px; border:1px solid #56585b; color:#fff; background:transparent; font-size:.67rem; }.video-modal { max-width:750px; }.video-modal > p:last-child { color:#a6a8ab; font-size:.75rem; }.video-placeholder { display:grid; place-items:center; min-height:250px; margin-bottom:18px; background:linear-gradient(135deg,#e62433 0 42%,#1e4077 43%); }.video-placeholder span { display:grid; place-items:center; width:55px; height:55px; border:2px solid #fff; border-radius:50%; }.video-placeholder p { margin:10px 0 0; font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }

@media (max-width: 1080px) {
  :root { --shell: min(100% - 40px, 920px); }.utility-bar { gap:28px; }.primary-nav { gap:16px; }.masthead-grid { grid-template-columns:minmax(0,1fr) 300px; }.hero-story { grid-template-columns:45% 55%; }.hero-copy { padding:31px; }.compact-story { grid-template-columns:110px 1fr; }.compact-story > div:last-child { padding:20px 15px; }.topic-grid { grid-template-columns:repeat(2,1fr); }.latest-grid { grid-template-columns:repeat(2,1fr); gap:28px 16px; }.score-scroller { overflow-x:auto; grid-template-columns:repeat(4, minmax(220px,1fr)); padding-bottom:5px; }.score-scroller::-webkit-scrollbar { height:5px; }.score-scroller::-webkit-scrollbar-thumb { background:#bbb; }.watch-layout { grid-template-columns: .8fr 1.2fr; gap:35px; }
}
@media (max-width: 800px) {
  :root { --shell: calc(100vw - 32px); }.utility-bar { min-height:61px; gap:0; }.primary-nav, .subscribe-link { display:none; }.header-actions { gap:6px; }.menu-trigger { display:flex; }.league-nav { display:none; }.live-ribbon { padding-inline:16px; }.live-ribbon a { display:none; }.score-strip { padding:23px 0 25px; }.score-head { display:grid; grid-template-columns:1fr auto; gap:16px; }.score-head .eyebrow { font-size:.69rem; }.score-head h1 { font-size:2.45rem; }.score-filter { grid-column:1/-1; order:3; gap:20px; margin:0; }.all-scores-link { align-self:end; }.masthead-grid { grid-template-columns:1fr; padding-top:16px; padding-bottom:43px; }.right-rail { grid-template-columns:1fr 1fr; }.hero-story { min-height:0; grid-template-columns:1fr; }.hero-art { min-height:310px; }.hero-copy { min-height:280px; padding:31px 25px; }.hero-copy h2 { font-size:3.25rem; }.split-stories { gap:10px; }.compact-story { grid-template-columns:88px 1fr; min-height:142px; }.compact-story h3 { font-size:1.28rem; }.compact-art--racing::after { left:8px; }.topic-band, .story-section, .more-section { padding-top:44px; padding-bottom:47px; }.watch-layout { grid-template-columns:1fr; }.watch-section { padding:48px 0; }.watch-lead h2 { font-size:4.2rem; }.video-stage { min-height:290px; }.more-grid { grid-template-columns:1fr; }.more-grid article, .more-grid article+article { min-height:160px; padding:22px 0; border-right:0; border-bottom:1px solid var(--line); }.more-grid article:last-child { border-bottom:0; }.more-grid h3 { font-size:2rem; }.footer-inner { flex-wrap:wrap; gap:17px; }.site-footer p { flex:1 1 60%; }.site-footer div:last-child { width:100%; }
}
@media (max-width: 540px) {
  .brand { font-size:1.46rem; }.brand-mark { width:21px; height:21px; }.brand-mark i { width:4px; }.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:21px}.score-head { align-items:end; }.all-scores-link { font-size:.62rem; }.score-filter { gap:15px; overflow:auto; }.score-filter button { flex:none; font-size:.9rem; }.score-card { padding:14px; }.hero-art { min-height:270px; }.hero-copy h2 { font-size:2.8rem; }.hero-copy > p { font-size:.76rem; }.split-stories { grid-template-columns:1fr; }.compact-story { grid-template-columns:110px 1fr; }.right-rail { grid-template-columns:1fr; }.topic-grid { gap:8px; }.topic-card { min-height:175px; padding:15px; }.topic-card strong { font-size:1.3rem; }.topic-card::after { width:140px; height:140px; border-width:14px; right:-40px; bottom:-50px; }.section-heading h2 { font-size:2.5rem; }.latest-grid { display:flex; overflow:auto; padding-bottom:6px; scroll-snap-type:x mandatory; }.latest-card { min-width:74%; scroll-snap-align:start; }.latest-art { height:205px; }.watch-lead h2 { font-size:3.6rem; }.video-stage { min-height:240px; }.video-word { font-size:7.8rem; }.video-glow { border-width:20px; }.search-sheet, .video-modal { margin-top:50px; }.search-sheet h2, .video-modal h2 { font-size:3.4rem; }.search-sheet form { align-items:center; }.search-sheet input { font-size:1.2rem; }.video-placeholder { min-height:190px; }
}