.container{width:min(100% - 2rem,var(--container));margin-inline:auto}
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:4.5rem;border-bottom:1px solid transparent;transition:height .2s,background .2s,border-color .2s}
.site-header.is-scrolled{height:3.75rem;background:rgba(0,0,0,.92);border-color:var(--colour-border);backdrop-filter:blur(14px)}
.site-header__inner{height:100%;display:flex;align-items:center;gap:clamp(.35rem,2vw,.75rem)}
.brand{display:inline-flex;align-items:center}
.brand__logo{display:block;width:auto;height:2.35rem}
.site-header .brand__logo{height:clamp(1.7rem,8vw,2.35rem)}
.site-header__logo-divider{align-self:center;width:1px;height:1.75rem;background:var(--colour-border)}
.site-header__event-logo{display:block;width:auto;height:clamp(2.15rem,6vw,3.25rem)}
.site-header__actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.site-header__share{margin-left:0}.share-label--short{display:none}
.hero{position:relative;min-height:43rem;display:flex;align-items:center;padding:7rem 0 3rem;isolation:isolate}
.hero__media,.hero__veil{position:absolute;inset:0;z-index:-2}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero__veil{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.88) 40%,rgba(0,0,0,.14) 78%),linear-gradient(0deg,#050505 0%,transparent 28%)}
.hero__content{display:grid;gap:2rem;align-items:center}.hero__copy{max-width:45rem}
.hero h1{max-width:45rem;font-size:clamp(3rem,7vw,6.8rem);text-transform:uppercase;margin:.7rem 0 1rem;line-height:.86}.hero h1 .hero-title__follow{display:block;color:#fff;font-size:.48em;letter-spacing:-.02em}.hero h1 .hero-title__accent{display:block;color:var(--colour-electric-green)}
.hero__intro{max-width:38rem;color:#d1d5db;font-size:clamp(1rem,2vw,1.2rem)}
.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.hero__event-brand{display:none}
.event-status{display:grid;grid-template-columns:repeat(2,1fr);margin-top:1.5rem;background:rgba(0,0,0,.76);border:1px solid rgba(255,233,31,.32);border-radius:var(--radius-md);backdrop-filter:blur(12px)}
.event-status div{padding:1rem;border-right:1px solid var(--colour-border);border-bottom:1px solid var(--colour-border)}
.event-status div:nth-child(2n){border-right:0}.event-status div:nth-last-child(-n+2){border-bottom:0}
.event-status span,.event-status strong{display:block}.event-status span{color:var(--colour-text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.event-status strong{margin-top:.18rem;font-size:.88rem}
.quick-nav{position:sticky;top:3.75rem;z-index:50;background:rgba(7,7,7,.96);border-block:1px solid var(--colour-border);backdrop-filter:blur(12px)}
.quick-nav__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.quick-nav__track::-webkit-scrollbar{display:none}
.quick-nav a{flex:0 0 auto;min-height:3.5rem;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:0 1rem;scroll-snap-align:start;color:var(--colour-text-muted);font-size:.76rem;font-weight:700;white-space:nowrap}
.quick-nav svg{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quick-nav a:first-child svg,.quick-nav a:nth-child(5) svg,.quick-nav a:last-child svg{fill:currentColor;stroke:none}
.quick-nav a:hover,.quick-nav a.is-active{color:var(--colour-electric-green)}
.fixture-grid,.results-grid,.standings-grid,.seed-lists{display:grid;gap:1rem}
.media-grid{display:grid;gap:1rem}
.story-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.8rem;scrollbar-color:var(--colour-faded-green) transparent}
.story-card{flex:0 0 min(78vw,20rem);scroll-snap-align:start}
.site-footer__bottom{display:grid;gap:1rem}