/* v24 full-screen sports showcase */
.ss{position:relative;width:100%;height:min(100vh,900px);min-height:520px;overflow:hidden;background:#07080a;color:#fff;isolation:isolate;padding:0!important;margin:0}
.ss-head{position:absolute;z-index:3;left:max(24px,5vw);top:clamp(92px,12vh,124px);right:24px;pointer-events:none}
.ss-head .kick{color:#ffb38a}
.ss-head h2{color:#fff;font-size:clamp(22px,3vw,34px);margin:6px 0 0;text-shadow:0 2px 14px rgb(0 0 0/.5)}
.ss-head h2 em{color:#fff;-webkit-text-stroke:0;text-decoration:underline;text-decoration-color:var(--c);text-underline-offset:6px}
.ss-track{position:absolute;inset:0;outline:none}
.ss-track:focus-visible{box-shadow:inset 0 0 0 3px var(--c)}
.ss-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.ss-slide.on{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.ss-slide picture,.ss-slide img{position:absolute;inset:0;width:100%;height:100%}
.ss-slide img{object-fit:cover;transform:scale(1.02);transition:transform 7s ease-out}
.ss-slide.on img{transform:scale(1.1)}
.ss-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(6 7 9/.7) 0%,rgb(6 7 9/.15) 28%,rgb(6 7 9/.35) 55%,rgb(6 7 9/.92) 100%),linear-gradient(90deg,rgb(6 7 9/.55),transparent 65%)}
.ss-copy{position:absolute;z-index:2;left:max(24px,5vw);bottom:clamp(96px,14vh,140px);right:24px;max-width:640px}
.ss-lab{font:500 12px var(--mono,ui-monospace,monospace);letter-spacing:.2em;text-transform:uppercase;color:#e9ebef}
.ss-name{font:900 italic clamp(52px,10vw,132px)/.9 var(--disp,system-ui);text-transform:uppercase;margin:10px 0 14px;color:#fff;letter-spacing:-.01em}
.ss-line{font-size:clamp(15px,1.4vw,18px);color:#e9ebef;margin:0 0 22px;max-width:46ch}
.ss-btn{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:99px;background:#fff;color:#0b0c0f;font-weight:700;text-decoration:none}
.ss-btn:hover{background:#ffe0cf}.ss-btn:focus-visible{outline:3px solid var(--c);outline-offset:3px}
.ss-ctl{position:absolute;z-index:3;left:max(24px,5vw);right:max(24px,5vw);bottom:clamp(28px,5vh,48px);display:flex;align-items:center;gap:10px}
.ss-b{width:44px;height:44px;border-radius:50%;border:1px solid rgb(255 255 255/.45);background:rgb(6 7 9/.45);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.ss-b:hover{background:rgb(255 255 255/.15)}.ss-b:focus-visible,.ss-dot:focus-visible{outline:3px solid var(--c);outline-offset:2px}
.ss-b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ss-b .i-play{display:none}.ss.paused-user .ss-b .i-play{display:block}.ss.paused-user .ss-b .i-pause{display:none}
.ss-b .i-play path{fill:currentColor}
.ss-dots{display:flex;gap:6px;flex:1;margin-left:10px;min-width:0}
.ss-dot{flex:1;height:24px;background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;min-width:0}
.ss-dot i{display:block;width:100%;height:3px;border-radius:3px;background:rgb(255 255 255/.32);overflow:hidden;position:relative}
.ss-dot i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.ss-dot.done i::after{transform:scaleX(1)}
.ss-dot[aria-current] i::after{transform:scaleX(var(--p,0))}
@media (max-width:600px){.ss{height:min(100svh,760px)}.ss-copy{bottom:96px}.ss-ctl{gap:8px}.ss-dots{margin-left:4px;gap:4px}.ss-b{width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){.ss-slide,.ss-slide.on{transition:none}.ss-slide img,.ss-slide.on img{transition:none;transform:none}}