.hero-banner{position:relative;margin:0 calc(50% - 50vw);height:520px;overflow:hidden;background:#111}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}.hero-slide.is-active{opacity:1}.hero-slide>a,.hero-slide img{width:100%;height:100%}.hero-slide img{object-fit:cover}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.36) 45%,rgba(0,0,0,.05) 100%),linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0) 48%)}.hero-copy{position:absolute;z-index:2;left:max(20px,calc((100vw - var(--container-width))/2 + 20px));bottom:64px;max-width:520px;color:#fff}.hero-copy span{display:inline-flex;margin-bottom:12px;padding:6px 12px;border-radius:var(--radius-button);background:rgba(255,255,255,.16)}.hero-copy h1,.hero-copy h2{font-size:46px;line-height:1.1}.hero-copy p{margin-top:14px;font-size:16px;line-height:1.8;color:rgba(255,255,255,.84)}.hero-actions{display:flex;gap:12px;margin-top:22px}.hero-thumbs{position:absolute;z-index:3;right:max(20px,calc((100vw - var(--container-width))/2 + 20px));bottom:42px;display:flex;gap:10px}.hero-thumbs button{min-width:72px;height:36px;border-radius:var(--radius-button);color:#fff;background:rgba(255,255,255,.2)}.hero-thumbs button.active{background:var(--color-primary)}.quick-nav{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin:22px 0 8px}.quick-nav a{padding:16px 10px;text-align:center;border-radius:10px;background:var(--color-bg-soft);font-weight:800}.quick-nav a:hover{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.sports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sports-grid a{min-height:118px;padding:22px;border-radius:10px;background:linear-gradient(135deg,#172133,#303b55);color:#fff;display:grid;align-content:space-between}.sports-grid strong{font-size:20px}.sports-grid span{color:rgba(255,255,255,.72)}.sports-grid em{justify-self:start;padding:5px 10px;border-radius:var(--radius-button);background:var(--color-primary);font-style:normal}.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.live-grid a{position:relative;display:block;overflow:hidden;border-radius:10px;background:#111;color:#fff}.live-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.82}.live-grid span{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:var(--radius-button);background:#ef233c;font-weight:800}.live-grid strong,.live-grid p{padding:0 14px}.live-grid strong{display:block;margin-top:12px;font-size:18px}.live-grid p{margin:5px 0 14px;color:rgba(255,255,255,.75)}
.hero-slide>.hero-media{position:absolute;inset:0;display:grid;grid-template-columns:1.25fr .95fr .95fr .95fr .95fr;gap:0;background:#090b12}.hero-slide>.hero-media img{width:100%!important;height:100%!important;min-width:0;object-fit:cover;border-radius:0;filter:saturate(1.08) contrast(1.02)}.hero-slide>.hero-media img:first-child{grid-row:span 1}.hero-slide>.hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 78% 35%,rgba(255,255,255,.12),transparent 28%),linear-gradient(90deg,rgba(4,5,12,.9) 0%,rgba(10,11,18,.66) 36%,rgba(10,11,18,.16) 72%,rgba(10,11,18,.55) 100%)}.hero-slide:after{z-index:1}.hero-copy,.hero-thumbs{z-index:3}@media(max-width:768px){.hero-slide>.hero-media{grid-template-columns:repeat(3,1fr)}.hero-slide>.hero-media img:nth-child(n+4){display:none}}
.hero-copy h1{font-size:46px;line-height:1.1}