:root {
      --black: #070708;
      --black-2: #0b0b0d;
      --black-3: #111114;
      --panel: #151519;
      --panel-2: #1c1c21;
      --ink: #f5f2ee;
      --muted: #aaa6a2;
      --line: rgba(255,255,255,.12);
      --line-soft: rgba(255,255,255,.07);
      --blood: #9f0c16;
      --blood-2: #d21420;
      --blood-3: #5b070d;
      --gold: #c9aa6d;
      --green: #54c98b;
      --yellow: #e6b44f;
      --blue: #6999f5;
      --container: 1260px;
      --header-h: 78px;
      --shadow: 0 24px 80px rgba(0,0,0,.46);
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      background:
        radial-gradient(circle at 82% 8%, rgba(159,12,22,.14), transparent 24rem),
        linear-gradient(180deg, #08080a 0%, #0b0b0d 38%, #08080a 100%);
      color: var(--ink);
      font-family: Inter, Arial, system-ui, sans-serif;
      overflow-x: hidden;
    }
    body.menu-open, body.search-open { overflow: hidden; }
    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }
    button { color: inherit; }
    img { display: block; width: 100%; }
    .container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
    .condensed { font-family: "Arial Narrow", Impact, sans-serif; }

    .noise {
      position: fixed;
      inset: 0;
      z-index: 9999;
      pointer-events: none;
      opacity: .035;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
    }

    .section { padding: 88px 0; position: relative; }
    .section + .section { border-top: 1px solid var(--line-soft); }
    .section-kicker {
      color: var(--blood-2);
      font-family: "Arial Narrow", Impact, sans-serif;
      font-size: .88rem;
      font-weight: 700;
      letter-spacing: .19em;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .section-kicker::before { content:""; width: 34px; height: 2px; background: var(--blood-2); }
    .section-title {
      font-family: "Arial Narrow", Impact, sans-serif;
      font-size: clamp(2.35rem, 5vw, 4.9rem);
      line-height: .88;
      letter-spacing: -.035em;
      text-transform: uppercase;
      margin-top: 13px;
    }
    .section-title em { color: var(--blood-2); font-style: normal; }
    .section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 30px;
      margin-bottom: 36px;
    }
    .section-copy { color: var(--muted); line-height: 1.7; max-width: 560px; }
    .text-link {
      font-family: "Arial Narrow", Impact, sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .09em;
      font-size: .95rem;
      display: inline-flex;
      align-items: center;
      gap: 10px;
    }
    .text-link::after { content:"→"; color: var(--blood-2); transition: transform .2s ease; }
    .text-link:hover::after { transform: translateX(4px); }

    .slash-button {
      appearance: none;
      border: 0;
      background: var(--blood);
      color: white;
      min-height: 48px;
      padding: 0 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      font-family: "Arial Narrow", Impact, sans-serif;
      font-size: 1rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .08em;
      cursor: pointer;
      clip-path: polygon(0 0, 92% 0, 100% 25%, 100% 100%, 8% 100%, 0 75%);
      transition: background .2s ease, transform .2s ease;
    }
    .slash-button:hover { background: var(--blood-2); transform: translateY(-2px); }
    .slash-button.secondary { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); }
    .slash-button.secondary:hover { background: rgba(255,255,255,.14); }

    /* top ticker */
    .live-strip {
      height: 36px;
      background: #101013;
      border-bottom: 1px solid var(--line-soft);
      font-size: .78rem;
      position: relative;
      z-index: 1200;
    }
    .live-inner { height: 100%; display: flex; align-items: center; gap: 18px; overflow: hidden; }
    .live-label {
      height: 100%;
      background: var(--blood);
      display: flex;
      align-items: center;
      padding: 0 16px;
      font-family: "Arial Narrow", Impact, sans-serif;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      white-space: nowrap;
      position: relative;
    }
    .live-label::after { content:""; position:absolute; right:-16px; top:0; border-top:18px solid transparent; border-bottom:18px solid transparent; border-left:16px solid var(--blood); }
    .live-dot { width: 7px; height: 7px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.14); margin-right: 8px; animation: pulse 1.4s infinite; }
    @keyframes pulse { 50% { opacity:.45; transform:scale(.8); } }
    .ticker-track { display: flex; gap: 38px; min-width:max-content; animation: ticker 28s linear infinite; color:#c8c5c2; }
    .ticker-item strong { color:#fff; font-weight:600; }
    .ticker-item span { color: var(--blood-2); margin: 0 7px; font-weight:700; }
    @keyframes ticker { to { transform: translateX(-50%); } }

    /* header */
    .site-header {
      position: fixed;
      top: 36px;
      left: 0;
      right: 0;
      z-index: 1100;
      transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
    }
    .site-header.scrolled { background: rgba(7,7,8,.92); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
    .nav { height: var(--header-h); display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    .brand { display: flex; align-items: center; gap: 12px; min-width:max-content; }
    .brand-emblem {
      width: 44px; height: 44px; border: 1px solid rgba(210,20,32,.75); position:relative; transform: rotate(45deg); background: rgba(159,12,22,.12);
    }
    .brand-emblem::before, .brand-emblem::after { content:""; position:absolute; inset:8px; border:1px solid rgba(255,255,255,.72); }
    .brand-emblem::after { inset:16px; background: var(--blood-2); border:0; }
    .brand-copy strong { display:block; font-family:"Arial Narrow",Impact,sans-serif; font-size:1.35rem; letter-spacing:.06em; line-height:.9; text-transform:uppercase; }
    .brand-copy span { display:block; font-size:.58rem; color:#aaa; letter-spacing:.24em; text-transform:uppercase; margin-top:5px; }
    .nav-links { display:flex; align-items:center; gap: 26px; }
    .nav-links a {
      font-family:"Arial Narrow",Impact,sans-serif;
      font-size: .96rem;
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:.08em;
      color:#d0ccca;
      position:relative;
      padding: 30px 0 27px;
    }
    .nav-links a::after { content:""; position:absolute; left:0; right:100%; bottom:18px; height:2px; background:var(--blood-2); transition:right .2s ease; }
    .nav-links a:hover, .nav-links a.active { color:#fff; }
    .nav-links a:hover::after, .nav-links a.active::after { right:0; }
    .nav-actions { display:flex; align-items:center; gap:10px; }
    .icon-btn {
      width: 42px; height:42px; border:1px solid var(--line); background:rgba(255,255,255,.035); display:grid; place-items:center; cursor:pointer; transition:background .2s ease,border-color .2s ease;
    }
    .icon-btn:hover { background:rgba(210,20,32,.14); border-color:rgba(210,20,32,.55); }
    .icon-btn svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; }
    .menu-btn { display:none; }

    /* hero */
    .hero { min-height: 790px; padding-top: calc(36px + var(--header-h)); position:relative; overflow:hidden; border-bottom:1px solid var(--line-soft); }
    .hero-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .7s ease, visibility .7s ease; background-size:cover; background-position:center; }
    .hero-slide.active { opacity:1; visibility:visible; }
    .hero-slide::before {
      content:""; position:absolute; inset:0;
      background:
        linear-gradient(90deg, rgba(7,7,8,.96) 0%, rgba(7,7,8,.78) 37%, rgba(7,7,8,.18) 72%, rgba(7,7,8,.42) 100%),
        linear-gradient(0deg, #08080a 0%, transparent 40%);
    }
    .hero-slide::after { content:""; position:absolute; inset:0; background:linear-gradient(115deg, transparent 54%, rgba(159,12,22,.18) 100%); mix-blend-mode:screen; }
    .hero-slide.one { background-image:url('/static/media/demo/mwi-vitality-2026.jpeg'); background-position:center 38%; }
    .hero-slide.two { background-image:url('/static/media/demo/msc-pass-2026.jpg'); background-position:center; }
    .hero-slide.three { background-image:url('/static/media/demo/street-fighter-collab.jpeg'); background-position:center; }
    .hero-content { position:relative; z-index:3; min-height:700px; display:flex; align-items:center; }
    .hero-copy { max-width:720px; padding-top: 28px; }
    .hero-tag { display:inline-flex; align-items:center; gap:11px; color:#fff; font-family:"Arial Narrow",Impact,sans-serif; font-weight:700; letter-spacing:.15em; text-transform:uppercase; font-size:.9rem; }
    .hero-tag::before { content:""; width:40px; height:3px; background:var(--blood-2); }
    .hero h1 { font-family:"Arial Narrow",Impact,sans-serif; font-size:clamp(4rem,9vw,8.7rem); line-height:.78; text-transform:uppercase; letter-spacing:-.055em; margin: 28px 0 26px; max-width:840px; text-shadow:0 18px 60px rgba(0,0,0,.6); }
    .hero h1 .red { color:var(--blood-2); }
    .hero-summary { color:#d2cecb; font-size:1rem; line-height:1.75; max-width:600px; }
    .hero-meta { display:flex; align-items:center; gap:18px; margin-top:20px; color:#b8b4b1; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }
    .hero-meta span { display:flex; align-items:center; gap:8px; }
    .hero-meta span::before { content:""; width:4px; height:4px; background:var(--blood-2); transform:rotate(45deg); }
    .hero-actions { display:flex; gap:12px; margin-top:34px; flex-wrap:wrap; }
    .hero-rail { position:absolute; left:0; right:0; bottom:0; z-index:4; border-top:1px solid rgba(255,255,255,.13); background:rgba(7,7,8,.58); backdrop-filter:blur(10px); }
    .hero-rail-grid { display:grid; grid-template-columns:repeat(3,1fr); }
    .hero-dot { padding: 20px 24px; border:0; border-right:1px solid var(--line); background:transparent; color:#aaa; text-align:left; cursor:pointer; position:relative; }
    .hero-dot:last-child { border-right:0; }
    .hero-dot::before { content:""; position:absolute; left:0; top:-2px; width:0; height:3px; background:var(--blood-2); transition:width .25s ease; }
    .hero-dot.active::before { width:100%; }
    .hero-dot small { display:block; color:var(--blood-2); font-family:"Arial Narrow",Impact,sans-serif; letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
    .hero-dot strong { display:block; color:#eee; font-family:"Arial Narrow",Impact,sans-serif; font-size:1.1rem; text-transform:uppercase; margin-top:5px; font-weight:600; }

    /* quick utility */
    .quick-grid { display:grid; grid-template-columns:repeat(4,1fr); background:#111114; border-bottom:1px solid var(--line-soft); }
    .quick-link { min-height:132px; padding:25px 28px; border-right:1px solid var(--line); position:relative; overflow:hidden; transition:background .25s ease; }
    .quick-link:last-child { border-right:0; }
    .quick-link::after { content:""; position:absolute; right:-28px; bottom:-42px; width:110px; height:110px; border:1px solid rgba(255,255,255,.07); transform:rotate(45deg); }
    .quick-link:hover { background:#18181d; }
    .quick-link small { color:var(--blood-2); text-transform:uppercase; letter-spacing:.13em; font-size:.65rem; font-weight:700; }
    .quick-link strong { font-family:"Arial Narrow",Impact,sans-serif; display:block; font-size:1.65rem; text-transform:uppercase; margin-top:11px; }
    .quick-link p { color:#8f8b88; font-size:.78rem; margin-top:7px; }



    /* scrape source audit */
    .source-audit { background:#0c0c0f; border-bottom:1px solid var(--line-soft); }
    .source-audit-inner { padding:34px 0 38px; }
    .source-audit-head { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:21px; }
    .source-audit-head h2 { font-family:"Arial Narrow",Impact,sans-serif; font-size:2.15rem; text-transform:uppercase; line-height:.95; }
    .source-audit-head p { max-width:640px; color:#8f8b88; font-size:.78rem; line-height:1.65; }
    .source-audit-grid { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--line); background:var(--line); gap:1px; }
    .source-card { min-height:144px; background:#111114; padding:20px; position:relative; }
    .source-card small { color:#777370; font-size:.6rem; text-transform:uppercase; letter-spacing:.11em; }
    .source-card h3 { font-family:"Arial Narrow",Impact,sans-serif; font-size:1.25rem; line-height:1; text-transform:uppercase; margin:9px 0 7px; }
    .source-card p { color:#8f8b88; font-size:.7rem; line-height:1.5; }
    .source-state { display:inline-flex; align-items:center; gap:7px; margin-top:13px; color:#bdb8b4; font-size:.62rem; text-transform:uppercase; letter-spacing:.08em; }
    .source-state::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(84,201,139,.10); }
    .source-state.browser::before { background:var(--yellow); box-shadow:0 0 0 4px rgba(230,180,79,.10); }
    .source-state.review::before { background:var(--blood-2); box-shadow:0 0 0 4px rgba(210,20,32,.12); }
    .data-note { margin-top:16px; color:#696562; font-size:.66rem; line-height:1.55; }

    /* news */
    .tabs { display:flex; align-items:center; gap: 30px; border-bottom:1px solid var(--line); margin-bottom:28px; overflow:auto; scrollbar-width:none; }
    .tabs::-webkit-scrollbar { display:none; }
    .tab { border:0; background:transparent; color:#8f8b88; padding: 0 0 15px; font-family:"Arial Narrow",Impact,sans-serif; font-size:1rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; position:relative; white-space:nowrap; }
    .tab::after { content:""; position:absolute; height:3px; left:50%; right:50%; bottom:-1px; background:var(--blood-2); transition:left .2s ease,right .2s ease; }
    .tab.active { color:#fff; }
    .tab.active::after { left:0; right:0; }
    .news-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr); gap:28px; }
    .feature-story { min-height:520px; position:relative; overflow:hidden; background:#111; }
    .feature-story img { height:100%; object-fit:cover; position:absolute; inset:0; }
    .feature-story::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(6,6,7,.98) 0%, rgba(6,6,7,.28) 65%, rgba(6,6,7,.08) 100%); }
    .story-content { position:absolute; left:0; right:0; bottom:0; z-index:2; padding:36px; }
    .story-label { display:inline-block; background:var(--blood); color:#fff; padding:6px 11px; font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
    .story-content h3 { font-family:"Arial Narrow",Impact,sans-serif; font-size:clamp(2.1rem,4vw,4rem); line-height:.95; text-transform:uppercase; margin:17px 0 13px; max-width:800px; }
    .story-content p { color:#c7c2bf; max-width:650px; line-height:1.65; }
    .story-meta { color:#8f8b88; font-size:.75rem; margin-top:18px; text-transform:uppercase; letter-spacing:.07em; }
    .news-list { border-top:1px solid var(--line); }
    .news-row { display:grid; grid-template-columns:135px 1fr; gap:18px; padding:18px 0; border-bottom:1px solid var(--line); transition:transform .2s ease; }
    .news-row:hover { transform:translateX(4px); }
    .news-row img { height:92px; object-fit:cover; filter:saturate(.82); }
    .news-row small { color:var(--blood-2); font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
    .news-row h4 { font-family:"Arial Narrow",Impact,sans-serif; font-size:1.23rem; line-height:1.05; text-transform:uppercase; margin:7px 0 10px; }
    .news-row time { color:#777370; font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; }
    .news-panel { display:none; }
    .news-panel.active { display:contents; }

    /* esports */
    .esports { background:linear-gradient(120deg,#12090b 0%,#0c0c0f 50%,#10090b 100%); overflow:hidden; }
    .esports::before { content:""; position:absolute; inset:0; opacity:.23; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:48px 48px; transform:skewY(-3deg) scale(1.1); }
    .esports-shell { position:relative; z-index:2; }
    .match-strip { display:grid; grid-template-columns:180px repeat(3,1fr); border:1px solid var(--line); background:#111114; }
    .match-title { padding:24px; background:var(--blood); display:flex; flex-direction:column; justify-content:center; }
    .match-title small { font-size:.65rem; letter-spacing:.14em; text-transform:uppercase; }
    .match-title strong { font-family:"Arial Narrow",Impact,sans-serif; font-size:1.8rem; text-transform:uppercase; margin-top:4px; }
    .match-card { padding:20px 22px; border-left:1px solid var(--line); }
    .match-card .league { color:#918c89; font-size:.65rem; text-transform:uppercase; letter-spacing:.1em; }
    .match-line { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:13px; }
    .team { display:flex; align-items:center; gap:9px; min-width:0; }
    .team-logo { width:34px; height:34px; display:grid; place-items:center; background:#222228; border:1px solid rgba(255,255,255,.1); font-family:"Arial Narrow",Impact,sans-serif; font-weight:800; font-size:.9rem; }
    .team span { font-family:"Arial Narrow",Impact,sans-serif; text-transform:uppercase; font-weight:700; font-size:.95rem; white-space:nowrap; }
    .versus { color:var(--blood-2); font-family:"Arial Narrow",Impact,sans-serif; font-weight:800; }
    .match-time { color:#aaa5a2; font-size:.7rem; margin-top:12px; }
    .esports-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:28px; margin-top:30px; }
    .standings, .esports-news { background:rgba(17,17,20,.86); border:1px solid var(--line); }
    .block-head { padding:21px 24px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }
    .block-head h3 { font-family:"Arial Narrow",Impact,sans-serif; font-size:1.55rem; text-transform:uppercase; }
    .block-head span { color:var(--blood-2); font-size:.68rem; text-transform:uppercase; letter-spacing:.12em; }
    .standings-table { width:100%; border-collapse:collapse; }
    .standings-table th, .standings-table td { padding:15px 20px; border-bottom:1px solid var(--line-soft); text-align:left; font-size:.78rem; }
    .standings-table th { color:#777; text-transform:uppercase; letter-spacing:.08em; font-size:.62rem; font-weight:600; }
    .standings-table tr:last-child td { border-bottom:0; }
    .standings-table .rank { color:var(--blood-2); font-family:"Arial Narrow",Impact,sans-serif; font-size:1.1rem; font-weight:700; }
    .standings-team { display:flex; align-items:center; gap:10px; }
    .standings-team .team-logo { width:30px; height:30px; }
    .form { display:flex; gap:5px; }
    .form i { width:19px; height:19px; display:grid; place-items:center; font-style:normal; font-size:.58rem; font-weight:700; background:#232329; color:#aaa; }
    .form i.w { background:rgba(84,201,139,.15); color:var(--green); }
    .form i.l { background:rgba(210,20,32,.15); color:#ff6b73; }
    .esports-story { display:grid; grid-template-columns:124px 1fr; gap:17px; padding:18px 20px; border-bottom:1px solid var(--line-soft); }
    .esports-story:last-child { border-bottom:0; }
    .esports-story img { height:78px; object-fit:cover; }
    .esports-story small { color:var(--blood-2); font-size:.62rem; text-transform:uppercase; letter-spacing:.1em; }
    .esports-story h4 { font-family:"Arial Narrow",Impact,sans-serif; font-size:1.12rem; line-height:1.05; text-transform:uppercase; margin-top:6px; }

    /* game update modules */
    .module-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
    .module { background:#121215; min-height:390px; position:relative; overflow:hidden; }
    .module img { height:100%; object-fit:cover; position:absolute; inset:0; filter:saturate(.75) contrast(1.05); transition:transform .5s ease,filter .5s ease; }
    .module::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,5,6,.98),rgba(5,5,6,.2) 70%); }
    .module:hover img { transform:scale(1.045); filter:saturate(1); }
    .module-content { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:25px; }
    .module-number { font-family:"Arial Narrow",Impact,sans-serif; color:var(--blood-2); font-size:.78rem; letter-spacing:.12em; }
    .module h3 { font-family:"Arial Narrow",Impact,sans-serif; font-size:2.1rem; text-transform:uppercase; line-height:.9; margin:9px 0 12px; }
    .module p { color:#aaa5a2; font-size:.8rem; line-height:1.55; }

    /* patch */
    .patch-shell { display:grid; grid-template-columns:360px 1fr; border:1px solid var(--line); background:#111114; }
    .patch-overview { padding:32px; background:linear-gradient(135deg,#24080c 0%,#101013 75%); border-right:1px solid var(--line); }
    .patch-version { font-family:"Arial Narrow",Impact,sans-serif; font-size:4.8rem; line-height:.85; color:var(--blood-2); font-weight:800; }
    .patch-overview h3 { font-family:"Arial Narrow",Impact,sans-serif; font-size:2rem; text-transform:uppercase; margin-top:18px; }
    .patch-overview p { color:#a6a19e; line-height:1.65; margin-top:13px; font-size:.85rem; }
    .patch-counts { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); margin-top:27px; border:1px solid var(--line); }
    .patch-count { background:#151519; padding:16px; }
    .patch-count strong { display:block; font-family:"Arial Narrow",Impact,sans-serif; font-size:1.8rem; }
    .patch-count span { color:#84807d; font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; }
    .patch-content { padding:30px; }
    .patch-tabs { display:flex; gap:24px; border-bottom:1px solid var(--line); }
    .patch-tab { border:0; background:transparent; color:#8d8986; padding:0 0 14px; font-family:"Arial Narrow",Impact,sans-serif; text-transform:uppercase; font-weight:700; letter-spacing:.08em; cursor:pointer; position:relative; }
    .patch-tab.active { color:#fff; }
    .patch-tab.active::after { content:""; position:absolute; left:0; right:0; height:3px; bottom:-1px; background:var(--blood-2); }
    .patch-list { display:none; padding-top:8px; }
    .patch-list.active { display:block; }
    .patch-row { display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:18px; padding:17px 0; border-bottom:1px solid var(--line-soft); }
    .patch-row:last-child { border-bottom:0; }
    .portrait { width:58px; height:58px; object-fit:cover; background:#222; }
    .patch-row h4 { font-family:"Arial Narrow",Impact,sans-serif; font-size:1.3rem; text-transform:uppercase; }
    .patch-row p { color:#918d89; font-size:.78rem; margin-top:4px; }
    .change { padding:6px 9px; font-size:.62rem; text-transform:uppercase; font-weight:700; letter-spacing:.08em; }
    .change.buff { color:var(--green); background:rgba(84,201,139,.12); }
    .change.nerf { color:#ff7279; background:rgba(210,20,32,.12); }
    .change.adjust { color:var(--yellow); background:rgba(230,180,79,.12); }

    /* media */
    .media-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:1px; background:var(--line); border:1px solid var(--line); }
    .video-feature, .video-side { background:#111114; }
    .video-feature { min-height:500px; position:relative; overflow:hidden; }
    .video-feature img { height:100%; object-fit:cover; position:absolute; inset:0; }
    .video-feature::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,5,6,.95),rgba(5,5,6,.08)); }
    .play { width:72px; height:72px; border-radius:50%; display:grid; place-items:center; background:var(--blood); position:absolute; z-index:3; left:50%; top:45%; transform:translate(-50%,-50%); box-shadow:0 0 0 12px rgba(159,12,22,.18); }
    .play::before { content:""; border-left:18px solid #fff; border-top:11px solid transparent; border-bottom:11px solid transparent; margin-left:5px; }
    .video-caption { position:absolute; z-index:3; left:30px; right:30px; bottom:27px; }
    .video-caption small { color:var(--blood-2); text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
    .video-caption h3 { font-family:"Arial Narrow",Impact,sans-serif; font-size:2.5rem; line-height:.92; text-transform:uppercase; margin-top:9px; }
    .video-side { padding:0 24px; }
    .video-row { display:grid; grid-template-columns:160px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid var(--line-soft); }
    .video-row:last-child { border-bottom:0; }
    .video-row img { height:92px; object-fit:cover; }
    .video-row small { color:var(--blood-2); text-transform:uppercase; letter-spacing:.1em; font-size:.62rem; }
    .video-row h4 { font-family:"Arial Narrow",Impact,sans-serif; font-size:1.25rem; text-transform:uppercase; line-height:1; margin-top:7px; }
    .video-row span { color:#777; font-size:.68rem; display:block; margin-top:9px; }

    /* newsletter / footer */
    .join { padding:76px 0; background:linear-gradient(90deg,#4a070d 0%,#990d17 48%,#3d060b 100%); position:relative; overflow:hidden; }
    .join::after { content:""; position:absolute; width:420px; height:420px; border:1px solid rgba(255,255,255,.13); transform:rotate(45deg); right:-160px; top:-170px; }
    .join-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; position:relative; z-index:2; }
    .join h2 { font-family:"Arial Narrow",Impact,sans-serif; font-size:clamp(2.6rem,5vw,5rem); text-transform:uppercase; line-height:.85; }
    .join p { color:rgba(255,255,255,.76); margin-top:13px; max-width:600px; line-height:1.65; }
    .join .slash-button { background:#fff; color:#111; }
    .join .slash-button:hover { background:#e6e1dd; }
    footer { background:#070708; padding:54px 0 30px; border-top:1px solid var(--line); }
    .footer-grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:42px; }
    .footer-copy { color:#7f7b78; max-width:390px; line-height:1.7; font-size:.8rem; margin-top:18px; }
    .footer-col h4 { font-family:"Arial Narrow",Impact,sans-serif; text-transform:uppercase; font-size:1.2rem; margin-bottom:14px; }
    .footer-col a { display:block; color:#8f8b88; font-size:.78rem; margin:10px 0; }
    .footer-col a:hover { color:#fff; }
    .footer-bottom { border-top:1px solid var(--line-soft); margin-top:42px; padding-top:23px; display:flex; align-items:center; justify-content:space-between; color:#65615f; font-size:.68rem; gap:20px; }

    /* search */
    .search-overlay { position:fixed; inset:0; background:rgba(4,4,5,.96); z-index:2000; display:none; align-items:center; justify-content:center; padding:30px; }
    .search-overlay.active { display:flex; }
    .search-box { width:min(760px,100%); }
    .search-box label { display:block; font-family:"Arial Narrow",Impact,sans-serif; text-transform:uppercase; color:var(--blood-2); letter-spacing:.15em; margin-bottom:18px; }
    .search-input-wrap { border-bottom:2px solid #5e5a58; display:flex; align-items:center; gap:15px; }
    .search-input-wrap input { width:100%; border:0; background:transparent; color:#fff; font-family:"Arial Narrow",Impact,sans-serif; font-size:clamp(2rem,5vw,4.5rem); text-transform:uppercase; padding:12px 0; outline:none; }
    .search-close { position:absolute; right:30px; top:30px; }

    /* responsive */
    @media (max-width: 1060px) {
      .nav-links { position:fixed; inset:0; background:#09090b; z-index:1090; flex-direction:column; justify-content:center; gap:6px; opacity:0; visibility:hidden; transition:.25s ease; }
      .nav-links.open { opacity:1; visibility:visible; }
      .nav-links a { font-size:2rem; padding:9px 0; }
      .nav-actions { position:relative; z-index:1100; }
      .menu-btn { display:grid; }
      .quick-grid { grid-template-columns:1fr 1fr; }
      .source-audit-grid { grid-template-columns:repeat(3,1fr); }
      .quick-link:nth-child(2) { border-right:0; }
      .quick-link:nth-child(-n+2) { border-bottom:1px solid var(--line); }
      .match-strip { grid-template-columns:170px 1fr 1fr; }
      .match-card:last-child { display:none; }
      .module-grid { grid-template-columns:1fr 1fr; }
      .patch-shell { grid-template-columns:300px 1fr; }
      .footer-grid { grid-template-columns:1.5fr 1fr 1fr; }
      .footer-col:last-child { display:none; }
    }

    @media (max-width: 820px) {
      .container { width:min(calc(100% - 28px),var(--container)); }
      .section { padding:68px 0; }
      .section-head { align-items:flex-start; flex-direction:column; }
      .source-audit-head { align-items:flex-start; flex-direction:column; }
      .source-audit-grid { grid-template-columns:1fr 1fr; }
      .hero { min-height:720px; }
      .hero-content { min-height:630px; align-items:flex-end; padding-bottom:135px; }
      .hero h1 { font-size:clamp(3.8rem,17vw,6.2rem); }
      .hero-summary { max-width:520px; }
      .hero-dot { padding:16px 12px; }
      .hero-dot strong { font-size:.92rem; }
      .news-grid { grid-template-columns:1fr; }
      .feature-story { min-height:470px; }
      .news-list { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }
      .news-row { grid-template-columns:110px 1fr; }
      .match-strip { grid-template-columns:1fr 1fr; }
      .match-title { grid-column:1/-1; min-height:90px; }
      .match-card { border-top:1px solid var(--line); }
      .match-card:nth-child(2) { border-left:0; }
      .esports-grid { grid-template-columns:1fr; }
      .patch-shell { grid-template-columns:1fr; }
      .patch-overview { border-right:0; border-bottom:1px solid var(--line); }
      .media-grid { grid-template-columns:1fr; }
      .join-inner { flex-direction:column; align-items:flex-start; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .footer-grid > :first-child { grid-column:1/-1; }
    }

    @media (max-width: 560px) {
      :root { --header-h:68px; }
      .live-strip { display:none; }
      .site-header { top:0; }
      .hero { padding-top:var(--header-h); min-height:680px; }
      .brand-copy span { display:none; }
      .brand-emblem { width:36px; height:36px; }
      .icon-btn { width:38px; height:38px; }
      .hero-content { min-height:590px; padding-bottom:120px; }
      .hero h1 { margin:20px 0 18px; }
      .hero-summary { font-size:.88rem; }
      .hero-meta { flex-wrap:wrap; gap:9px 14px; }
      .hero-rail-grid { grid-template-columns:1fr; }
      .hero-dot:not(.active) { display:none; }
      .hero-dot { border-right:0; }
      .quick-grid { grid-template-columns:1fr; }
      .source-audit-grid { grid-template-columns:1fr; }
      .quick-link { min-height:110px; border-right:0; border-bottom:1px solid var(--line); }
      .quick-link:last-child { border-bottom:0; }
      .news-list { grid-template-columns:1fr; }
      .news-row { grid-template-columns:115px 1fr; }
      .story-content { padding:24px; }
      .story-content h3 { font-size:2.55rem; }
      .match-strip { grid-template-columns:1fr; }
      .match-card { border-left:0; }
      .match-card:last-child { display:block; }
      .module-grid { grid-template-columns:1fr; }
      .module { min-height:330px; }
      .patch-content { padding:22px; }
      .patch-tabs { gap:14px; overflow:auto; }
      .patch-row { grid-template-columns:54px 1fr; }
      .change { grid-column:2; width:max-content; }
      .portrait { width:50px; height:50px; }
      .video-feature { min-height:400px; }
      .video-side { padding:0 18px; }
      .video-row { grid-template-columns:120px 1fr; }
      .video-row img { height:76px; }
      .footer-grid { grid-template-columns:1fr; }
      .footer-grid > :first-child { grid-column:auto; }
      .footer-bottom { flex-direction:column; align-items:flex-start; }
      .nav-actions .slash-button { display:none; }
    }


/* Production blueprint additions */
.site-main{min-height:70vh}
.hero-slide{background-image:linear-gradient(90deg,rgba(5,5,7,.96) 0%,rgba(5,5,7,.68) 38%,rgba(5,5,7,.18) 70%),linear-gradient(0deg,#08080a 0%,transparent 34%),var(--hero-image);background-size:cover;background-position:center}
.page-hero{padding:210px 0 90px;min-height:480px;display:flex;align-items:end;background:linear-gradient(90deg,rgba(6,6,8,.98),rgba(6,6,8,.66)),url('/static/media/demo/mwi-vitality-2026.jpeg') center/cover;border-bottom:1px solid var(--line)}
.page-hero.compact{min-height:390px;padding-top:180px}
.page-hero.esports-hero{background-image:linear-gradient(90deg,rgba(6,6,8,.98),rgba(6,6,8,.42)),url('/static/media/demo/mwi-vitality-2026.jpeg')}
.page-hero h1,.entity-detail-hero h1,.team-detail-hero h1,.match-detail h1{font-family:"Arial Narrow",Impact,sans-serif;font-size:clamp(3.5rem,8vw,8rem);line-height:.85;text-transform:uppercase;letter-spacing:-.045em}
.page-hero p{color:var(--muted);max-width:660px;line-height:1.75;margin-top:22px;font-size:1.08rem}
.editorial-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr);gap:22px}
.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.portal-card{background:var(--black-3);border:1px solid var(--line-soft);min-width:0;transition:transform .22s,border-color .22s}
.portal-card:hover{transform:translateY(-5px);border-color:rgba(210,20,32,.5)}
.portal-card-image{height:230px;display:block;position:relative;overflow:hidden;background:#151519}
.portal-card-image img{height:100%;object-fit:cover;transition:transform .35s}
.portal-card:hover .portal-card-image img{transform:scale(1.035)}
.portal-card-image .story-label{position:absolute;left:0;bottom:0}
.portal-card-body{padding:23px}
.portal-card-body h3{font-family:"Arial Narrow",Impact,sans-serif;font-size:1.7rem;line-height:1;text-transform:uppercase;margin:10px 0 12px}
.portal-card-body p{color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.image-fallback,.entity-monogram{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#17171b,#38080d);font:700 3rem "Arial Narrow",Impact,sans-serif;color:#fff}
.confidence{height:4px;background:#28282d;margin-top:18px}.confidence span{display:block;height:100%;background:var(--blood-2)}
.entity-showcase,.entity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.entity-card,.skin-tile{position:relative;min-height:390px;overflow:hidden;background:#111114;border:1px solid var(--line-soft)}
.entity-card img,.skin-tile img{height:100%;object-fit:cover;transition:transform .35s}
.entity-card:hover img,.skin-tile:hover img{transform:scale(1.04)}
.entity-card>div:last-child,.skin-tile>div{position:absolute;inset:auto 0 0;padding:80px 22px 22px;background:linear-gradient(transparent,rgba(0,0,0,.96))}
.entity-card h2,.skin-tile h3{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:2rem;line-height:1}
.entity-card small,.skin-tile small{color:var(--blood-2);text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.entity-card p,.skin-tile p{color:#c8c5c2;margin-top:6px}
.entity-monogram{position:absolute;inset:0}
.entity-monogram.giant{position:relative;min-height:400px}
.entity-detail-hero{padding:190px 0 100px;background:radial-gradient(circle at 20% 20%,rgba(159,12,22,.2),transparent 26rem),#09090b;border-bottom:1px solid var(--line)}
.entity-detail-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.2fr);gap:70px;align-items:center}
.entity-detail-grid>div:first-child{min-height:480px;background:#121215;overflow:hidden}
.entity-detail-grid img{height:100%;max-height:650px;object-fit:cover}
.entity-detail-grid p{color:var(--muted);font-size:1.1rem;line-height:1.8;max-width:700px;margin:24px 0}
.detail-facts{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.detail-facts span{padding:9px 12px;border:1px solid var(--line);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.calendar-rail{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.calendar-item{display:flex;gap:18px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#101013}
.calendar-item time{font-family:"Arial Narrow",Impact,sans-serif;font-size:1.8rem;color:var(--blood-2);text-transform:uppercase}.calendar-item div{display:flex;flex-direction:column;gap:4px}.calendar-item small,.calendar-item span{font-size:.7rem;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}
.calendar-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.calendar-columns h2{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:2.2rem;margin-bottom:15px}.calendar-columns .calendar-item{margin-bottom:8px;border:1px solid var(--line)}
.patch-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:48px;background:linear-gradient(135deg,#141417,#09090a);border:1px solid var(--line)}
.patch-feature h3{font-family:"Arial Narrow",Impact,sans-serif;font-size:clamp(2.5rem,5vw,5rem);text-transform:uppercase;line-height:.88;margin:12px 0 20px}.patch-feature p{color:var(--muted);line-height:1.75;margin-bottom:28px}
.patch-metrics{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);border-top:1px solid var(--line)}.patch-metrics span{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px;color:var(--muted)}.patch-metrics b{color:var(--blood-2);font-family:"Arial Narrow",Impact,sans-serif;font-size:1.5rem}
.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.video-card{position:relative;background:#101013;border:1px solid var(--line-soft)}.video-card img{height:190px;object-fit:cover}.video-card>div{padding:19px}.video-card h3{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:1.45rem;line-height:1.05;margin-top:8px}.video-card p{color:var(--muted);margin-top:10px;line-height:1.6}.play-mark{position:absolute;left:18px;top:145px;width:42px;height:42px;background:var(--blood);display:grid;place-items:center}
.article-header{padding:190px 0 60px;background:#09090b;border-bottom:1px solid var(--line)}.article-header-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:60px;align-items:end}.article-header h1{font-family:"Arial Narrow",Impact,sans-serif;font-size:clamp(3.4rem,7vw,7rem);line-height:.88;text-transform:uppercase;letter-spacing:-.04em;margin:22px 0}.article-header img{height:520px;object-fit:cover}.article-deck{font-size:1.22rem;line-height:1.7;color:#d1ceca;max-width:760px}.article-byline{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.leak-score{display:flex;align-items:center;gap:18px;margin-top:25px;border-left:3px solid var(--yellow);padding-left:18px}.leak-score strong{font-size:2rem;color:var(--yellow)}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,1fr);gap:90px;padding-top:70px;padding-bottom:90px}.article-body{font-size:1.08rem;line-height:1.9;color:#d9d5d1}.article-body p,.article-body ul,.article-body ol{margin:0 0 24px}.article-body h2{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:2.5rem;line-height:1;margin:54px 0 20px}.article-body h3{font-size:1.35rem;margin:35px 0 15px}.article-body img{margin:35px 0;max-height:600px;object-fit:cover}.article-body a{color:var(--blood-2);text-decoration:underline}.article-warning{padding:20px;border-left:3px solid var(--yellow);background:rgba(230,180,79,.08);margin-bottom:28px}.article-sidebar{display:flex;flex-direction:column;gap:18px}.sidebar-block{border-top:2px solid var(--blood);background:#101013;padding:24px}.sidebar-block small{color:var(--blood-2);letter-spacing:.13em}.sidebar-block dl{margin-top:18px}.sidebar-block dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line-soft);padding:11px 0}.sidebar-block dt{color:var(--muted)}
.listing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px;padding:18px;border:1px solid var(--line);background:#101013}.listing-toolbar form{display:flex;gap:10px}.listing-toolbar input,.listing-toolbar select,.search-form input{background:#09090b;color:#fff;border:1px solid var(--line);padding:13px 15px;min-width:240px}
.pagination{display:flex;justify-content:center;gap:28px;margin-top:45px}.pagination a,.pagination span{padding:12px 18px;border:1px solid var(--line)}
.empty-state{grid-column:1/-1;padding:70px 30px;text-align:center;border:1px solid var(--line);color:var(--muted);background:#101013}
.match-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.match-row-full{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:30px;padding:24px;border-bottom:1px solid var(--line);background:#101013;transition:background .2s}.match-row-full:hover{background:#17171b}.match-row-full>div:first-child{display:flex;flex-direction:column;gap:4px}.match-row-full small,.match-row-full time{color:var(--muted)}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;text-align:center}.match-teams span:first-child{text-align:right}.match-teams span:last-child{text-align:left}.match-teams b{font-family:"Arial Narrow",Impact,sans-serif;font-size:1.8rem}.status-chip{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;border:1px solid var(--line)}.status-chip.finished{color:var(--green)}.status-chip.live{background:var(--blood);color:#fff}.status-chip.scheduled{color:var(--yellow)}
.match-detail{padding:210px 0 110px;text-align:center;background:radial-gradient(circle at center,rgba(159,12,22,.2),transparent 38rem),#08080a}.match-stage{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:15px}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:60px;align-items:center;margin:70px auto 35px;max-width:1000px}.scoreboard>strong{font:700 clamp(4rem,9vw,9rem) "Arial Narrow",Impact,sans-serif}.scoreboard i{color:var(--blood-2);font-style:normal;margin:0 15px}.team-badge{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(210,20,32,.5);background:#1b0c0e;color:#fff;font-family:"Arial Narrow",Impact,sans-serif}.team-badge.large{width:100px;height:100px;font-size:2rem;margin:0 auto 18px}.team-badge.huge{width:150px;height:150px;font-size:3rem;margin-bottom:30px}
.team-detail-hero{padding:210px 0 100px;background:#09090b}.team-detail-hero p{color:var(--muted);line-height:1.8;max-width:650px;margin-top:20px}.team-roster{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-roster a{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid var(--line);background:#101013}.team-roster small{display:block;color:var(--muted);margin-top:4px}
.standings-table.full{min-width:760px}.standings-panel{overflow:auto}.listing-toolbar label{display:flex;align-items:center;gap:10px}.listing-toolbar select{background:#08080a;color:#fff;border:1px solid var(--line);padding:12px}
.search-form{display:flex;gap:10px;margin-top:30px;max-width:760px}.search-form input{flex:1}.search-count{margin-bottom:25px;color:var(--muted)}
.prose-page{max-width:850px}.prose-page h2{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:2.5rem;margin:45px 0 15px}.prose-page p{color:#d2cfcb;line-height:1.9;font-size:1.08rem}
.footer{border-top:1px solid var(--line);background:#070708;padding:65px 0 25px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-top>div:first-child p{color:var(--muted);line-height:1.7;max-width:400px;margin-top:22px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links strong{font-family:"Arial Narrow",Impact,sans-serif;text-transform:uppercase;font-size:1.35rem;margin-bottom:8px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line-soft);padding-top:22px;margin-top:55px;color:#777;font-size:.78rem}
@media(max-width:1100px){.nav-links{display:none}.menu-btn{display:grid}.nav-links.open{display:flex;position:fixed;top:114px;left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;background:#08080a;padding:30px 24px;overflow:auto}.nav-links.open a{padding:15px;border-bottom:1px solid var(--line)}.editorial-layout,.article-header-grid,.entity-detail-grid,.article-layout,.patch-feature,.esports-grid{grid-template-columns:1fr}.portal-grid{grid-template-columns:repeat(2,1fr)}.entity-showcase,.entity-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.calendar-rail,.calendar-columns{grid-template-columns:repeat(2,1fr)}.article-header img{height:440px}.article-sidebar{display:grid;grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.container{width:min(calc(100% - 28px),var(--container))}.section{padding:62px 0}.hero{min-height:760px}.hero-copy h1{font-size:clamp(3.6rem,16vw,6rem)}.hero-rail-grid{grid-template-columns:1fr}.hero-dot:not(.active){display:none}.quick-grid{grid-template-columns:1fr 1fr}.portal-grid,.entity-showcase,.entity-grid,.video-grid,.calendar-rail,.calendar-columns,.team-roster{grid-template-columns:1fr}.feature-story{min-height:530px}.editorial-layout{display:block}.news-list{margin-top:15px}.news-row{grid-template-columns:120px 1fr}.article-header{padding-top:155px}.article-header img{height:300px}.article-layout{gap:35px;padding-top:40px}.article-sidebar{grid-template-columns:1fr}.match-row-full{grid-template-columns:1fr;gap:14px}.match-teams{order:2}.scoreboard{gap:10px}.scoreboard h1{font-size:1.6rem}.scoreboard>strong{font-size:3rem}.team-badge.large{width:65px;height:65px}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.search-form,.listing-toolbar,.listing-toolbar form{flex-direction:column;align-items:stretch}.listing-toolbar input,.listing-toolbar select,.search-form input{min-width:0;width:100%}}