@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/barlow-0.woff) format('woff');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/barlow-1.woff) format('woff');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/barlow-2.woff) format('woff');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-0.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-1.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-2.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-3.woff) format('woff');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-4.woff) format('woff');
}

/* Shared foundations: typography, controls, navigation and motion. */
:root{color-scheme:dark;--bg:#080909;--white:#f8faf5;--muted:#b3b9b2;--line:#ffffff1f;--lime:#dcff00;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Manrope',Arial,sans-serif;--gutter:clamp(24px,5.6vw,104px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);font-size:1rem;line-height:1.7;overflow-x:clip}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
button,a,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
img{display:block;max-width:100%}
figure,p,h1,h2,h3{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1;letter-spacing:-.02em}
h1{font-weight:800}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
::selection{color:var(--bg);background:var(--lime)}
.lime{color:var(--lime)}
.eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.08em;line-height:1.6}
.section-shell{padding-left:var(--gutter);padding-right:var(--gutter);max-width:1720px;margin:0 auto}
.skip-link{position:fixed;top:10px;left:10px;background:var(--lime);color:var(--bg);padding:10px 20px;border-radius:30px;transform:translateY(-150%);z-index:100}
.skip-link:focus{transform:translateY(0)}
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--lime);z-index:90;pointer-events:none}
.site-header{position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;padding:20px var(--gutter);background:linear-gradient(#080909c0,transparent);transition:background .3s,box-shadow .3s}
.site-header.is-scrolled,.menu-open .site-header{background:#080909e8;backdrop-filter:blur(18px);box-shadow:0 10px 30px #0001}
.brand{display:inline-flex;flex:none;line-height:1}
.brand-logo{width:184px;height:auto;mix-blend-mode:screen}
.desktop-nav{display:flex;align-items:center;gap:32px}
.desktop-nav a,.nav-sports summary{font-size:.875rem;font-weight:600;line-height:1.5;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a.is-active{color:var(--lime)}
.nav-sports{position:relative}
.nav-sports summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:14px 0}
.nav-sports summary::-webkit-details-marker{display:none}
.nav-sports summary>span{display:flex;transition:transform .2s}
.nav-sports[open] summary>span{transform:rotate(180deg)}
.sports-dropdown{position:absolute;top:100%;left:-24px;width:286px;padding:14px;background:#161918f5;border:1px solid #ffffff14;border-radius:22px;box-shadow:0 24px 65px #0008;backdrop-filter:blur(18px)}
.desktop-nav .sports-dropdown a{display:flex;align-items:center;gap:16px;padding:11px 14px;border-radius:12px}
.desktop-nav .sports-dropdown a:hover{background:#ffffff08}
.sports-dropdown a>span{color:#a7b095;font-size:.75rem}
.desktop-nav .sports-dropdown .dropdown-all{color:var(--lime);justify-content:space-between;margin-bottom:5px}
.header-cta,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:15px 24px;border-radius:999px;font-size:.875rem;font-weight:700;line-height:1.5;transition:background .25s,color .25s,transform .25s}
.header-cta{font-size:.75rem;letter-spacing:.03em;min-height:48px;padding:12px 20px;background:var(--lime);color:var(--bg);white-space:nowrap}
.button-lime,.category-cta{background:var(--lime);color:var(--bg)}
.button:hover,.header-cta:hover{transform:translateY(-3px)}
.button-lime:hover,.category-cta:hover,.header-cta:hover{background:#ebff80}
.button span,.text-link span{display:inline-flex;align-items:center}
.button-black{background:#090d06;color:var(--white)}
.button-black:hover{background:#263114}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:.875rem;font-weight:600;line-height:1.6}
.text-link:hover{color:var(--lime)}
.menu-toggle,.mobile-nav{display:none}
.motion-toggle{display:inline-flex;align-items:center;gap:9px;font-size:.875rem;color:var(--muted);padding:9px 0;line-height:1.5;text-align:left}
.motion-toggle:hover{color:var(--lime)}
.motion-toggle:disabled{cursor:default}
.footer-top{display:flex;align-items:center;gap:40px;justify-content:space-between;padding-bottom:36px}
.footer-top .brand-logo{width:270px}
.footer-top p{font-size:.875rem;line-height:1.7;color:var(--muted);margin-left:auto}
.back-top{width:52px;height:52px;border:1px solid #ffffff38;border-radius:50%;margin-left:24px;transition:background .2s,color .2s}
.back-top:hover{color:var(--bg);background:var(--lime)}
.footer-sports{display:flex;flex-wrap:wrap;gap:12px 28px;padding:12px 0 30px;font-size:.875rem}
.footer-sports a:hover{color:var(--lime)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding-top:22px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);line-height:1.7}
.footer-bottom a:hover{color:var(--white)}
.footer-bottom .motion-toggle{font-size:.75rem}
.site-footer{padding-top:64px;padding-bottom:28px}
.reveal{opacity:1;transform:none;transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.reveal.is-pending{opacity:0;transform:translateY(32px)}
.reveal.is-visible{opacity:1;transform:none}
.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important}
.no-motion .reveal.is-pending{opacity:1;transform:none}
.no-motion{scroll-behavior:auto}
@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.desktop-nav{gap:22px}.brand-logo{width:155px}.header-cta{font-size:.75rem;gap:12px;padding:12px 16px}}
@media(max-width:980px){.header-cta{display:none}.brand-logo{width:184px}}
@media(max-width:700px){
  :root{--gutter:24px}
  html{scroll-padding-top:100px}
  .site-header{min-height:80px;padding:16px var(--gutter)}
  .brand-logo{width:158px}
  .desktop-nav{display:none}
  .menu-toggle{display:flex;align-items:center;gap:14px;min-height:44px;padding:8px 0 8px 12px;font-size:.875rem}
  .menu-lines{width:24px;display:flex;flex-direction:column;gap:6px}
  .menu-lines i{display:block;height:1.5px;width:24px;background:var(--white);transition:transform .3s}
  .menu-toggle[aria-expanded='true'] .menu-lines i:first-child{transform:translateY(3.75px) rotate(45deg)}
  .menu-toggle[aria-expanded='true'] .menu-lines i:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .mobile-nav{display:flex;position:fixed;inset:80px 0 0;z-index:55;padding:32px var(--gutter);background:var(--bg);flex-direction:column;gap:12px;overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-14px);transition:opacity .3s,transform .3s,visibility .3s}
  .mobile-nav.is-open{visibility:visible;opacity:1;transform:none}
  .mobile-nav>.eyebrow{font-size:.75rem;color:var(--lime);margin-bottom:15px}
  .mobile-nav>a{font-family:var(--display);font-size:2rem;line-height:1.3;display:flex;align-items:center;gap:16px;padding:8px 0}
  .mobile-nav>a>span{font:400 .75rem var(--body);color:var(--lime)}
  .mobile-sports{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;padding:4px 0 12px 32px}
  .mobile-sports a{font-size:1rem;padding:6px 0}
  .mobile-sports a>span{display:none}
  .mobile-nav>p{font-size:.75rem;color:var(--muted);margin-top:auto;padding-top:20px}
  .footer-top{flex-wrap:wrap;gap:24px;padding-bottom:28px}
  .footer-top .brand-logo{width:220px}
  .footer-top p{width:100%;order:3;margin:0}
  .back-top{width:46px;height:46px;margin-left:auto}
  .footer-sports{gap:12px 22px}
  .footer-bottom{align-items:flex-start;gap:12px 22px}
  .footer-bottom>span:last-child{flex-basis:100%}
  .site-footer{padding-top:44px}
}
@media(max-width:370px){:root{--gutter:20px}.brand-logo{width:142px}.footer-top .brand-logo{width:190px}.button{padding:14px 20px;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.is-pending{opacity:1;transform:none}}