/* Full club identity at the top; only navigation stays over the page on scroll. */
.brand-name{text-align:center}
.header{height:90px;transition:background .28s,border-color .28s,backdrop-filter .28s}
.header-inner{height:90px;transition:height .28s}
.header .brand,.header .header-cta{transition:opacity .22s,transform .28s,visibility .22s}
.header.is-compact{background:transparent;border-color:transparent;backdrop-filter:none;pointer-events:none}
.header.is-compact .header-inner{height:80px;pointer-events:none}
.header.is-compact .brand,.header.is-compact .header-cta{opacity:0;visibility:hidden;transform:translateY(-15px);pointer-events:none}
.header.is-compact nav{pointer-events:auto;text-shadow:0 1px 4px #000,0 0 14px #000}
.header.is-compact nav a{padding:13px 4px;transition:color .2s,background .2s}
.header.is-compact nav a:hover,.header.is-compact nav a:focus-visible{background:#111b}
@media(min-width:1001px){
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px}
 .header .brand{justify-self:start}
 .header .header-cta{justify-self:end;margin-left:0;white-space:nowrap}
 .header nav{position:relative;isolation:isolate;justify-content:center;align-items:center;white-space:nowrap;gap:18px;padding:7px 22px;border:1px solid transparent;border-radius:999px;background:transparent}
 .header nav:before{content:'';position:absolute;inset:-1px;z-index:-1;pointer-events:none;border:1px solid #ffffff38;border-radius:inherit;background:linear-gradient(145deg,#ffffff0c,#ffffff00),#191b1cba;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff18,0 8px 28px #0003;opacity:0;transition:opacity .16s}
 .header.is-compact nav:before{opacity:1;transition-delay:.28s}
 .header nav a,.header.is-compact nav a{padding:12px 0;min-height:44px;text-shadow:0 1px 3px #0008}
 .header nav a[aria-current=page]:after{bottom:5px;height:3px}
 .header.is-compact nav a:hover,.header.is-compact nav a:focus-visible{background:transparent;color:var(--orange)}
}
@media(min-width:1001px) and (max-width:1150px){
 .header-inner{gap:14px}
 .header .brand{gap:8px}.header .brand img{width:52px;height:52px}
 .header .brand-name{font-size:24px}.header .brand-name small{font-size:6px;letter-spacing:1px}
 .header nav{font-size:12px;gap:12px;padding-inline:16px}
 .header .header-cta{font-size:11px;padding:12px;min-height:44px}
}
@media(max-width:1000px){
 .header,.header-inner{height:86px}
 .header.is-compact .header-inner{height:62px}
 .header .menu-toggle{margin-left:auto;flex-shrink:0;pointer-events:auto;transition:background .25s,border-color .25s,transform .25s}
 .header.is-compact .menu-toggle{background:linear-gradient(145deg,#ffffff0c,#ffffff00),#191b1cba;border-color:#ffffff38;border-radius:999px;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff18,0 5px 20px #0003;text-shadow:0 1px 4px #000;padding-inline:16px}
 .header.is-compact .menu-toggle-icon{filter:drop-shadow(0 1px 3px #000)}
 .header.is-compact .menu-toggle:hover,.header.is-compact .menu-toggle:focus-visible{background:#1119;border-color:#ffffff50}
}
@media(max-width:600px){.header,.header-inner{height:76px}}
@media(prefers-reduced-motion:reduce){.header,.header-inner,.header .brand,.header .header-cta,.header .menu-toggle,.header.is-compact nav a,.header nav:before{transition:none;transition-delay:0s}}
