.brand{min-width:198px}.brand-logo{position:relative;width:112px;height:42px}.brand-logo img{position:absolute;top:-35px;left:0;width:112px;height:112px;transform:none}.brand>span:last-child{margin-left:2px;font-weight:900;letter-spacing:.06em}
.menu-toggle{flex:0 0 auto;width:42px;height:42px;padding:0;border:1px solid #ffffff35;background:#ffffff0d;color:#fff;font-size:1.4rem;line-height:1}.menu-toggle:hover{background:#ffffff1c}
header .site-nav{position:fixed;z-index:80;inset:0 auto 0 0;grid-area:auto;width:min(330px,88vw);display:flex;grid-template-columns:none;flex-direction:column;align-items:stretch;gap:7px;padding:22px;background:#061a38;border-right:4px solid #ffc515;box-shadow:18px 0 45px #020b18a6;transform:translateX(-105%);transition:transform .22s ease}header .site-nav.open{transform:translateX(0)}.site-nav .nav-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #ffffff26;color:#ffc515;font-size:1.05rem}.site-nav .nav-heading button{padding:3px 10px;background:transparent;color:#fff;font-size:1.8rem}.site-nav>button:not(#menu-close){width:100%;padding:13px 15px;text-align:left}.nav-backdrop{position:fixed;z-index:70;inset:0;width:100%;height:100%;padding:0;border-radius:0;background:#020b18a8}.nav-backdrop[hidden]{display:none}body.menu-open{overflow:hidden}
#hero{display:grid;grid-template-columns:1fr;min-height:0;padding:0;background:linear-gradient(125deg,#061b3a 0%,#082f5b 64%,#0754a6 100%);border-radius:12px;box-shadow:0 18px 45px #061a3826}
#hero:after{display:none}.hero-copy{z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:58px 0 46px 56px}.hero-brand{margin:0 0 20px;color:#ffc515;font-size:.75rem;font-weight:900;letter-spacing:.38em}.hero-copy h1{margin:0;color:#fff;font-size:clamp(3.7rem,6vw,6.3rem);font-stretch:condensed;line-height:.88;letter-spacing:-.055em}.hero-label{margin:25px 0 0;padding-left:48px;color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:.13em;position:relative}.hero-label:before{content:"";position:absolute;left:0;top:50%;width:34px;height:5px;background:#ffc515}.hero-season{margin:8px 0 24px;color:#9eb4ce;font-size:1rem}.hero-action{padding:13px 21px;background:#ffc515;color:#061b3a}.hero-action span{margin-left:12px;font-size:1.15rem}.hero-next{width:min(100%,405px);display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:30px;border-left:5px solid #ffc515;background:#051a34;padding:17px 20px;box-shadow:0 14px 30px #0002}.hero-next[hidden]{display:none}.hero-next div{display:grid;gap:3px}.hero-next small{color:#ffc515;font-weight:900;letter-spacing:.08em}.hero-next strong{font-size:1.35rem}.hero-next span{color:#aebfd2;font-size:.82rem}.hero-next time{padding-left:18px;border-left:1px solid #ffffff45;color:#fff;font-weight:900;white-space:pre-line;text-align:center;text-transform:uppercase}
@media(max-width:900px){.hero-copy{padding:42px 7% 35px}.hero-copy h1{font-size:clamp(3rem,12vw,5rem)}}
@media(max-width:1200px) and (min-width:701px){header{grid-template-columns:auto minmax(180px,1fr) auto auto;grid-template-areas:"toggle brand connection session"}.menu-toggle{grid-area:toggle}header .brand{grid-area:brand}header #connection-status{grid-area:connection}header #session{grid-area:session}}
@media(max-width:700px){header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"toggle brand session" "connection connection connection"}.menu-toggle{grid-area:toggle}.brand{grid-area:brand;min-width:0}.brand-logo{width:112px}.brand-logo img{top:-35px;width:112px;height:112px}#connection-status{grid-area:connection}#session{grid-area:session}}
@media(max-width:520px){#hero{border-radius:10px}.hero-copy{padding:34px 7% 28px}.hero-brand{margin-bottom:14px}.hero-label{font-size:.82rem}.hero-next{grid-template-columns:minmax(0,1fr) auto;padding:14px}.hero-next strong{font-size:1.1rem}.hero-next time{padding-left:12px;font-size:.82rem}}