/* Navigation and the short branded page introduction. */
.mega-toggle{border:0;background:transparent;color:var(--ink);padding:14px 0;display:inline-flex;gap:9px;align-items:center;cursor:pointer;font:800 12px var(--sans);letter-spacing:.04em}
.mega-toggle span{font-size:19px;line-height:.5;transition:transform .2s}
.mega-toggle[aria-expanded=true] span{transform:rotate(180deg)}
.mega-toggle:hover,.mega-toggle[aria-expanded=true]{color:var(--blue)}
.mega-panel[hidden],.menu-scrim[hidden]{display:none!important}
.mega-panel{position:absolute;left:0;right:0;top:84px;z-index:40;display:grid;grid-template-columns:1.08fr 1.2fr .9fr;min-height:342px;background:var(--cream);color:var(--ink);box-shadow:0 24px 40px rgba(9,24,50,.19);letter-spacing:normal;text-align:left}
.mega-intro{background:var(--navy);color:#fff;padding:36px 44px 38px;display:flex;flex-direction:column;align-items:flex-start}
.mega-kicker,.mega-column-label{font:800 10px var(--sans);letter-spacing:.19em}
.mega-kicker{color:var(--lime)}
.mega-intro strong{font:900 clamp(62px,6.2vw,95px)/.77 var(--display);letter-spacing:-.04em;margin:35px 0 22px}
.mega-intro strong em{font-style:normal;color:var(--lime)}
.mega-intro p{font:400 12px/1.55 var(--sans);color:#bfc9dc;max-width:260px;margin:0}
.mega-sports{padding:34px 36px}
.mega-column-label{display:block;margin-bottom:15px;color:#747f8c}
.mega-link{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:15px;border-bottom:1px solid #d9d9d1;padding:9px 0;transition:transform .2s,color .2s}
.mega-link:hover{transform:translateX(5px);color:var(--blue)}
.mega-link span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.mega-link strong{font:800 27px/.92 var(--display)}
.mega-link small{font:800 8px var(--sans);letter-spacing:.14em;color:#79808a}
.mega-link b{font:500 21px var(--sans)}
.mega-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:800 24px var(--display);color:var(--navy)}
.mega-icon.orange{background:#f7ac8d}.mega-icon.green{background:#bad8b8}.mega-icon.blue{background:#a9c1eb}.mega-icon.lime{background:var(--lime)}
.mega-feature{position:relative;isolation:isolate;overflow:hidden;padding:35px 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#fff;background:#214b92}
.mega-feature:before{content:"";position:absolute;inset:0;z-index:-2;background:url('./assets/sports-court.png') center right/cover}
.mega-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,29,74,.74),rgba(8,29,74,.23) 55%,rgba(8,29,74,.77))}
.mega-feature>span{font:800 10px var(--sans);letter-spacing:.18em}
.mega-feature strong{font:900 clamp(56px,5vw,78px)/.78 var(--display);letter-spacing:-.04em}
.mega-feature>a{display:flex;gap:16px;align-items:center;background:var(--lime);padding:14px 17px;color:var(--ink);font:800 11px var(--sans)}
.mega-feature>a span{font-size:17px}
.menu-scrim{position:fixed;z-index:19;inset:112px 0 0;background:rgba(8,20,42,.52)}
.preloader{display:none}
.has-js .preloader{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;background:var(--blue);color:#fff;opacity:1;visibility:visible;pointer-events:auto;animation:openplay-fallback 0s linear 2.6s forwards}
.preloader-inner{position:relative;width:min(100% - 48px,930px);display:flex;flex-direction:column;min-height:270px;justify-content:center}
.preloader-kicker{font:800 11px var(--sans);letter-spacing:.25em;color:var(--lime)}
.preloader-word{font:900 clamp(86px,16vw,210px)/.9 var(--display);letter-spacing:-.055em;white-space:nowrap}
.preloader-word span{color:var(--lime)}
.preloader-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:38px;font:800 10px var(--sans);letter-spacing:.19em}
.preloader-bar{width:min(55%,420px);height:4px;background:rgba(255,255,255,.25);overflow:hidden}
.preloader-bar i{display:block;width:100%;height:100%;background:var(--lime);transform-origin:left;animation:openplay-progress 1s cubic-bezier(.15,.7,.3,1) both}
.has-js.is-ready .preloader{opacity:0;visibility:hidden;pointer-events:none;animation:none;transition:opacity .42s ease,visibility 0s .42s}
@keyframes openplay-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes openplay-fallback{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:1100px){.mega-panel{grid-template-columns:.9fr 1.1fr .9fr}.mega-intro{padding-inline:29px}.mega-sports{padding-inline:25px}}
@media(max-width:700px){
  .main-nav.is-open{max-height:calc(100dvh - 70px);overflow-y:auto}
  .mega-toggle{order:0}.mega-panel{order:1}.main-nav>a:not(.nav-cta){order:2}.main-nav>.nav-cta{order:3}
  .mega-toggle{width:100%;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line)}
  .mega-panel{position:static;display:block;min-height:0;box-shadow:none;margin:0 0 7px;background:#e9eadf}
  .mega-intro,.mega-feature{display:none}
  .mega-sports{padding:15px 15px 9px}
  .mega-column-label{margin-bottom:8px}
  .main-nav .mega-panel .mega-link{border-top:0;padding:8px 0;border-bottom:1px solid #c9cbc0}
  .mega-link strong{font-size:24px}
  .mega-icon{width:35px;height:35px}
  .menu-scrim{inset:93px 0 0}
  .preloader-inner{min-height:210px}
  .preloader-word{font-size:clamp(68px,17vw,118px)}
  .preloader-bottom{margin-top:25px;font-size:8px}
}
@media(max-width:390px){.preloader-word{font-size:65px}}
@media(prefers-reduced-motion:reduce){.has-js .preloader{display:none}.has-js.is-ready .preloader{transition:none}.preloader-bar i{animation:none}.mega-link,.mega-toggle span{transition:none}}