/* SECTION 01 — FINAL REFERENCE ALIGNMENT
   Full-bleed photography behind the navbar, with an independent inner frame. */

.site-header:not(.scrolled){background:linear-gradient(180deg,rgba(5,7,6,.94),rgba(5,7,6,.42) 68%,transparent)}

.hero{min-height:auto;padding:0 0 8px;overflow:visible;background:#050706}
.hero-shell{width:calc(100% - 48px);max-width:1580px;min-height:min(690px,calc(100svh - 112px));margin:82px auto 0;overflow:visible;background:transparent;border:1.5px solid rgba(255,255,255,.9);outline:1px solid rgba(255,255,255,.34);outline-offset:-2px;border-radius:19px;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.24);isolation:isolate}
.hero-shell::after{content:"";position:absolute;z-index:-1;left:50%;top:-82px;width:100vw;height:calc(100% + 90px);transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at 54% 47%,transparent 35%,rgba(5,7,6,.18) 66%,rgba(5,7,6,.88) 100%),linear-gradient(180deg,rgba(5,7,6,.72) 0,transparent 20%,transparent 77%,rgba(5,7,6,.72) 100%);box-shadow:inset 0 0 150px 45px rgba(5,7,6,.55)}
.hero-media{inset:-82px auto -8px 50%;width:100vw;transform:translateX(-50%);z-index:-3}
.hero-media img{object-fit:cover;object-position:center 49%}
.hero-overlay{z-index:-2;inset:-82px auto -8px 50%;width:100vw;transform:translateX(-50%);background:linear-gradient(90deg,rgba(5,7,6,.91) 0%,rgba(5,7,6,.82) 20%,rgba(5,7,6,.48) 39%,rgba(5,7,6,.04) 63%,rgba(5,7,6,.22) 82%,rgba(5,7,6,.65) 100%)}
.hero-content{min-height:min(690px,calc(100svh - 112px));padding:70px clamp(42px,5vw,78px) 52px clamp(250px,20vw,330px);grid-template-columns:minmax(350px,480px) 260px;gap:clamp(44px,6vw,105px)}

