
:root{
  --red:#e31b23;--red-dark:#b50914;--ink:#0d0d0f;--char:#17171a;--paper:#fff;--soft:#f3f3f5;--muted:#6a6a70;--line:#dedee3;--max:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.wire-strip{height:42px;display:grid;grid-template-columns:auto 1fr 52px;background:#050505;color:white;overflow:hidden}
.wire-label{display:flex;align-items:center;padding:0 30px;background:#050505;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:18px;letter-spacing:.02em}
.wire-copy{display:flex;align-items:center;padding:0 24px;background:linear-gradient(100deg,#e31b23,#c60d18);font-weight:800;font-size:14px}
.wire-bolt{display:flex;align-items:center;justify-content:center;background:#c60d18;color:#ffd24a;font-size:20px}

.site-header{background:white;position:relative;z-index:10}
.header-main{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:355px;height:82px;object-fit:contain;object-position:left center}
.header-side{display:flex;align-items:center;gap:24px}
.socials{display:flex;gap:9px}
.socials a{width:32px;height:32px;border:1px solid #d6d6da;display:grid;place-items:center;border-radius:50%;font-weight:800}
.menu-toggle{display:none;background:none;border:0;padding:7px;cursor:pointer}
.menu-toggle span{display:block;width:31px;height:4px;margin:5px 0;background:#111}

.primary-nav{background:#0a0a0c;color:white;border-top:1px solid #1e1e22}
.nav-inner{display:flex;align-items:center;min-height:50px}
.nav-inner a{font-family:"Barlow Condensed",sans-serif;font-size:15px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;padding:17px 15px;white-space:nowrap}
.nav-inner a:hover{background:#19191c;color:#fff}
.home-link{background:var(--red);font-size:20px!important;padding-inline:19px!important}

.breaking-bar{border-bottom:1px solid #e7e7ea;background:#fff}
.breaking-inner{display:flex;align-items:center;min-height:42px;font-size:13px}
.breaking-badge{align-self:stretch;display:flex;align-items:center;background:var(--red);color:white;font-family:"Barlow Condensed";font-weight:900;padding:0 18px;letter-spacing:.04em}
.breaking-headline{padding:0 18px;font-weight:700;flex:1}
.breaking-time{font-size:11px;font-weight:800;color:var(--red)}

.page-intro{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 25%,#4e050b 0,#1b0508 27%,#0c0c0f 58%,#050506 100%);color:white;border-bottom:7px solid var(--red)}
.page-intro:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#e31b2340 1.4px,transparent 1.4px);background-size:26px 26px;mask-image:linear-gradient(90deg,#000 0,transparent 72%)}
.page-intro:after{content:"";position:absolute;width:420px;height:600px;border:2px solid #e31b2327;transform:rotate(25deg);right:-80px;top:-160px}
.intro-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.45fr .7fr;gap:70px;align-items:center;min-height:440px;padding-block:68px}
.eyebrow,.section-label{display:inline-flex;align-items:center;gap:10px;font-family:"Barlow Condensed";font-weight:900;letter-spacing:.09em;font-size:14px}
.eyebrow:before,.section-label:before{content:"";width:34px;height:4px;background:var(--red)}
.intro-copy h1{font-family:"Barlow Condensed";font-style:italic;text-transform:uppercase;font-size:clamp(58px,7vw,92px);line-height:.82;margin:22px 0 24px;letter-spacing:-.02em}
.intro-copy h1 em{color:var(--red);font-style:italic}
.intro-copy p{max-width:650px;color:#dedee1;font-size:18px;line-height:1.65;margin:0}
.intro-links{display:flex;gap:12px;margin-top:30px}
.intro-links a{padding:12px 17px;border:1px solid #ffffff58;font-weight:800;font-size:13px;text-transform:uppercase}
.intro-links a:first-child{background:var(--red);border-color:var(--red)}
.intro-panel{background:#111115d9;border:1px solid #ffffff25;padding:24px}
.panel-kicker{font-family:"Barlow Condensed";font-size:14px;font-weight:900;color:#aaa;letter-spacing:.12em}
.panel-stat{display:flex;align-items:baseline;gap:14px;border-top:1px solid #ffffff18;padding:15px 0}
.panel-stat:first-of-type{margin-top:14px}
.panel-stat b{font-family:"Barlow Condensed";font-size:27px;color:var(--red)}
.panel-stat span{font-weight:800}

.section{padding-block:62px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.section-head>div{display:flex;align-items:center;gap:13px}
.section-head h2{font-family:"Barlow Condensed";font-size:34px;line-height:1;margin:0;font-weight:900;letter-spacing:.015em}
.section-head>a{font-size:13px;font-weight:800;color:var(--red)}
.red-rule{width:36px;height:6px;background:var(--red);display:block}

.top-grid{display:grid;grid-template-columns:1.65fr .8fr;gap:22px}
.lead-art{position:relative;display:block;min-height:475px;overflow:hidden;border-radius:4px;background:linear-gradient(120deg,#050506 0,#130408 46%,#4c0710 100%);color:white}
.stadium-lights{position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,#fff7 0 2px,transparent 3px),radial-gradient(circle at 78% 17%,#fff5 0 2px,transparent 3px),linear-gradient(120deg,transparent 0 58%,#e31b2320 59% 60%,transparent 61%)}
.lead-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050506f2 0,#09090dbd 58%,#0002 100%)}
.story-tag{position:absolute;z-index:2;top:24px;left:24px;background:var(--red);padding:8px 11px;font-family:"Barlow Condensed";font-weight:900;font-size:12px;letter-spacing:.08em}
.lead-copy{position:absolute;z-index:2;left:34px;bottom:38px;max-width:650px}
.lead-kicker{font-family:"Barlow Condensed";font-weight:900;letter-spacing:.12em;color:#bbb}
.lead-copy h3{font-family:"Barlow Condensed";font-size:64px;line-height:.83;text-transform:uppercase;font-style:italic;margin:9px 0 18px;max-width:620px}
.lead-copy h3 em{display:block;color:var(--red);font-style:italic}
.lead-copy>p:not(.lead-kicker){max-width:520px;line-height:1.5;color:#ddd}
.read-link{display:inline-block;margin-top:14px;font-weight:800}
.top-side{display:grid;grid-template-rows:1fr 1fr;gap:22px}
.headline-card{padding:30px;color:white;display:flex;flex-direction:column;justify-content:flex-end;min-height:225px}
.headline-card.red{background:linear-gradient(145deg,#e31b23,#a70510)}
.headline-card.dark{background:#111115}
.headline-card>span{font-family:"Barlow Condensed";font-weight:900;letter-spacing:.1em;font-size:13px}
.headline-card h3{font-family:"Barlow Condensed";font-size:31px;line-height:.96;margin:12px 0}
.headline-card p{font-size:13px;line-height:1.55;color:#e3e3e5}
.headline-card a{font-size:13px;font-weight:800;margin-top:10px}

.latest-section{background:#f5f5f6;border-block:1px solid #e5e5e8}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card{background:white;border:1px solid #e2e2e5}
.thumb{height:160px;display:grid;place-items:center;overflow:hidden}
.thumb span{font-family:"Barlow Condensed";font-weight:900;font-style:italic;font-size:64px}
.thumb-cfb{background:linear-gradient(145deg,#121215,#42060c);color:#ef2331}
.thumb-rec{background:linear-gradient(145deg,#e31b23,#8a050e);color:white}
.thumb-hs{background:linear-gradient(145deg,#29292d,#111);color:#eee}
.news-copy{padding:21px}
.meta{font-size:10px;font-weight:900;color:var(--red);letter-spacing:.07em}
.news-copy h3{font-family:"Barlow Condensed";font-size:25px;line-height:1.02;margin:10px 0 10px}
.news-copy p{font-size:13px;line-height:1.55;color:#666}

.wire-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:36px;align-items:start}
.wire-feature>h2{font-family:"Barlow Condensed";font-size:48px;margin:9px 0 18px}
.feature-card{display:grid;grid-template-columns:.95fr 1.1fr;border:1px solid #ddd}
.feature-art{min-height:290px;background:radial-gradient(circle at 70% 18%,#ffffffaa 0 2px,transparent 3px),linear-gradient(145deg,#070708,#2a070b);display:flex;align-items:flex-end;padding:25px;color:white}
.feature-art span{background:var(--red);padding:8px 10px;font-family:"Barlow Condensed";font-weight:900}
.feature-copy{padding:28px}
.feature-copy h3{font-family:"Barlow Condensed";font-size:32px;line-height:1;margin:10px 0}
.feature-copy p{font-size:14px;line-height:1.65;color:#666}
.feature-copy a{font-weight:800;color:var(--red);font-size:13px}

.live-wire{background:#0e0e11;color:white}
.live-wire-head{display:flex;justify-content:space-between;align-items:center;background:#18181c;padding:17px 20px;border-bottom:3px solid var(--red)}
.live-wire-head b{font-family:"Barlow Condensed";font-size:24px}
.live-wire-head span{font-size:10px;font-weight:900;color:var(--red)}
.wire-item{padding:18px 20px;border-bottom:1px solid #29292e}
.wire-item time{font-size:10px;color:var(--red);font-weight:900}
.wire-item p{font-size:13px;line-height:1.55;margin:6px 0 0;color:#ddd}
.wire-open{display:block;padding:17px 20px;font-size:12px;font-weight:800}

.recruiting-section{background:linear-gradient(110deg,#b90915,#e31b23);color:white;position:relative;overflow:hidden}
.recruiting-section:after{content:"";position:absolute;right:-80px;top:-100px;width:500px;height:500px;border:90px solid #ffffff0a;transform:rotate(30deg)}
.recruiting-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:68px}
.section-label.light:before{background:white}
.recruiting-copy h2{font-family:"Barlow Condensed";font-size:62px;line-height:.9;margin:12px 0 18px;text-transform:uppercase;font-style:italic}
.recruiting-copy h2 em{color:#111;font-style:italic}
.recruiting-copy p{line-height:1.65;max-width:530px}
.button-light{display:inline-block;background:white;color:#111;padding:12px 16px;font-size:12px;font-weight:900;margin-top:12px}
.recruit-board{background:#101013;padding:8px}
.recruit-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:18px 12px;border-bottom:1px solid #2c2c30}
.recruit-row:last-child{border:0}
.rank{font-family:"Barlow Condensed";font-size:30px;color:var(--red)}
.recruit-row b{display:block}
.recruit-row small{color:#aaa}
.status{font-size:10px;font-weight:900;color:var(--red)}

.coverage-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ddd}
.coverage-grid article{padding:28px;border-right:1px solid #ddd}
.coverage-grid article:last-child{border:0}
.coverage-grid article>span{font-family:"Barlow Condensed";font-size:40px;color:#ddd;font-weight:900}
.coverage-grid h3{font-family:"Barlow Condensed";font-size:28px;margin:5px 0 10px}
.coverage-grid p{font-size:13px;line-height:1.55;color:#666}
.coverage-grid a{font-size:12px;font-weight:800;color:var(--red)}

.video-section{background:#0d0d10;color:white;padding-block:62px}
.dark-head h2{color:white}
.dark-head a{color:#f05}
.video-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}
.video-grid article{min-height:210px;padding:24px;background:linear-gradient(145deg,#1c1c20,#09090b);border:1px solid #2c2c32;display:flex;flex-direction:column;justify-content:flex-end}
.video-main{min-height:350px!important;background:linear-gradient(145deg,#240409,#0b0b0e)!important}
.play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--red);margin-bottom:auto}
.play.small{width:40px;height:40px}
.video-grid small{font-weight:900;color:var(--red)}
.video-grid h3{font-family:"Barlow Condensed";font-size:30px;margin:8px 0 0}

.about-grid{display:grid;grid-template-columns:290px 1fr;gap:55px;align-items:center}
.about-mark{background:#f4f4f5;padding:35px}
.about-copy h2{font-family:"Barlow Condensed";font-size:48px;margin:10px 0}
.about-copy p{max-width:730px;line-height:1.75;color:#5f5f64}
.about-copy a{font-weight:800;color:var(--red)}

.newsletter{background:var(--red);color:white}
.newsletter-inner{padding-block:42px;display:flex;justify-content:space-between;align-items:center;gap:35px}
.newsletter span{font-size:11px;font-weight:900;letter-spacing:.1em}
.newsletter h2{font-family:"Barlow Condensed";font-size:38px;margin:5px 0}
.newsletter p{margin:0;color:#ffe9ea}
.newsletter form{display:flex;min-width:min(480px,100%)}
.newsletter input{flex:1;border:0;padding:15px 16px;font:inherit}
.newsletter button{border:0;background:#101013;color:white;padding:0 20px;font-weight:900}

footer{background:#08080a;color:#cfcfd3;padding-top:50px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:40px}
.footer-brand img{width:280px;filter:brightness(0) invert(1)}
.footer-brand p{font-size:13px}
footer h4{color:white;font-family:"Barlow Condensed";font-size:22px;margin:0 0 12px}
footer a{display:block;font-size:13px;margin:8px 0}
.copyright{border-top:1px solid #25252a;padding:20px 0 28px;font-size:11px;color:#777}

.article-site-head{background:white;border-bottom:1px solid #ddd}
.article-site-head>.shell{height:105px;display:flex;align-items:center;justify-content:space-between}
.article-site-head img{width:320px;height:78px;object-fit:contain;object-position:left}
.back{font-size:13px;font-weight:800;color:var(--red)}
.article-shell{width:min(920px,calc(100% - 40px));margin:60px auto}
.article-shell h1{font-family:"Barlow Condensed";font-size:66px;line-height:.92;margin:14px 0 18px}
.dek{font-size:19px;color:#5f5f64;line-height:1.55}
.byline{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:22px 0 30px}
.article-hero{height:390px;background:linear-gradient(145deg,#08080b,#40070d);display:flex;align-items:flex-end;padding:26px;color:white}
.article-hero span{background:var(--red);padding:9px 12px;font-family:"Barlow Condensed";font-weight:900}
.article-body{max-width:720px;margin:42px auto;font-size:16px;line-height:1.8}
.article-body .lead{font-size:20px;font-weight:600}
.article-body h2{font-family:"Barlow Condensed";font-size:38px;margin-top:35px}
.article-body blockquote{border-left:6px solid var(--red);margin:34px 0;padding:12px 20px;font-family:"Barlow Condensed";font-size:30px;font-weight:800}

@media(max-width:900px){
  .shell{width:min(100% - 28px,var(--max))}
  .header-main{height:98px}
  .brand img{width:285px;height:72px}
  .socials{display:none}
  .menu-toggle{display:block}
  .primary-nav{display:none}
  .primary-nav.open{display:block}
  .nav-inner{display:block;padding-block:8px}
  .nav-inner a{display:block;padding:12px 8px;border-bottom:1px solid #26262b}
  .home-link{display:none!important}
  .intro-grid{grid-template-columns:1fr;gap:30px;min-height:auto;padding-block:55px}
  .intro-panel{display:none}
  .top-grid,.wire-layout,.recruiting-grid,.about-grid{grid-template-columns:1fr}
  .top-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .news-grid{grid-template-columns:1fr}
  .coverage-grid{grid-template-columns:1fr 1fr}
  .coverage-grid article:nth-child(2){border-right:0}
  .coverage-grid article:nth-child(-n+2){border-bottom:1px solid #ddd}
  .video-grid{grid-template-columns:1fr 1fr}
  .video-main{grid-column:1/-1}
  .newsletter-inner{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}

@media(max-width:560px){
  .wire-strip{height:44px;grid-template-columns:105px minmax(0,1fr) 40px}
  .wire-label{padding:0 12px;font-size:15px}
  .wire-copy{padding:0 8px;font-size:9.5px;white-space:nowrap;overflow:hidden}
  .wire-bolt{font-size:16px}
  .header-main{height:110px}
  .brand img{width:260px;height:78px}
  .breaking-inner{width:100%;padding:0}
  .breaking-badge{padding:0 10px;font-size:11px}
  .breaking-headline{font-size:10.5px;padding:0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .breaking-time{display:none}
  .intro-copy h1{font-size:58px}
  .intro-copy p{font-size:15px}
  .intro-links{flex-wrap:wrap}
  .section{padding-block:44px}
  .section-head h2{font-size:28px}
  .section-head>a{font-size:11px}
  .top-side{grid-template-columns:1fr}
  .lead-art{min-height:460px}
  .lead-copy{left:22px;right:20px;bottom:27px}
  .lead-copy h3{font-size:49px}
  .headline-card{min-height:210px;padding:24px}
  .feature-card{grid-template-columns:1fr}
  .feature-art{min-height:200px}
  .recruiting-grid{gap:30px;padding-block:48px}
  .recruiting-copy h2{font-size:50px}
  .coverage-grid{grid-template-columns:1fr}
  .coverage-grid article{border-right:0!important;border-bottom:1px solid #ddd!important}
  .coverage-grid article:last-child{border-bottom:0!important}
  .video-grid{grid-template-columns:1fr}
  .video-main{grid-column:auto}
  .about-mark{max-width:260px;margin:auto}
  .newsletter form{min-width:0;width:100%}
  .newsletter input{min-width:0}
  .newsletter button{padding-inline:12px}
  .article-site-head>.shell{height:90px}
  .article-site-head img{width:240px}
  .article-shell{margin:40px auto}
  .article-shell h1{font-size:48px}
  .article-hero{height:260px}
}


/* Mobile homepage tightening: keep the approved header, surface stories sooner */
@media (max-width: 560px) {
  .page-intro {
    border-bottom-width: 5px;
  }

  .intro-grid {
    min-height: auto !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .eyebrow {
    font-size: 11px !important;
    letter-spacing: .07em !important;
  }

  .eyebrow:before {
    width: 26px !important;
  }

  .intro-copy h1 {
    font-size: 44px !important;
    line-height: .88 !important;
    margin-top: 16px !important;
    margin-bottom: 18px !important;
    max-width: 330px;
  }

  .intro-copy p {
    font-size: 14px !important;
    line-height: 1.48 !important;
    max-width: 340px;
  }

  .intro-links {
    margin-top: 20px !important;
    gap: 8px !important;
  }

  .intro-links a {
    padding: 10px 13px !important;
    font-size: 11px !important;
  }

  #top-stories.section {
    padding-top: 34px !important;
  }
}


/* Editorial story-art refresh + mobile heading collision fix */
.story-art{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  padding:22px;
  color:#fff;
  overflow:hidden;
  isolation:isolate;
}
.story-art:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(120deg,transparent 0 58%,rgba(227,27,35,.18) 59% 61%,transparent 62%),
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.35) 0 2px,transparent 3px),
    radial-gradient(circle at 76% 22%,rgba(255,255,255,.22) 0 2px,transparent 3px);
}
.story-art:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1px);
  background-size:18px 18px;
  mask-image:linear-gradient(90deg,#000,transparent 80%);
}
.story-art-cfb{background:linear-gradient(145deg,#08080a,#23070b 64%,#5b0810)}
.story-art-rec{background:linear-gradient(145deg,#ba0b17,#e31b23 58%,#7d050d)}
.story-art-hs{background:linear-gradient(145deg,#151518,#27272c 58%,#47070d)}
.art-kicker{
  font-family:"Barlow Condensed",sans-serif;
  font-size:11px!important;
  letter-spacing:.1em;
  font-weight:900;
  color:#fff!important;
  opacity:.82;
}
.story-art strong{
  font-family:"Barlow Condensed",sans-serif;
  font-size:34px;
  line-height:.86;
  text-transform:uppercase;
  font-style:italic;
  margin-top:8px;
  letter-spacing:-.01em;
}
.story-art strong em{color:#ff2632;font-style:italic}
.story-art-rec strong em{color:#111}
.story-art small{
  margin-top:10px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.8;
}

@media(max-width:560px){
  .latest-section .section-head{
    align-items:flex-start!important;
    gap:12px!important;
  }

  .latest-section .section-head>div{
    min-width:0;
    flex:1;
    align-items:flex-start!important;
  }

  .latest-section .section-head h2{
    font-size:25px!important;
    line-height:.95!important;
    max-width:235px;
  }

  .latest-section .section-head>a{
    flex:0 0 auto;
    max-width:92px;
    text-align:right;
    line-height:1.05;
    padding-top:2px;
  }

  .news-grid{
    gap:16px!important;
  }

  .news-card{
    display:grid;
    grid-template-columns:42% 58%;
    min-height:168px;
  }

  .thumb{
    height:auto!important;
    min-height:168px;
  }

  .story-art{
    padding:16px 14px;
  }

  .story-art strong{
    font-size:26px!important;
  }

  .story-art small{
    font-size:8.5px!important;
  }

  .news-copy{
    padding:17px 16px!important;
  }

  .news-copy h3{
    font-size:21px!important;
    line-height:1!important;
    margin:8px 0!important;
  }

  .news-copy p{
    font-size:11.5px!important;
    line-height:1.42!important;
  }

  .meta{
    font-size:9px!important;
  }
}


/* Match the approved mobile newsroom mockup */
@media (max-width: 560px) {

  /* Header proportions */
  .header-main {
    height: 118px !important;
  }

  .brand img {
    width: 285px !important;
    height: 84px !important;
  }

  .menu-toggle span {
    width: 34px !important;
    height: 4px !important;
    margin: 6px 0 !important;
  }

  /* Breaking strip */
  .breaking-inner {
    min-height: 48px !important;
  }

  .breaking-badge {
    font-size: 12px !important;
    padding: 0 14px !important;
  }

  .breaking-headline {
    font-size: 11.5px !important;
    font-weight: 800 !important;
  }

  /* Straight From The Wire heading */
  .latest-section {
    padding-top: 42px !important;
    padding-bottom: 48px !important;
  }

  .latest-section .section-head {
    align-items: center !important;
    margin-bottom: 26px !important;
  }

  .latest-section .section-head > div {
    align-items: center !important;
    gap: 12px !important;
  }

  .latest-section .section-head h2 {
    font-size: 28px !important;
    line-height: .92 !important;
    max-width: 250px !important;
  }

  .latest-section .section-head > a {
    max-width: none !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    padding-top: 0 !important;
  }

  /* Story cards */
  .news-grid {
    gap: 14px !important;
  }

  .news-card {
    grid-template-columns: 43% 57% !important;
    min-height: 164px !important;
    border: 1px solid #d9d9de !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .thumb {
    min-height: 164px !important;
  }

  .story-art {
    padding: 16px 14px !important;
  }

  .story-art:before {
    background:
      linear-gradient(120deg, transparent 0 60%, rgba(227,27,35,.25) 61% 63%, transparent 64%),
      radial-gradient(circle at 82% 17%, rgba(255,255,255,.72) 0 2px, transparent 3px),
      radial-gradient(circle at 76% 21%, rgba(255,255,255,.42) 0 2px, transparent 3px) !important;
  }

  .story-art-cfb {
    background:
      linear-gradient(145deg,#050507 0%,#180307 62%,#39050b 100%) !important;
  }

  .story-art-rec {
    background:
      linear-gradient(145deg,#d70b18 0%,#ef1724 56%,#a20711 100%) !important;
  }

  .story-art-rec:before {
    background:
      linear-gradient(135deg, transparent 58%, rgba(255,255,255,.12) 59% 61%, transparent 62%),
      linear-gradient(45deg, transparent 66%, rgba(70,0,0,.15) 67% 69%, transparent 70%) !important;
  }

  .story-art-hs {
    background:
      radial-gradient(circle at 82% 20%,rgba(255,255,255,.8) 0 2px,transparent 3px),
      radial-gradient(circle at 78% 23%,rgba(255,255,255,.6) 0 2px,transparent 3px),
      linear-gradient(145deg,#09090b 0%,#17171b 68%,#260409 100%) !important;
  }

  .art-kicker {
    font-size: 9.5px !important;
    letter-spacing: .11em !important;
  }

  .story-art strong {
    font-size: 25px !important;
    line-height: .88 !important;
    margin-top: 7px !important;
  }

  .story-art small {
    font-size: 8px !important;
    margin-top: 9px !important;
  }

  .news-copy {
    padding: 16px 15px !important;
  }

  .meta {
    font-size: 8.5px !important;
    line-height: 1.15 !important;
  }

  .news-copy h3 {
    font-size: 20px !important;
    line-height: 1.02 !important;
    margin: 8px 0 9px !important;
  }

  .news-copy p {
    font-size: 11.2px !important;
    line-height: 1.38 !important;
    margin: 0 !important;
  }
}


/* Approved Saturday Wire editorial treatment */
.saturday-art{
  position:relative;
  min-height:315px;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 75% 20%,rgba(255,255,255,.6) 0 2px,transparent 3px),
    radial-gradient(ellipse at 80% 23%,rgba(255,255,255,.45) 0 2px,transparent 3px),
    linear-gradient(110deg,#050506 0%,#120407 52%,#35070c 100%)!important;
  padding:30px!important;
  align-items:flex-start!important;
}
.saturday-art:before{
  content:"";
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(112deg,transparent 0 45px,rgba(227,27,35,.11) 46px 50px,transparent 51px 90px),
    linear-gradient(0deg,rgba(0,0,0,.15),transparent);
}
.saturday-art-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;color:#fff}
.saturday-art-copy small{font-family:"Barlow Condensed";font-size:20px;font-weight:900;font-style:italic;letter-spacing:.22em}
.saturday-art-copy strong{font-family:"Barlow Condensed";font-size:74px;line-height:.78;font-weight:900;font-style:italic}
.saturday-art-copy>span{font-family:"Barlow Condensed";font-size:18px;line-height:1.05;font-weight:800;font-style:italic;text-transform:uppercase;margin-top:18px;border-top:4px solid var(--red);padding-top:9px}
.saturday-art-copy em{color:var(--red);font-style:italic}
.saturday-art-copy b{margin-top:18px;background:var(--red);padding:10px 13px;font-family:"Barlow Condensed";font-size:14px}
.football-mark{
  position:absolute;z-index:1;right:8%;bottom:14%;width:150px;height:98px;
  border-radius:50%;transform:rotate(-15deg);
  background:linear-gradient(145deg,#7b3824,#35140d);
  border:3px solid #b7836c;
  box-shadow:0 15px 30px #0008;
}
.football-mark:before{content:"";position:absolute;left:50%;top:12%;bottom:12%;width:5px;background:#eee;transform:translateX(-50%)}
.football-mark:after{content:"";position:absolute;left:34%;right:34%;top:27%;height:46%;border-top:4px solid #eee;border-bottom:4px solid #eee}

.saturday-mini-grid{display:grid;gap:12px;margin-top:14px}
.saturday-mini{display:grid;grid-template-columns:210px 1fr 34px;align-items:stretch;border:1px solid #d9d9de;border-radius:7px;overflow:hidden;background:#fff}
.mini-art{min-height:125px;padding:20px;background:linear-gradient(145deg,#08080a,#26060a);display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden}
.mini-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 60%,rgba(227,27,35,.16) 61% 63%,transparent 64%)}
.mini-art small,.mini-art strong,.mini-art span{position:relative;z-index:2;font-family:"Barlow Condensed";font-weight:900;text-transform:uppercase}
.mini-art small{font-size:18px;font-style:italic}
.mini-art strong{font-size:29px;line-height:.9;color:var(--red);font-style:italic}
.mini-art span{font-size:11px;margin-top:12px}
.matchups:before{content:"SEC";position:absolute;right:13px;top:12px;width:45px;height:45px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;font-family:"Barlow Condensed";font-weight:900}
.mini-copy{padding:17px 20px}
.mini-copy>span{font-size:10px;color:var(--red);font-weight:900;letter-spacing:.06em}
.mini-copy h3{font-family:"Barlow Condensed";font-size:22px;line-height:1;margin:6px 0}
.mini-copy p{font-size:12px;line-height:1.4;color:#666;margin:0}
.mini-arrow{display:grid;place-items:center;color:var(--red);font-size:40px}

@media(max-width:560px){
  .wire-feature>h2{font-size:44px!important;margin-bottom:18px!important}
  .saturday-feature{border-radius:7px!important;overflow:hidden!important}
  .saturday-art{min-height:245px!important;padding:24px!important}
  .saturday-art-copy small{font-size:15px!important}
  .saturday-art-copy strong{font-size:57px!important}
  .saturday-art-copy>span{font-size:14px!important;margin-top:14px!important}
  .saturday-art-copy b{font-size:11px!important;padding:8px 10px!important}
  .football-mark{width:112px;height:72px;right:6%;bottom:14%}
  .feature-copy{padding:23px!important}
  .feature-copy h3{font-size:30px!important}
  .feature-copy p{font-size:13px!important;line-height:1.5!important}
  .saturday-mini{grid-template-columns:42% 1fr 22px!important}
  .mini-art{min-height:126px!important;padding:14px!important}
  .mini-art small{font-size:14px!important}
  .mini-art strong{font-size:24px!important}
  .mini-art span{font-size:9px!important;margin-top:10px!important}
  .matchups:before{width:34px;height:34px;font-size:13px;right:8px;top:8px}
  .mini-copy{padding:13px 11px!important}
  .mini-copy>span{font-size:8px!important}
  .mini-copy h3{font-size:17px!important;line-height:1!important;margin:5px 0!important}
  .mini-copy p{font-size:9.5px!important;line-height:1.3!important}
  .mini-arrow{font-size:27px!important}
}


/* Final Saturday Wire hero: use approved designed artwork asset */
.saturday-art {
  background-image: url('/assets/saturday-wire-hero.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 315px !important;
}
.saturday-art:before,
.saturday-art:after {
  display: none !important;
}
.saturday-art-copy,
.football-mark {
  display: none !important;
}

@media (max-width: 560px) {
  .saturday-art {
    min-height: 245px !important;
    background-position: center center !important;
  }
}


/* Saturday Wire artwork fit fix: show the complete designed graphic */
.saturday-art {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #08080a !important;
  aspect-ratio: 1.95 / 1 !important;
  min-height: 0 !important;
}

@media (max-width: 560px) {
  .saturday-art {
    background-size: contain !important;
    background-position: center center !important;
    aspect-ratio: 1.95 / 1 !important;
    min-height: 0 !important;
  }
}


/* Weekend Matchups artwork upgrade — replace bland SEC circle with matchup energy */
.matchups{
  background:
    linear-gradient(115deg,transparent 0 55%,rgba(227,27,35,.16) 56% 58%,transparent 59%),
    repeating-linear-gradient(0deg,transparent 0 22px,rgba(255,255,255,.035) 23px 24px),
    linear-gradient(145deg,#08080a 0%,#180307 62%,#35060b 100%) !important;
}
.matchups:before{
  content:"";
  position:absolute;
  right:-20px;
  top:-18px;
  width:115px;
  height:115px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  box-shadow:
    0 0 0 18px rgba(255,255,255,.025),
    0 0 0 36px rgba(227,27,35,.025);
}
.matchup-vs{
  position:absolute;
  z-index:3;
  right:11px;
  top:10px;
  width:62px;
  height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  transform:rotate(-6deg);
}
.matchup-vs b{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:#e31b23;
  color:#fff;
  border:2px solid #fff;
  font-family:"Barlow Condensed",sans-serif;
  font-size:15px;
  font-style:italic;
  font-weight:900;
  line-height:1;
  box-shadow:5px 5px 0 rgba(0,0,0,.28);
}
.matchup-vs i{
  display:block;
  width:12px;
  height:3px;
  background:#fff;
}
.matchups > small,
.matchups > strong,
.matchups > span{
  position:relative;
  z-index:4;
}
.matchups > strong{
  text-shadow:2px 2px 0 rgba(0,0,0,.28);
}

/* Retire the old SEC-circle treatment */
.matchups:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#e31b23 0 58%,transparent 58%);
}

@media(max-width:560px){
  .matchup-vs{
    width:48px;
    height:35px;
    right:7px;
    top:8px;
    gap:3px;
  }
  .matchup-vs b{
    width:28px;
    height:28px;
    font-size:12px;
  }
  .matchup-vs i{
    width:8px;
    height:2px;
  }
  .matchups:before{
    width:88px;
    height:88px;
    right:-19px;
    top:-18px;
  }
}

/* Clean Weekend Matchups: no badge, richer field/stadium texture */
.matchup-vs{display:none!important}
.matchups{
 background:
 radial-gradient(circle at 82% 18%,rgba(255,255,255,.28) 0 2px,transparent 3px),
 radial-gradient(circle at 76% 24%,rgba(255,255,255,.15) 0 2px,transparent 3px),
 linear-gradient(112deg,transparent 0 56%,rgba(227,27,35,.36) 57% 59%,transparent 60%),
 linear-gradient(112deg,transparent 0 69%,rgba(227,27,35,.15) 70% 72%,transparent 73%),
 repeating-linear-gradient(0deg,transparent 0 24px,rgba(255,255,255,.035) 25px 26px),
 linear-gradient(145deg,#070709,#170306 63%,#35060b)!important;
}
.matchups:before{content:"";position:absolute;right:-12%;top:5%;width:58%;height:90%;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.matchups:after{content:"";position:absolute;left:0;bottom:0;width:62%;height:4px;background:#e31b23}

/* Upgrade the existing Wire panel without changing page structure */
.live-wire{background:linear-gradient(145deg,#121216,#08080a)!important;border-radius:7px!important;overflow:hidden!important}
.live-wire-head{border-bottom:4px solid #e31b23!important}
.live-wire-head .live{color:#ef2430!important}
.live-item{position:relative!important;padding-left:40px!important}
.live-item:before{content:"";position:absolute;left:20px;top:27px;width:6px;height:6px;border-radius:50%;background:#ef2430}
.live-item time{color:#ef2430!important;font-weight:900!important}
.live-item strong{color:#fff!important}
.live-wire>a:last-child{display:flex!important;align-items:center!important;gap:8px!important;font-weight:900!important}
.live-wire>a:last-child:before{content:"⚡";color:#ef2430;font-size:18px}

@media(max-width:560px){
 .live-item{padding-left:38px!important}
 .live-item:before{left:18px!important}
}


/* Recruiting Wire editorial background upgrade */
.recruiting-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(203,5,19,.97) 0%,rgba(211,8,22,.94) 48%,rgba(170,0,14,.86) 100%),
    url('/assets/recruiting-wire-bg.jpg') center right / cover no-repeat !important;
}
.recruiting-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(115deg,transparent 0 62px,rgba(255,255,255,.035) 63px 65px,transparent 66px 110px),
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.12) 0 2px,transparent 3px);
  background-size:auto,22px 22px;
  pointer-events:none;
}
.recruiting-section:after{
  content:"";
  position:absolute;
  right:-8%;
  bottom:-18%;
  width:62%;
  height:55%;
  border:1px solid rgba(255,255,255,.08);
  transform:skewX(-18deg);
  pointer-events:none;
}
.recruiting-grid{
  position:relative;
  z-index:2;
}
.recruiting-copy p{
  max-width:560px;
}
.recruit-board{
  background:rgba(12,12,15,.96)!important;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.recruit-row{
  position:relative;
}
.recruit-row:after{
  content:"›";
  color:#ef2430;
  font-size:28px;
  font-weight:900;
  margin-left:4px;
}

@media(max-width:560px){
  .recruiting-section{
    background:
      linear-gradient(180deg,rgba(205,4,18,.90) 0%,rgba(212,8,22,.94) 46%,rgba(191,2,17,.98) 100%),
      url('/assets/recruiting-wire-bg.jpg') 78% top / auto 52% no-repeat !important;
  }
  .recruiting-grid{
    padding-top:50px!important;
    padding-bottom:48px!important;
  }
  .recruiting-copy{
    padding-right:6px;
  }
  .recruiting-copy h2{
    font-size:48px!important;
    line-height:.88!important;
    margin-bottom:16px!important;
  }
  .recruiting-copy p{
    font-size:14px!important;
    line-height:1.5!important;
    max-width:330px!important;
  }
  .button-light{
    margin-top:14px!important;
  }
  .recruit-board{
    margin-top:8px;
  }
  .recruit-row{
    grid-template-columns:54px 1fr auto 14px!important;
    gap:10px!important;
    padding:17px 11px!important;
  }
  .recruit-row:after{
    font-size:23px!important;
  }
}


/* Recruiting Wire background correction:
   show the player/stadium art clearly, remove dots/ghosting, keep copy readable */
.recruiting-section{
  background:
    linear-gradient(
      90deg,
      rgba(188,0,16,.97) 0%,
      rgba(197,3,18,.94) 38%,
      rgba(181,0,15,.76) 58%,
      rgba(92,0,8,.34) 100%
    ),
    url('/assets/recruiting-wire-bg.jpg') right center / cover no-repeat !important;
}

.recruiting-section:before{
  content:none !important;
  display:none !important;
}

.recruiting-section:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  right:auto !important;
  bottom:auto !important;
  border:0 !important;
  transform:none !important;
  pointer-events:none !important;
  background:
    linear-gradient(115deg,transparent 0 70%,rgba(255,255,255,.045) 71% 72%,transparent 73%),
    linear-gradient(115deg,transparent 0 82%,rgba(227,27,35,.18) 83% 84%,transparent 85%) !important;
}

.recruiting-copy{
  position:relative;
  z-index:3;
  text-shadow:0 1px 8px rgba(0,0,0,.12);
}

.recruit-board{
  position:relative;
  z-index:3;
}

@media(max-width:560px){
  .recruiting-section{
    background:
      linear-gradient(
        90deg,
        rgba(190,0,16,.97) 0%,
        rgba(197,3,18,.95) 44%,
        rgba(166,0,14,.70) 66%,
        rgba(62,0,6,.24) 100%
      ),
      url('/assets/recruiting-wire-bg.jpg') 82% 12% / auto 58% no-repeat !important;
    background-color:#c90018 !important;
  }

  .recruiting-section:after{
    background:
      linear-gradient(118deg,transparent 0 76%,rgba(255,255,255,.04) 77% 78%,transparent 79%),
      linear-gradient(118deg,transparent 0 87%,rgba(227,27,35,.18) 88% 89%,transparent 90%) !important;
  }

  .recruiting-copy{
    padding-right:0 !important;
  }

  .recruiting-copy p{
    max-width:305px !important;
  }
}


/* Coverage editorial upgrade */
.coverage-section{padding-top:68px!important;padding-bottom:76px!important}
.coverage-head{margin-bottom:12px!important}
.coverage-intro{margin:0 0 30px;font-size:13px;line-height:1.7;letter-spacing:.12em;font-weight:700;color:#303034}
.coverage-editorial{display:grid!important;grid-template-columns:1fr!important;border:0!important;gap:0}
.coverage-editorial .coverage-card{
  display:grid!important;
  grid-template-columns:44% 56%!important;
  min-height:285px;
  padding:0!important;
  border:1px solid #d8d8da!important;
  border-bottom:0!important;
  overflow:hidden;
  background:#fff;
}
.coverage-editorial .coverage-card:last-child{border-bottom:1px solid #d8d8da!important}
.coverage-copy{padding:28px 32px;position:relative;z-index:2;background:#fff}
.coverage-editorial .coverage-copy>span{display:block;font-family:"Barlow Condensed";font-size:48px;line-height:1;color:#d8d8da;font-weight:900}
.coverage-copy>i{display:block;width:42px;height:4px;background:var(--red);margin:8px 0 14px}
.coverage-editorial h3{font-family:"Barlow Condensed";font-size:32px;line-height:1;margin:0 0 14px;text-transform:uppercase}
.coverage-editorial p{font-size:14px;line-height:1.55;color:#555;margin:0 0 24px;max-width:330px}
.coverage-editorial a{font-size:13px;font-weight:900;color:var(--red);text-transform:uppercase}
.coverage-photo{position:relative;min-height:285px;background-size:cover;background-position:center}
.coverage-photo:before{
  content:"";position:absolute;inset:0 auto 0 -1px;width:78px;z-index:2;
  background:linear-gradient(105deg,#fff 0 34%,transparent 35%),
             linear-gradient(105deg,transparent 0 43%,rgba(229,0,36,.95) 44% 49%,transparent 50%),
             linear-gradient(105deg,transparent 0 54%,rgba(229,0,36,.45) 55% 58%,transparent 59%);
}
.basketball-photo{background-image:url('/assets/coverage-basketball.jpg')}
.baseball-photo{background-image:url('/assets/coverage-baseball.jpg')}
.motorsports-photo{background-image:url('/assets/coverage-motorsports.jpg')}
.highschool-photo{background-image:url('/assets/coverage-highschool.jpg')}

@media(max-width:560px){
  .coverage-section{padding-top:54px!important;padding-bottom:58px!important}
  .coverage-intro{font-size:11px;line-height:1.65;margin-bottom:24px}
  .coverage-editorial .coverage-card{
    grid-template-columns:46% 54%!important;
    min-height:250px;
  }
  .coverage-copy{padding:20px 14px 18px 18px}
  .coverage-editorial .coverage-copy>span{font-size:42px}
  .coverage-copy>i{width:34px;height:4px;margin:6px 0 12px}
  .coverage-editorial h3{font-size:24px;margin-bottom:11px}
  .coverage-editorial p{font-size:11.5px;line-height:1.48;margin-bottom:17px}
  .coverage-editorial a{font-size:10.5px}
  .coverage-photo{min-height:250px}
  .coverage-photo:before{width:52px}
}


/* Tighten Coverage -> Gamewire Video transition only */
.coverage-section{
  padding-bottom:24px !important;
}
.video-section{
  padding-top:30px !important;
}
.video-section .section-head{
  margin-top:0 !important;
  margin-bottom:24px !important;
}

@media(max-width:560px){
  .coverage-section{
    padding-bottom:18px !important;
  }
  .video-section{
    padding-top:28px !important;
  }
}


/* =========================================================
   GAMEWIRE VIDEO — FINAL CLEAN CINEMATIC TREATMENT
   ========================================================= */
.gamewire-video,
.video-section {
  background:#0a0a0c !important;
}

.gamewire-video .video-card,
.video-section .video-card,
.video-grid .video-card {
  position:relative !important;
  overflow:hidden !important;
  min-height:360px;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px !important;
  background:#10070a !important;
  isolation:isolate;
}

.gamewire-video .video-card::before,
.video-section .video-card::before,
.video-grid .video-card::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(5,5,7,.92) 0%,rgba(5,5,7,.72) 42%,rgba(5,5,7,.18) 100%),
    radial-gradient(circle at 76% 32%,rgba(225,0,35,.20),transparent 38%),
    linear-gradient(135deg,#15070a 0%,#09090b 62%,#24070c 100%);
}

.gamewire-video .video-card:nth-child(2)::before,
.video-section .video-card:nth-child(2)::before,
.video-grid .video-card:nth-child(2)::before {
  background:
    linear-gradient(90deg,rgba(5,5,7,.92) 0%,rgba(5,5,7,.67) 47%,rgba(5,5,7,.20) 100%),
    radial-gradient(circle at 82% 38%,rgba(255,255,255,.09),transparent 32%),
    linear-gradient(145deg,#19070b 0%,#09090b 60%,#151519 100%);
}

.gamewire-video .video-card:nth-child(3)::before,
.video-section .video-card:nth-child(3)::before,
.video-grid .video-card:nth-child(3)::before {
  background:
    linear-gradient(90deg,rgba(5,5,7,.94) 0%,rgba(5,5,7,.72) 45%,rgba(5,5,7,.20) 100%),
    radial-gradient(circle at 79% 38%,rgba(225,0,35,.24),transparent 34%),
    linear-gradient(145deg,#17070a 0%,#09090b 58%,#25070d 100%);
}

/* No baked/ghost headline layer */
.gamewire-video .video-card::after,
.video-section .video-card::after,
.video-grid .video-card::after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:30%;
  height:100%;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(105deg,transparent 0 40%,rgba(225,0,35,.75) 41% 44%,transparent 45% 52%,rgba(225,0,35,.35) 53% 56%,transparent 57%);
  opacity:.55;
}

.gamewire-video .video-card > *,
.video-section .video-card > *,
.video-grid .video-card > * {
  position:relative;
  z-index:2;
}

.gamewire-video .play-button,
.video-section .play-button,
.video-grid .play-button,
.gamewire-video .video-play,
.video-section .video-play {
  width:74px !important;
  height:74px !important;
  border-radius:50% !important;
  background:#ed1c24 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}

.gamewire-video .video-card h3,
.video-section .video-card h3,
.video-grid .video-card h3 {
  color:#fff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}

.gamewire-video .video-card .eyebrow,
.gamewire-video .video-card .kicker,
.video-section .video-card .eyebrow,
.video-section .video-card .kicker,
.video-grid .video-card .eyebrow,
.video-grid .video-card .kicker {
  color:#ed1c24 !important;
}

@media (max-width:640px) {
  .gamewire-video .video-card,
  .video-section .video-card,
  .video-grid .video-card {
    min-height:330px;
  }
  .gamewire-video .video-card::after,
  .video-section .video-card::after,
  .video-grid .video-card::after {
    width:34%;
  }
}


/* =========================================================
   GAMEWIRE VIDEO — FINAL IMAGE ASSETS, NO DUPLICATE TEXT
   ========================================================= */
.video-section{
  background:#09090b !important;
}
.video-grid{
  gap:18px !important;
}
.video-grid article{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid #2d2d32 !important;
  border-radius:10px !important;
  isolation:isolate;
  min-height:310px !important;
  padding:26px !important;
  background-color:#0b0b0d !important;
  background-repeat:no-repeat !important;
  background-size:auto 100% !important;
  background-position:right center !important;
}
.video-grid article:nth-child(1){
  background-image:url('/assets/video-preview.jpg') !important;
}
.video-grid article:nth-child(2){
  background-image:url('/assets/video-60-second.jpg') !important;
}
.video-grid article:nth-child(3){
  background-image:url('/assets/video-recruiting.jpg') !important;
}

/* Dark readable copy area; artwork stays clean on the right */
.video-grid article:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,#08080afc 0%,#08080aef 34%,#08080ab5 52%,rgba(8,8,10,.20) 76%,rgba(8,8,10,.02) 100%);
}
.video-grid article:after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:22%;
  height:100%;
  z-index:-1;
  background:
    linear-gradient(105deg,transparent 0 38%,rgba(227,27,35,.70) 39% 42%,transparent 43% 52%,rgba(227,27,35,.26) 53% 56%,transparent 57%);
  opacity:.55;
}

/* Keep one text layer only — the site's HTML copy */
.video-grid article > *{
  position:relative;
  z-index:2;
}
.video-grid article small{
  display:block;
  color:#ef2630 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  margin-bottom:9px !important;
}
.video-grid article h3{
  color:#fff !important;
  font-family:"Barlow Condensed",sans-serif !important;
  font-size:37px !important;
  line-height:.92 !important;
  font-weight:900 !important;
  max-width:360px;
  margin:0 !important;
  text-shadow:0 2px 14px rgba(0,0,0,.45);
}
.video-grid .play{
  width:62px !important;
  height:62px !important;
  min-width:62px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#ed1c24 !important;
  color:#fff !important;
  font-size:22px !important;
  margin-bottom:auto !important;
  box-shadow:0 10px 28px rgba(0,0,0,.25);
}
.video-grid .play.small{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  font-size:19px !important;
}

/* Rebuild cards as editorial thumbnails instead of empty placeholders */
.video-grid article{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}
.video-grid article > div{
  margin-top:auto !important;
}

@media(max-width:560px){
  .video-grid{
    gap:16px !important;
  }
  .video-grid article,
  .video-grid .video-main{
    min-height:330px !important;
    padding:22px !important;
    background-size:auto 100% !important;
    background-position:72% center !important;
  }
  .video-grid article:before{
    background:
      linear-gradient(90deg,#08080afd 0%,#08080af2 40%,#08080ab8 60%,rgba(8,8,10,.15) 87%,rgba(8,8,10,.02) 100%) !important;
  }
  .video-grid article:after{
    width:28% !important;
  }
  .video-grid article small{
    font-size:11px !important;
  }
  .video-grid article h3{
    font-size:34px !important;
    max-width:280px !important;
  }
  .video-grid .play{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
  }
}


/* =========================================================
   ABOUT / POST-VIDEO TRANSITION — SGW EDITORIAL UPGRADE
   ========================================================= */

/* Remove the oversized dead-air feeling after Gamewire Video */
.video-section{
  padding-bottom:56px !important;
}

/* The branding block immediately following video */
.video-section + section,
.video-section + .section{
  position:relative;
}

/* Upgrade existing About section without changing its content */
.about-section,
section:has(.about-grid),
section:has(.about-copy){
  position:relative;
  overflow:hidden;
  background:#fff;
}

/* If the logo sits in its own wrapper/card, make it feel intentional */
.about-logo,
.brand-panel,
.about-section .logo-panel,
.about-section .brand-lockup{
  min-height:230px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:34px 24px !important;
  margin-bottom:42px !important;
  background:
    linear-gradient(135deg,#f7f7f8 0%,#fff 62%),
    #fff !important;
  border:1px solid #ededee !important;
  position:relative;
  overflow:hidden;
}
.about-logo:after,
.brand-panel:after,
.about-section .logo-panel:after,
.about-section .brand-lockup:after{
  content:"";
  position:absolute;
  right:-28px;
  top:0;
  width:120px;
  height:100%;
  background:linear-gradient(115deg,transparent 0 34%,rgba(224,18,36,.10) 35% 47%,transparent 48% 58%,rgba(224,18,36,.05) 59% 69%,transparent 70%);
  pointer-events:none;
}
.about-logo img,
.brand-panel img,
.about-section .logo-panel img,
.about-section .brand-lockup img{
  width:min(78%,430px) !important;
  max-width:430px !important;
  height:auto !important;
  object-fit:contain !important;
  position:relative;
  z-index:1;
}

/* Strengthen About heading and copy */
.about-section .section-kicker,
.about-section .eyebrow{
  color:#111 !important;
}
.about-section h2{
  font-family:"Barlow Condensed",sans-serif !important;
  font-weight:900 !important;
  text-transform:uppercase;
  letter-spacing:-.015em;
}
.about-section p{
  color:#656569;
  line-height:1.6;
}

/* Generic fallback for the actual logo image seen between Video and About */
.video-section ~ section img[src*="logo"],
.video-section ~ section img[alt*="Southern Gamewire"]{
  width:min(78%,430px) !important;
  max-width:430px !important;
  height:auto !important;
}

/* Mobile: compact, branded transition instead of giant empty white space */
@media(max-width:640px){
  .video-section{
    padding-bottom:42px !important;
  }

  .about-section,
  section:has(.about-grid),
  section:has(.about-copy){
    padding-top:54px !important;
  }

  .about-logo,
  .brand-panel,
  .about-section .logo-panel,
  .about-section .brand-lockup{
    min-height:190px !important;
    padding:26px 18px !important;
    margin-bottom:34px !important;
  }

  .about-logo img,
  .brand-panel img,
  .about-section .logo-panel img,
  .about-section .brand-lockup img,
  .video-section ~ section img[src*="logo"],
  .video-section ~ section img[alt*="Southern Gamewire"]{
    width:88% !important;
    max-width:390px !important;
  }
}

/* FINAL APPROVED ABOUT MOBILE FIX */
@media (max-width:560px){
  #about.about-section{
    width:min(100% - 32px,var(--max)) !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    align-items:start !important;
  }

  #about .about-mark.about-logo{
    width:100% !important;
    max-width:none !important;
    min-height:260px !important;
    margin:0 0 38px 0 !important;
    padding:30px 20px !important;
    box-sizing:border-box !important;
  }

  #about .about-mark.about-logo img{
    width:92% !important;
    max-width:520px !important;
    min-width:0 !important;
    height:auto !important;
    display:block !important;
  }

  #about .about-copy{
    width:100% !important;
  }
}


/* LOCKED ABOUT HEADLINE — approved two-line mobile treatment */
@media (max-width:560px){
  #about .about-copy h2{
    font-size:clamp(43px,12.2vw,52px) !important;
    line-height:.96 !important;
    letter-spacing:-.02em !important;
    margin:18px 0 22px !important;
  }
  #about .about-copy h2 span{display:block !important;}
  #about .about-copy h2 span:last-child{white-space:nowrap !important;}
}
