:root {
  --navy-950: #020b13;
  --navy-900: #06172a;
  --navy-850: #0a2036;
  --navy-800: #0d2a47;
  --blue: #7eb4e8;
  --gold: #d8aa4e;
  --gold-light: #f2d283;
  --red: #9f111d;
  --cream: #f3f0e9;
  --white: #ffffff;
  --ink: #11171d;
  --muted: #70777d;
  --line: rgba(12, 31, 50, .14);
  --shell: min(1240px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--navy-950); }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.shell { width: var(--shell); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 9999; transform: translateY(-160%); background: white; padding: 10px 14px; font-weight: 800; }
.skip-link:focus { transform: none; }

.announcement { height: 31px; background: #02080d; color: rgba(255,255,255,.72); border-bottom: 1px solid rgba(255,255,255,.08); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.announcement-inner { height: 31px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.announcement strong { color: var(--gold-light); font-size: 8px; letter-spacing: .2em; }
.announcement a { justify-self: end; transition: color .2s; }
.announcement a:hover { color: white; }

.site-header { position: sticky; top: 0; z-index: 100; background: rgba(6,23,42,.94); backdrop-filter: blur(18px); color: white; border-bottom: 1px solid rgba(255,255,255,.09); }
.nav-shell { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 205px; }
.brand img { width: 52px; height: 52px; object-fit: contain; filter: drop-shadow(0 8px 14px rgba(0,0,0,.25)); }
.brand span { display: grid; line-height: 1; }
.brand b { font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 20px; letter-spacing: .06em; font-weight: 500; }
.brand small { color: var(--gold-light); font-size: 8px; letter-spacing: .34em; margin-top: 5px; }
.site-nav { display: flex; align-items: center; gap: 27px; font-size: 10px; text-transform: uppercase; font-weight: 900; letter-spacing: .1em; }
.site-nav a { position: relative; color: rgba(255,255,255,.74); transition: color .2s; }
.site-nav a:not(.shop-link)::after { content:""; position:absolute; left:0; bottom:-9px; width:100%; height:2px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .2s; }
.site-nav a:hover, .site-nav a.active { color: white; }
.site-nav a:hover::after, .site-nav a.active::after { transform: scaleX(1); }
.site-nav .shop-link { background: var(--red); color: white; padding: 12px 15px; }
.site-nav .shop-link:hover { background: #bb1b28; }
.menu-toggle { display:none; width:44px; height:44px; border:0; background:transparent; padding:9px; }
.menu-toggle span { display:block; height:2px; background:white; margin:5px 0; transition: transform .2s, opacity .2s; }

.hero { min-height: calc(100vh - 107px); position: relative; overflow:hidden; background: var(--navy-950); color:white; display:flex; align-items:center; }
.hero-photo { position:absolute; inset:0 0 0 45%; background: url('assets/team-group-hero.jpg') center/cover no-repeat; opacity:.52; filter:saturate(.72) contrast(1.06); }
.hero-overlay { position:absolute; inset:0; background: linear-gradient(90deg, #06172a 0%, #06172a 38%, rgba(6,23,42,.91) 53%, rgba(6,23,42,.42) 79%, rgba(2,11,19,.7) 100%), linear-gradient(0deg, rgba(2,11,19,.84) 0, transparent 35%); }
.hero-grid-lines { position:absolute; inset:0; opacity:.07; background-image: linear-gradient(rgba(255,255,255,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(90deg, black, transparent 65%); }
.hero-layout { position:relative; z-index:2; display:grid; grid-template-columns: 1.08fr .72fr; align-items:center; gap:70px; padding: 82px 0 110px; }
.eyebrow { display:flex; gap:12px; align-items:center; font-size:9px; font-weight:900; letter-spacing:.2em; color:rgba(255,255,255,.65); }
.eyebrow span { display:block; width:32px; height:2px; background:var(--gold); }
.hero h1, h2, .story-card h3, .principle h3, .shop-banner h3 { font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-weight:500; text-transform:uppercase; margin:0; }
.hero h1 { max-width:800px; font-size:clamp(62px, 8vw, 124px); line-height:.83; letter-spacing:.01em; margin:25px 0 30px; text-shadow: 0 10px 35px rgba(0,0,0,.25); }
.hero h1 em { color:var(--gold-light); font-style:normal; -webkit-text-stroke:1px rgba(255,255,255,.06); }
.hero-copy > p { max-width:630px; color:rgba(255,255,255,.72); font-size:16px; line-height:1.7; }
.hero-actions { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:47px; padding:0 22px; text-transform:uppercase; font-size:9px; font-weight:900; letter-spacing:.14em; border:1px solid transparent; transition:transform .2s, background .2s, color .2s, border-color .2s; }
.btn:hover { transform:translateY(-2px); }
.btn-gold { background:var(--gold); color:#10151b; }
.btn-gold:hover { background:var(--gold-light); }
.btn-outline { border-color:rgba(255,255,255,.38); color:white; background:rgba(255,255,255,.03); }
.btn-outline:hover { border-color:white; background:white; color:var(--navy-950); }
.hero-tags { display:flex; gap:13px; align-items:center; margin-top:36px; color:rgba(255,255,255,.48); font-size:8px; font-weight:900; letter-spacing:.14em; }
.hero-tags i { width:4px; height:4px; border-radius:50%; background:var(--red); }
.hero-badge { justify-self:center; position:relative; width:min(390px, 34vw); aspect-ratio:1; display:grid; place-items:center; }
.badge-ring { position:absolute; inset:3%; border:1px solid rgba(216,170,78,.38); border-radius:50%; box-shadow:0 0 0 30px rgba(216,170,78,.035), 0 0 0 60px rgba(216,170,78,.02); animation:pulseRing 4.8s ease-in-out infinite; }
.hero-badge img { width:72%; position:relative; z-index:2; filter:drop-shadow(0 35px 35px rgba(0,0,0,.48)); }
.badge-label { position:absolute; right:-34px; bottom:8%; background:rgba(2,11,19,.88); border-left:3px solid var(--gold); padding:12px 16px; display:grid; gap:4px; backdrop-filter:blur(12px); }
.badge-label small { font-size:7px; letter-spacing:.16em; color:rgba(255,255,255,.55); }
.badge-label b { font-size:9px; letter-spacing:.1em; }
.hero-scroll { position:absolute; left:50%; bottom:24px; z-index:3; transform:translateX(-50%); display:grid; justify-items:center; gap:5px; font-size:7px; letter-spacing:.25em; color:rgba(255,255,255,.45); }
.hero-scroll b { font-size:18px; color:var(--gold); font-weight:400; animation:bob 1.6s ease-in-out infinite; }
@keyframes pulseRing { 50% { transform:scale(1.035); opacity:.7; } }
@keyframes bob { 50% { transform:translateY(5px); } }

.quote-band { height:52px; overflow:hidden; background:var(--red); color:white; display:flex; align-items:center; }
.marquee { width:100%; overflow:hidden; }
.marquee-track { width:max-content; display:flex; align-items:center; gap:28px; animation:marquee 28s linear infinite; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size:20px; letter-spacing:.06em; }
.marquee-track i { color:var(--gold-light); font-style:normal; font-size:11px; }
@keyframes marquee { to { transform:translateX(-50%); } }

.section-label { color:var(--red); font-size:8px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.section-label.light { color:rgba(255,255,255,.5); }
.overline { margin:0 0 9px; color:var(--red); font-size:9px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.overline.gold { color:var(--gold-light); }
h2 { font-size:clamp(48px,6vw,88px); line-height:.87; letter-spacing:.01em; }
h2 span { color:var(--red); }

.origin-section { background:var(--cream); padding:112px 0 120px; }
.section-intro { display:grid; grid-template-columns:150px 1.1fr .8fr; gap:40px; align-items:end; border-bottom:1px solid var(--line); padding-bottom:34px; margin-bottom:42px; }
.section-intro .intro-copy { margin:0; max-width:420px; justify-self:end; color:#5d656c; font-size:15px; line-height:1.7; }
.story-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:18px; }
.story-card, .story-photo { min-height:390px; position:relative; overflow:hidden; }
.story-card { background:white; border:1px solid #ddd8ce; padding:34px; display:flex; flex-direction:column; justify-content:space-between; }
.story-card-name { background:var(--navy-900); color:white; border-color:transparent; }
.story-card-name p:not(.overline) { color:rgba(255,255,255,.66); }
.story-card-name .overline { color:var(--gold-light); }
.story-card-home { background:#ede9df; }
.story-card-mission { background:var(--red); color:white; border-color:transparent; }
.story-card-mission .overline { color:var(--gold-light); }
.story-number { position:absolute; top:27px; right:27px; font-family:Impact,sans-serif; font-size:54px; color:rgba(12,30,46,.07); }
.story-card-name .story-number, .story-card-mission .story-number { color:rgba(255,255,255,.08); }
.story-content { position:relative; z-index:1; max-width:560px; }
.story-card h3 { font-size:clamp(34px,4vw,58px); line-height:.95; margin:0 0 22px; }
.story-card p:not(.overline) { margin:0 0 13px; font-size:14px; line-height:1.75; color:#5e666e; }
.story-card-mission p:not(.overline) { color:#fff4df; }
.story-accent { border-top:1px solid rgba(255,255,255,.16); padding-top:16px; color:rgba(255,255,255,.45); font-size:8px; font-weight:900; letter-spacing:.18em; }
.story-photo img { width:100%; height:100%; object-fit:cover; }
.story-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(2,11,19,.7), transparent 48%); }
.story-photo-tag { position:absolute; left:25px; bottom:24px; z-index:2; color:white; display:grid; gap:5px; }
.story-photo-tag span { font-size:8px; letter-spacing:.16em; color:var(--gold-light); font-weight:900; }
.story-photo-tag b { font-family:Impact,sans-serif; font-size:32px; letter-spacing:.04em; font-weight:500; }

.identity-section { position:relative; overflow:hidden; background:linear-gradient(180deg,#07192d,#03101d); color:white; padding:118px 0 132px; }
.identity-mountains { position:absolute; inset:0; opacity:.14; background:radial-gradient(circle at 50% 20%, rgba(216,170,78,.24), transparent 30%), linear-gradient(140deg, transparent 0 32%, rgba(126,180,232,.20) 32.2% 33%, transparent 33.2% 44%, rgba(126,180,232,.15) 44.2% 45%, transparent 45.2%); }
.identity-head { position:relative; z-index:2; display:grid; grid-template-columns:150px 1fr; gap:40px; margin-bottom:58px; }
.identity-head h2 span, .team-heading h2 span, .partners-head h2 span, .tryouts-copy h2 span { color:var(--gold-light); }
.identity-stage { position:relative; z-index:2; min-height:650px; display:grid; grid-template-columns:1fr 1.12fr 1fr; grid-template-rows:1fr 1fr; gap:22px 35px; align-items:center; }
.identity-badge { grid-column:2; grid-row:1 / span 2; align-self:center; justify-self:center; width:min(520px, 38vw); aspect-ratio:1; display:grid; place-items:center; position:relative; }
.identity-badge img { position:relative; z-index:2; width:74%; filter:drop-shadow(0 35px 45px rgba(0,0,0,.5)); }
.identity-halo { position:absolute; inset:7%; border-radius:50%; border:1px solid rgba(216,170,78,.28); background:radial-gradient(circle,rgba(216,170,78,.13),transparent 63%); box-shadow:0 0 0 28px rgba(255,255,255,.018), 0 0 0 56px rgba(255,255,255,.012); }
.meaning-card { border-top:1px solid rgba(255,255,255,.2); padding-top:18px; max-width:340px; }
.meaning-card:nth-of-type(odd) { justify-self:end; text-align:right; }
.meaning-card > span { display:block; color:var(--gold); font-size:8px; font-weight:900; letter-spacing:.16em; margin-bottom:9px; }
.meaning-card h3 { margin:0 0 10px; font-family:Impact,sans-serif; font-weight:500; font-size:34px; letter-spacing:.03em; }
.meaning-card p { margin:0; color:rgba(255,255,255,.6); font-size:13px; line-height:1.65; }
.meaning-condor { grid-column:1; grid-row:1; }
.meaning-mountains { grid-column:3; grid-row:1; }
.meaning-coffee { grid-column:1; grid-row:2; }
.meaning-sun { grid-column:3; grid-row:2; }

.principles-section { padding:112px 0; background:white; }
.principles-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }
.principles-title { position:sticky; top:135px; align-self:start; }
.principles-title h2 { margin-top:10px; }
.principles-list { border-top:1px solid var(--line); }
.principle { display:grid; grid-template-columns:55px 190px 1fr; gap:25px; padding:28px 0; border-bottom:1px solid var(--line); align-items:start; }
.principle b { color:var(--red); font-size:9px; letter-spacing:.14em; }
.principle h3 { margin:0; font-size:29px; line-height:1; }
.principle p { margin:0; color:#666e75; line-height:1.7; font-size:13px; }

.team-section { padding:114px 0 120px; background:var(--navy-900); color:white; }
.team-heading, .partners-head { display:grid; grid-template-columns:1fr .7fr; gap:80px; align-items:end; margin-bottom:43px; }
.team-heading > p, .partners-head > p { margin:0; color:rgba(255,255,255,.58); line-height:1.7; max-width:430px; justify-self:end; }
.team-placeholder { display:grid; grid-template-columns:1.14fr .86fr; min-height:520px; border:1px solid rgba(255,255,255,.13); }
.team-photo-panel { position:relative; overflow:hidden; min-height:520px; }
.team-photo-panel::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 60%,rgba(6,23,42,.4)); }
.team-photo-panel img { width:100%; height:100%; object-fit:cover; filter:saturate(.82); }
.player-placeholder-grid { display:grid; grid-template-columns:1fr 1fr; }
.player-placeholder-grid > div { min-height:260px; border-left:1px solid rgba(255,255,255,.13); border-bottom:1px solid rgba(255,255,255,.13); padding:28px; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(145deg,rgba(255,255,255,.035),transparent); transition:background .2s; }
.player-placeholder-grid > div:hover { background:rgba(216,170,78,.08); }
.player-placeholder-grid span { margin-bottom:auto; font-family:Impact,sans-serif; font-size:68px; color:rgba(255,255,255,.05); }
.player-placeholder-grid b { font-family:Impact,sans-serif; font-size:24px; letter-spacing:.04em; font-weight:500; }
.player-placeholder-grid small { margin-top:6px; color:var(--gold); font-size:8px; text-transform:uppercase; letter-spacing:.12em; }

.matches-section { padding:112px 0 120px; background:#eeebe3; }
.matches-heading { display:grid; grid-template-columns:150px 1fr .7fr; gap:40px; align-items:end; margin-bottom:42px; }
.matches-heading > p { margin:0; color:#666e75; line-height:1.7; max-width:400px; justify-self:end; }
.match-panels { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.match-panel, .table-panel { background:white; border:1px solid #d9d5cc; min-height:420px; display:flex; flex-direction:column; }
.panel-top { display:flex; justify-content:space-between; padding:19px 22px; border-bottom:1px solid #e0ddd5; font-size:8px; font-weight:900; letter-spacing:.13em; }
.panel-top span { color:var(--red); }
.panel-top b { color:#7a8085; }
.match-placeholder { display:grid; grid-template-columns:160px 1fr; gap:30px; align-items:center; flex:1; padding:32px 40px; }
.match-placeholder img { width:130px; justify-self:center; }
.match-placeholder div { display:grid; }
.match-placeholder small { color:var(--red); font-weight:900; letter-spacing:.14em; font-size:8px; }
.match-placeholder strong { font-family:Impact,sans-serif; font-size:58px; line-height:.9; margin:10px 0 15px; }
.match-placeholder span { color:#858b90; font-size:8px; letter-spacing:.12em; font-weight:900; }
.panel-bottom { padding:17px 22px; background:#f7f5f0; border-top:1px solid #e0ddd5; color:#737a80; font-size:9px; }
.table-placeholder { padding:23px; flex:1; }
.table-head, .table-line { display:grid; grid-template-columns:30px 1fr 40px 50px; gap:10px; align-items:center; }
.table-head { color:#92979b; font-size:8px; font-weight:900; letter-spacing:.12em; padding:0 10px 10px; }
.table-line { min-height:67px; border-top:1px solid #e8e5de; padding:0 10px; font-size:11px; font-weight:800; }
.table-line span:nth-child(2) { display:flex; align-items:center; gap:10px; }
.table-line img { width:31px; height:31px; object-fit:contain; }
.table-line.active { background:#f5f0e5; border-left:3px solid var(--gold); }
.table-line.muted { color:#9aa0a4; }

.gallery-section { padding:112px 0 120px; background:white; }
.gallery-head { display:grid; grid-template-columns:1fr .6fr; gap:70px; align-items:end; margin-bottom:40px; }
.gallery-head > p { justify-self:end; max-width:360px; color:#666e75; line-height:1.7; }
.photo-grid { display:grid; grid-template-columns:1.2fr .8fr; grid-template-rows:330px 330px; gap:14px; }
.photo-card { position:relative; padding:0; border:0; overflow:hidden; cursor:pointer; background:#0a1724; }
.photo-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease, filter .55s ease; }
.photo-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,11,19,.64),transparent 45%); pointer-events:none; }
.photo-card:hover img { transform:scale(1.025); filter:saturate(1.08); }
.photo-card span { position:absolute; z-index:2; left:20px; bottom:18px; color:white; font-size:8px; font-weight:900; letter-spacing:.16em; }
.photo-a { grid-row:1 / span 2; }
.photo-b, .photo-c { grid-column:2; }

.partners-section { padding:114px 0 120px; background:var(--navy-950); color:white; }
.sponsor-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.13); border-left:1px solid rgba(255,255,255,.13); }
.sponsor-card { min-height:310px; border-right:1px solid rgba(255,255,255,.13); border-bottom:1px solid rgba(255,255,255,.13); padding:24px; display:flex; flex-direction:column; justify-content:space-between; background:#f6f3ec; color:var(--ink); overflow:hidden; }
.sponsor-card.sponsor-dark { background:#07192d; color:white; }
.sponsor-logo { height:205px; display:grid; place-items:center; padding:10px; }
.sponsor-logo img { max-width:100%; max-height:100%; object-fit:contain; }
.sponsor-carlos img { width:100%; }
.sponsor-wonders img { width:78%; }
.sponsor-rudys img { width:100%; }
.sponsor-tattoo img { height:180px; }
.sponsor-card div:last-child { display:grid; gap:6px; }
.sponsor-card div:last-child span { color:var(--gold); font-size:7px; font-weight:900; letter-spacing:.14em; }
.sponsor-card div:last-child strong { font-size:11px; letter-spacing:.05em; }
.shop-banner { margin-top:30px; border:1px solid rgba(255,255,255,.14); padding:28px 30px; display:flex; justify-content:space-between; gap:40px; align-items:center; background:linear-gradient(100deg,var(--red),#6f0a13); }
.shop-banner span { color:var(--gold-light); font-size:8px; font-weight:900; letter-spacing:.15em; }
.shop-banner h3 { margin:6px 0 4px; font-size:40px; }
.shop-banner p { margin:0; color:rgba(255,255,255,.7); font-size:12px; }

.tryouts-section { min-height:690px; position:relative; overflow:hidden; background:#07192d; color:white; display:flex; align-items:center; }
.tryouts-photo { position:absolute; inset:0; background:url('assets/team-tryouts-02.jpg') 72% 42%/cover no-repeat; filter:saturate(.75); }
.tryouts-shade { position:absolute; inset:0; background:linear-gradient(90deg,#051423 0 40%,rgba(5,20,35,.84) 57%,rgba(5,20,35,.35) 100%),linear-gradient(0deg,rgba(5,20,35,.8),transparent 45%); }
.tryouts-layout { position:relative; z-index:2; display:grid; grid-template-columns:1fr .56fr; gap:110px; align-items:center; padding:100px 0; }
.tryouts-copy { max-width:620px; }
.tryouts-copy > p:not(.overline) { color:rgba(255,255,255,.7); line-height:1.75; max-width:570px; }
.tryout-points { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 26px; }
.tryout-points span { border:1px solid rgba(255,255,255,.18); background:rgba(2,11,19,.25); padding:9px 12px; font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.tryouts-card { background:rgba(2,11,19,.88); backdrop-filter:blur(16px); border:1px solid rgba(216,170,78,.32); padding:34px; display:grid; justify-items:start; }
.tryouts-card img { width:92px; margin-bottom:24px; }
.tryouts-card small { color:var(--gold); font-size:8px; letter-spacing:.15em; font-weight:900; }
.tryouts-card strong { font-family:Impact,sans-serif; font-weight:500; font-size:35px; margin:7px 0 14px; }
.tryouts-card p { color:rgba(255,255,255,.62); line-height:1.65; font-size:12px; }
.tryouts-card-rule { width:100%; height:1px; background:rgba(255,255,255,.14); margin:15px 0 17px; }
.tryouts-card > span { font-size:8px; letter-spacing:.15em; color:rgba(255,255,255,.47); }

.site-footer { background:#02080d; color:white; padding:50px 0 20px; }
.footer-top { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-bottom:32px; border-bottom:1px solid rgba(255,255,255,.12); }
.footer-brand { display:flex; align-items:center; gap:14px; }
.footer-brand img { width:64px; height:64px; object-fit:contain; }
.footer-brand div { display:grid; gap:5px; }
.footer-brand strong { font-family:Impact,sans-serif; font-size:22px; letter-spacing:.06em; font-weight:500; }
.footer-brand span { color:var(--gold); font-size:7px; font-weight:900; letter-spacing:.17em; }
.footer-top > p { margin:0; font-family:Georgia,serif; font-style:italic; color:rgba(255,255,255,.58); }
.footer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; padding:37px 0; }
.footer-grid > div:not(.footer-mantra) { display:grid; align-content:start; gap:10px; }
.footer-label { color:var(--gold); font-size:8px; font-weight:900; letter-spacing:.16em; margin-bottom:6px; }
.footer-grid a { color:rgba(255,255,255,.58); font-size:11px; transition:color .2s; }
.footer-grid a:hover { color:white; }
.footer-bottom { display:flex; justify-content:space-between; border-top:1px solid rgba(255,255,255,.08); padding-top:18px; color:rgba(255,255,255,.34); font-size:7px; letter-spacing:.15em; }

.lightbox { position:fixed; inset:0; z-index:1000; background:rgba(1,6,10,.94); display:none; place-items:center; padding:55px; }
.lightbox.open { display:grid; }
.lightbox img { max-width:min(1100px,90vw); max-height:86vh; box-shadow:0 30px 90px rgba(0,0,0,.5); }
.lightbox-close { position:absolute; right:26px; top:20px; border:1px solid rgba(255,255,255,.3); background:transparent; color:white; width:42px; height:42px; font-size:28px; cursor:pointer; }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.reveal.in { opacity:1; transform:none; }
.delay-1 { transition-delay:.1s; }
.delay-2 { transition-delay:.18s; }
.delay-3 { transition-delay:.26s; }

@media (max-width: 1080px) {
  :root { --shell:min(100% - 36px, 980px); }
  .site-nav { gap:18px; }
  .hero-layout { grid-template-columns:1fr .58fr; gap:25px; }
  .badge-label { right:-5px; }
  .section-intro, .matches-heading { grid-template-columns:110px 1fr .8fr; }
  .identity-stage { gap:20px; }
  .meaning-card h3 { font-size:28px; }
  .principles-grid { gap:55px; }
  .principle { grid-template-columns:45px 150px 1fr; }
  .sponsor-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 820px) {
  .announcement-inner { grid-template-columns:1fr 1fr; }
  .announcement strong { display:none; }
  .menu-toggle { display:block; position:relative; z-index:3; }
  .site-nav { position:fixed; inset:76px 0 auto 0; min-height:calc(100vh - 76px); background:#06172a; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:24px; transform:translateX(100%); opacity:0; visibility:hidden; transition:transform .3s,opacity .3s; }
  .site-nav.open { transform:none; opacity:1; visibility:visible; }
  .site-nav a { padding:18px 8px; border-bottom:1px solid rgba(255,255,255,.12); font-family:Impact,sans-serif; font-size:28px; letter-spacing:.04em; font-weight:500; }
  .site-nav .shop-link { margin-top:16px; text-align:center; border-bottom:0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .hero { min-height:800px; }
  .hero-photo { inset:40% 0 0 0; opacity:.34; }
  .hero-overlay { background:linear-gradient(180deg,#06172a 0 46%,rgba(6,23,42,.86) 65%,rgba(2,11,19,.78)); }
  .hero-layout { grid-template-columns:1fr; padding-top:70px; align-content:start; }
  .hero-badge { position:absolute; right:0; top:48px; width:205px; opacity:.25; }
  .badge-label { display:none; }
  .hero-copy { position:relative; z-index:4; }
  .hero h1 { font-size:clamp(61px,16vw,108px); }
  .section-intro, .matches-heading { grid-template-columns:1fr; gap:15px; }
  .section-intro .intro-copy, .matches-heading > p { justify-self:start; }
  .story-grid { grid-template-columns:1fr; }
  .story-photo { min-height:410px; }
  .identity-head { grid-template-columns:1fr; gap:15px; }
  .identity-stage { min-height:auto; grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .identity-badge { grid-column:1 / span 2; grid-row:1; width:min(420px,82vw); }
  .meaning-condor, .meaning-mountains, .meaning-coffee, .meaning-sun { grid-column:auto; grid-row:auto; }
  .meaning-card:nth-of-type(odd) { justify-self:auto; text-align:left; }
  .principles-grid { grid-template-columns:1fr; }
  .principles-title { position:static; }
  .team-heading, .partners-head { grid-template-columns:1fr; gap:20px; }
  .team-heading > p, .partners-head > p { justify-self:start; }
  .team-placeholder { grid-template-columns:1fr; }
  .player-placeholder-grid > div { border-left:0; border-right:1px solid rgba(255,255,255,.13); }
  .match-panels { grid-template-columns:1fr; }
  .gallery-head { grid-template-columns:1fr; gap:15px; }
  .gallery-head > p { justify-self:start; }
  .tryouts-layout { grid-template-columns:1fr; gap:35px; }
  .tryouts-card { max-width:480px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 560px) {
  :root { --shell:calc(100% - 28px); }
  .announcement { font-size:7px; }
  .nav-shell { height:68px; }
  .brand { min-width:0; }
  .brand img { width:45px; height:45px; }
  .brand b { font-size:18px; }
  .site-nav { inset:68px 0 auto 0; min-height:calc(100vh - 68px); }
  .hero { min-height:750px; }
  .hero-layout { padding-top:60px; }
  .hero-badge { width:160px; top:50px; }
  .hero h1 { font-size:61px; }
  .hero-copy > p { font-size:14px; }
  .hero-tags { gap:8px; font-size:6px; }
  .origin-section, .principles-section, .matches-section, .gallery-section { padding:82px 0; }
  .identity-section, .team-section, .partners-section { padding:84px 0; }
  h2 { font-size:51px; }
  .story-card { min-height:360px; padding:25px; }
  .identity-stage { grid-template-columns:1fr; }
  .identity-badge { grid-column:1; width:90vw; max-width:380px; }
  .meaning-card { max-width:none; }
  .principle { grid-template-columns:35px 1fr; gap:12px; }
  .principle p { grid-column:2; }
  .team-photo-panel { min-height:360px; }
  .player-placeholder-grid { grid-template-columns:1fr; }
  .player-placeholder-grid > div { min-height:170px; }
  .match-placeholder { grid-template-columns:95px 1fr; gap:15px; padding:28px 18px; }
  .match-placeholder img { width:88px; }
  .match-placeholder strong { font-size:43px; }
  .photo-grid { grid-template-columns:1fr; grid-template-rows:repeat(3,320px); }
  .photo-a, .photo-b, .photo-c { grid-column:1; grid-row:auto; }
  .sponsor-grid { grid-template-columns:1fr; }
  .sponsor-card { min-height:260px; }
  .sponsor-logo { height:165px; }
  .shop-banner { flex-direction:column; align-items:flex-start; }
  .tryouts-section { min-height:760px; }
  .tryouts-photo { background-position:58% 50%; }
  .tryouts-shade { background:linear-gradient(180deg,rgba(5,20,35,.96) 0 55%,rgba(5,20,35,.72)); }
  .tryouts-layout { padding:80px 0; }
  .footer-top { align-items:flex-start; flex-direction:column; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-bottom { flex-direction:column; gap:8px; }
  .lightbox { padding:20px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
}

/* ===== LIVE CONTENT SYSTEM ===== */
[hidden]{display:none!important}.position-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.position-filters button{border:1px solid rgba(255,255,255,.18);background:transparent;color:rgba(255,255,255,.64);padding:10px 14px;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.11em;cursor:pointer}.position-filters button:hover,.position-filters button.active{background:var(--gold);border-color:var(--gold);color:#10151b}.player-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.player-live-card{background:#07192c;border:1px solid rgba(255,255,255,.12);overflow:hidden}.player-card-image{aspect-ratio:4/5;background:#020b13;overflow:hidden}.player-card-image>img{width:100%;height:100%;object-fit:cover}.player-card-noimage{height:100%;display:grid;place-items:center;align-content:center;gap:15px;color:rgba(255,255,255,.45);font-size:8px;line-height:1.5;font-weight:900;letter-spacing:.13em;text-align:center}.player-card-noimage img{width:78px;opacity:.35}.player-card-meta{display:grid;padding:15px 16px 18px}.player-card-meta span{color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.14em}.player-card-meta strong{font-family:Impact,sans-serif;font-size:25px;font-weight:500;line-height:1;text-transform:uppercase;margin:5px 0 6px}.player-card-meta small{color:rgba(255,255,255,.55);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.content-empty{grid-column:1/-1;border:1px dashed rgba(255,255,255,.18);padding:35px;color:rgba(255,255,255,.5);text-align:center;font-size:11px}.match-center-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.standings-wide{grid-column:1/-1}.fixture-live{min-height:235px;padding:28px;display:grid;grid-template-columns:1fr .65fr 1fr;align-items:center;gap:18px}.fixture-team{display:grid;justify-items:center;text-align:center;gap:12px}.fixture-team img,.opponent-placeholder{width:90px;height:90px;object-fit:contain}.opponent-placeholder{display:grid;place-items:center;border:1px dashed #c7c2b7;background:#eeebe4;color:#9d9589;font-family:Impact,sans-serif;font-size:38px}.fixture-team strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.fixture-middle{display:grid;justify-items:center;text-align:center;gap:7px}.fixture-middle small{color:var(--red);font-size:8px;font-weight:900;letter-spacing:.16em}.fixture-middle b{font-family:Impact,sans-serif;font-size:50px;font-weight:500;line-height:1}.fixture-middle span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.fixture-middle.score b{color:var(--red)}.standings-head,.standings-row{grid-template-columns:42px minmax(200px,1fr) repeat(6,55px)!important}.standings-row>span:nth-child(n+3),.standings-head>span:nth-child(n+3),.standings-row>b{text-align:center}.standings-row span:nth-child(2){display:flex;align-items:center;gap:9px}.standings-row span:nth-child(2) img{width:24px;height:24px;object-fit:contain}.news-section{background:var(--navy-900);color:white;padding:105px 0 115px}.news-head{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:55px;margin-bottom:35px}.news-head>p{color:rgba(255,255,255,.58);line-height:1.7;max-width:430px;justify-self:end}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.news-card,.news-empty{background:#0b2239;border:1px solid rgba(255,255,255,.1);overflow:hidden}.news-image{aspect-ratio:16/10;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover}.news-copy{padding:22px}.news-copy>span,.news-empty>span{color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.13em}.news-copy h3,.news-empty h3{font-family:Impact,sans-serif;font-weight:500;font-size:31px;line-height:1;text-transform:uppercase;margin:8px 0 12px}.news-copy p,.news-empty p{color:rgba(255,255,255,.6);font-size:12px;line-height:1.65;margin:0}.news-empty{grid-column:1/-1;padding:38px;min-height:210px;display:grid;align-content:center}.dynamic-gallery{grid-template-columns:repeat(3,1fr)!important;grid-template-rows:none!important}.dynamic-gallery .photo-card{grid-column:auto!important;grid-row:auto!important;aspect-ratio:1/1}.dynamic-gallery .photo-card img{width:100%;height:100%;object-fit:cover}.sponsor-card[href]{transition:transform .2s,border-color .2s}.sponsor-card[href]:hover{transform:translateY(-3px);border-color:var(--gold)}@media(max-width:980px){.player-card-grid{grid-template-columns:repeat(3,1fr)}.news-grid{grid-template-columns:1fr 1fr}.standings-head,.standings-row{grid-template-columns:36px minmax(160px,1fr) repeat(6,45px)!important}}@media(max-width:820px){.match-center-grid{grid-template-columns:1fr}.standings-wide{grid-column:auto}.table-placeholder{overflow-x:auto}.standings-head,.standings-row{min-width:650px}.news-head{grid-template-columns:1fr}.news-head>p{justify-self:start}.player-card-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.player-card-grid,.news-grid,.dynamic-gallery{grid-template-columns:1fr!important}.fixture-live{grid-template-columns:1fr 70px 1fr;padding:24px 14px}.fixture-team img,.opponent-placeholder{width:65px;height:65px}.fixture-middle b{font-size:39px}.news-section{padding:82px 0}.player-card-image{aspect-ratio:4/5}}