:root{
  --gold:#d6a429;
  --gold2:#f0c75c;
  --black:#050505;
  --char:#0d0d0f;
  --white:#fff;
  --muted:#c9c9c9;
  --line:rgba(214,164,41,.38);
  --shadow:0 18px 60px rgba(0,0,0,.45);
  --max:1480px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}

/* animated atmosphere */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.gold-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(214,164,41,.19),rgba(214,164,41,0) 67%);filter:blur(12px);pointer-events:none}

.topbar{position:sticky;top:0;z-index:100;background:rgba(3,3,4,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(214,164,41,.3)}
.nav-wrap{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:28px;padding:12px 24px}
.brand{display:flex;align-items:center;gap:12px;min-width:270px}
.brand-logo{width:69px;height:69px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(214,164,41,.16));animation:logoFloat 5s ease-in-out infinite}
.brand-type{line-height:.85;text-transform:uppercase;font-weight:900;letter-spacing:1.8px;font-size:24px}
.brand-type small{display:block;color:var(--gold);font-size:14px;letter-spacing:4px;margin-top:7px}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex:1;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}
.nav a{position:relative;padding:15px 0;transition:.25s}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:2px;background:var(--gold);transition:.25s}
.nav a:hover{color:var(--gold2)}
.nav a:hover:after,.nav a.active:after{right:0}
.nav a.active{color:var(--gold)}
.nav .football-link{border:1px solid rgba(214,164,41,.58);padding:12px 14px;border-radius:3px}
.nav .football-link:after{display:none}
.join-btn{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#090909;padding:15px 22px!important;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 8px 24px rgba(214,164,41,.18);transition:.25s!important}
.join-btn:hover{transform:translateY(-2px);color:#000!important;box-shadow:0 10px 30px rgba(214,164,41,.32)}
.mobile-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;padding:8px 10px}

.hero{position:relative;min-height:650px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#070707}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.88) 32%,rgba(0,0,0,.35) 64%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,#050505 0%,transparent 22%),url('assets/images/hero-stadium.jpg');background-size:cover;background-position:center;transform:scale(1.04);animation:heroDrift 16s ease-in-out infinite alternate;z-index:-3}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 80% 30%,rgba(214,164,41,.12),transparent 23%),linear-gradient(120deg,transparent 52%,rgba(214,164,41,.11) 52.4%,transparent 53%);}
.hero-inner{position:relative;max-width:var(--max);width:100%;margin:auto;padding:70px 24px 95px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}
.hero-copy{max-width:790px;position:relative;z-index:2}
.eyebrow{color:var(--gold);font-size:18px;font-weight:900;letter-spacing:4px;text-transform:uppercase;margin-bottom:13px}
.hero h1{font-size:clamp(62px,7vw,116px);line-height:.83;margin:0;text-transform:uppercase;font-weight:1000;letter-spacing:-5px;text-shadow:0 5px 0 rgba(0,0,0,.35)}
.hero h1 span{display:block;color:var(--gold);background:linear-gradient(180deg,#efc255,#b98512);-webkit-background-clip:text;background-clip:text;color:transparent}
.tagline{font-size:25px;margin:22px 0 28px;color:#f2f2f2}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid rgba(255,255,255,.44);font-weight:900;text-transform:uppercase;letter-spacing:.5px;border-radius:3px;transition:.25s;position:relative;overflow:hidden}
.btn:before{content:"";position:absolute;top:0;left:-110%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-20deg);transition:.7s}
.btn:hover:before{left:140%}
.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));border-color:var(--gold);color:#080808}
.btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.35)}
.hero-mark{position:relative;justify-self:center;width:min(490px,42vw);opacity:.22;filter:grayscale(.05) drop-shadow(0 0 28px rgba(214,164,41,.18));animation:markPulse 4s ease-in-out infinite}
.light-beam{position:absolute;top:-80px;right:17%;width:280px;height:900px;transform:rotate(15deg);background:linear-gradient(90deg,transparent,rgba(245,201,86,.08),transparent);filter:blur(10px);animation:sweep 9s linear infinite;pointer-events:none}

