.connections-section{padding:72px var(--pad,6%) 80px;border-top:8px solid #fff;background:#000;color:#fff;font-family:Inter,Arial,sans-serif;scroll-margin-top:24px}.connections-section h2{text-align:center;margin:0 0 36px;font-size:clamp(27px,3.3vw,42px);line-height:1.2;letter-spacing:-.9px}.connections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px;max-width:1220px;margin:auto}.connections-grid:has(>:only-child){max-width:700px}.connection-card{display:flex;align-items:center;gap:22px;padding:30px 26px;border:1px solid #263543;border-radius:12px;background:linear-gradient(130deg,#0b111a,#05080d);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.connection-card:hover{border-color:var(--blue,#008cff);transform:translateY(-3px);box-shadow:0 12px 32px #008cff12;color:inherit}.connection-card:focus-visible{outline:2px solid var(--blue,#008cff);outline-offset:5px}.connection-visual{display:flex;align-items:center;justify-content:center;width:88px;height:88px;flex:0 0 88px;color:var(--blue,#008cff);border-radius:10px;background:#008cff0d;overflow:hidden}.connection-visual>svg{width:70px;height:70px}.connection-visual>img{display:block;width:100%;height:100%;object-fit:cover}.connection-copy{display:flex;flex-direction:column;gap:10px;min-width:0}.connection-copy h3{margin:0;font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.3px;overflow-wrap:anywhere}.connection-description{font-size:14px;line-height:1.6;color:#aebbc9}.connection-cta{display:inline-flex;align-items:center;gap:8px;color:var(--blue,#008cff);font-size:14px;font-weight:700;line-height:1.5;margin-top:4px}.connection-cta svg{width:18px;height:18px;flex-shrink:0}.connection-cta svg:last-child{margin-left:2px}@media(max-width:760px){.connections-section{padding:50px 5% 56px}.connections-section h2{margin-bottom:26px}.connections-grid{grid-template-columns:1fr;gap:16px}.connection-card{padding:24px 20px;gap:18px}.connection-visual{width:72px;height:72px;flex-basis:72px}.connection-visual>svg{width:58px;height:58px}.connection-copy h3{font-size:19px}}@media(prefers-reduced-motion:reduce){.connection-card{transition:none}}
.nav-sports{display:inline-flex;align-items:center;padding:22px 0;font:inherit;line-height:1.5;color:inherit;white-space:nowrap;transition:color .2s}.nav-sports:hover{color:var(--blue,#008cff)}.nav-sports:focus-visible{outline:2px solid var(--blue,#008cff);outline-offset:5px}.mobile-menu-links>.nav-sports{display:flex;padding:20px 22px;border-bottom:1px solid #222;white-space:normal}.hero-community-discover{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:7px 0;font:500 13px/1.5 Inter,Arial,sans-serif;color:#bfd7ec;border-bottom:1px solid #3f5b72;transition:color .2s,border-color .2s}.hero-community-discover svg{width:17px;height:17px}.hero-community-discover:hover{color:#fff;border-color:var(--blue,#008cff)}.hero-community-discover:focus-visible{outline:2px solid var(--blue,#008cff);outline-offset:5px}
.sports-section{background:#03070d;border-top:8px solid #fff;overflow:hidden;scroll-margin-top:16px;font-family:Inter,Arial,sans-serif;color:#fff}
.sports-section>.gear-banner{border-bottom:0}
.sports-scene{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 100%)}
@media(min-width:1101px) and (max-width:1450px){body>header>nav:has(.nav-sports){position:static;left:auto;right:auto;transform:none;margin-left:auto;gap:clamp(14px,1.6vw,24px);font-size:14px}body>header>.logo{flex-shrink:0}}
@media(max-width:760px){
 .hero-community-discover{font-size:12px;margin-top:18px}
 .sports-scene{object-fit:contain;mask-image:linear-gradient(180deg,transparent,#000 12%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%)}
}
@media(prefers-reduced-motion:reduce){.nav-sports,.hero-community-discover,.sports-channel-button{transition:none}}
header[data-brand-theme="light"] .nav-sports,header[data-brand-theme="light"] .nav-entertainment,header[data-brand-theme="light"]>.mobile-menu-toggle{color:#17191c}header[data-brand-theme="light"] .nav-sports:hover,header[data-brand-theme="light"] .nav-entertainment:hover{color:var(--blue,#008cff)}

.hero-community-discover img{display:block;width:20px;height:20px;border-radius:5px;flex-shrink:0}