/* Permanent dark presentation and targeted brand refinements. */
html,body{background:#0b0b0b;color:#f5f3ef}
.hero-content{width:100%;min-width:0}
.hero>img{object-position:center}
.brand{font-size:15px;letter-spacing:.2em;gap:7px}
.brand i{color:var(--gold);font-weight:600}
.desktop-nav{font-size:11.5px;letter-spacing:.125em;gap:clamp(12px,1.6vw,25px)}
.desktop-nav a{padding:10px 4px}
.header-actions .button-small{padding:12px 22px;font-size:11.5px;min-height:44px}
.team-card h3{font-size:24px;font-weight:600}
.team-card img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:var(--team-image-position,center)}
.socials a{width:38px;height:38px;border-color:rgba(201,168,106,.42);color:#f5f3ef;transition:transform .2s,border-color .2s,color .2s}
.socials a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.socials svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.socials svg .fill{fill:currentColor;stroke:none}
.gallery-section{overflow:hidden}
.gallery-marquee{--gallery-row-height:360px;margin:48px calc(clamp(20px,8vw,135px)*-1) 0}
.gallery-viewport{display:grid;gap:24px;overflow:hidden;width:100%}
.marquee-row{overflow:hidden;display:flex;width:100%}
.marquee-track{display:flex;width:max-content;will-change:transform}
.marquee-left .marquee-track{animation:gallery-marquee-left 90s linear infinite}
.marquee-right .marquee-track{animation:gallery-marquee-right 94s linear infinite}
.marquee-sequence{display:flex;gap:24px;flex:none;padding-right:24px}
.gallery-marquee .gallery-item{display:inline-flex;flex:0 0 auto;width:auto;height:var(--gallery-row-height);padding:0;border:0;border-radius:3px;overflow:hidden;background:var(--card);scroll-snap-align:none}
.gallery-marquee .gallery-item picture{display:block;flex:0 0 auto;width:auto;height:100%}
.gallery-marquee .gallery-item img{display:block;width:auto;max-width:none;height:100%;aspect-ratio:auto;object-fit:contain}
.gallery-marquee .gallery-item:hover img{transform:none}
@keyframes gallery-marquee-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes gallery-marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(hover:hover){.gallery-marquee:hover .marquee-track{animation-play-state:paused}}
@media(max-width:1200px){.gallery-marquee{--gallery-row-height:300px}}
@media(max-width:600px){.gallery-marquee{--gallery-row-height:220px;margin-top:35px}.gallery-viewport{gap:11px}.marquee-sequence{gap:11px;padding-right:11px}}
@media(prefers-reduced-motion:reduce){.marquee-left .marquee-track,.marquee-right .marquee-track{animation:none!important;transform:none!important}.gallery-marquee{overflow-x:auto;mask-image:none}.marquee-sequence[aria-hidden=true]{display:none}}
@media(max-width:600px){.hero h1{font-size:58px}.hero-copy{width:calc(100vw - 40px);max-width:calc(100vw - 40px);overflow-wrap:anywhere}.brand{font-size:14px;letter-spacing:.16em}}
@media(max-width:600px){.hero>img{object-position:55% center}}

/* Local-video cards and the single-player modal keep playback intentional. */
.video-thumb{display:block;width:100%;border:0;padding:0;cursor:pointer}
.video-thumb video{width:100%;height:100%;object-fit:cover;background:#080808}
.video-thumb:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.video-lightbox{grid-template-columns:minmax(0,1100px)}
.video-lightbox video{width:min(100%,1100px);max-height:86vh;aspect-ratio:16/9;background:#000}