.quick-actions{position:relative;z-index:6;max-width:var(--max);margin:-55px auto 0;padding:0 24px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(214,164,41,.7);border-radius:11px;overflow:hidden;background:rgba(5,5,5,.95);box-shadow:var(--shadow)}
.quick-card{min-height:148px;padding:24px;display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;position:relative;border-right:1px solid var(--line);transition:.3s}
.quick-card:last-child{border-right:0}.quick-card:hover{background:linear-gradient(135deg,rgba(214,164,41,.12),rgba(255,255,255,.02));transform:translateY(-5px)}
.icon{width:62px;height:62px;color:var(--gold);display:grid;place-items:center}
.icon svg{width:56px;height:56px;fill:currentColor}
.quick-card h3{font-size:23px;margin:0 0 7px;text-transform:uppercase;letter-spacing:-1px}.quick-card p{font-size:14px;line-height:1.45;color:#ddd;margin:0}.arrow{display:block;color:var(--gold);font-size:26px;margin-top:5px}

.section{position:relative;padding:82px 24px}.section-inner{max-width:var(--max);margin:auto}
.story{background:#09090a;overflow:hidden;padding-top:110px}
.story:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95) 0 30%,rgba(0,0,0,.25) 70%),url('assets/images/team-huddle.jpg') center 36%/cover no-repeat;opacity:.67;filter:saturate(.75)}
.story:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#09090a)}
.story-copy{position:relative;z-index:2;max-width:640px;padding:15px 0 100px}
.kicker{font-size:20px;color:var(--gold);font-weight:900;letter-spacing:3px;text-transform:uppercase}.section-title{font-size:clamp(46px,5vw,76px);line-height:.9;text-transform:uppercase;margin:10px 0 24px;font-weight:1000;letter-spacing:-3px}.section-title span{color:var(--gold)}
.story p{font-size:20px;line-height:1.55;color:#efefef}.impact-list{display:flex;flex-wrap:wrap;gap:8px 20px;text-transform:uppercase;font-weight:800;font-size:15px}.impact-list span{position:relative}.impact-list span:after{content:"•";color:var(--gold);position:absolute;right:-13px}.impact-list span:last-child:after{display:none}
.story-closer{color:var(--gold)!important;font-weight:1000;text-transform:uppercase;letter-spacing:1px;font-size:22px!important}

.project-wrap{position:relative;z-index:4;margin-top:-55px}.project-card{display:grid;grid-template-columns:390px 1fr;gap:0;background:rgba(3,3,3,.96);border:1px solid rgba(214,164,41,.8);border-radius:11px;padding:14px;box-shadow:var(--shadow);overflow:hidden}.project-image{min-height:260px;border-radius:7px;background:url('assets/images/stadium-night.jpg') center/cover no-repeat;position:relative}.project-image span{position:absolute;left:0;right:0;bottom:0;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.95));font-weight:900;text-transform:uppercase;text-align:center;font-size:13px}.project-content{padding:25px 34px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}.project-content h3{font-size:35px;color:var(--gold);text-transform:uppercase;margin:0 0 12px}.project-content p{font-size:18px;line-height:1.45;color:#eee;margin:0}.funding-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.amount-label{text-transform:uppercase;font-size:11px;letter-spacing:2px}.amount{font-size:44px;font-weight:1000;color:var(--gold)}.goal{text-align:right}.goal .amount{color:#fff;font-size:36px}.progress{height:28px;border:1px solid rgba(255,255,255,.24);border-radius:20px;overflow:hidden;margin:14px 0;background:#1a1a1c}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2));color:#080808;font-weight:1000;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;transition:width 1.7s cubic-bezier(.2,.8,.2,1)}

.membership{background:#f5f2ec;color:#0a0a0a;padding:85px 24px;background-image:radial-gradient(circle at 10% 10%,rgba(214,164,41,.12),transparent 28%)}
.membership-grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:24px;align-items:stretch}.membership-intro{padding:20px 20px 20px 0}.membership-intro .section-title{font-size:55px}.membership-intro p{font-size:18px;line-height:1.55;color:#313131}.tier{background:#fff;border:1px solid rgba(177,128,16,.55);border-radius:9px;padding:28px;text-align:center;box-shadow:0 12px 32px rgba(0,0,0,.08);transition:.3s;position:relative;overflow:hidden}.tier:hover{transform:translateY(-8px);box-shadow:0 22px 44px rgba(0,0,0,.14)}.tier:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold2),var(--gold))}.tier h3{text-transform:uppercase;font-size:23px;margin:0}.tier .price{font-size:45px;font-weight:1000;margin:19px 0 2px}.tier .per{font-size:12px;font-weight:900;text-transform:uppercase}.tier p{min-height:54px;line-height:1.45;color:#333}.tier .btn{width:100%;border:0}

.sponsors{background:#070707;padding:48px 24px}.sponsor-row{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.sponsor-intro{padding:30px;background:linear-gradient(135deg,#111,#070707)}.sponsor-intro h2{font-size:31px;line-height:.95;text-transform:uppercase;margin:0 0 15px}.sponsor-intro h2 span{color:var(--gold)}.sponsor-intro p{color:#ccc;line-height:1.5}.sponsor-logos{display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:stretch}.sponsor-logo{min-height:175px;display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;border-left:1px solid var(--line);text-transform:uppercase;font-size:25px;font-weight:1000;color:#e8e8e8;letter-spacing:-1px}.sponsor-logo strong{color:var(--gold);display:block;font-size:12px;letter-spacing:2px;margin-bottom:12px}.sponsor-logo.premier{font-size:28px}

.engage{padding:0 24px 18px;background:linear-gradient(180deg,#070707,#151004)}.engage-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 0}.engage-card{position:relative;overflow:hidden;min-height:160px;border:1px solid var(--line);border-radius:8px;padding:26px;display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(214,164,41,.08),rgba(0,0,0,.92));transition:.3s}.engage-card:hover{transform:translateY(-5px);border-color:var(--gold)}.engage-card h3{font-size:25px;text-transform:uppercase;margin:0 0 8px}.engage-card p{color:#ddd;margin:0 0 12px}.engage-card a{color:var(--gold);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.5px}

.footer{background:#020202;border-top:1px solid var(--line);padding:38px 24px 24px}.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:320px 1fr auto;gap:34px;align-items:center}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand img{width:76px;height:76px;object-fit:contain}.footer-brand strong{font-size:26px;text-transform:uppercase;line-height:.95}.footer-brand strong span{display:block;color:var(--gold);font-size:14px;letter-spacing:3px;margin-top:7px}.ecosystem{text-align:center}.ecosystem h4{font-size:20px;color:var(--gold);text-transform:uppercase;margin:0 0 14px;letter-spacing:1px}.ecosystem-links{display:flex;justify-content:center;gap:26px;font-size:12px;font-weight:900;text-transform:uppercase}.copyright{text-align:center;color:#8d8d8d;font-size:11px;margin-top:22px}.social{display:flex;gap:12px}.social a{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;color:var(--gold);font-weight:1000;transition:.25s}.social a:hover{background:var(--gold);color:#000;transform:translateY(-3px)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}.delay1{transition-delay:.12s}.delay2{transition-delay:.24s}.delay3{transition-delay:.36s}
@keyframes heroDrift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.1) translate3d(-1.2%,1%,0)}}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes markPulse{0%,100%{transform:scale(1);opacity:.18}50%{transform:scale(1.035);opacity:.27}}
@keyframes sweep{0%{transform:translateX(-80vw) rotate(15deg)}100%{transform:translateX(130vw) rotate(15deg)}}


.qr-band{background:linear-gradient(135deg,#090909,#020202);border-top:1px solid var(--line);padding:34px 24px}
.qr-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;border:1px solid rgba(214,164,41,.48);border-radius:10px;padding:28px 32px;position:relative;overflow:hidden}
.qr-inner:before{content:"";position:absolute;inset:-80% auto -80% -25%;width:45%;background:linear-gradient(90deg,transparent,rgba(214,164,41,.10),transparent);transform:rotate(16deg);animation:sweep 8s linear infinite;pointer-events:none}
.qr-copy{position:relative;z-index:1}.qr-copy .eyebrow{margin-bottom:7px;font-size:13px}
.qr-copy h3{margin:0 0 8px;text-transform:uppercase;font-size:clamp(30px,3vw,48px);line-height:.95}.qr-copy h3 span{color:var(--gold)}
.qr-copy p{margin:0;color:#d7d7d7;font-size:16px;line-height:1.5;max-width:720px}
.qr-url{display:inline-block;margin-top:12px;color:var(--gold2);font-weight:900;letter-spacing:1px;text-transform:uppercase}
.qr-box{position:relative;z-index:2;background:#fff;padding:11px;border-radius:8px;box-shadow:0 0 0 2px var(--gold),0 14px 35px rgba(0,0,0,.5);transition:.3s}
.qr-box:hover{transform:translateY(-5px) rotate(1deg);box-shadow:0 0 0 2px var(--gold2),0 18px 45px rgba(214,164,41,.22)}
.qr-box img{width:148px;height:148px;display:block}
@media(max-width:700px){.qr-band{padding:25px 14px}.qr-inner{grid-template-columns:1fr;text-align:center;padding:25px 18px}.qr-copy p{margin-left:auto;margin-right:auto}.qr-box{justify-self:center}.qr-box img{width:160px;height:160px}}


/* ===== BOOM UI/UX POLISH PASS ===== */
:root{--ease:cubic-bezier(.2,.75,.2,1);--goldGlow:0 0 24px rgba(214,164,41,.24)}
::selection{background:var(--gold);color:#050505}
body{background:
  radial-gradient(circle at 50% -20%,rgba(214,164,41,.07),transparent 38%),
  #000}
body.is-loaded .hero-copy .eyebrow{animation:heroEnter .7s .08s var(--ease) both}
body.is-loaded .hero-copy h1{animation:heroEnter .85s .16s var(--ease) both}
body.is-loaded .hero-copy .tagline{animation:heroEnter .8s .28s var(--ease) both}
body.is-loaded .hero-copy .cta-row{animation:heroEnter .8s .38s var(--ease) both}
body.is-loaded .hero-mark{animation:heroMarkIn 1.1s .3s var(--ease) both,markPulse 4s 1.5s ease-in-out infinite}
body:not(.is-loaded) .hero-copy .eyebrow,
body:not(.is-loaded) .hero-copy h1,
body:not(.is-loaded) .hero-copy .tagline,
body:not(.is-loaded) .hero-copy .cta-row{opacity:0;transform:translateY(24px)}
body:not(.is-loaded) .hero-mark{opacity:0;transform:scale(.88) rotate(-3deg)}

.topbar{transition:background .35s,border-color .35s,box-shadow .35s,transform .35s}
.topbar.scrolled{background:rgba(3,3,4,.975);border-color:rgba(214,164,41,.5);box-shadow:0 14px 40px rgba(0,0,0,.34)}
.nav a{will-change:transform}
.nav a:not(.join-btn):hover{transform:translateY(-1px)}
.brand-logo{transition:filter .35s,transform .35s}
.brand:hover .brand-logo{filter:drop-shadow(0 0 16px rgba(214,164,41,.55));transform:scale(1.035)}

.hero{perspective:1100px}
.hero-bg{will-change:transform}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(circle at var(--mx,78%) var(--my,30%),rgba(240,199,92,.13),transparent 16%),
  linear-gradient(180deg,transparent 72%,rgba(0,0,0,.78));transition:background-position .15s}
.hero-copy:after{content:"";position:absolute;left:-12px;top:-16px;width:3px;height:0;background:linear-gradient(var(--gold2),transparent);box-shadow:var(--goldGlow);animation:heroRule 1.1s .65s var(--ease) forwards}
.hero h1 span{background-size:200% 100%;animation:goldShift 5s ease-in-out infinite}
.hero-mark{will-change:transform,filter}
.hero-mark:hover{filter:drop-shadow(0 0 42px rgba(214,164,41,.38))}

.btn,.join-btn{isolation:isolate}
.btn:after,.join-btn:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--bx,50%) var(--by,50%),rgba(255,255,255,.25),transparent 36%);opacity:0;transition:opacity .25s}
.btn:hover:after,.join-btn:hover:after{opacity:1}
.btn:active,.join-btn:active{transform:translateY(0) scale(.985)}

.quick-card,.tier,.engage-card,.project-card,.qr-inner,.sponsor-logo{will-change:transform}
.quick-card{overflow:hidden}
.quick-card:before,.engage-card:before,.tier:after,.sponsor-logo:after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(120deg,transparent 35%,rgba(240,199,92,.14) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.quick-card:hover:before,.engage-card:hover:before,.tier:hover:after,.sponsor-logo:hover:after{transform:translateX(120%)}
.quick-card .icon,.engage-card .icon{transition:transform .35s var(--ease),filter .35s}
.quick-card:hover .icon,.engage-card:hover .icon{transform:scale(1.08) rotate(-2deg);filter:drop-shadow(0 0 10px rgba(214,164,41,.35))}
.quick-card .arrow{transition:transform .3s var(--ease)}
.quick-card:hover .arrow{transform:translateX(8px)}

.story:before{transform:scale(1.025);transition:transform 6s ease}
.story.in-view:before{transform:scale(1.075)}
.story-copy:before{content:"";position:absolute;left:0;top:-3px;width:64px;height:3px;background:var(--gold);box-shadow:var(--goldGlow);transform-origin:left;transform:scaleX(0);transition:transform .8s .15s var(--ease)}
.story.in-view .story-copy:before{transform:scaleX(1)}

.project-card{transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.project-card:hover{transform:translateY(-6px);border-color:var(--gold2);box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 35px rgba(214,164,41,.12)}
.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 45%,rgba(255,255,255,.12) 50%,transparent 55%);transform:translateX(-130%);transition:transform 1s var(--ease)}
.project-card:hover .project-image:after{transform:translateX(130%)}
.progress-bar{position:relative;overflow:hidden}
.progress-bar:after{content:"";position:absolute;top:0;bottom:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:progressShine 2.2s 1.8s ease-in-out infinite}

.tier{transform-style:preserve-3d}
.tier:hover{border-color:var(--gold);box-shadow:0 26px 55px rgba(0,0,0,.16),0 0 0 1px rgba(214,164,41,.15)}
.tier h3,.tier .price,.tier .per,.tier p,.tier .btn{position:relative;z-index:2}
.sponsor-logo{position:relative;overflow:hidden;transition:background .3s,color .3s}
.sponsor-logo:hover{background:rgba(214,164,41,.07);color:#fff}
.sponsor-logo strong{transition:letter-spacing .3s}
.sponsor-logo:hover strong{letter-spacing:2.7px}

.engage-card{transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.engage-card:hover{box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 25px rgba(214,164,41,.10)}
.engage-card a{display:inline-block;transition:transform .3s,color .3s}
.engage-card:hover a{transform:translateX(5px);color:var(--gold2)}

.qr-inner{transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.qr-inner:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 24px 60px rgba(0,0,0,.42),0 0 28px rgba(214,164,41,.10)}
.qr-box img{transition:transform .35s var(--ease)}
.qr-box:hover img{transform:scale(1.035)}

.reveal{filter:blur(4px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}
.reveal.in{filter:blur(0)}
.reveal.from-left{transform:translateX(-36px)}
.reveal.from-right{transform:translateX(36px)}
.reveal.from-left.in,.reveal.from-right.in{transform:none}

.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:99999;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 14px rgba(214,164,41,.5);pointer-events:none}
.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;pointer-events:none;z-index:0;opacity:.11;background:radial-gradient(circle,rgba(214,164,41,.38),transparent 68%);transform:translate(-50%,-50%);filter:blur(10px);transition:opacity .25s}
@media(pointer:coarse){.cursor-glow{display:none}}

@keyframes heroEnter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes heroMarkIn{from{opacity:0;transform:scale(.88) rotate(-3deg)}to{opacity:.22;transform:scale(1) rotate(0)}}
@keyframes heroRule{to{height:118px}}
@keyframes goldShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes progressShine{0%{left:-45%}55%,100%{left:120%}}

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

@media(max-width:1100px){.nav{gap:16px;font-size:11px}.brand{min-width:220px}.brand-type{font-size:19px}.hero-inner{grid-template-columns:1fr}.hero-mark{position:absolute;right:2%;width:390px;opacity:.12}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card:nth-child(2){border-right:0}.quick-card{border-bottom:1px solid var(--line)}.quick-card:nth-child(3),.quick-card:nth-child(4){border-bottom:0}.project-card{grid-template-columns:330px 1fr}.project-content{grid-template-columns:1fr}.membership-grid{grid-template-columns:1fr 1fr}.membership-intro{grid-column:1/-1}.sponsor-row{grid-template-columns:1fr}.sponsor-logos{grid-template-columns:repeat(2,1fr)}.sponsor-logo{border-top:1px solid var(--line)}.engage-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand,.social{justify-content:center}}
@media(max-width:860px){.mobile-toggle{display:block;margin-left:auto}.nav{position:absolute;display:none;top:94px;left:0;right:0;background:#050505;padding:18px 24px 28px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{text-align:center}.brand{min-width:0}.hero{min-height:610px}.hero-inner{padding-top:70px}.hero h1{letter-spacing:-3px}.quick-actions{margin-top:-30px}.project-card{grid-template-columns:1fr}.project-image{min-height:230px}.membership-grid{grid-template-columns:1fr}.sponsor-logos{grid-template-columns:1fr}.sponsor-logo{border-left:0}.footer-inner{gap:25px}.ecosystem-links{flex-direction:column;gap:8px}}
@media(max-width:600px){.nav-wrap{padding:10px 15px}.brand-logo{width:55px;height:55px}.brand-type{font-size:17px}.brand-type small{font-size:10px;letter-spacing:2.5px}.hero-inner{padding:52px 18px 85px}.hero h1{font-size:58px}.eyebrow{font-size:13px}.tagline{font-size:19px}.quick-actions{padding:0 14px}.quick-grid{grid-template-columns:1fr}.quick-card{border-right:0!important;border-bottom:1px solid var(--line)!important}.quick-card:last-child{border-bottom:0!important}.section{padding-left:18px;padding-right:18px}.story-copy{padding-bottom:85px}.section-title{font-size:48px}.project-content{padding:22px 18px}.amount{font-size:35px}.membership{padding:65px 18px}.membership-intro .section-title{font-size:45px}.sponsors,.engage,.footer{padding-left:14px;padding-right:14px}.sponsor-row{border-radius:6px}.engage-card{grid-template-columns:58px 1fr;padding:20px}.footer-brand strong{font-size:21px}}

/* ===== PRECISE STICKY-NAV ANCHOR OFFSETS ===== */
html{scroll-padding-top:110px}
#home,#involved,#about,#project,#membership,#sponsors,#events{scroll-margin-top:110px}
@media(max-width:900px){
  html{scroll-padding-top:88px}
  #home,#involved,#about,#project,#membership,#sponsors,#events{scroll-margin-top:88px}
}


/* ===== SHARED INNER PAGE + REDSIX FOOTER ===== */
.inner-hero{
  min-height:520px;
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  padding:150px 24px 72px;
  isolation:isolate;
  background:#050505;
}
.inner-hero-bg{
  position:absolute;inset:0;z-index:-3;
  background-position:center;background-size:cover;
  transform:scale(1.045);
  animation:heroDrift 18s ease-in-out infinite alternate;
}
.inner-hero:after{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 38%,rgba(0,0,0,.36) 72%,rgba(0,0,0,.7) 100%),
    linear-gradient(0deg,#000 0%,transparent 34%);
}
.inner-hero-content{width:min(var(--max),100%);margin:auto}
.inner-hero .eyebrow{margin-bottom:12px}
.inner-hero h1{font-size:clamp(54px,8vw,118px);line-height:.84;margin:0;text-transform:uppercase;letter-spacing:-4px;max-width:900px}
.inner-hero h1 span{color:var(--gold)}
.inner-hero p{max-width:720px;font-size:19px;line-height:1.65;color:#ddd;margin:24px 0 0}
.inner-main{background:#050505}
.about-intro{padding:90px 24px}
.about-intro-grid{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
.section-kicker{color:var(--gold);font-weight:900;letter-spacing:3px;text-transform:uppercase;font-size:13px}
.display-heading{font-size:clamp(42px,5vw,74px);line-height:.92;text-transform:uppercase;margin:10px 0 20px;letter-spacing:-2px}
.display-heading span{color:var(--gold)}
.about-copy{font-size:18px;line-height:1.75;color:#d4d4d4}
.about-copy strong{color:#fff}
.mission-card{border:1px solid var(--line);border-radius:12px;padding:34px;background:linear-gradient(145deg,#111,#080808);position:relative;overflow:hidden}
.mission-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(var(--gold2),var(--gold))}
.mission-card blockquote{margin:0;font-size:clamp(26px,3vw,42px);line-height:1.15;font-weight:900;text-transform:uppercase}
.mission-card blockquote span{color:var(--gold)}
.support-grid-section{padding:75px 24px 90px;background:#000;border-top:1px solid rgba(214,164,41,.15);border-bottom:1px solid rgba(214,164,41,.15)}
.support-grid-wrap{width:min(var(--max),100%);margin:auto}
.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.support-item{min-height:190px;border:1px solid var(--line);border-radius:10px;padding:28px;background:linear-gradient(145deg,#101010,#050505);position:relative;overflow:hidden;transition:.35s var(--ease)}
.support-item:hover{transform:translateY(-6px);border-color:var(--gold2);box-shadow:0 18px 55px rgba(214,164,41,.09)}
.support-icon{font-size:36px;margin-bottom:18px;filter:grayscale(1) sepia(1) saturate(4)}
.support-item h3{margin:0 0 8px;text-transform:uppercase;font-size:22px}
.support-item p{margin:0;color:#bcbcbc;line-height:1.55}
.leadership{padding:90px 24px;background:linear-gradient(180deg,#070707,#0b0b0b)}
.leadership-wrap{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:center}
.leadership-photo{min-height:500px;border-radius:12px;border:1px solid var(--line);background:url("../images/team-white.jpg") center/cover no-repeat;position:relative;overflow:hidden}
.leadership-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 50%)}
.leadership-panel{border:1px solid var(--line);border-radius:12px;padding:36px;background:#080808}
.leadership-panel h2{font-size:clamp(40px,4.4vw,64px);line-height:.92;margin:8px 0 18px;text-transform:uppercase}
.leadership-panel h2 span{color:var(--gold)}
.leadership-panel p{color:#c8c8c8;line-height:1.7;font-size:17px}
.leadership-note{margin-top:22px;padding:18px 20px;border-left:3px solid var(--gold);background:rgba(214,164,41,.06);color:#e5e5e5}
.about-cta{padding:84px 24px;background:
  radial-gradient(circle at 80% 30%,rgba(214,164,41,.16),transparent 28%),#000;
  text-align:center;
}
.about-cta-inner{width:min(980px,100%);margin:auto}
.about-cta h2{font-size:clamp(42px,5vw,72px);line-height:.9;text-transform:uppercase;margin:0 0 18px}
.about-cta h2 span{color:var(--gold)}
.about-cta p{color:#cfcfcf;font-size:18px;line-height:1.65;max-width:720px;margin:0 auto 28px}

.site-footer{background:#020202;border-top:1px solid rgba(214,164,41,.28);padding:0}
.redsix-strip{
  position:relative;overflow:hidden;
  background:linear-gradient(110deg,#080808 0%,#0d0d0d 58%,#120607 100%);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.redsix-strip:before{content:"";position:absolute;inset:-40% auto -40% -15%;width:48%;background:linear-gradient(90deg,transparent,rgba(160,0,15,.13),transparent);transform:rotate(12deg);animation:sweep 9s linear infinite}
.redsix-wrap{width:min(var(--max),100%);margin:auto;padding:38px 24px;display:grid;grid-template-columns:minmax(260px,430px) 1fr auto;gap:42px;align-items:center;position:relative;z-index:1}
.redsix-logo{width:min(100%,390px);filter:drop-shadow(0 10px 28px rgba(0,0,0,.45));transition:.35s}
.redsix-brand-link:hover .redsix-logo{transform:translateY(-3px);filter:drop-shadow(0 14px 30px rgba(185,16,35,.2))}
.redsix-copy .section-kicker{color:#c8c8c8;letter-spacing:2px}
.redsix-copy h3{margin:5px 0 8px;font-size:25px;text-transform:uppercase;letter-spacing:.5px}
.redsix-copy p{margin:0;color:#aaa;line-height:1.55;max-width:610px}
.redsix-visit{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid rgba(190,34,49,.75);border-radius:5px;font-weight:900;text-transform:uppercase;letter-spacing:1px;transition:.3s}
.redsix-visit:hover{background:#a41625;border-color:#d53b4a;transform:translateY(-2px)}
.footer-main{width:min(var(--max),100%);margin:auto;padding:30px 24px 34px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand img{width:56px}
.footer-brand strong{display:block;text-transform:uppercase;letter-spacing:1.5px}
.footer-brand small{display:block;color:#999;margin-top:4px}
.footer-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.footer-links a{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#bbb;transition:.25s}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:17px 24px;text-align:center;color:#777;font-size:12px}
.footer-bottom strong{color:#aaa}

@media(max-width:1050px){
  .about-intro-grid,.leadership-wrap{grid-template-columns:1fr}
  .support-grid{grid-template-columns:repeat(2,1fr)}
  .redsix-wrap{grid-template-columns:320px 1fr}
  .redsix-visit{grid-column:1/-1;justify-self:start}
}
@media(max-width:700px){
  .inner-hero{min-height:460px;padding:125px 18px 54px}
  .inner-hero h1{letter-spacing:-2px}
  .about-intro,.support-grid-section,.leadership,.about-cta{padding-left:18px;padding-right:18px}
  .support-grid{grid-template-columns:1fr}
  .leadership-photo{min-height:360px}
  .redsix-wrap{grid-template-columns:1fr;text-align:center;padding:30px 18px}
  .redsix-logo{margin:auto}
  .redsix-visit{justify-self:center}
  .footer-main{grid-template-columns:1fr;text-align:center}
  .footer-brand{justify-content:center}
  .footer-links{justify-content:center}
}


/* ===== FULL SITE BUILD ===== */
.page-shell{background:#050505}
.page-section{padding:82px 24px}
.page-wrap{width:min(var(--max),100%);margin:auto}
.page-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.page-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.page-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.info-card{background:linear-gradient(145deg,#111,#070707);border:1px solid var(--line);border-radius:12px;padding:28px;position:relative;overflow:hidden;transition:.35s var(--ease)}
.info-card:hover{transform:translateY(-5px);border-color:var(--gold2);box-shadow:0 18px 55px rgba(214,164,41,.09)}
.info-card h3{margin:0 0 10px;text-transform:uppercase;font-size:23px}
.info-card p{margin:0;color:#bfbfbf;line-height:1.65}
.info-card .mini{display:block;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
.icon-badge{width:56px;height:56px;border:1px solid rgba(214,164,41,.55);display:grid;place-items:center;border-radius:10px;font-size:28px;margin-bottom:18px;background:rgba(214,164,41,.06)}
.band-gold{background:linear-gradient(120deg,#b78313,#e2b83f);color:#070707}
.band-gold .page-wrap{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.band-gold h2{margin:0;text-transform:uppercase;font-size:clamp(38px,5vw,68px);line-height:.9}
.band-gold p{margin:10px 0 0;max-width:760px;font-weight:700}
.band-gold .btn{border-color:#090909}
.text-link{display:inline-block;margin-top:18px;color:var(--gold2);font-weight:900;text-transform:uppercase;letter-spacing:.7px}

.sponsor-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}
.sponsor-feature{min-height:300px;border:1px solid var(--line);border-radius:14px;padding:36px;background:radial-gradient(circle at 75% 30%,rgba(214,164,41,.14),transparent 26%),linear-gradient(145deg,#0e0e0e,#050505);display:flex;flex-direction:column;justify-content:flex-end}
.sponsor-feature h2{font-size:clamp(38px,5vw,68px);text-transform:uppercase;line-height:.92;margin:0 0 10px}
.sponsor-feature h2 span{color:var(--gold)}
.sponsor-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sponsor-tier-card{border:1px solid var(--line);border-radius:12px;padding:28px;text-align:center;background:#0a0a0a}
.sponsor-tier-card h3{text-transform:uppercase;margin:0 0 6px}
.sponsor-price{font-size:34px;font-weight:1000;color:var(--gold);margin:8px 0 14px}
.sponsor-tier-card ul{list-style:none;margin:0;padding:0;color:#bbb;line-height:1.8}
.sponsor-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sponsor-wall .logo-card{min-height:125px;border:1px solid rgba(214,164,41,.24);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:18px;background:#080808;color:#777;text-align:center;font-weight:900;text-transform:uppercase;letter-spacing:1px}

.membership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.membership-card{background:#fff;color:#111;border-radius:14px;padding:32px;border:1px solid #d7b04a;position:relative;overflow:hidden}
.membership-card.featured{transform:scale(1.035);box-shadow:0 18px 55px rgba(214,164,41,.18)}
.membership-card .mini{color:#8b6507}
.membership-card h3{font-size:28px;text-transform:uppercase;margin:0}
.membership-card .big-price{font-size:48px;font-weight:1000;margin:16px 0 2px}
.membership-card p{color:#444;line-height:1.6}
.membership-card ul{color:#333;line-height:1.8;padding-left:20px}
.membership-card .btn{width:100%;text-align:center;margin-top:14px}

.form-card{border:1px solid var(--line);background:#080808;border-radius:14px;padding:32px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:16px}
.field label{display:block;color:#fff;font-weight:900;margin-bottom:7px;font-size:13px;text-transform:uppercase;letter-spacing:.6px}
.field input,.field select,.field textarea{width:100%;background:#111;border:1px solid #343434;color:#fff;border-radius:7px;padding:13px 14px;font:inherit;outline:none}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,164,41,.1)}

.calendar-shell{border:1px solid var(--line);border-radius:14px;background:#080808;overflow:hidden}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid rgba(214,164,41,.18);background:linear-gradient(145deg,#101010,#080808)}
.calendar-title{font-size:28px;font-weight:1000;text-transform:uppercase;letter-spacing:.4px}
.calendar-controls{display:flex;gap:8px}
.calendar-btn{background:#111;color:#fff;border:1px solid #353535;border-radius:6px;padding:10px 13px;font-weight:900;cursor:pointer}
.calendar-btn:hover{border-color:var(--gold);color:var(--gold2)}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.calendar-weekdays div{padding:12px 10px;text-align:center;color:var(--gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px;border-right:1px solid #171717}
.calendar-day{min-height:120px;border-top:1px solid #171717;border-right:1px solid #171717;padding:10px;position:relative;background:#070707}
.calendar-day.muted{opacity:.32}
.calendar-day.today{background:rgba(214,164,41,.055)}
.calendar-day.today .day-num{background:var(--gold);color:#050505}
.day-num{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:900}
.event-pill{display:block;margin-top:6px;border-left:3px solid var(--gold);background:rgba(214,164,41,.08);padding:7px 8px;font-size:11px;font-weight:800;line-height:1.25;color:#ddd;border-radius:0 4px 4px 0}
.calendar-empty{padding:24px;color:#aaa}
.upcoming-list{display:grid;gap:12px}
.upcoming-item{display:grid;grid-template-columns:82px 1fr auto;gap:20px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:18px;background:#0a0a0a}
.date-box{border:1px solid rgba(214,164,41,.55);border-radius:8px;text-align:center;padding:10px;background:rgba(214,164,41,.05)}
.date-box strong{display:block;font-size:28px;color:var(--gold);line-height:1}
.date-box span{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:1px}
.upcoming-item h3{margin:0 0 5px;text-transform:uppercase}
.upcoming-item p{margin:0;color:#aaa}

@media(max-width:1000px){
  .page-grid-4,.sponsor-wall{grid-template-columns:repeat(2,1fr)}
  .page-grid-3,.membership-grid,.sponsor-tier-grid{grid-template-columns:1fr}
  .membership-card.featured{transform:none}
  .sponsor-hero-grid,.band-gold .page-wrap{grid-template-columns:1fr}
}
@media(max-width:760px){
  .page-grid-2,.form-row{grid-template-columns:1fr}
  .page-grid-4,.sponsor-wall{grid-template-columns:1fr}
  .calendar-weekdays{display:none}
  .calendar-grid{grid-template-columns:1fr}
  .calendar-day{min-height:auto;display:grid;grid-template-columns:44px 1fr;gap:8px}
  .calendar-day.muted{display:none}
  .upcoming-item{grid-template-columns:70px 1fr}
  .upcoming-item .btn{grid-column:1/-1}
}