.hero-copy h1{width:max-content;max-width:100%;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(60px,4.8vw,78px);font-weight:800;line-height:.83;letter-spacing:-.032em;text-wrap:balance;text-shadow:0 3px 28px rgba(0,0,0,.52)}
.hero-copy h1 em{font-family:inherit;font-style:normal;font-weight:800}
.hero-copy .eyebrow{margin-bottom:18px;font-size:7px;color:var(--green)}
.hero-lead{max-width:380px;margin-top:20px;font-size:11px;line-height:1.62;color:#d0d4d1;text-wrap:pretty}
.hero-copy .button-row{max-width:390px;margin-top:18px;display:grid;grid-template-columns:1fr}
.hero-copy .btn{width:100%;min-height:42px}
.hero-copy .btn-ghost{background:rgba(5,7,6,.3)}

.hero-watermark{inset:80px auto 62px clamp(78px,8vw,124px);display:flex;flex-direction:row;align-items:center;gap:9px;writing-mode:horizontal-tb;transform:none}
.hero-watermark span{display:block;writing-mode:vertical-rl;transform:rotate(180deg)}
.hero-watermark span:first-child{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(74px,6.5vw,104px);font-weight:800;line-height:.7;letter-spacing:-.03em;color:#f4f5f2}
.hero-watermark span:last-child{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(27px,2.5vw,40px);font-weight:700;line-height:.82;letter-spacing:-.01em;color:transparent;-webkit-text-stroke:1px var(--green)}

.hero-side-label{left:25px;top:25px}.hero-coordinate-top{top:23px}.hero-social-rail{position:absolute!important;z-index:20!important;display:grid!important;visibility:visible!important;opacity:1!important;right:20px;top:92px;transform:none;gap:9px;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}.hero-social-rail::before,.hero-social-rail::after{content:none}.hero-social-rail a{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.82);border-radius:50%;color:#fff;background:rgba(5,8,6,.64);box-shadow:0 4px 14px rgba(0,0,0,.38);transition:border-color .2s ease,color .2s ease,background-color .2s ease}.hero-social-rail a:hover,.hero-social-rail a:focus-visible{border-color:var(--green);color:var(--green);background:rgba(8,213,43,.08);outline:none}.hero-social-rail svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-social-rail .social-dot{fill:currentColor;stroke:none}.hero-hud{width:260px;border-color:rgba(255,255,255,.52);background:rgba(5,8,6,.78);box-shadow:0 22px 65px rgba(0,0,0,.62)}
.hero-frame-corners{inset:11px}.hero-slider-controls{bottom:14px}

/* Authority banner */
.authority{padding:8px 24px 18px;background:#050706;border:0}
.authority .authority-grid{width:min(1580px,100%);max-width:none;margin:auto;padding:11px 20px;grid-template-columns:145px 1fr 190px 235px;border:1px solid rgba(255,255,255,.035);border-radius:13px;background:linear-gradient(100deg,#0c100e,#111613 54%,#0a0d0b);box-shadow:0 18px 55px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.025)}
.authority-grid>*{min-height:58px}
.authority-intro small{font-size:7px;color:#d1d5d2}.authority-intro small::first-line{color:var(--green)}
.club-list{height:58px;border-inline:0}
.club-mark{min-height:58px;flex-direction:row;justify-content:center;gap:10px;padding:4px 12px;border-color:rgba(255,255,255,.1);color:#f0f2ef}
.club-mark img{display:block;width:38px;height:42px;object-fit:contain}
.club-mark span{font:600 8px/1.35 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:#d7dbd8}
.club-mark strong{font:800 24px/1 var(--font-ui);letter-spacing:-.06em}.club-wordmark{gap:4px;flex-direction:column}.club-wordmark span{font-size:6px;color:#7f8781}
.club-monogram{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(67,210,44,.62);border-radius:50%;font:800 8px/1 var(--font-ui);letter-spacing:.04em;color:#43d22c}
.authority-stat{min-height:58px;padding-left:24px}.authority-stat strong{font-size:38px}.authority-stat span{font-size:7px}.authority-title strong{font-size:22px}

@media (max-width:1180px){.hero-content{padding-left:230px;grid-template-columns:minmax(330px,450px) 245px}.hero-watermark{left:70px}.authority .authority-grid{grid-template-columns:120px 1fr 170px}.authority-title{display:none}.club-mark{padding-inline:7px}.club-mark img{width:32px;height:37px}}

@media (max-width:900px){.hero{padding:0 12px 10px}.hero-shell{width:100%;min-height:calc(100svh - 54px);margin-top:54px;overflow:hidden}.hero-media,.hero-overlay{top:-54px;bottom:0}.hero-shell::after{top:-54px;height:calc(100% + 54px)}.hero-content{min-height:calc(100svh - 54px);padding:88px 38px 110px;grid-template-columns:1fr}.hero-copy h1{font-size:clamp(58px,11vw,82px)}.hero-watermark,.hero-side-label,.hero-slider-controls{display:none}.hero-social-rail{display:grid;right:14px;top:82px}.hero-social-rail a{width:28px;height:28px}.authority{padding-inline:12px}.authority .authority-grid{grid-template-columns:1fr;padding:8px 10px}.authority-intro,.authority-stat{display:none}.club-list{height:66px}.club-mark{height:66px}}

@media (max-width:640px){.hero-shell{border-radius:17px}.hero-media img{object-position:69% center}.hero-overlay{background:linear-gradient(90deg,rgba(5,7,6,.95),rgba(5,7,6,.7) 72%,rgba(5,7,6,.28))}.hero-shell::after{box-shadow:inset 0 0 90px 24px rgba(5,7,6,.62)}.hero-content{padding:96px 18px 112px}.hero-copy h1{font-size:clamp(52px,16vw,67px);line-height:.88}.hero-lead{max-width:305px;font-size:10.5px;line-height:1.65}.hero-copy .button-row{max-width:none}.club-list{grid-template-columns:repeat(4,minmax(120px,1fr));overflow-x:auto;justify-content:start}.club-mark{min-width:120px}.club-mark img{width:31px;height:36px}}

/* Authority clubs: static grid on desktop, seamless marquee on mobile. */
.club-list{display:block}
.club-track{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr)}
.club-track>.club-mark:nth-child(n+5){display:none}
@media(min-width:641px){.club-track>.club-mark:nth-child(4){border-right:0}}

@media(max-width:640px){
  .club-list{display:block;overflow:hidden!important;overscroll-behavior-inline:none;scrollbar-width:none}
  .club-list::-webkit-scrollbar{display:none}
  .club-track{display:flex;width:max-content;height:66px;will-change:transform;animation:authority-club-marquee 15s linear infinite}
  .club-track>.club-mark:nth-child(n){display:flex;flex:0 0 126px;min-width:126px;height:66px}
  .club-list:focus-within .club-track{animation-play-state:paused}
}

@keyframes authority-club-marquee{to{transform:translateX(-50%)}}

@media(prefers-reduced-motion:reduce){
  .club-track{animation:none!important;transform:none!important}
}
