/* ===== League hero slideshow ===== */
.hero.has-slides{position:relative;overflow:hidden;isolation:isolate;--hs-dur:6500ms;--hs-fade:1300ms}
.hero.has-slides>.container{position:relative;z-index:3}
.hero.has-slides .pitch-art{z-index:2;opacity:.16}

/* photo layers */
.hs-track{position:absolute;inset:0;z-index:0;background:#041812}
.hs-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;
  transition:opacity var(--hs-fade) ease;will-change:opacity,transform;transform:scale(1)}
.hs-slide.is-active{opacity:1;z-index:1}
.hs-slide.is-leaving{opacity:0;z-index:0}

/* motion per slide (runs for the whole time the slide is on screen + the fade-out) */
.hs-slide.is-active,.hs-slide.is-leaving{animation-duration:calc(var(--hs-dur) + var(--hs-fade) * 2);
  animation-timing-function:linear;animation-fill-mode:both}
.hs-slide.fx-kenburns.is-active,.hs-slide.fx-kenburns.is-leaving{animation-name:hs-kenburns}
.hs-slide.fx-zoom-out.is-active,.hs-slide.fx-zoom-out.is-leaving{animation-name:hs-zoomout}
.hs-slide.fx-pan-left.is-active,.hs-slide.fx-pan-left.is-leaving{animation-name:hs-panleft}
.hs-slide.fx-pan-right.is-active,.hs-slide.fx-pan-right.is-leaving{animation-name:hs-panright}
@keyframes hs-kenburns{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.16) translate3d(-1.2%,-1%,0)}}
@keyframes hs-zoomout {from{transform:scale(1.2)}to{transform:scale(1.02)}}
@keyframes hs-panleft {from{transform:scale(1.14) translate3d(3%,0,0)}to{transform:scale(1.14) translate3d(-3%,0,0)}}
@keyframes hs-panright{from{transform:scale(1.14) translate3d(-3%,0,0)}to{transform:scale(1.14) translate3d(3%,0,0)}}

/* readability overlay + a slow light sweep so the page never feels static */
.hs-shade{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,24,18,.88) 0%,rgba(4,24,18,.55) 48%,rgba(4,24,18,.25) 100%),
    linear-gradient(0deg,rgba(4,24,18,.95) 0%,rgba(4,24,18,0) 45%)}
.hs-shade::after{content:"";position:absolute;inset:-20% -60%;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.07) 50%,transparent 58%);
  transform:translateX(-60%);animation:hs-sweep 9s ease-in-out infinite}
@keyframes hs-sweep{0%,55%{transform:translateX(-60%)}100%{transform:translateX(60%)}}

.has-slides .display,.has-slides .lead{text-shadow:0 2px 18px rgba(0,0,0,.45)}

/* captions */
.hs-caps{position:relative;min-height:5.6rem;margin-top:1.6rem;max-width:44rem}
.hs-cap{position:absolute;left:0;top:0;right:0;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s ease,visibility 0s linear .35s}
.hs-cap.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease}
.hs-cap .eyebrow{display:inline-block;font:700 .78rem/1 "Barlow Condensed",sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold,#f5b400);padding:.35rem .6rem;border:1px solid currentColor;border-radius:99px}
.hs-cap .ttl{font:800 clamp(1.5rem,3.2vw,2.3rem)/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:.6rem 0 .2rem}
.hs-cap .sub{color:rgba(255,255,255,.82);margin:0}
.hs-cap .hs-btn{display:inline-block;margin-top:.7rem;font-weight:700;color:var(--gold,#f5b400);text-decoration:none;border-bottom:2px solid currentColor}
.hs-cap .hs-btn:hover{color:#fff}
.hs-cap.is-active .eyebrow,.hs-cap.is-active .ttl,.hs-cap.is-active .sub,.hs-cap.is-active .hs-btn{
  animation:hs-rise .8s cubic-bezier(.2,.8,.2,1) both}
.hs-cap.is-active .ttl{animation-delay:.12s}
.hs-cap.is-active .sub{animation-delay:.24s}
.hs-cap.is-active .hs-btn{animation-delay:.36s}
@keyframes hs-rise{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}

/* controls */
.hs-controls{display:flex;align-items:center;gap:.9rem;margin-top:1.2rem;flex-wrap:wrap}
.hs-arrow,.hs-pp{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(4,24,18,.45);
  color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:.2s}
.hs-arrow:hover,.hs-pp:hover{background:var(--gold,#f5b400);border-color:var(--gold,#f5b400);color:#06211a}
.hs-arrow:focus-visible,.hs-pp:focus-visible,.hs-dot:focus-visible{outline:2px solid var(--gold,#f5b400);outline-offset:3px}
.hs-arrow svg,.hs-pp svg{width:18px;height:18px}
.hs-pp .i-play{display:none}.hs-paused .hs-pp .i-play{display:block}.hs-paused .hs-pp .i-pause{display:none}
.hs-dots{display:flex;gap:.45rem;align-items:center}
.hs-dot{position:relative;width:34px;height:6px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.28);overflow:hidden;cursor:pointer;transition:width .3s}
.hs-dot::after{content:"";position:absolute;inset:0;background:var(--gold,#f5b400);transform:scaleX(0);transform-origin:left}
.hs-dot.is-done::after{transform:scaleX(1)}
.hs-dot.is-active{width:56px}
.hs-dot.is-active::after{transform:scaleX(var(--p,0))}
.hs-count{font:700 .95rem "Barlow Condensed",sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.75)}

@media (max-width:575.98px){
  .hs-caps{min-height:7.2rem}
  .hs-dot{width:22px}.hs-dot.is-active{width:38px}
  .hs-shade{background:linear-gradient(0deg,rgba(4,24,18,.95) 0%,rgba(4,24,18,.55) 100%)}
}

/* respect reduced-motion settings: plain, quick cross-fade only */
@media (prefers-reduced-motion:reduce){
  .hs-slide.is-active,.hs-slide.is-leaving{animation:none!important}
  .hs-slide{transition-duration:.4s}
  .hs-shade::after{animation:none}
  .hs-cap.is-active .eyebrow,.hs-cap.is-active .ttl,.hs-cap.is-active .sub,.hs-cap.is-active .hs-btn{animation:none}
}