/* CFB graphics refinement. Confined to CFB; prior homepage, NFL and account screens are unchanged. */
.cfb-hero{background-image:url("/static/site/assets/5e369c7bfed2.webp");background-size:cover;background-position:center;overflow:hidden}
.cfb-hero::before{z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,11,17,.51),rgba(0,11,17,.29) 43%,rgba(0,11,17,.04) 72%,rgba(0,11,17,.12))}
.cfb-hero-inner{isolation:isolate}
.cfb-hero-player{display:block;right:0;bottom:0;top:auto;height:100%;width:auto;max-width:none;object-fit:contain;filter:none;z-index:0;image-rendering:auto}
.cfb-art-caption{display:none!important}
.cfb-hero-copy{z-index:2}
.cfb-hero h1{font-family:'Roboto Condensed','Arial Narrow',Impact,sans-serif;font-weight:900;letter-spacing:.15px;transform:scaleX(1.075);line-height:1.08;text-shadow:0 2px 3px #000b}
.cfb-hero h1 span{background-image:linear-gradient(180deg,#ffebb0 0%,#ffd96f 35%,#f3c15b 63%,#dc9c30 100%);filter:drop-shadow(0 2px 2px #000b)}
.cfb-team img,.cfb-conference-logos img{object-fit:contain;image-rendering:auto;transform:translateZ(0)}
/* A background with an integrated football must preserve its ratio, not squash the ball. */
@media(min-width:681px){.cfb-bottom-cta{background-size:cover;background-position:58% center}}
@media(min-width:681px) and (max-width:860px){.cfb-hero-player{height:94%}.cfb-hero h1{font-size:40px;transform:none}.cfb-hero-description{max-width:465px}.cfb-hero-description br{display:none}.cfb-hero-actions{gap:12px}.cfb-create{width:204px}.cfb-watch{width:191px}}
/* Reserve a complete image area below the copy on phones. Never crop or place copy on the helmet. */
@media(max-width:680px){
 .cfb-hero{height:auto;background-position:35% top;background-size:auto 100%;}
 .cfb-hero::before{background:linear-gradient(180deg,#00101bb8 0%,#00101b9e 48%,#00101b24 78%,transparent)}
 .cfb-hero-inner{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0}
 .cfb-hero-copy{order:0;width:100%;padding:26px 24px 0;pointer-events:auto}
 .cfb-hero h1{font-size:clamp(33px,7.7vw,47px);width:100%;transform:none;line-height:1.08;letter-spacing:.15px}
 .cfb-hero h1 span{white-space:nowrap}
 .cfb-eyebrow{font-size:12px;letter-spacing:1.35px;line-height:18px;margin-bottom:8px!important}
 .cfb-hero-description{font-size:15px;line-height:21px;max-width:530px;margin-top:12px!important}
 .cfb-hero-description br{display:none}
 .cfb-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:480px;margin-top:18px}
 .cfb-create,.cfb-watch{width:100%;height:auto;min-height:62px;padding:8px 7px}
 .cfb-create strong{font-size:15px;line-height:19px}
 .cfb-create small{font-size:10.5px;line-height:12px}
 .cfb-watch{gap:8px}
 .cfb-watch strong{font-size:15px;line-height:19px;white-space:nowrap}
 .cfb-watch small{font-size:11px;line-height:17px}
 .cfb-watch .cfb-icon{width:28px;height:31px;flex-shrink:0}
 .cfb-hero-player{order:1;position:relative;display:block;align-self:flex-end;right:auto;bottom:auto;top:auto;width:min(100%,450px);max-width:100%;height:auto;aspect-ratio:848/650;margin-top:8px;object-fit:contain}
}
@media(max-width:430px){
 .cfb-hero-copy{padding:24px 18px 0}
 .cfb-hero h1{font-size:clamp(30px,8.4vw,36px);letter-spacing:0;line-height:1.11}
 .cfb-hero-description{font-size:14px;line-height:20px;margin-top:10px!important}
 .cfb-hero-actions{gap:9px;margin-top:15px}
 .cfb-create strong,.cfb-watch strong{font-size:13.5px;line-height:18px}
 .cfb-watch{gap:5px;padding-left:6px;padding-right:6px}
 .cfb-watch .cfb-icon{width:24px;height:28px}
 .cfb-create small{font-size:10px;line-height:12px}
 .cfb-watch small{font-size:10.5px}
 .cfb-hero-player{margin-top:10px;width:100%;height:auto;right:auto}
}
@media(max-width:359px){.cfb-hero-copy{padding-left:16px;padding-right:16px}.cfb-hero h1{font-size:29px}.cfb-eyebrow{font-size:11px}.cfb-create strong,.cfb-watch strong{font-size:12px}.cfb-watch .cfb-icon{width:21px}.cfb-watch{gap:4px}.cfb-create small{font-size:9px}.cfb-watch small{font-size:9.5px}}
/* Keep the cinematic reference proportions as desktop windows widen. */
@media(min-width:861px){
 .cfb-hero{height:clamp(300px,35.13vw,506px)}
 .cfb-hero-copy{padding-top:clamp(29px,3.34vw,48px);padding-left:6.45%;width:72%}
 .cfb-eyebrow{font-size:clamp(13px,1.508vw,21.7px);line-height:1.43;letter-spacing:clamp(1.6px,.194vw,2.8px);margin-bottom:clamp(5px,.647vw,9.3px)!important}
 .cfb-hero h1{font-size:clamp(47px,5.496vw,79px);transform:scaleX(1.145);line-height:1.08;width:90%}
 .cfb-hero-description{font-size:clamp(15px,1.724vw,24.8px);line-height:1.32;margin-top:clamp(6px,.647vw,9.3px)!important;max-width:none}
 .cfb-hero-actions{margin-top:clamp(18px,2.047vw,29.5px);gap:clamp(15px,1.724vw,24.8px)}
 .cfb-create{width:clamp(200px,23.276vw,335px);min-height:clamp(58px,6.681vw,96px)}
 .cfb-create strong{font-size:clamp(16px,1.832vw,26.4px);line-height:1.23}
 .cfb-create small{font-size:clamp(10px,1.185vw,17px);line-height:1.1}
 .cfb-watch{width:clamp(189px,21.983vw,316.5px);min-height:clamp(58px,6.681vw,96px);gap:clamp(10px,1.185vw,17px)}
 .cfb-watch strong{font-size:clamp(15px,1.724vw,24.8px);line-height:1.3}
 .cfb-watch small{font-size:clamp(11px,1.293vw,18.6px);line-height:1.4}
 .cfb-watch .cfb-icon{width:clamp(29px,3.341vw,48px);height:clamp(31px,3.664vw,52.7px)}
}
/* Keep the lower stadium photography proportional on phones as well. */
@media(max-width:680px){.cfb-bottom-cta{background-size:cover;background-position:47% center}}
@media(max-width:430px){.cfb-bottom-football{width:60%;right:29%}.cfb-bottom-script{max-width:103px;font-size:23px;line-height:1.05;right:13px;top:269px;transform:rotate(-9deg)}.cfb-bottom-script i{max-width:90px}}
@media(max-width:359px){.cfb-bottom-football{width:61%;right:31%;top:258px}.cfb-bottom-script{font-size:21px;max-width:90px;right:10px;top:279px}}