@import url('https://fonts.googleapis.com/css2?family=Graduate&family=Inter:wght@500;700;800;900&display=swap');
:root{--navy:#03152b;--navy2:#061e3d;--deep:#010814;--red:#f01f45;--red2:#c8102e;--steel:#dce3ed;--ink:#07172d;--soft:#f4f6fa;--max:1240px}*{box-sizing:border-box}body{margin:0;background:var(--deep);color:#fff;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;background:radial-gradient(circle at 80% 20%,rgba(240,31,69,.24),transparent 24%),linear-gradient(180deg,#082449,#020b18);border-bottom:3px solid var(--red);box-shadow:0 16px 35px rgba(0,0,0,.45);overflow:hidden}.site-header:before{content:"";position:absolute;inset:0;background:url('header-emblem.jpg') left center/440px auto no-repeat;opacity:.16;filter:saturate(1.25);pointer-events:none}.header-shell{position:relative;max-width:var(--max);margin:auto;display:grid;grid-template-columns:250px 1fr 96px;align-items:center;gap:28px;padding:18px 24px 16px}.brand img{width:230px;height:auto;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 12px 24px rgba(0,0,0,.32)}.main-nav{display:flex;align-items:center;justify-content:center;gap:28px}.main-nav a,.mobile-menu a{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;position:relative}.main-nav a{padding:20px 0;text-shadow:0 3px 9px #000}.main-nav a.active,.main-nav a:hover{color:var(--red)}.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:10px;height:3px;background:var(--red);box-shadow:0 0 12px rgba(240,31,69,.9)}.menu-toggle{justify-self:end;width:88px;height:66px;border:1px solid rgba(255,255,255,.55);background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.02) 42%,rgba(240,31,69,.22)),linear-gradient(180deg,#1b2c46,#071426);clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);box-shadow:0 0 24px rgba(240,31,69,.22),inset 0 0 0 1px rgba(255,255,255,.08);cursor:pointer}.menu-toggle span{display:block;width:31px;height:3px;background:#fff;margin:7px auto;border-radius:50px;box-shadow:0 2px 6px #000}.mobile-menu{display:none;position:relative;padding:10px 28px 22px;background:linear-gradient(180deg,#061e3d,#020b18);border-top:1px solid rgba(255,255,255,.12)}.mobile-menu.open{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 20px}.mobile-menu a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}.mobile-menu a.active{color:var(--red)}
.hero-stage{position:relative;isolation:isolate;overflow:hidden;padding:72px 24px 38px;background:radial-gradient(circle at 82% 15%,rgba(255,244,214,.26),transparent 16%),linear-gradient(90deg,rgba(2,8,20,.98) 0%,rgba(3,15,32,.88) 42%,rgba(3,15,32,.38) 70%,rgba(2,8,20,.70) 100%),url('digital-camo.jpg') center/cover no-repeat}.hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,20,.1),rgba(1,8,20,.92) 78%),url('hero-team.jpg') right top/auto 86% no-repeat;z-index:-2}.hero-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#010814 0%,rgba(1,8,20,.92) 28%,rgba(1,8,20,.16) 68%,#010814 100%);z-index:-1}.hero-content{max-width:var(--max);margin:auto}.kicker,.eyebrow{display:flex;align-items:center;gap:18px;color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.22em;font-size:13px;margin:0 0 26px}.kicker span{width:78px;height:3px;background:var(--red)}.kicker.dark{justify-content:flex-start}.hero-content h1{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(50px,7vw,86px);line-height:1.05;letter-spacing:.025em;margin:0 0 18px;text-shadow:0 7px 0 rgba(0,0,0,.38),0 18px 34px rgba(0,0,0,.65)}.hero-content h1 em,.standard-panel h2 em{display:inline;color:var(--red);font-style:normal}.stars{display:flex;align-items:center;gap:18px;color:var(--red);font-size:29px;margin:18px 0}.stars i{display:block;width:130px;height:2px;background:var(--red)}.hero-copy{max-width:610px;font-size:21px;line-height:1.52;font-weight:800;color:#f2f5fa;text-shadow:0 4px 13px #000;margin:0 0 30px}.actions{display:flex;gap:18px;flex-wrap:wrap}.brand-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:0 34px;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:14px;clip-path:polygon(13px 0,100% 0,calc(100% - 13px) 100%,0 100%);border:1px solid rgba(255,255,255,.55);box-shadow:0 14px 28px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.35);text-shadow:0 2px 4px #000}.brand-btn.red{background:linear-gradient(180deg,#ff4869,#c8102e 58%,#85081f)}.brand-btn.steel{background:linear-gradient(180deg,#f7faff,#aab4c2 44%,#364358 46%,#07162b)}.brand-btn.navy{background:linear-gradient(180deg,#142b48,#07182f 60%,#030a15)}.value-row{max-width:var(--max);margin:52px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.value-row article{min-height:215px;background:linear-gradient(180deg,rgba(8,29,57,.82),rgba(2,10,22,.88));border:1px solid rgba(255,255,255,.38);padding:32px 26px;text-align:center;box-shadow:0 20px 42px rgba(0,0,0,.34)}.value-row .mark{font-size:56px;line-height:1;color:var(--red)}.value-row img{height:62px;margin:0 auto 7px;filter:drop-shadow(0 0 10px rgba(255,255,255,.25))}.value-row h3{font-family:Graduate,serif;text-transform:uppercase;margin:14px 0 12px}.value-row p{margin:0;color:#e1e7f0;font-weight:700;line-height:1.55}.standard-panel{position:relative;display:grid;grid-template-columns:1fr 1.28fr;gap:50px;align-items:center;padding:70px max(24px,calc((100vw - var(--max))/2 + 24px));background:radial-gradient(circle at 0% 20%,rgba(240,31,69,.08),transparent 22%),linear-gradient(180deg,#f9fafc,#e9edf3);color:var(--ink);border-top:3px solid var(--red);border-bottom:3px solid var(--red)}.standard-panel h2,.players-intro h2,.cta-panel h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(34px,5vw,58px);line-height:1.08;margin:0 0 20px}.standard-panel p{font-size:18px;line-height:1.55;font-weight:700;color:#28384e}.stats-board{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.stat{background:#fff;min-height:110px;display:grid;grid-template-columns:70px 1fr;grid-template-rows:1fr auto;align-items:center;padding:18px 22px;border:1px solid #d8dee9;box-shadow:0 15px 30px rgba(7,23,45,.12)}.stat b{grid-row:1/3;font-size:30px;text-align:center;color:var(--ink)}.stat strong{font-family:Graduate,serif;color:var(--red2);font-size:31px}.stat span{text-transform:uppercase;font-weight:900;letter-spacing:.08em;font-size:12px}.stat.wide{grid-column:1/3;max-width:330px;justify-self:center;width:100%}.players-panel{padding:70px max(24px,calc((100vw - var(--max))/2 + 24px));background:radial-gradient(circle at 100% 0%,rgba(240,31,69,.20),transparent 24%),linear-gradient(180deg,#061b36,#020b18);display:grid;grid-template-columns:280px repeat(5,1fr);gap:16px;align-items:end}.players-intro p{color:#d5deea;font-weight:700;line-height:1.5}.eyebrow{margin-bottom:12px}.player-card{min-height:170px;background:linear-gradient(160deg,rgba(4,20,43,.92),rgba(2,9,20,.95)),url('digital-camo.jpg') center/cover;border:1px solid rgba(255,255,255,.28);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 34px rgba(0,0,0,.26);position:relative;overflow:hidden}.player-card strong{position:absolute;top:12px;left:14px;font-family:Graduate,serif;font-size:38px;color:#fff;text-shadow:3px 3px 0 var(--red)}.player-card:after{content:"501";position:absolute;right:-8px;bottom:-6px;font-family:Graduate,serif;font-size:54px;color:rgba(255,255,255,.08)}.player-card span{text-transform:uppercase;font-weight:900;font-size:14px;z-index:1}.player-card small{color:#c7d1df;font-weight:800;z-index:1}.cta-panel{text-align:center;padding:70px 24px;background:#f7f9fc;color:var(--ink)}.cta-panel .eyebrow{justify-content:center;color:var(--red)}.cta-panel p{font-weight:700;color:#2d3d52}.site-footer{display:grid;grid-template-columns:1.2fr 1fr 1.2fr auto;gap:28px;align-items:center;padding:34px max(24px,calc((100vw - var(--max))/2 + 24px));background:radial-gradient(circle at 96% 8%,rgba(240,31,69,.24),transparent 22%),linear-gradient(180deg,#061d39,#020914);border-top:3px solid var(--red)}.site-footer img{width:78px}.site-footer p,.site-footer address,.site-footer a{color:#e8edf5;font-style:normal;font-weight:750}.socials{display:flex;gap:18px;color:var(--red);font-size:24px;font-weight:900}.site-footer small{color:#bfc8d5;white-space:nowrap}@media(max-width:1050px){.header-shell{grid-template-columns:220px 1fr 86px}.brand img{width:205px}.main-nav{gap:14px}.main-nav a{font-size:12px}.players-panel{grid-template-columns:1fr 1fr}.players-intro{grid-column:1/-1}.standard-panel{grid-template-columns:1fr}.hero-stage:before{background:linear-gradient(180deg,rgba(1,8,20,.05),rgba(1,8,20,.94) 78%),url('hero-team.jpg') right top/auto 74% no-repeat}.hero-stage:after{background:linear-gradient(90deg,#010814 0%,rgba(1,8,20,.86) 34%,rgba(1,8,20,.28) 78%,#010814 100%)}}@media(max-width:760px){.header-shell{grid-template-columns:minmax(165px,45vw) 1fr 76px;gap:12px;padding:14px 18px}.brand img{width:100%}.main-nav{display:none}.menu-toggle{width:74px;height:56px}.hero-stage{padding:52px 20px 30px;min-height:auto;background-position:center}.hero-stage:before{background:linear-gradient(180deg,rgba(1,8,20,.00),rgba(1,8,20,.88) 55%,rgba(1,8,20,.98) 82%),url('hero-team.jpg') center top/100% auto no-repeat}.hero-stage:after{background:linear-gradient(90deg,rgba(1,8,20,.90),rgba(1,8,20,.45) 50%,rgba(1,8,20,.88))}.hero-content{padding-top:250px}.kicker{font-size:11px;gap:10px}.kicker span{width:48px}.hero-content h1{font-size:clamp(39px,12vw,60px)}.stars i{width:68px}.hero-copy{font-size:16px}.actions{display:grid}.brand-btn{width:100%;min-height:52px}.value-row{grid-template-columns:1fr;margin-top:30px;gap:14px}.value-row article{min-height:170px;padding:24px}.standard-panel{padding:56px 20px}.stats-board{gap:10px}.stat{grid-template-columns:42px 1fr;padding:14px 12px;min-height:92px}.stat strong{font-size:24px}.stat b{font-size:22px}.players-panel{grid-template-columns:1fr;padding:56px 20px}.player-card{min-height:118px}.cta-panel{padding:56px 20px}.site-footer{grid-template-columns:1fr;text-align:left}.mobile-menu.open{grid-template-columns:1fr}}/* simple page fallbacks */.page-hero{padding:90px 24px;background:linear-gradient(90deg,rgba(2,8,20,.95),rgba(3,15,32,.72)),url('digital-camo.jpg') center/cover;color:#fff;border-bottom:3px solid var(--red)}.page-hero .wrap,.section .wrap{max-width:var(--max);margin:auto}.page-hero h1,.section h2{font-family:Graduate,serif;text-transform:uppercase}.section{padding:70px 24px;background:#f7f9fc;color:var(--ink)}.section.dark{background:#020b18;color:#fff}.cards,.grid2,.roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card,.resource,.player{background:#fff;color:var(--ink);border:1px solid #dbe2ec;box-shadow:0 14px 28px rgba(7,23,45,.12);padding:22px}.dark .card{background:linear-gradient(180deg,#092142,#020b18);color:#fff;border-color:rgba(255,255,255,.2)}
/* Commit 25: mobile should feel like the desktop mockup scaled to the phone, not a separate stacked page */
@media(max-width:760px){
.site-header{position:sticky;background:radial-gradient(circle at 12% 35%,rgba(255,255,255,.08),transparent 24%),radial-gradient(circle at 88% 14%,rgba(240,31,69,.22),transparent 28%),linear-gradient(180deg,#082449,#020b18);}
.site-header:before{background:url('header-emblem.jpg') left center/300px auto no-repeat;opacity:.24;}
.header-shell{grid-template-columns:132px 1fr 58px;min-height:74px;padding:8px 12px;gap:10px;}
.brand img{width:132px;box-shadow:none;border-radius:0;}
.menu-toggle{width:56px;height:46px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
.menu-toggle span{width:24px;height:2px;margin:5px auto;}
.mobile-menu{position:absolute;left:0;right:0;top:100%;z-index:80;padding:10px 22px 18px;background:linear-gradient(180deg,rgba(6,30,61,.98),rgba(2,11,24,.98));box-shadow:0 22px 40px rgba(0,0,0,.45);}
.hero-stage{min-height:calc(100svh - 76px);padding:18px 10px 12px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 82% 22%,rgba(255,238,190,.18),transparent 16%),linear-gradient(90deg,rgba(2,8,20,.98),rgba(3,15,32,.82) 43%,rgba(3,15,32,.34) 73%,rgba(2,8,20,.82)),url('digital-camo.jpg') center/cover no-repeat;}
.hero-stage:before{background:linear-gradient(90deg,rgba(1,8,20,.98) 0%,rgba(1,8,20,.78) 38%,rgba(1,8,20,.08) 68%,rgba(1,8,20,.62) 100%),linear-gradient(180deg,rgba(1,8,20,.05),rgba(1,8,20,.55) 72%,rgba(1,8,20,.92)),url('hero-team.jpg') right center/auto 88% no-repeat;}
.hero-stage:after{background:linear-gradient(90deg,rgba(1,8,20,.95),rgba(1,8,20,.45) 50%,rgba(1,8,20,.70));}
.hero-content{width:53vw;max-width:53vw;margin:0;padding-top:0;}
.kicker{font-size:7px;letter-spacing:.2em;gap:6px;margin:0 0 10px;white-space:nowrap;}
.kicker span{width:28px;height:2px;}
.hero-content h1{font-size:clamp(27px,8.7vw,39px);line-height:.98;letter-spacing:.015em;margin:0 0 8px;text-shadow:0 4px 0 rgba(0,0,0,.45),0 11px 20px rgba(0,0,0,.55);}
.stars{font-size:16px;gap:8px;margin:8px 0 9px;}
.stars i{width:38px;height:2px;}
.hero-copy{max-width:100%;font-size:10.5px;line-height:1.35;font-weight:800;margin:0 0 11px;}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:calc(100vw - 20px);}
.brand-btn{width:auto;min-height:34px;padding:0 11px;font-size:8px;letter-spacing:.075em;gap:8px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.value-row{width:calc(100vw - 20px);margin:12px 0 0;grid-template-columns:repeat(3,1fr);gap:7px;}
.value-row article{min-height:98px;padding:10px 7px;display:flex;flex-direction:column;justify-content:center;}
.value-row .mark{font-size:25px;}
.value-row img{height:27px;margin-bottom:3px;}
.value-row h3{font-size:9px;line-height:1.15;margin:6px 0 5px;}
.value-row p{font-size:8px;line-height:1.25;font-weight:800;}
.standard-panel{grid-template-columns:1fr 1.15fr;gap:12px;padding:22px 10px;align-items:center;}
.standard-panel .kicker{font-size:7px;margin-bottom:8px;}
.standard-panel h2{font-size:22px;margin-bottom:8px;}
.standard-panel p{font-size:10px;line-height:1.35;margin-bottom:10px;}
.stats-board{grid-template-columns:1fr 1fr;gap:7px;}
.stat{min-height:52px;grid-template-columns:27px 1fr;padding:7px;}
.stat b{font-size:15px;}
.stat strong{font-size:16px;}
.stat span{font-size:7px;}
.stat.wide{grid-column:1/3;max-width:190px;}
.players-panel{grid-template-columns:1.2fr repeat(2,1fr);gap:8px;padding:24px 10px;align-items:stretch;}
.players-intro{grid-column:auto;}
.players-intro h2{font-size:20px;margin-bottom:6px;}
.players-intro p{font-size:9px;line-height:1.35;}
.eyebrow{font-size:7px;letter-spacing:.2em;margin-bottom:6px;}
.player-card{min-height:74px;padding:8px;}
.player-card strong{font-size:20px;top:6px;left:7px;}
.player-card span{font-size:8px;}
.player-card small{font-size:7px;}
.cta-panel{padding:28px 12px;}
.site-footer{grid-template-columns:1fr 1fr;gap:14px;padding:22px 12px;font-size:10px;}
.site-footer img{width:42px;}
}
@media(max-width:380px){
.hero-content{width:55vw;max-width:55vw;}
.hero-content h1{font-size:clamp(25px,8.2vw,34px);}
.hero-copy{font-size:9.5px;}
.value-row article{min-height:90px;padding:8px 5px;}
.value-row p{font-size:7.5px;}
}
/* Commit 26: branded menu, cleaner machined buttons, compact footer */
.menu-toggle{
width:78px;
height:62px;
clip-path:polygon(50% 0,92% 19%,92% 76%,50% 100%,8% 76%,8% 19%);
border:1px solid rgba(255,255,255,.58);
background:
linear-gradient(145deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.05) 34%,rgba(0,0,0,.18) 35%,rgba(0,0,0,.10) 60%,rgba(240,31,69,.34) 100%),
linear-gradient(180deg,#17324f 0%,#07162a 68%,#020815 100%);
box-shadow:0 0 0 2px rgba(240,31,69,.20),0 10px 24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.10);
}
.menu-toggle:hover{transform:translateY(-1px);box-shadow:0 0 0 2px rgba(240,31,69,.32),0 12px 28px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.14)}
.menu-toggle span{width:28px;height:3px;margin:5px auto;background:linear-gradient(90deg,#fff,#dce6f2);box-shadow:0 2px 6px rgba(0,0,0,.6)}
.brand-btn{
min-height:54px;
padding:0 32px;
border:1px solid rgba(255,255,255,.44);
clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
box-shadow:0 11px 20px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.24),inset 0 -1px rgba(0,0,0,.45);
text-shadow:0 1px 2px rgba(0,0,0,.65);
transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.brand-btn:hover{transform:translateY(-1px);filter:saturate(1.08) contrast(1.04);box-shadow:0 13px 22px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.26),inset 0 -1px rgba(0,0,0,.48)}
.brand-btn.red{background:linear-gradient(180deg,#ff4a68 0%,#e22143 38%,#b00d28 39%,#8d071e 100%)}
.brand-btn.steel{background:linear-gradient(180deg,#f8fbff 0%,#cfd7e2 38%,#647185 39%,#0d1d33 100%)}
.brand-btn.navy{background:linear-gradient(180deg,#183657 0%,#0b213d 42%,#041326 100%)}
.site-footer{
grid-template-columns:1.15fr .75fr 1.15fr auto;
gap:18px;
padding:18px max(18px,calc((100vw - var(--max))/2 + 18px));
border-top:2px solid var(--red);
}
.site-footer img{width:54px}
.site-footer p,.site-footer address,.site-footer a{font-size:14px;line-height:1.35;margin:0;font-weight:800}.socials{font-size:21px;gap:14px}.site-footer small{font-size:13px}
@media(max-width:760px){
.header-shell{grid-template-columns:132px 1fr 56px;min-height:68px;padding:7px 12px;}
.menu-toggle{width:52px;height:48px;clip-path:polygon(50% 0,91% 20%,91% 76%,50% 100%,9% 76%,9% 20%);}
.menu-toggle span{width:22px;height:2px;margin:4.5px auto;}
.brand-btn{min-height:32px;padding:0 10px;font-size:7.8px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);}
.site-footer{grid-template-columns:1.1fr .8fr;gap:8px 14px;padding:12px 14px;font-size:9px;align-items:center;}
.site-footer img{width:30px;display:inline-block;margin-right:8px;vertical-align:middle;}
.site-footer div:first-child{display:flex;align-items:center;gap:8px;}
.site-footer p,.site-footer address,.site-footer a{font-size:9.5px;line-height:1.25;}
.socials{font-size:17px;gap:12px;justify-content:flex-end;}
.site-footer small{font-size:9px;grid-column:1/-1;text-align:center;}
}
/* Commit 27: glass-tile buttons, calmer header, slimmer footer */
.site-header{
background:
radial-gradient(circle at 16% 42%,rgba(255,255,255,.10),transparent 26%),
radial-gradient(circle at 88% 20%,rgba(240,31,69,.18),transparent 27%),
linear-gradient(180deg,#09274e 0%,#051a35 48%,#020b18 100%);
border-bottom:2px solid var(--red);
}
.site-header:before{opacity:.20;background-size:390px auto;}
.header-shell{padding:12px 24px 10px;grid-template-columns:236px 1fr 82px;}
.brand img{width:220px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 8px 18px rgba(0,0,0,.25)}
.menu-toggle{
width:72px;
height:54px;
clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
border:1px solid rgba(255,255,255,.42);
background:
linear-gradient(135deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.10) 23%,rgba(3,15,32,.14) 24%,rgba(3,15,32,.06) 55%,rgba(240,31,69,.20) 100%),
linear-gradient(180deg,#1a324f 0%,#0a1d35 52%,#04101f 100%);
box-shadow:0 10px 22px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.20),inset 0 -1px rgba(0,0,0,.40);
}
.menu-toggle:hover{box-shadow:0 12px 25px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.25),0 0 0 2px rgba(240,31,69,.18)}
.menu-toggle span{width:27px;height:3px;margin:5px auto;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.55)}
.brand-btn{
position:relative;
overflow:hidden;
min-height:50px;
padding:0 30px;
clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);
border:1px solid rgba(255,255,255,.38);
box-shadow:0 9px 16px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.34),inset 0 -1px rgba(0,0,0,.42);
}
.brand-btn:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
linear-gradient(135deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.11) 22%,transparent 23%),
linear-gradient(45deg,transparent 0 36%,rgba(255,255,255,.18) 37%,rgba(255,255,255,.06) 49%,transparent 50%),
linear-gradient(315deg,transparent 0 36%,rgba(255,255,255,.14) 37%,rgba(255,255,255,.04) 49%,transparent 50%);
opacity:.72;
}
.brand-btn b,.brand-btn span{position:relative;z-index:1}
.brand-btn.red{background:linear-gradient(180deg,#ff4e69 0%,#ed2848 37%,#c8102e 38%,#8d071f 100%)}
.brand-btn.steel{color:#fff;background:linear-gradient(180deg,#f8fbff 0%,#cbd4df 36%,#788699 37%,#14263e 100%)}
.brand-btn.navy{background:linear-gradient(180deg,#203c5c 0%,#102a49 36%,#071b34 37%,#020b18 100%)}
.site-footer{
grid-template-columns:1fr auto 1fr auto;
padding:12px max(18px,calc((100vw - var(--max))/2 + 18px));
min-height:86px;
}
.site-footer address{text-align:right;justify-self:end;}
.site-footer img{width:42px}.site-footer p,.site-footer address,.site-footer a{font-size:12px;line-height:1.25}.socials{font-size:18px}.site-footer small{font-size:12px;justify-self:end;}
@media(max-width:760px){
.site-header:before{opacity:.23;background-size:260px auto;}
.header-shell{grid-template-columns:126px 1fr 50px;min-height:62px;padding:6px 12px;}
.brand img{width:126px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.menu-toggle{width:48px;height:42px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.menu-toggle span{width:22px;height:2px;margin:4px auto;}
.brand-btn{min-height:31px;padding:0 9px;font-size:7.6px;}
.site-footer{grid-template-columns:1fr 1fr;min-height:0;padding:9px 14px;gap:6px 12px;}
.site-footer div:first-child{display:flex;align-items:center;gap:7px;}
.site-footer img{width:24px;}
.site-footer p,.site-footer address,.site-footer a{font-size:8.8px;line-height:1.18;}
.site-footer address{text-align:right;justify-self:end;}
.socials{font-size:15px;gap:10px;justify-content:flex-end;}
.site-footer small{font-size:8.5px;grid-column:1/-1;text-align:right;justify-self:end;}
}
/* Commit 28: functional menu, brighter 501 hero, beveled tile buttons, tighter footer */
.site-header{overflow:visible;}
.mobile-menu{z-index:120;}
.menu-toggle{position:relative;z-index:130;}
.menu-toggle[aria-expanded="true"]{box-shadow:0 0 0 2px rgba(240,31,69,.42),0 14px 30px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.25);}
.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)}
.menu-toggle span{transition:transform .18s ease,opacity .18s ease;}
.hero-stage:before{filter:brightness(1.34) saturate(1.18) contrast(1.04);}
.hero-stage:after{background:linear-gradient(90deg,#010814 0%,rgba(1,8,20,.83) 26%,rgba(1,8,20,.08) 66%,rgba(1,8,20,.42) 100%);}
.hero-stage{background:radial-gradient(circle at 82% 15%,rgba(255,244,214,.20),transparent 16%),linear-gradient(90deg,rgba(2,8,20,.94) 0%,rgba(3,15,32,.78) 42%,rgba(3,15,32,.20) 70%,rgba(2,8,20,.52) 100%),url('digital-camo.jpg') center/cover no-repeat;}
.brand-btn{
min-height:48px;
border-color:rgba(255,255,255,.46);
box-shadow:0 9px 16px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.42),inset 0 -1px rgba(0,0,0,.45),inset 11px 0 20px rgba(255,255,255,.08),inset -11px 0 20px rgba(0,0,0,.16);
}
.brand-btn:before{
opacity:.86;
background:
linear-gradient(135deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.12) 20%,transparent 21%),
linear-gradient(45deg,transparent 0 39%,rgba(255,255,255,.24) 40%,rgba(255,255,255,.06) 50%,transparent 51%),
linear-gradient(315deg,transparent 0 39%,rgba(255,255,255,.20) 40%,rgba(255,255,255,.05) 50%,transparent 51%),
linear-gradient(90deg,rgba(255,255,255,.18),transparent 18%,transparent 82%,rgba(0,0,0,.18));
}
.brand-btn:after{
content:"";
position:absolute;
inset:7px 13px;
clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
border-top:1px solid rgba(255,255,255,.22);
border-bottom:1px solid rgba(0,0,0,.26);
pointer-events:none;
}
.brand-btn.red{background:linear-gradient(180deg,#fb4a65 0%,#d81636 48%,#9b0924 49%,#79061c 100%)}
.brand-btn.steel{background:linear-gradient(180deg,#f5f8fc 0%,#cfd7e1 44%,#677589 45%,#0b1b31 100%)}
.brand-btn.navy{background:linear-gradient(180deg,#284765 0%,#152f4e 44%,#071a31 45%,#020b18 100%)}
.site-footer{
grid-template-columns:auto 1fr auto auto;
column-gap:36px;
padding:9px max(12px,calc((100vw - var(--max))/2 + 12px));
min-height:62px;
}
.site-footer div:first-child{display:flex;align-items:center;gap:12px;}
.site-footer img{width:36px;}
.site-footer p,.site-footer address,.site-footer a{font-size:11px;line-height:1.12;}
.site-footer address{justify-self:end;text-align:right;min-width:245px;}
.socials{justify-self:center;font-size:17px;gap:16px;}
.site-footer small{font-size:11px;justify-self:end;align-self:end;}
@media(max-width:760px){
.site-header{overflow:visible;}
.mobile-menu{position:absolute;left:0;right:0;top:100%;z-index:120;padding:8px 18px 14px;background:linear-gradient(180deg,rgba(6,30,61,.99),rgba(2,11,24,.99));box-shadow:0 22px 40px rgba(0,0,0,.50);}
.mobile-menu.open{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px;}
.mobile-menu a{font-size:10px;padding:10px 0;}
.hero-stage:before{filter:brightness(1.42) saturate(1.22) contrast(1.04);background:linear-gradient(90deg,rgba(1,8,20,.92) 0%,rgba(1,8,20,.58) 36%,rgba(1,8,20,.02) 68%,rgba(1,8,20,.34) 100%),linear-gradient(180deg,rgba(1,8,20,.00),rgba(1,8,20,.38) 72%,rgba(1,8,20,.84)),url('hero-team.jpg') right center/auto 88% no-repeat;}
.hero-stage:after{background:linear-gradient(90deg,rgba(1,8,20,.88),rgba(1,8,20,.24) 54%,rgba(1,8,20,.52));}
.brand-btn{min-height:30px;}
.site-footer{grid-template-columns:auto 1fr auto;align-items:center;gap:4px 8px;padding:6px 9px;min-height:50px;}
.site-footer div:first-child{gap:5px;}
.site-footer img{width:20px;}
.site-footer p,.site-footer address,.site-footer a{font-size:7.9px;line-height:1.08;}
.site-footer address{grid-column:3;grid-row:1 / span 2;min-width:0;justify-self:end;text-align:right;}
.socials{grid-column:2;grid-row:1;justify-self:center;font-size:13px;gap:9px;}
.site-footer small{grid-column:2;grid-row:2;justify-self:center;text-align:center;font-size:7.4px;align-self:center;}
}
/* Commit 29: premium Parent Hub */
.hub-wrap{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.hub-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 12%,rgba(240,31,69,.22),transparent 24%),linear-gradient(90deg,rgba(1,8,20,.96),rgba(4,23,48,.78)),url('digital-camo.jpg') center/cover;color:#fff;border-bottom:3px solid var(--red)}.hub-hero:before{content:"";position:absolute;inset:0;background:url('header-emblem.jpg') right center/680px auto no-repeat;opacity:.12;filter:saturate(1.2)}.hub-hero-grid{position:relative;display:grid;grid-template-columns:1fr 390px;gap:46px;align-items:center;min-height:560px;padding-top:76px;padding-bottom:76px}.hub-hero h1{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(42px,6vw,76px);line-height:1.06;margin:0 0 18px;text-shadow:0 8px 0 rgba(0,0,0,.32),0 18px 34px rgba(0,0,0,.55)}.hub-lead{font-size:21px;line-height:1.5;font-weight:800;max-width:720px;color:#e9eef7;text-shadow:0 4px 12px #000}.next-card{background:linear-gradient(180deg,rgba(9,31,62,.90),rgba(2,10,22,.96));border:1px solid rgba(255,255,255,.30);box-shadow:0 24px 48px rgba(0,0,0,.38);padding:30px;clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%)}.next-card h2{font-family:Graduate,serif;text-transform:uppercase;margin:0 0 12px;font-size:34px}.next-card p{color:#dbe4f0;font-weight:750;line-height:1.48}.mini-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.16);padding:14px 0;text-transform:uppercase}.mini-meta span{color:var(--red);font-weight:900;letter-spacing:.12em}.mini-meta strong{letter-spacing:.08em}.hub-dashboard,.hub-dark{background:linear-gradient(180deg,#061d39,#020b18);color:#fff}.hub-dashboard{padding:64px 0}.hub-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.hub-section-head h2,.hub-light h2,.hub-dark h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(32px,4vw,54px);margin:0}.hub-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hub-tile{position:relative;min-height:210px;background:linear-gradient(160deg,rgba(8,31,62,.92),rgba(2,10,22,.96)),url('digital-camo.jpg') center/cover;border:1px solid rgba(255,255,255,.28);padding:24px;box-shadow:0 18px 34px rgba(0,0,0,.28);overflow:hidden}.hub-tile:after{content:"501";position:absolute;right:-10px;bottom:-8px;font-family:Graduate,serif;font-size:66px;color:rgba(255,255,255,.06)}.hub-tile span{color:var(--red);font-family:Graduate,serif;font-size:28px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.hub-tile h3{font-family:Graduate,serif;text-transform:uppercase;margin:34px 0 12px}.hub-tile p{color:#d6e0ed;font-weight:750;line-height:1.45}.hub-tile.priority{border-color:rgba(240,31,69,.65);box-shadow:0 0 0 1px rgba(240,31,69,.2),0 18px 34px rgba(0,0,0,.28)}.hub-light{background:linear-gradient(180deg,#f8fafc,#e8edf4);color:var(--ink);padding:68px 0;border-top:3px solid var(--red);border-bottom:3px solid var(--red)}.hub-split{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.announcement-list{display:grid;gap:14px}.announcement-list article,.doc-card{background:#fff;border:1px solid #d8dee9;box-shadow:0 14px 28px rgba(7,23,45,.10);padding:22px}.announcement-list strong,.doc-card b{font-family:Graduate,serif;text-transform:uppercase;color:var(--ink)}.announcement-list p,.doc-card p{color:#2c3c52;font-weight:700;line-height:1.45}.standard-callout{background:linear-gradient(160deg,#061d39,#020b18);color:#fff;border:1px solid rgba(255,255,255,.25);padding:34px;box-shadow:0 20px 40px rgba(7,23,45,.18);clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%)}.standard-callout h3{font-family:Graduate,serif;text-transform:uppercase;font-size:32px;line-height:1.15;margin:0 0 16px}.standard-callout p{color:#d7e0ec;font-weight:800}.hub-dark{padding:62px 0}.hub-section-head.compact{margin-bottom:20px}.schedule-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.schedule-card{background:linear-gradient(180deg,rgba(8,29,57,.92),rgba(2,10,22,.98));border:1px solid rgba(255,255,255,.25);padding:26px;min-height:150px}.schedule-card strong{display:block;font-family:Graduate,serif;text-transform:uppercase;color:var(--red);font-size:28px;margin-bottom:12px}.schedule-card span{display:block;font-weight:900;font-size:18px;line-height:1.32}.schedule-card small{display:block;margin-top:14px;color:#c5cfdd;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.doc-card span{display:inline-flex;margin-top:8px;color:var(--red2);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
@media(max-width:1050px){.hub-hero-grid,.hub-split{grid-template-columns:1fr}.hub-card-grid,.doc-grid{grid-template-columns:repeat(2,1fr)}.schedule-row{grid-template-columns:1fr}}
@media(max-width:760px){.hub-wrap{padding-left:18px;padding-right:18px}.hub-hero-grid{min-height:auto;padding-top:48px;padding-bottom:48px;gap:24px}.hub-hero h1{font-size:clamp(34px,10vw,52px)}.hub-lead{font-size:16px}.next-card{padding:22px}.hub-card-grid,.doc-grid{grid-template-columns:1fr}.hub-tile{min-height:145px}.hub-tile h3{margin-top:20px}.hub-section-head{display:block}.hub-dashboard,.hub-light,.hub-dark{padding:46px 0}.standard-callout h3{font-size:24px}.schedule-card{min-height:120px;padding:20px}}
/* Commit 30: navigation stability patch */
.site-header{overflow:visible;}
.header-shell{z-index:140;}
.menu-toggle{position:relative;z-index:160;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.mobile-menu{position:absolute;left:0;right:0;top:100%;z-index:150;}
.mobile-menu.open{display:grid;}
body.menu-open{overflow:hidden;}
.menu-toggle span{transition:transform .18s ease,opacity .18s ease;transform-origin:center;}
.menu-toggle.is-open span:nth-child(1),
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.menu-toggle.is-open span:nth-child(2),
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.menu-toggle.is-open span:nth-child(3),
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
@media(max-width:760px){
.mobile-menu{padding:12px 22px 18px;background:linear-gradient(180deg,rgba(6,30,61,.99),rgba(2,11,24,.99));box-shadow:0 22px 44px rgba(0,0,0,.55);border-bottom:2px solid var(--red);}
.mobile-menu.open{grid-template-columns:repeat(2,1fr);gap:0 18px;}
.mobile-menu a{min-height:44px;display:flex;align-items:center;}
}
/* Commit 31: compact secondary footers + finalized parent meeting */
.footer{
background:radial-gradient(circle at 96% 8%,rgba(240,31,69,.20),transparent 22%),linear-gradient(180deg,#061d39,#020914);
border-top:2px solid var(--red);
padding:8px max(12px,calc((100vw - var(--max))/2 + 12px));
min-height:58px;
}
.footer .foot{
display:grid;
grid-template-columns:auto 1fr auto auto;
align-items:center;
gap:12px 34px;
max-width:var(--max);
margin:auto;
}
.footer .shield{width:34px;display:block;}
.footer span,.footer a{color:#e8edf5;font-size:11px;line-height:1.12;font-weight:800;font-style:normal;}
.footer .foot span:nth-of-type(2){justify-self:end;text-align:right;min-width:245px;}
.footer .foot span:last-child{justify-self:end;align-self:end;color:#bfc8d5;white-space:nowrap;font-size:11px;}
.next-card{border-top:3px solid var(--red);box-shadow:0 18px 38px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.15)}
.next-card .mini-meta strong{line-height:1.18;}
.announcement-list article:first-child{border-left:4px solid var(--red);}
@media(max-width:760px){
.footer{padding:6px 9px;min-height:44px;}
.footer .foot{grid-template-columns:auto 1fr auto;gap:4px 8px;}
.footer .shield{width:20px;}
.footer span,.footer a{font-size:7.8px;line-height:1.08;}
.footer .foot span:nth-of-type(1){max-width:120px;}
.footer .foot span:nth-of-type(2){grid-column:3;grid-row:1 / span 2;min-width:0;justify-self:end;text-align:right;}
.footer .foot span:last-child{grid-column:2;grid-row:2;justify-self:center;text-align:center;font-size:7.4px;align-self:center;}
}
/* Commit 32: final hamburger proportion pass */
.menu-toggle{
width:108px;
height:54px;
clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
}
.menu-toggle span{width:38px;}
.header-shell{grid-template-columns:236px 1fr 118px;}
@media(max-width:760px){
.header-shell{grid-template-columns:126px 1fr 74px;}
.menu-toggle{
width:72px;
height:42px;
clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);
}
.menu-toggle span{width:32px;height:2px;margin:4px auto;}
}
/* Commit 33: center hamburger in the far-right header zone */
.header-shell{grid-template-columns:236px 1fr 178px;}
.menu-toggle{justify-self:center;}
@media(max-width:760px){
.header-shell{grid-template-columns:126px 1fr 118px;}
.menu-toggle{justify-self:center;}
}
/* Commit 34: move the whole hamburger button right within the dedicated header zone */
.menu-toggle{justify-self:end;}
@media(max-width:760px){
.menu-toggle{justify-self:end;}
}
/* Commit37 */
@media(max-width:760px){.menu-toggle{position:relative;left:auto;right:15px;justify-self:end;}}
/* Commit 39: lock hamburger button 15px from the right edge on mobile */
@media (max-width: 760px) {
.header-shell {
position: relative;
}
.menu-toggle {
position: absolute !important;
right: 15px !important;
left: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
justify-self: auto !important;
}
.menu-toggle:hover {
transform: translateY(-50%) !important;
}
}
/* Commit 40: place hamburger button 15px from viewport right edge on mobile */
@media (max-width: 760px) {
.header-shell {
position: static !important;
}
.site-header .menu-toggle {
position: absolute !important;
right: 15px !important;
left: auto !important;
top: 50% !important;
transform: translateY(-50%) !important;
justify-self: auto !important;
}
.site-header .menu-toggle:hover,
.site-header .menu-toggle:focus {
transform: translateY(-50%) !important;
}
}
/* Commit 42: Parent Hub dashboard controls pop */
.dashboard-control-panel{
position:relative;
padding:18px;
border:1px solid rgba(255,255,255,.24);
background:
radial-gradient(circle at 18% 0%,rgba(240,31,69,.24),transparent 34%),
radial-gradient(circle at 88% 18%,rgba(63,139,255,.18),transparent 28%),
linear-gradient(135deg,rgba(8,30,62,.98),rgba(1,7,18,.98));
box-shadow:0 28px 60px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.18);
overflow:hidden;
}
.dashboard-control-panel:before{
content:"";
position:absolute;
inset:0;
background:url('digital-camo.jpg') center/cover;
opacity:.13;
pointer-events:none;
}
.dashboard-control-panel:after{
content:"";
position:absolute;
left:18px;
right:18px;
top:0;
height:3px;
background:linear-gradient(90deg,transparent,var(--red),#fff,var(--red),transparent);
opacity:.95;
}
.dashboard-panel-topline{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin:0 0 14px;
text-transform:uppercase;
letter-spacing:.12em;
font-weight:900;
}
.dashboard-panel-topline span{
color:#fff;
font-family:Graduate,serif;
font-size:18px;
text-shadow:0 4px 14px rgba(0,0,0,.45);
}
.dashboard-panel-topline b{
color:#ffccd6;
font-size:11px;
}
.dashboard-actions{position:relative;z-index:1;gap:14px}
.dashboard-actions .hub-tile{
min-height:190px;
border-color:rgba(255,255,255,.42);
background:
linear-gradient(160deg,rgba(13,45,86,.96),rgba(2,10,22,.98)),
url('digital-camo.jpg') center/cover;
box-shadow:0 18px 36px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.20);
transform:translateY(0);
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}
.dashboard-actions .hub-tile:hover,
.dashboard-actions .hub-tile:focus-visible{
transform:translateY(-5px);
border-color:rgba(255,255,255,.72);
box-shadow:0 26px 54px rgba(0,0,0,.46),0 0 0 1px rgba(240,31,69,.24), inset 0 1px 0 rgba(255,255,255,.32);
filter:brightness(1.08);
}
.dashboard-actions .hub-tile:active{transform:translateY(-1px) scale(.99)}
.dashboard-actions .hub-tile.priority{
border-color:rgba(240,31,69,.90);
box-shadow:0 22px 46px rgba(0,0,0,.42),0 0 0 1px rgba(240,31,69,.45),0 0 30px rgba(240,31,69,.18), inset 0 1px 0 rgba(255,255,255,.22);
}
.dashboard-actions .hub-tile i{
position:absolute;
top:18px;
right:18px;
font-style:normal;
width:38px;
height:38px;
display:grid;
place-items:center;
border:1px solid rgba(255,255,255,.30);
background:rgba(255,255,255,.10);
box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.dashboard-actions .hub-tile span{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:48px;
height:34px;
padding:0 10px;
color:#fff;
background:linear-gradient(180deg,#f53455,#970e24);
border:1px solid rgba(255,255,255,.35);
box-shadow:0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.28);
font-size:18px;
}
.dashboard-actions .hub-tile h3{margin:28px 0 10px}
.dashboard-actions .hub-tile em{
position:absolute;
left:24px;
bottom:18px;
font-style:normal;
color:#fff;
background:rgba(240,31,69,.18);
border:1px solid rgba(240,31,69,.42);
padding:7px 10px;
font-size:10px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
.dashboard-actions .hub-tile strong{
position:absolute;
right:20px;
bottom:14px;
color:#fff;
font-size:26px;
line-height:1;
text-shadow:0 4px 12px rgba(0,0,0,.5);
}
@media(max-width:760px){
.dashboard-control-panel{padding:14px}
.dashboard-panel-topline{display:block;margin-bottom:12px}
.dashboard-panel-topline b{display:block;margin-top:5px}
.dashboard-actions .hub-tile{min-height:156px}
}
/* Commit 43: Team showcase page */
.team-wrap{max-width:var(--max);margin:auto}.team-hero{position:relative;overflow:hidden;padding:70px 24px 54px;background:radial-gradient(circle at 88% 6%,rgba(240,31,69,.30),transparent 24%),linear-gradient(90deg,rgba(2,8,20,.97),rgba(3,15,32,.82)),url('digital-camo.jpg') center/cover;color:#fff;border-bottom:3px solid var(--red)}.team-hero:before{content:"";position:absolute;inset:0;background:url('hero-team.jpg') right top/auto 92% no-repeat;opacity:.36;filter:brightness(1.15) saturate(1.05);pointer-events:none}.team-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#010814 0%,rgba(1,8,20,.88) 43%,rgba(1,8,20,.28) 78%,rgba(1,8,20,.78) 100%);pointer-events:none}.team-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 390px;gap:36px;align-items:center}.team-hero h1{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(44px,6.4vw,82px);line-height:1.02;letter-spacing:.02em;margin:0 0 18px;text-shadow:0 8px 0 rgba(0,0,0,.35),0 18px 34px rgba(0,0,0,.55)}.team-hero h1 em{font-style:normal;color:var(--red)}.team-lead{max-width:660px;color:#eef3fa;font-size:20px;line-height:1.5;font-weight:800;text-shadow:0 4px 12px #000}.team-identity-card{background:linear-gradient(160deg,rgba(8,32,63,.94),rgba(2,10,22,.96)),url('digital-camo.jpg') center/cover;border:1px solid rgba(255,255,255,.38);box-shadow:0 22px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.18);padding:28px;position:relative;overflow:hidden}.team-identity-card:after{content:"501";position:absolute;right:-16px;bottom:-18px;font-family:Graduate,serif;font-size:104px;color:rgba(255,255,255,.07)}.team-badge{width:94px;height:94px;display:grid;place-items:center;margin:8px 0 18px;background:linear-gradient(180deg,#f53455,#9d0b23);border:1px solid rgba(255,255,255,.45);font-family:Graduate,serif;font-size:34px;box-shadow:0 14px 28px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.28)}.team-identity-card h2{font-family:Graduate,serif;text-transform:uppercase;margin:0 0 20px}.team-meta{display:grid;grid-template-columns:95px 1fr;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.16);position:relative;z-index:1}.team-meta span{color:#aebbd0;font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.13em}.team-meta strong{color:#fff}.team-control-section{padding:42px 24px;background:linear-gradient(180deg,#f7f9fc,#e9eef6);color:var(--ink)}.team-control-panel{position:relative;overflow:hidden;padding:20px;background:linear-gradient(160deg,rgba(6,28,56,.98),rgba(2,9,20,.98));border:1px solid rgba(255,255,255,.40);box-shadow:0 24px 48px rgba(7,23,45,.20), inset 0 1px 0 rgba(255,255,255,.16)}.team-control-panel:before{content:"";position:absolute;inset:0;background:url('digital-camo.jpg') center/cover;opacity:.12}.team-action-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.team-action-card{position:relative;min-height:176px;padding:22px;color:#fff;text-decoration:none;background:linear-gradient(160deg,rgba(13,45,86,.96),rgba(2,10,22,.98));border:1px solid rgba(255,255,255,.34);box-shadow:0 18px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .18s ease,filter .18s ease,border-color .18s ease}.team-action-card:hover{transform:translateY(-4px);filter:brightness(1.08);border-color:rgba(255,255,255,.68)}.team-action-card.priority{border-color:rgba(240,31,69,.86);box-shadow:0 20px 42px rgba(0,0,0,.38),0 0 28px rgba(240,31,69,.18)}.team-action-card i{position:absolute;right:16px;top:16px;font-style:normal;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.10)}.team-action-card span{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:46px;padding:0 10px;background:linear-gradient(180deg,#f53455,#970e24);border:1px solid rgba(255,255,255,.32);font-weight:900}.team-action-card h3{font-family:Graduate,serif;text-transform:uppercase;margin:28px 0 10px;font-size:19px}.team-action-card p{margin:0;color:#dce5f1;font-weight:750;line-height:1.45}.team-action-card em{position:absolute;left:22px;bottom:16px;font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#fff;background:rgba(240,31,69,.18);border:1px solid rgba(240,31,69,.42);padding:7px 10px}.team-action-card strong{position:absolute;right:20px;bottom:13px;font-size:24px}.team-light{padding:64px 24px;background:#f7f9fc;color:var(--ink)}.team-dark{padding:64px 24px;background:radial-gradient(circle at 100% 0%,rgba(240,31,69,.20),transparent 24%),linear-gradient(180deg,#061b36,#020b18);color:#fff}.team-section-head{margin-bottom:24px}.team-section-head h2,.profile-preview h2,.development-grid h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(32px,4.2vw,56px);line-height:1.08;margin:0 0 12px}.team-section-head p:not(.kicker):not(.eyebrow),.development-copy,.profile-preview p{font-weight:750;line-height:1.55;color:#34455c;max-width:760px}.team-dark .team-section-head p,.team-dark .profile-preview p{color:#d8e2ee}.roster-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.roster-wall article{position:relative;overflow:hidden;min-height:126px;padding:18px;background:#fff;border:1px solid #dbe2ec;box-shadow:0 14px 28px rgba(7,23,45,.12)}.roster-wall article:after{content:"501";position:absolute;right:-5px;bottom:-10px;font-family:Graduate,serif;font-size:54px;color:rgba(7,23,45,.06)}.roster-wall b{display:inline-flex;align-items:center;justify-content:center;width:42px;height:32px;color:#fff;background:linear-gradient(180deg,#f53455,#9b0b23);font-family:Graduate,serif;margin-bottom:18px}.roster-wall strong{display:block;font-size:19px;color:var(--ink);position:relative;z-index:1}.roster-wall span{display:block;margin-top:6px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.12em;color:#68758a}.season-board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.season-board article{background:linear-gradient(160deg,rgba(8,32,63,.94),rgba(2,10,22,.96));border:1px solid rgba(255,255,255,.24);padding:24px;box-shadow:0 18px 34px rgba(0,0,0,.26)}.season-board span{display:inline-block;color:#fff;background:linear-gradient(180deg,#f53455,#9b0b23);padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.season-board strong{display:block;font-family:Graduate,serif;text-transform:uppercase;margin:18px 0 10px;font-size:21px}.season-board p{color:#d8e2ee;font-weight:750;line-height:1.5}.development-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.development-list{display:grid;gap:14px}.development-list article{display:grid;grid-template-columns:58px 1fr;gap:8px 16px;background:#fff;border:1px solid #dbe2ec;box-shadow:0 14px 28px rgba(7,23,45,.12);padding:18px}.development-list b{grid-row:1/3;color:var(--red);font-family:Graduate,serif;font-size:30px}.development-list strong{font-family:Graduate,serif;text-transform:uppercase;color:var(--ink)}.development-list p{margin:0;color:#34455c;font-weight:750}.profile-preview{display:flex;align-items:center;justify-content:space-between;gap:24px}.profile-preview p{max-width:740px}@media(max-width:900px){.team-hero-grid,.development-grid{grid-template-columns:1fr}.team-action-grid,.season-board{grid-template-columns:repeat(2,1fr)}.team-hero:before{opacity:.22;background-size:auto 62%}.team-identity-card{max-width:520px}}@media(max-width:760px){.team-hero{padding:38px 16px 36px}.team-hero h1{font-size:clamp(31px,9vw,46px)}.team-lead{font-size:14px}.team-identity-card{padding:18px}.team-badge{width:70px;height:70px;font-size:25px}.team-meta{grid-template-columns:80px 1fr;font-size:12px}.team-control-section,.team-light,.team-dark{padding:34px 14px}.team-control-panel{padding:14px}.team-action-grid{grid-template-columns:1fr 1fr;gap:10px}.team-action-card{min-height:142px;padding:14px}.team-action-card i{width:30px;height:30px;right:12px;top:12px}.team-action-card h3{font-size:13px;margin-top:18px}.team-action-card p{font-size:10px}.team-action-card em{left:14px;bottom:12px;font-size:8px;padding:5px 7px}.team-action-card strong{right:14px;bottom:8px}.roster-wall{grid-template-columns:1fr 1fr;gap:10px}.roster-wall article{min-height:102px;padding:12px}.roster-wall b{width:34px;height:26px;font-size:12px;margin-bottom:12px}.roster-wall strong{font-size:13px}.roster-wall span{font-size:8px}.season-board{grid-template-columns:1fr}.season-board article{padding:18px}.development-list article{grid-template-columns:42px 1fr;padding:14px}.development-list b{font-size:22px}.profile-preview{display:block}.profile-preview .brand-btn{margin-top:16px}}
/* Commit 44: player profile card system */
.player-profile-section{background:linear-gradient(180deg,#f7f9fc,#edf2f8);}
.profile-headline{display:grid;grid-template-columns:1fr;gap:4px;}
.profile-info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 22px;}
.profile-info-strip article{position:relative;overflow:hidden;background:linear-gradient(160deg,#ffffff,#edf3fb);border:1px solid #d8e1ee;box-shadow:0 16px 32px rgba(7,23,45,.12);padding:18px;}
.profile-info-strip article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--red),#ffffff,var(--red2));}
.profile-info-strip span{display:block;text-transform:uppercase;font-size:10px;font-weight:950;letter-spacing:.14em;color:var(--red);margin-bottom:8px;}
.profile-info-strip strong{display:block;font-family:Graduate,serif;text-transform:uppercase;color:var(--ink);font-size:18px;margin-bottom:8px;}
.profile-info-strip p{margin:0;color:#43526a;font-weight:750;line-height:1.42;}
.player-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;}
.player-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#ffffff,#eff4fa);border:1px solid #d7e0eb;box-shadow:0 18px 34px rgba(7,23,45,.13);padding:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.player-card:hover{transform:translateY(-4px);border-color:rgba(240,31,69,.45);box-shadow:0 22px 42px rgba(7,23,45,.18),0 0 0 1px rgba(240,31,69,.12);}
.player-card:after{content:"501";position:absolute;right:-8px;bottom:-14px;font-family:Graduate,serif;font-size:64px;color:rgba(7,23,45,.055);pointer-events:none;}
.player-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;position:relative;z-index:1;}
.player-number{display:inline-grid;place-items:center;min-width:48px;height:36px;padding:0 10px;background:linear-gradient(180deg,#f53455,#980b23);color:#fff;font-family:Graduate,serif;border:1px solid rgba(255,255,255,.65);box-shadow:0 8px 16px rgba(151,11,35,.20);}
.player-status{font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:#fff;border:1px solid #d7e0eb;padding:7px 9px;}
.player-photo-slot{height:154px;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(240,31,69,.20),transparent 30%),linear-gradient(150deg,#07172d,#102d55);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);position:relative;z-index:1;}
.player-photo-slot span{font-family:Graduate,serif;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.72);font-size:18px;}
.player-card h3{position:relative;z-index:1;font-family:Graduate,serif;text-transform:uppercase;color:var(--ink);font-size:19px;line-height:1.15;margin:16px 0 12px;}
.player-details{position:relative;z-index:1;display:grid;gap:8px;}
.player-details p{display:grid;grid-template-columns:92px 1fr;gap:10px;margin:0;padding:9px 0;border-top:1px solid #dbe2ec;color:#33445c;font-weight:750;line-height:1.32;}
.player-details b{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);}
.player-details span{font-size:12px;}
@media(max-width:900px){.profile-info-strip{grid-template-columns:1fr;}.player-card-grid{grid-template-columns:repeat(2,1fr);gap:12px;}.player-photo-slot{height:118px;}.player-card h3{font-size:14px}.player-details p{grid-template-columns:1fr;gap:4px}.player-details span{font-size:10px}}
/* Commit 45: Sponsor Experience */
.sponsor-page{background:#020b18;color:#fff;overflow:hidden}.sponsor-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.62fr);gap:34px;align-items:center;padding:86px max(24px,calc((100vw - var(--max))/2 + 24px)) 72px;background:radial-gradient(circle at 82% 18%,rgba(240,31,69,.30),transparent 21%),radial-gradient(circle at 12% 82%,rgba(255,255,255,.08),transparent 19%),linear-gradient(90deg,rgba(2,8,20,.98),rgba(4,22,45,.88)),url('digital-camo.jpg') center/cover no-repeat;border-bottom:3px solid var(--red)}.sponsor-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,8,20,.96),rgba(1,8,20,.70) 48%,rgba(1,8,20,.26)),url('hero-team.jpg') right center/auto 88% no-repeat;z-index:-2}.sponsor-hero:after{content:"501";position:absolute;right:4vw;bottom:-30px;font-family:Graduate,serif;font-size:180px;color:rgba(255,255,255,.045);z-index:-1}.sponsor-hero h1,.sponsor-section h2,.sponsor-cta h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(38px,6.2vw,78px);line-height:1.04;letter-spacing:.02em;margin:0 0 22px;text-shadow:0 7px 0 rgba(0,0,0,.34),0 18px 34px rgba(0,0,0,.55)}.sponsor-hero h1 em{color:var(--red);font-style:normal}.sponsor-hero__copy{max-width:680px;font-size:20px;line-height:1.5;font-weight:800;color:#ecf2fa;text-shadow:0 4px 13px #000;margin:0 0 28px}.sponsor-hero__card{background:linear-gradient(180deg,rgba(9,33,66,.86),rgba(2,11,24,.94));border:1px solid rgba(255,255,255,.32);box-shadow:0 24px 56px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.18);padding:30px;clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%)}.card-label,.level-top span{display:inline-flex;color:#fff;background:linear-gradient(180deg,#ff4a68,#a40722);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;padding:8px 10px;margin-bottom:16px}.sponsor-hero__card strong{display:block;font-family:Graduate,serif;text-transform:uppercase;font-size:26px;line-height:1.15}.sponsor-hero__card p{color:#d5deea;font-weight:750;line-height:1.45}.mini-metrics{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}.mini-metrics span{display:flex;justify-content:space-between;gap:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);padding:10px 12px;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.mini-metrics b{color:var(--red);font-size:18px}.sponsor-section{padding:72px max(24px,calc((100vw - var(--max))/2 + 24px))}.sponsor-wrap{max-width:var(--max);margin:auto}.sponsor-light{background:linear-gradient(180deg,#f8fafd,#e9edf4);color:var(--ink)}.sponsor-dark{background:radial-gradient(circle at 90% 0%,rgba(240,31,69,.18),transparent 24%),linear-gradient(180deg,#061b36,#020b18);color:#fff}.sponsor-section h2{font-size:clamp(32px,4.5vw,56px);text-shadow:none;color:inherit;max-width:880px}.impact-grid,.levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.impact-grid article{background:#fff;border:1px solid #dbe2ec;box-shadow:0 18px 36px rgba(7,23,45,.12);padding:28px}.impact-grid span{font-size:40px;color:var(--red)}.impact-grid h3,.level-card h3{font-family:Graduate,serif;text-transform:uppercase;margin:14px 0 12px}.impact-grid p,.level-card p,.lead{font-weight:750;line-height:1.55;color:#2f4056}.levels-grid{grid-template-columns:repeat(4,1fr)}.level-card{position:relative;overflow:hidden;min-height:360px;padding:26px;background:linear-gradient(180deg,rgba(8,30,60,.92),rgba(2,11,24,.97));border:1px solid rgba(255,255,255,.24);box-shadow:0 20px 44px rgba(0,0,0,.28)}.level-card.featured{border-color:rgba(240,31,69,.78);box-shadow:0 0 0 1px rgba(240,31,69,.3),0 24px 56px rgba(0,0,0,.42)}.level-card:after{content:"501";position:absolute;right:-12px;bottom:-10px;font-family:Graduate,serif;font-size:72px;color:rgba(255,255,255,.055)}.level-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.level-top strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#c9d5e5}.level-card p{color:#d8e0eb}.level-card ul{position:relative;z-index:1;padding-left:18px;color:#edf3fb;font-weight:800;line-height:1.65}.exposure-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:34px;align-items:center}.exposure-stack{display:grid;gap:12px}.exposure-stack div{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid #dbe2ec;box-shadow:0 14px 28px rgba(7,23,45,.10);padding:18px}.exposure-stack b{font-family:Graduate,serif;text-transform:uppercase;color:var(--red2)}.exposure-stack span{font-weight:800;color:#26364b}.sponsor-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.sponsor-wall div{min-height:112px;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px dashed rgba(255,255,255,.32);color:#dbe4ef;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.sponsor-cta{text-align:center;padding:74px 24px;background:#f8fafd;color:var(--ink)}.sponsor-cta .eyebrow{justify-content:center}.sponsor-cta h2{text-shadow:none;font-size:clamp(32px,4.6vw,58px);max-width:880px;margin-left:auto;margin-right:auto}.sponsor-cta p{font-weight:800;color:#2f4056;max-width:680px;margin:0 auto 28px;line-height:1.55}@media(max-width:1000px){.sponsor-hero{grid-template-columns:1fr}.impact-grid,.levels-grid{grid-template-columns:repeat(2,1fr)}.exposure-grid{grid-template-columns:1fr}.sponsor-hero:before{background:linear-gradient(90deg,rgba(1,8,20,.96),rgba(1,8,20,.72)),url('hero-team.jpg') right center/auto 70% no-repeat}}@media(max-width:760px){.sponsor-hero{padding:42px 14px 34px;gap:22px}.sponsor-hero h1{font-size:clamp(31px,10.5vw,48px)}.sponsor-hero__copy{font-size:14px}.sponsor-actions{display:grid;grid-template-columns:1fr 1fr}.sponsor-hero__card{padding:20px}.sponsor-section{padding:44px 14px}.impact-grid,.levels-grid,.sponsor-wall{grid-template-columns:1fr}.level-card{min-height:auto}.exposure-stack div{grid-template-columns:1fr;gap:6px}.sponsor-cta{padding:48px 14px}}
/* Commit 45: coordinating sponsorship tier colors */
.sponsor-levels-colored{
grid-template-columns:repeat(5,minmax(0,1fr));
align-items:stretch;
}
.sponsor-levels-colored .level-card{
isolation:isolate;
padding-top:76px;
border-width:1px;
border-radius:10px;
box-shadow:0 24px 54px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.16);
}
.sponsor-levels-colored .level-card:before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:92px;
z-index:-1;
opacity:.95;
background:linear-gradient(135deg,var(--tier-1),var(--tier-2));
border-bottom:1px solid rgba(255,255,255,.26);
}
.sponsor-levels-colored .level-card:after{
opacity:.08;
}
.level-medallion{
position:absolute;
top:18px;
left:50%;
transform:translateX(-50%);
width:62px;
height:62px;
display:grid;
place-items:center;
font-family:Graduate,serif;
font-size:22px;
color:#fff;
text-shadow:0 3px 8px rgba(0,0,0,.55);
background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(0,0,0,.22)),linear-gradient(135deg,var(--tier-1),var(--tier-2));
border:2px solid rgba(255,255,255,.72);
clip-path:polygon(50% 0,92% 18%,92% 70%,50% 100%,8% 70%,8% 18%);
box-shadow:0 10px 22px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.35);
}
.level-bronze{--tier-1:#8a4317;--tier-2:#d18135;border-color:rgba(209,129,53,.85)}
.level-silver{--tier-1:#6d737a;--tier-2:#e9edf2;border-color:rgba(223,231,239,.82)}
.level-gold{--tier-1:#b37b08;--tier-2:#ffd45e;border-color:rgba(255,205,70,.88)}
.level-platinum{--tier-1:#062f70;--tier-2:#2f7bd5;border-color:rgba(61,132,225,.88)}
.level-title{--tier-1:#08264f;--tier-2:#ef2447;border-color:rgba(255,255,255,.9)}
.level-title:before{
background:linear-gradient(90deg,rgba(2,20,48,.82),rgba(240,31,69,.70)),url('digital-camo.jpg') center/cover no-repeat!important;
height:112px!important;
}
.level-title{
background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(243,246,250,.96));
color:#061b36;
box-shadow:0 0 0 2px rgba(240,31,69,.55),0 30px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.8)!important;
}
.level-title h3,.level-title p,.level-title ul{color:#061b36!important}
.level-title .level-top strong{color:#08264f}
.level-title .level-top span{background:linear-gradient(90deg,#cf1734,#f5f7fb,#07336d);color:#071a34;text-shadow:none}
.level-bronze .level-top span{background:linear-gradient(180deg,#d18135,#7c3b14)}
.level-silver .level-top span{background:linear-gradient(180deg,#f5f7fb,#777f89);color:#111;text-shadow:none}
.level-gold .level-top span{background:linear-gradient(180deg,#ffd45e,#a86f05);color:#14100a;text-shadow:none}
.level-platinum .level-top span{background:linear-gradient(180deg,#2f7bd5,#072b65)}
.level-card h3{margin-top:12px;font-size:clamp(18px,2.2vw,25px)}
.level-card ul li::marker{color:var(--tier-2)}
.level-title ul li::marker{color:var(--red)}
@media(max-width:1160px){.sponsor-levels-colored{grid-template-columns:repeat(2,1fr)}.sponsor-levels-colored .level-title{grid-column:1/-1}}
@media(max-width:760px){.sponsor-levels-colored{grid-template-columns:1fr}.sponsor-levels-colored .level-card{padding-top:72px}.level-title:before{height:98px!important}}
/* Commit 46 — Team Page 2.0 additions */
.team-coaches .team-section-head p:not(.eyebrow){color:#dce5f1;max-width:820px;font-weight:750;line-height:1.55}
.coach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.coach-card{position:relative;overflow:hidden;min-height:220px;padding:26px;background:linear-gradient(160deg,rgba(8,32,63,.94),rgba(2,10,22,.96)),url('digital-camo.jpg') center/cover;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 38px rgba(0,0,0,.32)}
.coach-card:after{content:"501";position:absolute;right:-12px;bottom:-18px;font-family:Graduate,serif;font-size:86px;color:rgba(255,255,255,.055)}
.coach-card span{display:inline-block;color:#fff;background:linear-gradient(180deg,#f53455,#9b0b23);padding:8px 11px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(255,255,255,.24)}
.coach-card h3{position:relative;z-index:1;font-family:Graduate,serif;text-transform:uppercase;margin:22px 0 12px;color:#fff;font-size:clamp(22px,2.5vw,32px)}
.coach-card p{position:relative;z-index:1;margin:0;color:#dce5f1;font-weight:750;line-height:1.55}
.coach-card.featured{border-color:rgba(240,31,69,.55);box-shadow:0 22px 48px rgba(0,0,0,.38),0 0 30px rgba(240,31,69,.12)}
.team-quicklinks{border-top:3px solid var(--red);border-bottom:3px solid var(--red)}
.team-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.team-link-grid a{position:relative;min-height:150px;padding:20px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid #dbe2ec;box-shadow:0 14px 28px rgba(7,23,45,.12);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.team-link-grid a:hover{transform:translateY(-4px);border-color:rgba(240,31,69,.45);box-shadow:0 22px 40px rgba(7,23,45,.18)}
.team-link-grid b{display:block;font-family:Graduate,serif;text-transform:uppercase;font-size:18px;margin-bottom:10px;color:var(--ink)}
.team-link-grid span{display:block;color:#34455c;font-weight:750;line-height:1.45;font-size:13px}
.team-link-grid strong{position:absolute;right:18px;bottom:12px;color:var(--red);font-size:24px}
.media-preview-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}
.media-preview h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(32px,4.2vw,56px);line-height:1.08;margin:0 0 14px;color:#fff}
.media-preview p{color:#dce5f1;font-weight:750;line-height:1.55;max-width:760px}
.media-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.media-strip span{min-height:145px;display:grid;place-items:end start;padding:18px;font-family:Graduate,serif;text-transform:uppercase;color:#fff;background:linear-gradient(160deg,rgba(6,28,56,.78),rgba(2,9,20,.92)),url('digital-camo.jpg') center/cover;border:1px solid rgba(255,255,255,.30);box-shadow:0 18px 34px rgba(0,0,0,.28)}
@media(max-width:900px){.coach-grid,.team-link-grid,.media-preview-grid{grid-template-columns:1fr}.media-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.coach-grid{gap:12px}.coach-card{min-height:170px;padding:18px}.team-link-grid{grid-template-columns:1fr 1fr;gap:10px}.team-link-grid a{min-height:124px;padding:14px}.team-link-grid b{font-size:13px}.team-link-grid span{font-size:10px}.media-strip{grid-template-columns:1fr}.media-strip span{min-height:95px}}
/* Commit 48 — Gallery & Media page */
.gallery-page{background:#020b18;color:#fff}
.gallery-wrap{max-width:var(--max);margin:0 auto}
.gallery-hero{position:relative;overflow:hidden;padding:86px 24px 58px;background:linear-gradient(90deg,rgba(1,8,20,.97),rgba(4,21,43,.84),rgba(1,8,20,.78)),url('digital-camo.jpg') center/cover;border-bottom:3px solid var(--red)}
.gallery-hero:after{content:"";position:absolute;inset:0;background:url('hero-team.jpg') right top/auto 86% no-repeat;opacity:.26;pointer-events:none}
.gallery-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .72fr;gap:34px;align-items:center}
.gallery-hero h1,.gallery-section-head h2,.spotlight-grid h2,.upload-panel h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(38px,6vw,76px);line-height:1.05;margin:0 0 18px;text-shadow:0 7px 0 rgba(0,0,0,.38),0 18px 34px rgba(0,0,0,.6)}
.gallery-hero h1 em{font-style:normal;color:var(--red)}
.gallery-lead{max-width:680px;color:#edf3fb;font-size:19px;font-weight:800;line-height:1.55;text-shadow:0 4px 12px #000;margin:0 0 28px}
.gallery-hero-card{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.28);box-shadow:0 26px 54px rgba(0,0,0,.36);padding:30px;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.gallery-hero-card:after{content:"501";position:absolute;right:-16px;top:8px;font-family:Graduate,serif;font-size:96px;color:rgba(255,255,255,.06)}
.gallery-hero-card span{color:#fff;background:linear-gradient(180deg,#f53455,#9b0b23);display:inline-block;width:max-content;padding:8px 12px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(255,255,255,.24)}
.gallery-hero-card strong{font-family:Graduate,serif;text-transform:uppercase;font-size:28px;margin:18px 0 10px;position:relative;z-index:1}
.gallery-hero-card p{margin:0;color:#dce5f1;font-weight:750;line-height:1.5;position:relative;z-index:1}
.gallery-control-section{padding:44px 24px;background:#f7f9fc;color:var(--ink);border-bottom:3px solid var(--red)}
.media-control-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(240,31,69,.14),transparent 25%),linear-gradient(180deg,#fff,#edf3fb);border:1px solid #d9e2ee;box-shadow:0 22px 44px rgba(7,23,45,.14);padding:24px}
.media-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.media-action-card{position:relative;min-height:170px;padding:18px;color:var(--ink);background:linear-gradient(180deg,#fff,#f0f4f9);border:1px solid #dbe2ec;box-shadow:0 14px 28px rgba(7,23,45,.12);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.media-action-card:hover{transform:translateY(-4px);border-color:rgba(240,31,69,.45);box-shadow:0 22px 40px rgba(7,23,45,.18)}
.media-action-card.priority{background:linear-gradient(160deg,#071e3d,#020b18);color:#fff;border-color:rgba(240,31,69,.55)}
.media-action-card i{font-style:normal;font-size:26px}.media-action-card span{position:absolute;right:14px;top:12px;font-family:Graduate,serif;color:var(--red);font-size:24px}.media-action-card h3{font-family:Graduate,serif;text-transform:uppercase;margin:34px 0 8px;font-size:18px}.media-action-card p{font-size:12px;font-weight:800;line-height:1.45;margin:0 0 18px;color:inherit;opacity:.82}.media-action-card em{position:absolute;left:16px;bottom:13px;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--red)}.media-action-card strong{position:absolute;right:16px;bottom:10px;color:var(--red);font-size:22px}
.gallery-light{padding:66px 24px;background:#f8fafd;color:var(--ink)}
.gallery-dark{padding:72px 24px;background:radial-gradient(circle at 88% 8%,rgba(240,31,69,.18),transparent 24%),linear-gradient(180deg,#061b36,#020b18);color:#fff}
.gallery-section-head{margin-bottom:30px}.gallery-section-head h2{color:inherit;text-shadow:none;font-size:clamp(34px,4.6vw,60px)}.gallery-section-head p:not(.kicker){max-width:820px;color:#34455c;font-weight:750;line-height:1.55}.gallery-section-head.compact{margin-bottom:24px}
.media-mosaic{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:180px;gap:14px}.media-mosaic article{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;background:linear-gradient(160deg,rgba(6,28,56,.70),rgba(2,9,20,.92)),url('hero-team.jpg') center/cover;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 34px rgba(7,23,45,.18)}.media-mosaic article.large{grid-row:span 2}.media-mosaic span{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.media-mosaic strong{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(20px,2.4vw,34px);margin-top:8px}.media-mosaic p{margin:8px 0 0;color:#dce5f1;font-weight:800}
.spotlight-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}.spotlight-grid h2{font-size:clamp(34px,4.4vw,58px)}.spotlight-grid p{color:#dce5f1;font-weight:750;line-height:1.55;max-width:720px}.spotlight-stack{display:grid;gap:14px}.spotlight-stack article{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.24);box-shadow:0 16px 32px rgba(0,0,0,.22);padding:18px}.spotlight-stack b{font-family:Graduate,serif;color:var(--red);font-size:30px}.spotlight-stack strong{font-family:Graduate,serif;text-transform:uppercase}.spotlight-stack span{grid-column:2;color:#dce5f1;font-weight:750}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-grid article{background:#fff;border:1px solid #dbe2ec;box-shadow:0 14px 28px rgba(7,23,45,.12);padding:24px;min-height:190px}.category-grid i{font-style:normal;font-size:34px}.category-grid h3{font-family:Graduate,serif;text-transform:uppercase;margin:18px 0 10px}.category-grid p{font-weight:750;color:#34455c;line-height:1.48;margin:0}
.gallery-upload{padding:56px 24px;background:#f7f9fc;color:var(--ink);border-top:3px solid var(--red)}.upload-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;background:linear-gradient(180deg,#fff,#edf3fb);border:1px solid #dbe2ec;box-shadow:0 18px 36px rgba(7,23,45,.12);padding:28px}.upload-panel h2{font-size:clamp(28px,3.5vw,46px);text-shadow:none;color:var(--ink)}.upload-panel p{font-weight:750;line-height:1.55;color:#34455c}.upload-actions{display:grid;gap:12px}
@media(max-width:1000px){.gallery-hero-grid,.spotlight-grid,.upload-panel{grid-template-columns:1fr}.media-action-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.media-mosaic{grid-template-columns:1fr 1fr}.gallery-hero:after{opacity:.18;background-size:auto 70%}}
@media(max-width:760px){.gallery-hero{padding:50px 16px 36px}.gallery-hero h1{font-size:clamp(34px,10vw,50px)}.gallery-lead{font-size:15px}.gallery-hero-card{min-height:190px;padding:20px}.gallery-control-section,.gallery-light,.gallery-dark,.gallery-upload{padding-left:16px;padding-right:16px}.media-action-grid,.category-grid,.media-mosaic{grid-template-columns:1fr}.media-mosaic{grid-auto-rows:130px}.media-mosaic article.large{grid-row:span 1}.media-action-card{min-height:140px}.spotlight-stack article{grid-template-columns:50px 1fr}.upload-panel{padding:20px}}
/* Commit 49 — Resources & Organization Hub */
.resources-page{background:#020b18;color:#fff}
.resources-wrap{max-width:var(--max);margin:0 auto}
.resources-hero{position:relative;overflow:hidden;padding:86px 24px 58px;background:linear-gradient(90deg,rgba(1,8,20,.97),rgba(4,21,43,.84),rgba(1,8,20,.78)),url('digital-camo.jpg') center/cover;border-bottom:3px solid var(--red)}
.resources-hero:after{content:"";position:absolute;inset:0;background:url('hero-team.jpg') right top/auto 86% no-repeat;opacity:.18;pointer-events:none}
.resources-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .72fr;gap:34px;align-items:center}
.resources-hero h1,.resources-section-head h2,.resource-split h2,.quick-panel h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(38px,6vw,76px);line-height:1.05;margin:0 0 18px;text-shadow:0 7px 0 rgba(0,0,0,.38),0 18px 34px rgba(0,0,0,.6)}
.resources-hero h1 em{font-style:normal;color:var(--red)}
.resources-lead{max-width:700px;color:#edf3fb;font-size:19px;font-weight:800;line-height:1.55;text-shadow:0 4px 12px #000;margin:0 0 28px}
.resources-hero-card{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.28);box-shadow:0 26px 54px rgba(0,0,0,.36);padding:30px;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.resources-hero-card:after{content:"501";position:absolute;right:-16px;top:8px;font-family:Graduate,serif;font-size:96px;color:rgba(255,255,255,.06)}
.resources-hero-card span{color:#fff;background:linear-gradient(180deg,#f53455,#9b0b23);display:inline-block;width:max-content;padding:8px 12px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(255,255,255,.24)}
.resources-hero-card strong{font-family:Graduate,serif;text-transform:uppercase;font-size:28px;margin:18px 0 10px;position:relative;z-index:1}.resources-hero-card p{margin:0;color:#dce5f1;font-weight:750;line-height:1.5;position:relative;z-index:1}
.resource-control-section{padding:44px 24px;background:#f7f9fc;color:var(--ink);border-bottom:3px solid var(--red)}
.resource-dashboard-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(240,31,69,.14),transparent 25%),linear-gradient(180deg,#fff,#edf3fb);border:1px solid #d9e2ee;box-shadow:0 22px 44px rgba(7,23,45,.14);padding:24px}.resource-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.resource-action-card{position:relative;min-height:170px;padding:18px;color:var(--ink);background:linear-gradient(180deg,#fff,#f0f4f9);border:1px solid #dbe2ec;box-shadow:0 14px 28px rgba(7,23,45,.12);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.resource-action-card:hover{transform:translateY(-4px);border-color:rgba(240,31,69,.45);box-shadow:0 22px 40px rgba(7,23,45,.18)}.resource-action-card.priority{background:linear-gradient(160deg,#071e3d,#020b18);color:#fff;border-color:rgba(240,31,69,.55)}.resource-action-card i{font-style:normal;font-size:26px}.resource-action-card span{position:absolute;right:14px;top:12px;font-family:Graduate,serif;color:var(--red);font-size:24px}.resource-action-card h3{font-family:Graduate,serif;text-transform:uppercase;margin:34px 0 8px;font-size:18px}.resource-action-card p{font-size:12px;font-weight:800;line-height:1.45;margin:0 0 18px;color:inherit;opacity:.82}.resource-action-card em{position:absolute;left:16px;bottom:13px;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--red)}.resource-action-card strong{position:absolute;right:16px;bottom:10px;color:var(--red);font-size:22px}
.resources-light{padding:66px 24px;background:#f8fafd;color:var(--ink)}.resources-dark{padding:72px 24px;background:radial-gradient(circle at 88% 8%,rgba(240,31,69,.18),transparent 24%),linear-gradient(180deg,#061b36,#020b18);color:#fff}.resources-section-head{margin-bottom:30px}.resources-section-head h2{color:inherit;text-shadow:none;font-size:clamp(34px,4.6vw,60px)}.resources-section-head p:not(.kicker){max-width:820px;color:#34455c;font-weight:750;line-height:1.55}.resources-section-head.compact{margin-bottom:24px}
.document-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.document-card{position:relative;background:#fff;border:1px solid #dbe2ec;box-shadow:0 16px 32px rgba(7,23,45,.12);padding:24px;min-height:260px;display:flex;flex-direction:column}.document-card.featured{background:linear-gradient(160deg,#071e3d,#020b18);color:#fff;border-color:rgba(240,31,69,.55);box-shadow:0 22px 44px rgba(7,23,45,.25)}.document-card span{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:10px}.document-card h3{font-family:Graduate,serif;text-transform:uppercase;margin:18px 0 12px;font-size:20px}.document-card p{font-weight:750;color:inherit;opacity:.82;line-height:1.5;margin:0 0 22px}.document-card a{margin-top:auto;color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.resource-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}.resource-split h2{font-size:clamp(34px,4.4vw,58px)}.resource-split p{color:#dce5f1;font-weight:750;line-height:1.55;max-width:720px}.resource-stack{display:grid;gap:14px}.resource-stack article{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.24);box-shadow:0 16px 32px rgba(0,0,0,.22);padding:18px}.resource-stack b{font-family:Graduate,serif;color:var(--red);font-size:30px}.resource-stack strong{font-family:Graduate,serif;text-transform:uppercase}.resource-stack span{grid-column:2;color:#dce5f1;font-weight:750}
.resource-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.resource-category-grid article{background:#fff;border:1px solid #dbe2ec;box-shadow:0 14px 28px rgba(7,23,45,.12);padding:24px;min-height:190px}.resource-category-grid i{font-style:normal;font-size:34px}.resource-category-grid h3{font-family:Graduate,serif;text-transform:uppercase;margin:18px 0 10px}.resource-category-grid p{font-weight:750;color:#34455c;line-height:1.48;margin:0}
.resource-quick{padding:56px 24px;background:#f7f9fc;color:var(--ink);border-top:3px solid var(--red)}.quick-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;align-items:center;background:linear-gradient(180deg,#fff,#edf3fb);border:1px solid #dbe2ec;box-shadow:0 18px 36px rgba(7,23,45,.12);padding:28px}.quick-panel h2{font-size:clamp(28px,3.5vw,46px);text-shadow:none;color:var(--ink)}.quick-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-link-grid a{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#071e3d,#020b18);color:#fff;padding:18px 16px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:1px solid rgba(255,255,255,.25);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.quick-link-grid b{color:var(--red);font-size:18px}
@media(max-width:1000px){.resources-hero-grid,.resource-split,.quick-panel{grid-template-columns:1fr}.resource-action-grid,.document-grid,.resource-category-grid{grid-template-columns:repeat(2,1fr)}.quick-link-grid{grid-template-columns:repeat(2,1fr)}.resources-hero:after{opacity:.12;background-size:auto 70%}}
@media(max-width:760px){.resources-hero{padding:50px 16px 36px}.resources-hero h1{font-size:clamp(34px,10vw,50px)}.resources-lead{font-size:15px}.resources-hero-card{min-height:190px;padding:20px}.resource-control-section,.resources-light,.resources-dark,.resource-quick{padding-left:16px;padding-right:16px}.resource-action-grid,.document-grid,.resource-category-grid,.quick-link-grid{grid-template-columns:1fr}.resource-action-card{min-height:140px}.resource-stack article{grid-template-columns:50px 1fr}.quick-panel{padding:20px}}
/* =========================================================
Commit 51 — Header + Standard Page Upgrade
========================================================= */
.site-header{background:radial-gradient(circle at 14% 22%,rgba(255,255,255,.08),transparent 20%),radial-gradient(circle at 86% 18%,rgba(240,31,69,.22),transparent 25%),linear-gradient(180deg,#08244a,#020b18)!important;}
.site-header:before{background:url('Shield%20Vector.svg') 28px center/142px auto no-repeat,url('digital-camo.jpg') center/cover no-repeat!important;opacity:.10!important;filter:saturate(1.15) contrast(1.06)!important;}
.brand{display:inline-flex;align-items:center;justify-content:center;max-width:238px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.015)),linear-gradient(90deg,rgba(2,8,20,.25),rgba(240,31,69,.10));box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);}
.brand img{width:206px!important;height:auto!important;box-shadow:none!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55));}
@media(max-width:760px){.header-shell{grid-template-columns:184px 1fr 86px!important}.brand{max-width:178px;padding:7px 9px}.brand img{width:156px!important}.site-header:before{background:url('Shield%20Vector.svg') 16px center/96px auto no-repeat,url('digital-camo.jpg') center/cover no-repeat!important;opacity:.09!important}}
.players-panel .player-card:before{content:"";position:absolute;right:12px;top:12px;width:48px;height:48px;background:url('Shield%20Vector.svg') center/contain no-repeat;opacity:.18;filter:drop-shadow(0 0 8px rgba(255,255,255,.18));pointer-events:none;}
.player-card-grid .player-card:before{content:"";position:absolute;right:12px;top:58px;width:54px;height:54px;background:url('Shield%20Vector.svg') center/contain no-repeat;opacity:.10;pointer-events:none;z-index:1;}
.roster-wall article:before{content:"";position:absolute;right:12px;top:12px;width:42px;height:42px;background:url('Shield%20Vector.svg') center/contain no-repeat;opacity:.10;z-index:0;}
.standard-hero-v11{position:relative;overflow:hidden;padding:74px 24px 58px;color:#fff;background:radial-gradient(circle at 80% 12%,rgba(240,31,69,.26),transparent 25%),linear-gradient(90deg,rgba(1,8,20,.98),rgba(4,22,45,.88)),url('digital-camo.jpg') center/cover no-repeat;border-bottom:3px solid var(--red);}
.standard-hero-v11:after{content:"";position:absolute;right:-70px;bottom:-100px;width:420px;height:420px;background:url('Shield%20Vector.svg') center/contain no-repeat;opacity:.08;pointer-events:none;}
.standard-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 430px;gap:42px;align-items:center;}
.standard-hero-v11 h1{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(44px,6.2vw,82px);line-height:1.03;margin:0 0 18px;text-shadow:0 8px 0 rgba(0,0,0,.35),0 22px 40px rgba(0,0,0,.58);}
.standard-hero-v11 h1 em{font-style:normal;color:var(--red);}
.standard-lead{font-size:21px;line-height:1.52;max-width:690px;font-weight:850;color:#eef3fa;text-shadow:0 4px 12px #000;margin:0 0 28px;}
.standard-creed-card{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(9,33,64,.96),rgba(2,9,20,.98)),url('digital-camo.jpg') center/cover;border:1px solid rgba(255,255,255,.38);box-shadow:0 24px 52px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.16);padding:30px;}
.standard-creed-card img{width:92px;margin-bottom:18px;filter:drop-shadow(0 0 14px rgba(255,255,255,.18));}
.standard-creed-card h2{font-family:Graduate,serif;text-transform:uppercase;line-height:1.2;font-size:28px;margin:0 0 16px;}
.standard-creed-card p{font-weight:800;line-height:1.55;color:#dce5f1;margin:0;}
.standard-intro-v11{background:#f7f9fc;color:var(--ink);padding:58px 24px;border-bottom:1px solid #dbe2ec;}
.standard-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:start;}
.standard-split h2,.standard-pillars-v11 h2,.standard-dark-v11 h2,.standard-family-v11 h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(34px,4.8vw,60px);line-height:1.08;margin:0;}
.standard-pillars-v11{padding:68px 24px;background:linear-gradient(180deg,#fff,#eef3f8);color:var(--ink);}
.pillar-grid-v11{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.pillar-grid-v11 article{position:relative;overflow:hidden;min-height:230px;background:#fff;border:1px solid #d7e0eb;padding:22px;box-shadow:0 18px 34px rgba(7,23,45,.12);}
.pillar-grid-v11 article:after{content:"";position:absolute;right:-18px;bottom:-24px;width:100px;height:100px;background:url('Shield%20Vector.svg') center/contain no-repeat;opacity:.06;}
.pillar-grid-v11 b{display:inline-flex;align-items:center;justify-content:center;width:48px;height:36px;color:#fff;background:linear-gradient(180deg,#f53455,#9b0b23);font-family:Graduate,serif;margin-bottom:18px;}
.pillar-grid-v11 h3{font-family:Graduate,serif;text-transform:uppercase;margin:0 0 12px;color:var(--ink);}
.pillar-grid-v11 p{font-weight:750;line-height:1.48;color:#34455c;margin:0 0 18px;}
.pillar-grid-v11 span{position:absolute;left:22px;bottom:18px;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--red);}
.standard-dark-v11{padding:70px 24px;color:#fff;background:radial-gradient(circle at 90% 0%,rgba(240,31,69,.20),transparent 24%),linear-gradient(180deg,#061b36,#020b18);}
.standard-method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start;}
.standard-method-grid p{font-weight:750;line-height:1.55;color:#d8e2ee;}
.method-list-v11{display:grid;gap:16px;}
.method-list-v11 article{background:linear-gradient(160deg,rgba(13,45,86,.94),rgba(2,10,22,.98));border:1px solid rgba(255,255,255,.26);padding:24px;box-shadow:0 18px 34px rgba(0,0,0,.25);}
.method-list-v11 strong{display:block;font-family:Graduate,serif;text-transform:uppercase;font-size:22px;margin-bottom:8px;color:#fff;}
.method-list-v11 p{margin:0;}
.standard-family-v11{padding:70px 24px;background:#f7f9fc;color:var(--ink);}
.family-grid-v11{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;}
.family-grid-v11 article{background:#fff;border:1px solid #d7e0eb;padding:24px;box-shadow:0 16px 30px rgba(7,23,45,.10);}
.family-grid-v11 h3{font-family:Graduate,serif;text-transform:uppercase;color:var(--red);margin:0 0 12px;}
.family-grid-v11 p{font-weight:750;line-height:1.5;color:#34455c;margin:0;}
.standard-closing-v11{margin-top:28px;display:grid;grid-template-columns:86px 1fr;gap:22px;align-items:center;background:linear-gradient(160deg,#061e3d,#020b18);color:#fff;border:1px solid rgba(255,255,255,.20);padding:24px;box-shadow:0 18px 34px rgba(7,23,45,.18);}
.standard-closing-v11 img{width:80px;}.standard-closing-v11 h3{font-family:Graduate,serif;text-transform:uppercase;margin:0 0 6px}.standard-closing-v11 p{margin:0;font-weight:750;color:#d8e2ee;line-height:1.5;}
@media(max-width:980px){.standard-hero-grid,.standard-split,.standard-method-grid{grid-template-columns:1fr}.pillar-grid-v11{grid-template-columns:repeat(2,1fr)}.family-grid-v11{grid-template-columns:1fr}}
@media(max-width:760px){.standard-hero-v11{padding:44px 16px 38px}.standard-lead{font-size:15px}.standard-creed-card{padding:20px}.standard-creed-card h2{font-size:20px}.standard-intro-v11,.standard-pillars-v11,.standard-dark-v11,.standard-family-v11{padding:38px 16px}.pillar-grid-v11{grid-template-columns:1fr}.pillar-grid-v11 article{min-height:190px}.standard-closing-v11{grid-template-columns:58px 1fr;padding:16px}.standard-closing-v11 img{width:54px}}
/* =========================================================
Sprint 1B — Refine, Don't Reinvent
Corrective art direction: restraint, shield consistency,
clean header, premium player placeholders and sponsor tiers.
========================================================= */
.site-header{
background:linear-gradient(180deg,rgba(5,22,44,.98),rgba(2,9,20,.98))!important;
border-bottom:3px solid var(--red)!important;
box-shadow:0 12px 30px rgba(0,0,0,.38)!important;
overflow:visible!important;
}
.site-header:before{
content:""!important;
position:absolute!important;
inset:0!important;
background:url('digital-camo.jpg') center/cover no-repeat!important;
opacity:.18!important;
filter:saturate(1.05) contrast(.95)!important;
pointer-events:none!important;
}
.site-header:after{
content:"";
position:absolute;
left:0;right:0;bottom:-3px;height:3px;
background:linear-gradient(90deg,transparent,var(--red),transparent);
opacity:.9;
}
.header-shell{grid-template-columns:240px 1fr 96px!important;padding:14px 24px 12px!important;gap:24px!important;}
.brand{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;clip-path:none!important;max-width:230px!important;justify-content:flex-start!important;}
.brand img{width:218px!important;box-shadow:none!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))!important;}
.menu-toggle{justify-self:end!important;margin-right:0!important;right:auto!important;left:auto!important;transform:none!important;}
.players-panel{align-items:stretch!important;}
.players-panel .player-card.refined-card{
min-height:178px!important;
padding:22px 18px 18px!important;
justify-content:flex-end!important;
background:linear-gradient(180deg,rgba(7,28,56,.90),rgba(2,9,20,.96)),url('digital-camo.jpg') center/cover!important;
border:1px solid rgba(255,255,255,.34)!important;
box-shadow:0 18px 38px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.players-panel .player-card.refined-card:after{content:""!important;background:none!important;}
.players-panel .player-card.refined-card:before{opacity:.07!important;right:-18px!important;top:-20px!important;width:130px!important;height:130px!important;}
.player-shield{width:54px!important;height:54px!important;object-fit:contain!important;margin:0 0 auto!important;filter:drop-shadow(0 0 12px rgba(255,255,255,.18))!important;opacity:.96!important;}
.players-panel .player-card.refined-card span{
color:#fff!important;
font-size:15px!important;
line-height:1.12!important;
text-shadow:0 2px 6px rgba(0,0,0,.8)!important;
}
.players-panel .player-card.refined-card small{color:#d8e3ef!important;font-size:12px!important;letter-spacing:.02em!important;}
.cta-panel h2{max-width:880px;margin-left:auto!important;margin-right:auto!important;}
/* Sponsor tier cards: shield-led, metallic, less busy */
.sponsor-levels-colored .level-card{
min-height:390px!important;
padding:26px 22px 24px!important;
display:flex!important;
flex-direction:column!important;
border-radius:0!important;
overflow:hidden!important;
background:#07182f!important;
border:1px solid rgba(255,255,255,.22)!important;
box-shadow:0 22px 45px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.13)!important;
}
.sponsor-levels-colored .level-card:before{content:"";position:absolute;inset:0;opacity:.9;pointer-events:none;}
.sponsor-levels-colored .level-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.20),transparent 17%,transparent 72%,rgba(0,0,0,.26));pointer-events:none;}
.level-medallion{position:relative!important;z-index:2!important;width:72px!important;height:72px!important;margin:0 auto 16px!important;display:grid!important;place-items:center!important;background:rgba(1,8,20,.35)!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;box-shadow:0 10px 24px rgba(0,0,0,.34)!important;}
.level-medallion img{width:58px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.20))!important;}
.level-card .level-top,.level-card h3,.level-card p,.level-card ul{position:relative!important;z-index:2!important;}
.level-card .level-top{background:transparent!important;border:0!important;padding:0!important;margin:0 0 10px!important;text-align:center!important;}
.level-card .level-top span{font-family:Graduate,serif!important;font-size:14px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(255,255,255,.72)!important;}
.level-card .level-top strong{display:block!important;margin-top:8px!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#fff!important;opacity:.86!important;}
.level-card h3{font-family:Graduate,serif!important;text-align:center!important;font-size:24px!important;line-height:1.15!important;margin:10px 0 8px!important;color:#fff!important;text-shadow:0 4px 12px rgba(0,0,0,.5)!important;}
.level-card p{color:#e8edf5!important;text-align:center!important;font-weight:750!important;line-height:1.45!important;font-size:13px!important;margin:0 0 18px!important;}
.level-card ul{margin-top:auto!important;padding-left:0!important;list-style:none!important;display:grid!important;gap:8px!important;}
.level-card li{color:#f2f5fa!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important;padding-left:22px!important;position:relative!important;}
.level-card li:before{content:"✓";position:absolute;left:0;top:0;color:#fff;font-weight:900;}
.level-bronze:before{background:linear-gradient(160deg,#4d250d,#b3652d 35%,#2c1307 100%);}
.level-silver:before{background:linear-gradient(160deg,#2d333b,#cfd5dc 45%,#565f69 100%);}
.level-gold:before{background:linear-gradient(160deg,#6e4c05,#d6a11e 45%,#3b2700 100%);}
.level-platinum:before{background:linear-gradient(160deg,#041327,#123a6d 45%,#010814 100%);}
.level-title:before{background:linear-gradient(160deg,rgba(2,9,20,.20),rgba(2,9,20,.10)),url('digital-camo.jpg') center/cover;}
.level-title{border-color:rgba(240,31,69,.68)!important;box-shadow:0 24px 52px rgba(0,0,0,.40),0 0 0 1px rgba(240,31,69,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;}
.level-title .level-medallion{background:rgba(1,8,20,.58)!important;border-color:rgba(240,31,69,.55)!important;}
/* About 1B */
.about-wrap{max-width:var(--max);margin:0 auto}.about-v11b{background:#020b18;color:#fff}.about-hero-v11b{padding:76px 24px 56px;background:radial-gradient(circle at 88% 0%,rgba(240,31,69,.22),transparent 24%),linear-gradient(90deg,rgba(1,8,20,.97),rgba(4,22,45,.86)),url('digital-camo.jpg') center/cover;border-bottom:3px solid var(--red)}.about-hero-grid{display:grid;grid-template-columns:1.15fr .7fr;gap:42px;align-items:center}.about-hero-v11b h1,.about-story-grid h2,.about-dark-v11b h2,.founders-grid h2,.about-cta-card h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(38px,5.6vw,76px);line-height:1.06;margin:0 0 18px;text-shadow:0 7px 0 rgba(0,0,0,.34),0 18px 34px rgba(0,0,0,.55)}.about-lead{max-width:760px;font-size:21px;line-height:1.52;font-weight:850;color:#edf3fb;text-shadow:0 4px 12px #000;margin:0 0 28px}.about-hero-card{background:linear-gradient(160deg,rgba(8,30,60,.92),rgba(2,9,20,.97));border:1px solid rgba(255,255,255,.30);box-shadow:0 24px 52px rgba(0,0,0,.40);padding:28px}.about-hero-card img{width:88px;margin-bottom:20px}.about-hero-card strong{font-family:Graduate,serif;text-transform:uppercase;font-size:22px;line-height:1.25}.about-hero-card p{color:#dce5f1;font-weight:750;line-height:1.52}.about-light-v11b{background:#f7f9fc;color:var(--ink);padding:66px 24px}.about-story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px}.about-story-grid h2,.founders-grid h2,.about-cta-card h2{text-shadow:none;color:var(--ink);font-size:clamp(34px,4.6vw,60px)}.about-copy-stack{display:grid;gap:18px}.about-copy-stack p,.founders-grid p{font-size:17px;line-height:1.65;font-weight:750;color:#34455c;margin:0}.about-dark-v11b{padding:70px 24px;background:radial-gradient(circle at 90% 0%,rgba(240,31,69,.18),transparent 24%),linear-gradient(180deg,#061b36,#020b18)}.about-pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.about-pillars-grid article{background:linear-gradient(180deg,rgba(8,29,57,.88),rgba(2,10,22,.96));border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 34px rgba(0,0,0,.26);padding:24px;min-height:250px}.about-pillars-grid span{font-family:Graduate,serif;color:var(--red);font-size:26px}.about-pillars-grid h3,.founder-card h3{font-family:Graduate,serif;text-transform:uppercase;line-height:1.22}.about-pillars-grid p{color:#dce5f1;font-weight:750;line-height:1.5}.founders-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:24px;align-items:stretch}.founder-card{background:#fff;border:1px solid #dbe2ec;box-shadow:0 16px 32px rgba(7,23,45,.12);padding:26px}.founder-card img{width:68px;margin-bottom:18px}.founder-card p{font-size:15px}.about-cta-v11b{background:#f7f9fc;padding:0 24px 70px;color:var(--ink)}.about-cta-card{display:grid;grid-template-columns:98px 1fr;gap:28px;align-items:center;background:linear-gradient(160deg,#061e3d,#020b18);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 22px 44px rgba(7,23,45,.18);padding:30px}.about-cta-card img{width:86px}.about-cta-card h2{color:#fff;text-shadow:none}.about-cta-card p{color:#dce5f1;font-weight:750;line-height:1.55;margin:0}
@media(max-width:1000px){.header-shell{grid-template-columns:220px 1fr 88px!important}.about-hero-grid,.about-story-grid,.founders-grid{grid-template-columns:1fr}.about-pillars-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-shell{grid-template-columns:150px 1fr 86px!important;padding:12px 16px 10px!important}.brand{max-width:148px!important}.brand img{width:148px!important}.menu-toggle{width:74px!important;height:56px!important}.players-panel .player-card.refined-card{min-height:132px!important}.player-shield{width:40px!important;height:40px!important}.sponsor-levels-colored .level-card{min-height:320px!important;padding:22px 18px!important}.about-hero-v11b,.about-light-v11b,.about-dark-v11b,.about-cta-v11b{padding-left:16px;padding-right:16px}.about-lead{font-size:16px}.about-pillars-grid{grid-template-columns:1fr}.about-cta-card{grid-template-columns:64px 1fr;padding:20px}.about-cta-card img{width:58px}}
/* Sprint 1C — Sponsor shield + metallic tier polish */
.sponsor-levels-colored{
gap:22px!important;
}
.sponsor-levels-colored .level-card{
min-height:430px!important;
padding:30px 24px 26px!important;
background:#07182f!important;
border-radius:14px!important;
border:1px solid rgba(255,255,255,.20)!important;
box-shadow:0 22px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.sponsor-levels-colored .level-card:after{
display:none!important;
content:none!important;
}
.sponsor-levels-colored .level-card:before{
content:""!important;
position:absolute!important;
inset:0!important;
opacity:1!important;
pointer-events:none!important;
z-index:0!important;
}
.sponsor-levels-colored .level-card > *{
position:relative!important;
z-index:2!important;
}
.level-medallion{
position:relative!important;
top:auto!important;
left:auto!important;
transform:none!important;
width:132px!important;
height:132px!important;
margin:0 auto 20px!important;
display:grid!important;
place-items:center!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
clip-path:none!important;
box-shadow:none!important;
}
.level-medallion img{
width:120px!important;
height:120px!important;
object-fit:contain!important;
filter:drop-shadow(0 10px 18px rgba(0,0,0,.42)) drop-shadow(0 0 10px rgba(255,255,255,.10))!important;
}
.level-card .level-top{
display:block!important;
text-align:center!important;
margin:0 0 12px!important;
}
.level-card .level-top span{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:116px!important;
margin:0 auto 10px!important;
padding:8px 14px!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.42)!important;
font-family:Graduate,serif!important;
font-size:11px!important;
letter-spacing:.16em!important;
color:#fff!important;
text-shadow:0 2px 5px rgba(0,0,0,.55)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px rgba(0,0,0,.20)!important;
}
.level-card .level-top strong{
display:block!important;
color:rgba(255,255,255,.78)!important;
font-size:10px!important;
letter-spacing:.14em!important;
text-transform:uppercase!important;
}
.level-card h3{
text-align:center!important;
margin:8px 0 10px!important;
font-size:clamp(21px,2vw,27px)!important;
color:#fff!important;
text-shadow:0 4px 12px rgba(0,0,0,.55)!important;
}
.level-card p{
text-align:center!important;
color:#edf3fb!important;
font-size:13px!important;
font-weight:760!important;
line-height:1.45!important;
margin:0 0 18px!important;
}
.level-card ul{
margin-top:auto!important;
list-style:none!important;
padding:0!important;
display:grid!important;
gap:9px!important;
}
.level-card li{
color:#f8fbff!important;
font-size:12px!important;
font-weight:850!important;
line-height:1.35!important;
padding:8px 10px 8px 28px!important;
background:rgba(0,0,0,.18)!important;
border:1px solid rgba(255,255,255,.12)!important;
border-radius:9px!important;
position:relative!important;
}
.level-card li:before{
content:"✓"!important;
position:absolute!important;
left:10px!important;
top:7px!important;
color:#fff!important;
font-weight:900!important;
}
.level-bronze{border-color:rgba(202,128,66,.72)!important;}
.level-bronze:before{
background:
linear-gradient(135deg,rgba(255,224,181,.22),transparent 24%,rgba(0,0,0,.32) 78%),
repeating-linear-gradient(100deg,rgba(255,255,255,.08) 0 1px,transparent 1px 7px),
linear-gradient(160deg,#2b1206 0%,#7a3d18 32%,#c88748 52%,#5a260c 74%,#190904 100%)!important;
}
.level-bronze .level-top span{background:linear-gradient(180deg,#d99654,#7a3512)!important;}
.level-silver{border-color:rgba(225,232,240,.74)!important;}
.level-silver:before{
background:
linear-gradient(135deg,rgba(255,255,255,.36),transparent 26%,rgba(0,0,0,.22) 78%),
repeating-linear-gradient(100deg,rgba(255,255,255,.12) 0 1px,transparent 1px 6px),
linear-gradient(160deg,#26313c 0%,#8e99a6 34%,#f2f5f8 52%,#68717d 76%,#1c242d 100%)!important;
}
.level-silver .level-top span{background:linear-gradient(180deg,#ffffff,#8b949f)!important;color:#111926!important;text-shadow:none!important;}
.level-gold{border-color:rgba(255,214,92,.80)!important;}
.level-gold:before{
background:
linear-gradient(135deg,rgba(255,245,185,.30),transparent 24%,rgba(0,0,0,.30) 80%),
repeating-linear-gradient(100deg,rgba(255,255,255,.10) 0 1px,transparent 1px 7px),
linear-gradient(160deg,#3a2500 0%,#9e6c07 32%,#f0c456 52%,#765005 76%,#211300 100%)!important;
}
.level-gold .level-top span{background:linear-gradient(180deg,#ffe08a,#a86d02)!important;color:#191006!important;text-shadow:none!important;}
.level-platinum{border-color:rgba(83,139,201,.68)!important;}
.level-platinum:before{
background:
linear-gradient(135deg,rgba(105,162,226,.22),transparent 24%,rgba(0,0,0,.40) 80%),
repeating-linear-gradient(100deg,rgba(255,255,255,.055) 0 1px,transparent 1px 7px),
linear-gradient(160deg,#010711 0%,#061d3d 34%,#20538f 52%,#071b34 74%,#00040b 100%)!important;
}
.level-platinum .level-top span{background:linear-gradient(180deg,#3a78bd,#061f42)!important;}
.level-title{
border:2px solid rgba(255,255,255,.86)!important;
box-shadow:0 26px 58px rgba(0,0,0,.44),0 0 0 1px rgba(240,31,69,.42),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.level-title:before{
background:
linear-gradient(135deg,rgba(255,255,255,.20),transparent 20%,rgba(240,31,69,.25) 48%,rgba(2,16,42,.48) 100%),
linear-gradient(90deg,rgba(3,22,54,.72),rgba(167,8,34,.42)),
url('digital-camo.jpg') center/cover no-repeat!important;
}
.level-title .level-medallion{
width:148px!important;
height:148px!important;
margin-bottom:18px!important;
}
.level-title .level-medallion img{
width:136px!important;
height:136px!important;
}
.level-title .level-top span{
background:linear-gradient(90deg,#0b2f66,#f7f9fc 50%,#c91533)!important;
color:#061326!important;
text-shadow:none!important;
}
.level-title h3,.level-title p,.level-title li{color:#fff!important;}
@media(max-width:1160px){
.sponsor-levels-colored{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.sponsor-levels-colored .level-title{grid-column:1/-1!important;}
}
@media(max-width:760px){
.sponsor-levels-colored{grid-template-columns:1fr!important;}
.sponsor-levels-colored .level-card{min-height:0!important;padding:26px 18px!important;}
.level-medallion{width:118px!important;height:118px!important;margin-bottom:18px!important;}
.level-medallion img{width:108px!important;height:108px!important;}
.level-title .level-medallion{width:130px!important;height:130px!important;}
.level-title .level-medallion img{width:120px!important;height:120px!important;}
}
/* Sprint 1D — sponsor tier rebuild: oversized centered shields + stronger metallic cards */
.sponsor-levels-colored{
align-items:stretch!important;
gap:22px!important;
}
.sponsor-levels-colored .level-card{
position:relative!important;
min-height:500px!important;
padding:34px 26px 28px!important;
border-radius:10px!important;
overflow:hidden!important;
isolation:isolate!important;
border:1px solid rgba(255,255,255,.26)!important;
box-shadow:0 26px 58px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -80px 90px rgba(0,0,0,.22)!important;
}
.sponsor-levels-colored .level-card:after{
content:""!important;
display:block!important;
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
background:
linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.08) 13%,transparent 35%,rgba(0,0,0,.14) 72%,rgba(0,0,0,.42) 100%),
radial-gradient(circle at 50% 0%,rgba(255,255,255,.22),transparent 28%)!important;
opacity:.9!important;
}
.sponsor-levels-colored .level-card > *{position:relative!important;z-index:3!important;}
.sponsor-levels-colored .level-card:before{z-index:0!important;}
.level-medallion,
.level-title .level-medallion{
width:210px!important;
height:190px!important;
max-width:92%!important;
margin:0 auto 18px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
clip-path:none!important;
transform:none!important;
left:auto!important;
right:auto!important;
top:auto!important;
}
.level-medallion img,
.level-title .level-medallion img{
width:190px!important;
height:180px!important;
max-width:100%!important;
object-fit:contain!important;
display:block!important;
margin:0 auto!important;
filter:drop-shadow(0 12px 14px rgba(0,0,0,.52)) drop-shadow(0 0 2px rgba(255,255,255,.28))!important;
}
.level-card .level-top{margin:0 0 12px!important;text-align:center!important;}
.level-card .level-top span{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
min-width:0!important;
font-size:13px!important;
letter-spacing:.22em!important;
color:rgba(255,255,255,.78)!important;
text-shadow:0 3px 8px rgba(0,0,0,.55)!important;
}
.level-card .level-top strong{display:none!important;}
.level-card h3{
font-family:Graduate,serif!important;
font-size:clamp(24px,2.25vw,32px)!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
margin:8px 0 16px!important;
padding-bottom:14px!important;
position:relative!important;
}
.level-card h3:after{
content:""!important;
position:absolute!important;
left:50%!important;
bottom:0!important;
transform:translateX(-50%)!important;
width:64px!important;
height:2px!important;
background:currentColor!important;
opacity:.7!important;
}
.level-card p{
font-size:13px!important;
line-height:1.48!important;
max-width:92%!important;
margin:0 auto 18px!important;
}
.level-card li{
background:transparent!important;
border:0!important;
border-radius:0!important;
padding:0 0 0 26px!important;
font-size:13px!important;
font-weight:800!important;
}
.level-card li:before{left:0!important;top:-1px!important;}
.level-bronze{border-color:rgba(215,127,53,.78)!important;}
.level-bronze:before{
background:
linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.20) 32%,rgba(0,0,0,.10) 50%,rgba(255,255,255,.13) 66%,rgba(0,0,0,.32)),
repeating-linear-gradient(90deg,rgba(255,255,255,.075) 0 1px,transparent 1px 5px),
linear-gradient(180deg,#c77834 0%,#8c4519 25%,#4b210b 72%,#180803 100%)!important;
}
.level-bronze h3,.level-bronze li:before{color:#f1a564!important;}
.level-silver{border-color:rgba(238,243,249,.82)!important;}
.level-silver:before{
background:
linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.42) 34%,rgba(0,0,0,.08) 50%,rgba(255,255,255,.30) 68%,rgba(0,0,0,.26)),
repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 1px,transparent 1px 5px),
linear-gradient(180deg,#eef2f6 0%,#aab3bd 24%,#55606b 72%,#202831 100%)!important;
}
.level-silver .level-top span,.level-silver h3,.level-silver p,.level-silver li{color:#111a25!important;text-shadow:none!important;}
.level-silver li:before{color:#3d4650!important;}
.level-silver h3{text-shadow:0 1px 0 rgba(255,255,255,.55)!important;}
.level-gold{border-color:rgba(255,217,92,.86)!important;}
.level-gold:before{
background:
linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,246,178,.34) 34%,rgba(0,0,0,.08) 50%,rgba(255,231,128,.22) 68%,rgba(0,0,0,.32)),
repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 1px,transparent 1px 5px),
linear-gradient(180deg,#f2c453 0%,#b98508 25%,#664404 72%,#211300 100%)!important;
}
.level-gold h3,.level-gold li:before{color:#ffe38d!important;}
.level-platinum{border-color:rgba(158,178,201,.72)!important;}
.level-platinum:before{
background:
linear-gradient(90deg,rgba(255,255,255,.035),rgba(146,177,211,.20) 32%,rgba(0,0,0,.18) 50%,rgba(104,136,176,.12) 68%,rgba(0,0,0,.48)),
repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 5px),
linear-gradient(180deg,#263748 0%,#132437 28%,#061326 74%,#010711 100%)!important;
}
.level-platinum h3,.level-platinum li:before{color:#d8e5f5!important;}
.sponsor-levels-colored .level-title{
grid-column:1/-1!important;
min-height:330px!important;
display:grid!important;
grid-template-columns:minmax(260px,.8fr) 1fr!important;
gap:28px!important;
align-items:center!important;
padding:34px 42px!important;
border-radius:10px!important;
border:2px solid rgba(255,255,255,.86)!important;
box-shadow:0 28px 62px rgba(0,0,0,.42),0 0 0 1px rgba(240,31,69,.42),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.level-title:before{
background:
linear-gradient(90deg,rgba(2,9,20,.26),rgba(2,9,20,.70) 48%,rgba(2,9,20,.36)),
url('digital-camo.jpg') center/cover no-repeat!important;
}
.sponsor-levels-colored .level-title .level-medallion{
width:330px!important;
height:245px!important;
margin:0 auto!important;
grid-row:1 / span 5!important;
}
.sponsor-levels-colored .level-title .level-medallion img{
width:315px!important;
height:235px!important;
}
.level-title .level-top,.level-title h3,.level-title p,.level-title ul{grid-column:2!important;text-align:left!important;margin-left:0!important;margin-right:0!important;}
.level-title h3{font-size:clamp(34px,4vw,54px)!important;padding-bottom:14px!important;margin-bottom:14px!important;}
.level-title h3:after{left:0!important;transform:none!important;background:#ef2447!important;width:86px!important;}
.level-title p{max-width:650px!important;text-align:left!important;margin-left:0!important;}
.level-title ul{margin-top:4px!important;max-width:650px!important;}
.level-title li{font-size:14px!important;}
.level-title li:before{color:#ef2447!important;}
@media(max-width:1160px){
.level-medallion{width:190px!important;height:176px!important;}
.level-medallion img{width:174px!important;height:164px!important;}
}
@media(max-width:760px){
.sponsor-levels-colored .level-card{min-height:0!important;padding:30px 20px 28px!important;}
.level-medallion,.level-title .level-medallion{width:210px!important;height:190px!important;margin:0 auto 16px!important;}
.level-medallion img,.level-title .level-medallion img{width:190px!important;height:180px!important;}
.sponsor-levels-colored .level-title{display:flex!important;grid-template-columns:1fr!important;gap:0!important;padding:32px 20px 28px!important;}
.level-title .level-top,.level-title h3,.level-title p,.level-title ul{grid-column:auto!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
.level-title h3:after{left:50%!important;transform:translateX(-50%)!important;}
.level-title p{text-align:center!important;}
}
/* Patch 001 — Sponsor asset integration
Replaces CSS-generated sponsorship tiers with approved sponsor card artwork. */
.sponsor-art-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:22px;
margin-top:36px;
align-items:stretch;
}
.sponsor-art-card{
margin:0;
padding:0;
background:transparent;
border:0;
box-shadow:none;
display:flex;
justify-content:center;
align-items:center;
}
.sponsor-art-card img{
display:block;
width:100%;
height:auto;
max-width:360px;
border-radius:22px;
box-shadow:0 24px 54px rgba(0,0,0,.34);
}
.sponsor-art-card--title{
grid-column:1/-1;
margin-top:8px;
}
.sponsor-art-card--title img{
max-width:980px;
border-radius:26px;
box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.12);
}
@media(max-width:1100px){
.sponsor-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
.sponsor-art-grid{grid-template-columns:1fr;gap:18px;margin-top:24px;}
.sponsor-art-card img{max-width:420px;border-radius:18px;}
.sponsor-art-card--title{margin-top:0;}
.sponsor-art-card--title img{max-width:100%;border-radius:20px;}
}
/* Patch 003A About Premium */
.about-premium .hero{padding:5rem 1.5rem;background:linear-gradient(rgba(3,21,43,.55),rgba(3,21,43,.8)),url('hero-baseball.jpg') center/cover}
.about-premium section{padding:4.5rem 1.5rem}
.about-premium .card,.about-premium .pillar,.about-premium .feature-card{background:linear-gradient(180deg,#0b223f,#07172d);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.about-premium h2{font-size:2.2rem;margin-bottom:1rem}
.about-premium .grid{gap:2rem}
.about-premium .cta,.about-premium .button{border-radius:999px}
/* =========================================================
FOUNDATION 001 — 501 ELITE DESIGN SYSTEM
Purpose: unify heroes, cards, shields, typography, buttons,
spacing, and page rhythm across the site without rebuilding
page content.
========================================================= */
:root{
--elite-radius: 22px;
--elite-radius-lg: 30px;
--elite-border: 1px solid rgba(255,255,255,.22);
--elite-card-bg: linear-gradient(180deg,rgba(8,30,60,.94),rgba(2,10,22,.98));
--elite-card-bg-light: linear-gradient(180deg,#ffffff,#edf2f8);
--elite-shadow: 0 22px 48px rgba(0,0,0,.34);
--elite-shadow-light: 0 18px 38px rgba(7,23,45,.14);
--elite-section-pad: clamp(56px,8vw,92px) 24px;
--elite-inner-pad: clamp(22px,4vw,38px);
}
/* Shared page rhythm */
section{scroll-margin-top:90px;}
.sponsor-section,.training-dark,.training-light,.standard-feature,.hub-dashboard,.hub-light,.about-light-v11b,.about-dark-v11b,.about-dark-v12,.about-cta-v11b,.cta-panel{
padding-top: clamp(56px,8vw,88px) !important;
padding-bottom: clamp(56px,8vw,88px) !important;
}
.hub-wrap,.sponsor-wrap,.training-wrap,.about-wrap,.wrap{
max-width: var(--max);
}
/* Shared hero discipline */
.hub-hero,.sponsor-hero,.about-hero-v11b,.training-hero{
position:relative;
border-bottom:3px solid var(--red) !important;
overflow:hidden;
}
.hub-hero:after,.sponsor-hero:after,.about-hero-v11b:after,.training-hero:after{
content:"";
position:absolute;
left:0;right:0;bottom:0;
height:1px;
background:linear-gradient(90deg,transparent,var(--red),rgba(255,255,255,.8),var(--red),transparent);
box-shadow:0 0 26px rgba(240,31,69,.55);
pointer-events:none;
}
.hub-hero h1,.sponsor-hero h1,.about-hero-v11b h1,.training-hero h1{
font-family:Graduate,serif !important;
text-transform:uppercase !important;
line-height:1.04 !important;
letter-spacing:.015em !important;
text-shadow:0 7px 0 rgba(0,0,0,.38),0 20px 38px rgba(0,0,0,.62) !important;
}
.hub-lead,.sponsor-hero__copy,.about-lead,.training-hero p,.lead{
max-width:720px;
font-weight:800 !important;
line-height:1.55 !important;
}
/* Shared section headings */
.eyebrow,.kicker,.training-kicker{
font-weight:950 !important;
letter-spacing:.18em !important;
text-transform:uppercase !important;
}
.hub-section-head h2,.sponsor-wrap>h2,.training-head h2,.about-wrap>h2,.cta-panel h2,.about-cta-card h2{
font-family:Graduate,serif !important;
text-transform:uppercase !important;
line-height:1.08 !important;
}
/* Shared card system */
.value-row article,.player-card,.hub-tile,.next-card,.resource-card,.doc-card,.announcement-list article,.standard-callout,.impact-grid article,.exposure-stack div,.sponsor-wall div,.feature-card,.founder-card,.about-hero-card,.about-cta-card,.pillar-card,.path-step,.resource-tile,.standard-panel,.coach-note,.future-grid span{
border-radius: var(--elite-radius) !important;
border: var(--elite-border) !important;
box-shadow: var(--elite-shadow) !important;
}
.hub-tile,.next-card,.standard-callout,.impact-grid article,.feature-card,.founder-card,.about-hero-card,.pillar-card,.resource-tile,.standard-panel,.coach-note{
background:var(--elite-card-bg) !important;
}
.path-step,.future-grid span,.announcement-list article,.doc-card,.resource-card{
box-shadow:var(--elite-shadow-light) !important;
}
.hub-tile,.impact-grid article,.feature-card,.pillar-card,.resource-tile,.path-step,.future-grid span,.announcement-list article{
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
@media (hover:hover){
.hub-tile:hover,.impact-grid article:hover,.feature-card:hover,.pillar-card:hover,.resource-tile:hover,.path-step:hover,.future-grid span:hover{
transform:translateY(-3px);
border-color:rgba(240,31,69,.52) !important;
box-shadow:0 28px 58px rgba(0,0,0,.40) !important;
}
}
/* Shield hierarchy: no tiny brand marks */
.site-footer img[src*="Shield"],.site-footer .shield{width:clamp(46px,6vw,72px) !important;height:auto !important;}
.about-hero-card img,.founder-card img,img.training-shield,.training-shield,.pillar-card img[src*="shield"],.standard-panel img[src*="shield"],.coach-note img[src*="shield"]{
display:block !important;
height:auto !important;
object-fit:contain !important;
margin-left:auto !important;
margin-right:auto !important;
transform:none !important;
}
.about-hero-card img{width:clamp(150px,22vw,240px) !important;}
.founder-card img{width:clamp(120px,18vw,180px) !important;}
.pillar-card img[src*="shield"],.training-shield{width:clamp(145px,24vw,230px) !important;max-width:230px !important;}
.standard-panel img[src*="shield"]{width:clamp(190px,26vw,300px) !important;max-width:300px !important;}
.coach-note img[src*="shield"]{width:clamp(190px,28vw,300px) !important;max-width:300px !important;}
/* Player card cleanup: readable placeholder system */
.player-card{
background:linear-gradient(180deg,rgba(8,29,57,.95),rgba(2,10,22,.98)),url('digital-camo.jpg') center/cover !important;
min-height:185px !important;
}
.player-card strong{color:#fff !important;text-shadow:0 4px 12px rgba(0,0,0,.75),2px 2px 0 var(--red) !important;}
.player-card span,.player-card small{color:#fff !important;text-shadow:0 3px 9px rgba(0,0,0,.75) !important;}
/* Sponsor art layout */
.sponsor-art-grid{
gap:clamp(18px,3vw,32px) !important;
align-items:stretch !important;
}
.sponsor-art-card{
background:transparent !important;
border:0 !important;
box-shadow:none !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
}
.sponsor-art-card img{
width:100% !important;
height:auto !important;
border-radius:22px !important;
filter:drop-shadow(0 22px 34px rgba(0,0,0,.36));
}
.sponsor-art-card--title img{border-radius:24px !important;}
/* Button standard */
.brand-btn,.hub-tile strong,.resource-tile a,.sponsor-cta a{
font-weight:950 !important;
}
.brand-btn{
min-height:52px !important;
border-radius:0 !important;
}
.actions{align-items:center;}
/* Contact button baseline */
.contact-card a,.contact-actions a,.contact-method a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:0 28px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.08em;
color:#fff;
background:linear-gradient(180deg,#ff4a68 0%,#e22143 38%,#b00d28 39%,#8d071e 100%);
border:1px solid rgba(255,255,255,.40);
clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
box-shadow:0 11px 20px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.24),inset 0 -1px rgba(0,0,0,.45);
}
@media(max-width:760px){
.sponsor-section,.training-dark,.training-light,.standard-feature,.hub-dashboard,.hub-light,.about-light-v11b,.about-dark-v11b,.about-dark-v12,.about-cta-v11b,.cta-panel{
padding-top:44px !important;
padding-bottom:44px !important;
}
.hub-hero h1,.sponsor-hero h1,.about-hero-v11b h1,.training-hero h1{font-size:clamp(34px,10vw,48px) !important;}
.pillar-card img[src*="shield"],.training-shield{width:158px !important;max-width:158px !important;}
.standard-panel img[src*="shield"],.coach-note img[src*="shield"]{width:185px !important;max-width:185px !important;}
.player-card{min-height:118px !important;}
.sponsor-art-card img{border-radius:16px !important;}
}
/* PATCH 005 — Contact polish */
.contact-hero{
position:relative;
overflow:hidden;
background:
linear-gradient(90deg,rgba(2,10,22,.94),rgba(4,20,42,.82)),
url('hero-501.jpg') center/cover;
}
.contact-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);
gap:clamp(26px,5vw,56px);
align-items:center;
}
.contact-hero-copy{
max-width:720px;
color:rgba(255,255,255,.88) !important;
}
.contact-hero-card{
background:linear-gradient(180deg,rgba(9,31,62,.94),rgba(2,10,22,.98));
border:1px solid rgba(255,255,255,.16);
box-shadow:0 28px 60px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.12);
border-radius:28px;
padding:clamp(26px,4vw,42px);
text-align:center;
}
.contact-hero-card img{
width:clamp(145px,18vw,230px);
height:auto;
display:block;
margin:0 auto 18px;
filter:drop-shadow(0 18px 24px rgba(0,0,0,.38));
}
.contact-hero-card strong{
display:block;
font-family:Graduate,serif;
text-transform:uppercase;
letter-spacing:.08em;
color:#fff;
font-size:clamp(18px,2vw,24px);
}
.contact-hero-card span{
display:block;
margin-top:8px;
color:rgba(255,255,255,.76);
font-weight:800;
text-transform:uppercase;
letter-spacing:.12em;
font-size:12px;
}
.contact-section-head{
text-align:center;
max-width:760px;
margin:0 auto clamp(28px,5vw,48px);
}
.contact-section-head h2,.contact-cta-panel h2{
font-family:Graduate,serif;
text-transform:uppercase;
letter-spacing:.02em;
}
.contact-method-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(18px,3vw,28px);
}
.contact-method-card{
background:linear-gradient(180deg,rgba(9,31,62,.95),rgba(2,10,22,.98));
border:1px solid rgba(255,255,255,.14);
box-shadow:0 24px 52px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.10);
border-radius:26px;
padding:clamp(24px,4vw,34px);
text-align:center;
}
.contact-icon{
width:68px;
height:68px;
margin:0 auto 18px;
border-radius:20px;
display:grid;
place-items:center;
color:#fff;
font-size:32px;
font-weight:900;
background:linear-gradient(180deg,#ff4a68 0%,#e22143 42%,#99071f 100%);
box-shadow:0 16px 28px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.30);
}
.contact-method-card h3{
margin:0 0 10px;
color:#fff;
font-family:Graduate,serif;
text-transform:uppercase;
letter-spacing:.04em;
}
.contact-method-card p{
color:rgba(255,255,255,.76);
margin:0 0 22px;
}
.contact-method-card a,.contact-action-btn{
display:inline-flex !important;
align-items:center;
justify-content:center;
min-height:52px;
padding:0 26px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.08em;
text-decoration:none;
}
.contact-method-card a{
color:#fff;
background:linear-gradient(180deg,#ff4a68 0%,#df1f40 42%,#93071e 100%);
border:1px solid rgba(255,255,255,.36);
clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
box-shadow:0 14px 24px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.25);
}
.contact-cta-section{
background:linear-gradient(180deg,rgba(2,10,22,1),rgba(7,24,49,1));
}
.contact-cta-panel{
border-radius:30px;
padding:clamp(30px,6vw,56px);
text-align:center;
background:
linear-gradient(180deg,rgba(9,31,62,.92),rgba(2,10,22,.98)),
url('digital-camo.jpg') center/cover;
border:1px solid rgba(255,255,255,.16);
box-shadow:0 28px 60px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.10);
}
.contact-cta-panel p:not(.eyebrow){
max-width:720px;
margin-left:auto;
margin-right:auto;
color:rgba(255,255,255,.82);
}
.contact-actions{
display:flex;
gap:14px;
flex-wrap:wrap;
justify-content:center;
}
@media(max-width:760px){
.contact-hero-grid,.contact-method-grid{
grid-template-columns:1fr;
}
.contact-hero-card img{width:170px;}
.contact-method-card{text-align:center;}
.contact-actions{align-items:stretch;}
.contact-action-btn,.contact-method-card a{width:100%;}
}
/* ==========================================================================
LAUNCH PASS 001 — consistency, responsiveness, and QA cleanup
========================================================================== */
/* Keep primary brand elements crisp and consistent */
.brand img{
border-radius:0 !important;
background:transparent !important;
}
/* Sponsor asset layout: protect card proportions and clean mobile scaling */
.sponsor-art-grid{
align-items:center !important;
}
.sponsor-art-card{
min-width:0 !important;
}
.sponsor-art-card img{
width:100% !important;
max-width:390px !important;
height:auto !important;
object-fit:contain !important;
}
.sponsor-art-card--title img{
max-width:1080px !important;
width:100% !important;
}
/* Global button consistency */
.brand-btn,
.actions a,
.contact-card a,
.contact-actions a,
.contact-method a,
.page-cta a,
.resource-card a{
min-height:52px;
align-items:center;
justify-content:center;
}
/* Footer consistency across all pages */
.site-footer{
min-height:0 !important;
}
.site-footer img{
width:82px !important;
height:auto !important;
}
.site-footer address{
text-align:left;
}
.site-footer small{
justify-self:end;
}
/* Legacy footer class fallback so pages cannot regress */
.footer{
background:radial-gradient(circle at 96% 8%,rgba(240,31,69,.24),transparent 22%),linear-gradient(180deg,#061d39,#020914);
border-top:3px solid var(--red);
}
.footer .foot{
max-width:var(--max);
margin:0 auto;
padding:28px 24px;
display:grid;
grid-template-columns:1fr 1.4fr 1.4fr auto;
align-items:center;
gap:24px;
}
.footer .shield{
width:82px !important;
max-width:82px !important;
height:auto !important;
}
/* Mobile rhythm and overflow protection */
@media(max-width:900px){
.site-footer,
.footer .foot{
grid-template-columns:1fr !important;
text-align:center !important;
justify-items:center !important;
gap:18px !important;
padding-top:28px !important;
padding-bottom:28px !important;
}
.site-footer address,
.site-footer small,
.footer .foot span{
text-align:center !important;
justify-self:center !important;
}
}
@media(max-width:760px){
body{
overflow-x:hidden;
}
.header-shell{
padding-left:18px !important;
padding-right:15px !important;
}
.brand img{
max-width:205px !important;
}
.sponsor-art-grid{
grid-template-columns:1fr !important;
gap:24px !important;
}
.sponsor-art-card img{
max-width:92vw !important;
}
.sponsor-art-card--title{
margin-top:4px !important;
}
.sponsor-art-card--title img{
max-width:94vw !important;
}
.page-hero,
.contact-hero,
.training-hero,
.sponsor-hero{
overflow:hidden;
}
}
/* ========== RC1 — Version 1.0 Release Candidate polish ========== */
/* Header: integrate logo into the camo bar without the pasted-on feel */
.site-header{
background:
linear-gradient(180deg,rgba(3,13,28,.76),rgba(3,13,28,.92)),
url('digital-camo.jpg') center/cover !important;
}
.site-header:before{opacity:.08 !important;}
.header-shell{min-height:104px !important;}
.brand{
display:flex;
align-items:center;
width:max-content;
padding:0 !important;
background:transparent !important;
}
.brand img{
width:clamp(172px,22vw,218px) !important;
background:rgba(255,255,255,.92) !important;
padding:4px !important;
border-radius:0 !important;
box-shadow:0 10px 26px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.16) !important;
}
/* Official shield scale system */
:root{
--shield-hero:clamp(132px,23vw,220px);
--shield-feature:clamp(96px,18vw,158px);
--shield-accent:64px;
}
img[src*="Shield%20Vector"],
img[src*="shield-training"],
.player-shield{
object-fit:contain;
}
.about-hero-card img,
.founder-card img,
.about-cta-card img,
.contact-hero-card img{
width:var(--shield-feature) !important;
max-width:180px !important;
margin-left:auto !important;
margin-right:auto !important;
}
.value-row article img,
.player-card .player-shield,
.coach-card img{
width:82px !important;
max-width:82px !important;
margin-left:auto !important;
margin-right:auto !important;
}
.training-shield,
.pillar-card img[src*="shield-training"],
.training-standard-card img[src*="shield-training"]{
width:var(--shield-feature) !important;
max-width:170px !important;
margin:0 auto 20px !important;
transform:none !important;
}
/* Home */
.players-panel{
align-items:stretch !important;
}
.player-card{
min-height:168px !important;
height:100% !important;
border-radius:24px !important;
text-align:left;
}
.player-card span{
font-size:clamp(19px,4.8vw,28px) !important;
line-height:1.02 !important;
}
.player-card small{font-size:15px !important;}
.cta-panel{
padding:clamp(52px,8vw,86px) 24px !important;
}
.cta-panel h2{
max-width:920px;
margin-left:auto !important;
margin-right:auto !important;
}
.cta-panel .brand-btn{
margin-top:18px;
}
/* About */
.about-hero-v11b .actions,
.about-hero-v11b .hero-actions,
.about-hero-v11b .brand-btn{
max-width:100%;
flex-wrap:wrap;
}
.founders-grid{
align-items:stretch !important;
}
.founder-card{
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
min-height:300px !important;
background:linear-gradient(180deg,rgba(8,29,57,.98),rgba(2,10,22,.98)) !important;
border:1px solid rgba(255,255,255,.22) !important;
border-radius:26px !important;
box-shadow:0 24px 48px rgba(0,0,0,.26) !important;
padding:28px !important;
}
.founder-card img{
margin-bottom:20px !important;
}
.founder-card span{
display:block;
color:var(--red);
font-weight:950;
text-transform:uppercase;
letter-spacing:.12em;
font-size:12px;
margin-bottom:10px;
}
.founder-card h3{
color:#fff !important;
font-family:Graduate,serif;
text-transform:uppercase;
font-size:clamp(24px,4vw,34px) !important;
margin:0 0 14px !important;
}
.founder-card p{
color:#dbe6f3 !important;
}
.about-dark-v12 .feature-card p,
.about-pillars-grid article p{
line-height:1.55 !important;
font-size:15px !important;
}
/* Teams */
.team-action-grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.team-action-card{
border-radius:20px !important;
}
.coach-grid{
align-items:stretch !important;
}
.coach-card{
border-radius:24px !important;
}
/* Training */
.training-page .pillar-card,
.training-page .training-card,
.training-page .training-standard-card{
border-radius:24px !important;
}
.training-page .pillar-card{
text-align:center !important;
}
.training-page .pillar-card p,
.training-page .training-standard-card p{
position:relative;
z-index:2;
}
.training-page img[src*="shield-training"]{
position:relative !important;
z-index:1 !important;
}
.training-page h2 em{
display:block;
color:var(--red);
font-style:normal;
}
/* Parents */
.payment-center{
border-top:3px solid var(--red);
border-bottom:3px solid var(--red);
}
.payment-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
margin-top:28px;
}
.payment-card{
display:flex;
flex-direction:column;
min-height:150px;
padding:22px;
background:linear-gradient(180deg,#071f3e,#020b18);
border:1px solid rgba(255,255,255,.18);
border-radius:22px;
color:#fff;
box-shadow:0 18px 36px rgba(0,0,0,.24);
}
.payment-card b{
font-family:Graduate,serif;
text-transform:uppercase;
margin-bottom:auto;
}
.payment-card span{
color:#ccd7e6;
font-weight:850;
}
.payment-card strong{
color:var(--red);
font-size:24px;
align-self:flex-end;
}
.hub-action-card,
.team-action-card{
background-image:linear-gradient(180deg,rgba(8,29,57,.92),rgba(2,10,22,.98)),url('digital-camo.jpg') !important;
background-size:cover !important;
background-position:center !important;
}
/* Sponsors */
.sponsor-why article,
.exposure-stack div{
color:#fff !important;
background:linear-gradient(180deg,rgba(8,29,57,.96),rgba(2,10,22,.98)) !important;
border:1px solid rgba(255,255,255,.18) !important;
}
.sponsor-why article p,
.sponsor-why article h3,
.exposure-stack div span,
.exposure-stack div b{
color:#fff !important;
opacity:1 !important;
}
.sponsor-art-card img{
display:block !important;
margin:0 auto !important;
}
.sponsor-art-card--title img{
max-height:460px !important;
object-fit:contain !important;
}
/* Contact */
.contact-method-grid--two{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
max-width:920px;
margin:0 auto;
}
.compact-contact{
grid-template-columns:1fr .55fr !important;
}
/* Resources */
.resource-card p,
.resources-card p{
line-height:1.55 !important;
}
/* Compact footer: one clean row */
.site-footer{
display:grid !important;
grid-template-columns:auto 1fr auto auto !important;
gap:22px !important;
align-items:center !important;
padding:20px max(18px,calc((100vw - var(--max))/2 + 24px)) !important;
min-height:auto !important;
}
.site-footer>div:first-child{
display:flex !important;
align-items:center !important;
gap:14px !important;
}
.site-footer img{
width:54px !important;
max-width:54px !important;
}
.site-footer p{
margin:0 !important;
font-size:12px !important;
line-height:1.2 !important;
}
.socials{
justify-content:center !important;
gap:12px !important;
font-size:18px !important;
}
.site-footer address{
font-size:12px !important;
line-height:1.25 !important;
text-align:right !important;
}
.site-footer small{
font-size:11px !important;
justify-self:end !important;
}
/* Mobile RC1 */
@media(max-width:900px){
.team-action-grid,
.payment-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.compact-contact{
grid-template-columns:1fr !important;
}
}
@media(max-width:760px){
.header-shell{
min-height:92px !important;
grid-template-columns:minmax(155px,42vw) 1fr 78px !important;
}
.brand img{
width:100% !important;
max-width:195px !important;
padding:3px !important;
}
.players-panel{
grid-template-columns:1fr 1fr !important;
gap:14px !important;
}
.players-intro{
grid-column:1/-1 !important;
}
.player-card{
min-height:154px !important;
padding:18px !important;
}
.player-card .player-shield{
width:74px !important;
}
.player-card span{
font-size:20px !important;
}
.team-action-grid,
.payment-grid,
.contact-method-grid--two{
grid-template-columns:1fr !important;
}
.founder-card{
min-height:0 !important;
}
.sponsor-art-card--title img{
max-height:none !important;
}
.site-footer{
grid-template-columns:1fr !important;
justify-items:center !important;
text-align:center !important;
padding:22px 18px !important;
}
.site-footer>div:first-child{
justify-content:center !important;
}
.site-footer address,
.site-footer small{
text-align:center !important;
justify-self:center !important;
}
}
/* ========== GOLD MASTER RC2 — header, footer, shield, button, and final punch-list polish ========== */
:root{
--shield-hero:clamp(170px,30vw,310px);
--shield-feature:clamp(118px,22vw,210px);
--shield-card:clamp(92px,18vw,160px);
--tap-button-font:clamp(13px,2.8vw,16px);
}
/* Signature Option C header: single integrated banner image, no pasted white logo box */
.site-header{
position:sticky !important;
top:0 !important;
z-index:90 !important;
min-height:clamp(104px,16vw,154px) !important;
background:
linear-gradient(180deg,rgba(1,7,17,.05),rgba(1,7,17,.18)),
url('header-elite-banner.jpg') center center/cover no-repeat !important;
border-bottom:4px solid var(--red) !important;
box-shadow:0 18px 36px rgba(0,0,0,.48) !important;
overflow:visible !important;
}
.site-header:before{display:none !important;}
.header-shell{
min-height:clamp(104px,16vw,154px) !important;
max-width:100% !important;
padding:0 clamp(14px,3vw,32px) !important;
display:grid !important;
grid-template-columns:1fr auto !important;
align-items:center !important;
}
.brand{position:absolute !important;inset:0 auto 0 0 !important;width:62% !important;z-index:1 !important;display:block !important;}
.brand img{display:none !important;}
.main-nav{
position:absolute !important;
left:50% !important;
bottom:8px !important;
transform:translateX(-50%) !important;
z-index:4 !important;
padding:7px 18px !important;
border:1px solid rgba(255,255,255,.16) !important;
border-radius:999px !important;
background:rgba(1,8,20,.44) !important;
backdrop-filter:blur(8px) !important;
gap:18px !important;
}
.main-nav a{font-size:12px !important;padding:8px 0 !important;}
.menu-toggle{
position:absolute !important;
right:clamp(14px,3vw,32px) !important;
top:50% !important;
transform:translateY(-50%) !important;
z-index:6 !important;
width:clamp(64px,10vw,84px) !important;
height:clamp(52px,8vw,66px) !important;
}
.mobile-menu{z-index:100 !important;}
/* Buttons: site-wide readability and tap size */
.brand-btn,.contact-method-card a,.team-action-card,.payment-card,.team-link-grid a,.doc-card span,.resources-accordion a,.sponsor-wall div{
font-size:var(--tap-button-font) !important;
}
.brand-btn{
min-height:58px !important;
padding:0 34px !important;
letter-spacing:.075em !important;
line-height:1.1 !important;
white-space:normal !important;
text-align:center !important;
}
.actions{gap:16px !important;}
/* Cropped shield asset, larger and actually visible */
img[src*="shield-mark"],
.player-shield,
.about-hero-card img,
.founder-card img,
.about-cta-card img,
.contact-hero-card img,
.coach-card img{
width:var(--shield-card) !important;
max-width:190px !important;
height:auto !important;
object-fit:contain !important;
margin-left:auto !important;
margin-right:auto !important;
filter:drop-shadow(0 10px 20px rgba(0,0,0,.45)) !important;
}
.value-row article img,
.player-card .player-shield{
width:clamp(82px,16vw,132px) !important;
max-width:132px !important;
margin-bottom:14px !important;
}
.founder-card img,.about-hero-card img,.contact-hero-card img{
width:clamp(145px,24vw,240px) !important;
max-width:240px !important;
}
.site-footer img{width:48px !important;max-width:48px !important;}
/* Home punch list */
.value-row article p{color:#f4f7fb !important;opacity:1 !important;}
.players-panel{align-items:stretch !important;}
.players-panel .player-card.refined-card{
min-height:178px !important;
height:100% !important;
display:flex !important;
flex-direction:column !important;
justify-content:flex-end !important;
padding:20px !important;
}
.players-panel .player-card.refined-card span,
.players-panel .player-card.refined-card small{position:relative !important;z-index:2 !important;}
.players-panel .player-card.refined-card span{min-height:2.1em !important;display:flex !important;align-items:flex-end !important;}
/* About punch list */
.about-hero-v11b .actions{display:flex !important;align-items:center !important;flex-wrap:wrap !important;max-width:100% !important;}
.about-hero-v11b .brand-btn{min-width:min(100%,220px) !important;max-width:100% !important;}
.founders-grid{gap:24px !important;}
.founder-card{
min-height:0 !important;
overflow:visible !important;
align-items:center !important;
text-align:center !important;
}
.founder-card p{font-size:clamp(15px,2.8vw,17px) !important;line-height:1.55 !important;color:#e6edf7 !important;}
.about-pillars-grid,.feature-grid{gap:22px !important;align-items:stretch !important;}
.about-pillars-grid article,.feature-card{min-height:auto !important;overflow:visible !important;}
.about-pillars-grid article p,.feature-card p,.about-dark-v12 .feature-card p{
font-size:clamp(15px,2.7vw,17px) !important;
line-height:1.6 !important;
color:#e7edf7 !important;
}
.about-dark-v12 .feature-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important;}
/* Teams punch list */
.team-action-grid{gap:18px !important;}
.team-action-card{min-height:190px !important;padding:24px !important;}
.team-action-card h3{font-size:clamp(19px,3.5vw,25px) !important;}
.team-action-card p{font-size:clamp(14px,2.6vw,16px) !important;line-height:1.45 !important;}
.team-roster-grid,.player-grid,.roster-grid{align-items:stretch !important;}
.team-page .player-card,
.roster-section .player-card,
#roster .player-card{
display:flex !important;
flex-direction:column !important;
min-height:430px !important;
height:100% !important;
padding:22px !important;
}
.player-card-top{display:flex !important;justify-content:space-between !important;align-items:center !important;min-height:34px !important;}
.player-photo-slot{min-height:150px !important;display:grid !important;place-items:center !important;margin:18px 0 !important;}
#roster .player-card h3{min-height:2.2em !important;display:flex !important;align-items:center !important;}
.player-details{margin-top:auto !important;}
.coach-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr)) !important;}
.coach-card p{font-size:16px !important;line-height:1.55 !important;color:#e6edf7 !important;}
/* Training: keep approved design; only fix headline wrapping from punch list */
.training-page h2 em{display:block !important;}
.training-page .pathway-section h2,.training-page .pathway h2{line-height:1.05 !important;}
/* Parents payment prominence */
.payment-center--featured{background:linear-gradient(180deg,#f8fafc,#edf2f8) !important;}
.payment-head{text-align:center !important;max-width:860px !important;margin-left:auto !important;margin-right:auto !important;}
.payment-grid--primary{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:22px !important;}
.payment-grid--primary .payment-card{
min-height:190px !important;
border-radius:28px !important;
border:1px solid rgba(255,255,255,.25) !important;
box-shadow:0 24px 48px rgba(7,23,45,.22) !important;
}
.payment-card--cashapp,.payment-card--venmo{
background:linear-gradient(160deg,#071f3e,#020b18),url('digital-camo.jpg') center/cover !important;
}
.payment-card strong{font-size:clamp(25px,5vw,36px) !important;}
/* Sponsors */
.impact-grid article,.sponsor-why article,.exposure-stack div{
color:#fff !important;
background:linear-gradient(180deg,rgba(7,26,53,.98),rgba(2,10,22,.98)) !important;
}
.impact-grid article p,.impact-grid article h3,.impact-grid article span,
.sponsor-why article p,.sponsor-why article h3,.exposure-stack div span,.exposure-stack div b{
color:#fff !important;opacity:1 !important;text-shadow:0 2px 8px rgba(0,0,0,.55) !important;
}
.sponsor-art-card--title img{max-height:none !important;width:min(100%,760px) !important;}
/* Contact is structurally approved; only shield/footer consistency */
.contact-method-card p{font-size:16px !important;line-height:1.45 !important;}
/* Compact footer: one aligned bottom bar */
.site-footer{
display:grid !important;
grid-template-columns:minmax(220px,1.1fr) auto minmax(320px,1.4fr) auto !important;
gap:22px !important;
align-items:center !important;
padding:12px max(16px,calc((100vw - var(--max))/2 + 20px)) !important;
min-height:64px !important;
border-top:3px solid var(--red) !important;
}
.site-footer .footer-brand{display:flex !important;align-items:center !important;gap:12px !important;min-width:0 !important;}
.site-footer .footer-brand p{white-space:normal !important;max-width:260px !important;}
.site-footer p,.site-footer address,.site-footer a,.site-footer small{
font-size:11px !important;
line-height:1.2 !important;
margin:0 !important;
font-weight:850 !important;
}
.site-footer address{text-align:right !important;}
.site-footer address span{opacity:.55;margin:0 4px;}
.site-footer small{white-space:nowrap !important;}
.socials{font-size:18px !important;gap:12px !important;}
@media(max-width:1050px){
.main-nav{display:none !important;}
}
@media(max-width:760px){
.site-header{min-height:118px !important;background-position:center center !important;}
.header-shell{min-height:118px !important;grid-template-columns:1fr 74px !important;}
.menu-toggle{right:16px !important;width:68px !important;height:54px !important;}
.brand{width:72% !important;}
.brand-btn{min-height:54px !important;font-size:13px !important;padding:0 20px !important;}
.mobile-menu.open{grid-template-columns:1fr 1fr !important;}
.payment-grid--primary,.payment-grid,.team-action-grid{grid-template-columns:1fr !important;}
.about-pillars-grid,.feature-grid{grid-template-columns:1fr !important;}
.team-page .player-card,#roster .player-card{min-height:400px !important;}
.site-footer{
grid-template-columns:1fr !important;
gap:8px !important;
padding:12px 16px !important;
text-align:center !important;
justify-items:center !important;
}
.site-footer .footer-brand{justify-content:center !important;}
.site-footer .footer-brand p{max-width:100% !important;}
.site-footer address{text-align:center !important;}
.site-footer p,.site-footer address,.site-footer a,.site-footer small{font-size:10px !important;}
.site-footer img{width:36px !important;max-width:36px !important;}
}
/* === 501 ELITE VERSION 1.0 GOLD MASTER POLISH === */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--shield-sm:76px;--shield-md:122px;--shield-lg:176px;--header-h:116px;}
.site-header{position:sticky;top:0;z-index:999;min-height:var(--header-h);background:linear-gradient(90deg,rgba(1,6,14,.68),rgba(1,6,14,.18) 48%,rgba(1,6,14,.72)),url('header-elite-banner.jpg') center/cover no-repeat!important;border-bottom:3px solid var(--red)!important;box-shadow:0 16px 42px rgba(0,0,0,.55)!important;overflow:visible!important}.site-header:before,.site-header:after{display:none!important}.header-shell{max-width:var(--max);min-height:var(--header-h);display:grid!important;grid-template-columns:1fr auto;align-items:center;padding:0 24px!important}.brand{display:block;position:absolute;left:0;top:0;bottom:0;width:min(58vw,620px);z-index:1}.brand img{display:none!important}.main-nav{position:relative;z-index:3;justify-self:center;align-self:end;margin-bottom:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(2,10,22,.48);backdrop-filter:blur(8px);gap:18px}.main-nav a{font-size:11px;padding:8px 0}.main-nav a.active:after,.main-nav a:hover:after{bottom:2px}.menu-toggle{position:relative;z-index:5;justify-self:end;width:72px!important;height:56px!important;background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.04) 34%,rgba(240,31,69,.22)),linear-gradient(180deg,#172d49,#061528)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 12px 26px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.18)!important;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)!important}.menu-toggle span{width:30px!important;height:3px!important;margin:5px auto!important}.mobile-menu{z-index:998!important;background:linear-gradient(180deg,#061e3d,#020b18)!important}.mobile-menu a{font-size:12px!important;min-height:42px;display:flex;align-items:center}
.brand-btn{min-height:58px!important;padding:0 30px!important;font-size:13px!important;letter-spacing:.075em!important;line-height:1.1!important;white-space:normal!important;text-align:center!important}.actions .brand-btn{flex:0 1 auto}.contact-method-card a,.resource-card a,.hub-card a,.sponsor-page a.brand-btn{font-size:13px!important}.value-row article p,.impact-grid article p,.about-pillars-grid article p,.sponsor-hero__card p{color:#eaf0f8!important}.value-row img,.about-hero-card img,.founder-card img,.contact-hero-card img,.payment-panel img,.payment-widget-card img,.resources-hero-card img,.team-identity-card img,img[src*="shield-mark"],img[src*="shield-training"]{width:var(--shield-md)!important;max-width:var(--shield-md)!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;object-fit:contain!important}.about-hero-card img,.payment-panel img{width:var(--shield-lg)!important;max-width:var(--shield-lg)!important}.founder-card img{width:150px!important;max-width:150px!important;margin-bottom:18px!important}.value-row article:nth-child(2) img{width:132px!important;max-width:132px!important}.site-footer{display:grid!important;grid-template-columns:auto 1fr auto auto!important;align-items:center!important;gap:22px!important;min-height:82px!important;padding:14px max(18px,calc((100vw - var(--max))/2 + 18px))!important;background:radial-gradient(circle at 100% 0%,rgba(240,31,69,.22),transparent 24%),linear-gradient(180deg,#061d39,#020914)!important;border-top:3px solid var(--red)!important}.site-footer .footer-left{display:flex!important;align-items:center!important;gap:12px!important}.site-footer img{width:48px!important;max-width:48px!important}.site-footer p{font-size:11px!important;line-height:1.12!important;margin:0!important;font-weight:900!important}.footer-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.footer-links a{font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#fff!important}.footer-links a:first-child{color:var(--red)!important}.site-footer address{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;text-align:right!important;font-size:11px!important;line-height:1.2!important;margin:0!important}.site-footer address a{font-size:11px!important}.site-footer small{font-size:10px!important;justify-self:end!important;white-space:nowrap!important}.about-hero-v11b .actions,.resources-hero .actions,.team-hero .actions{display:flex;gap:14px;flex-wrap:wrap}.about-hero-v11b .brand-btn,.team-hero .brand-btn{min-width:170px}.founders-grid{align-items:stretch!important}.founder-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:30px 24px!important;min-height:360px!important}.founder-card p{font-size:15px!important;line-height:1.55!important;color:#dbe5f2!important}.about-difference-grid,.about-pillars-grid{gap:18px!important}.about-pillars-grid article{min-height:190px!important;padding:24px!important}.about-pillars-grid article p{font-size:14px!important;line-height:1.45!important}.player-grid,.roster-grid{align-items:stretch!important}.player-card,.roster-card{min-height:172px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}.team-card,.roster-card{position:relative}.team-card *,.roster-card *{text-align:left}.team-card .number,.roster-card .number{position:absolute;top:14px;right:16px}.sponsor-hero__card,.impact-grid article{color:#fff!important}.impact-grid article h3,.impact-grid article p,.sponsor-hero__card strong,.sponsor-hero__card p,.mini-metrics span{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.55)}.sponsor-art-card img{width:100%!important;border-radius:14px}.sponsor-art-card--title img{max-width:760px;margin:0 auto}.parent-payment-section{background:#f7f9fc;color:var(--ink);padding:58px 20px;border-top:3px solid var(--red);border-bottom:3px solid var(--red)}.payment-feature{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:center;max-width:var(--max);margin:auto}.payment-copy h2,.payments-page h1{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(32px,5vw,58px);line-height:1.05;margin:0 0 16px}.payment-copy p,.payments-lead{font-weight:800;line-height:1.55;color:#24364c}.payment-widget-card,.payment-panel{background:linear-gradient(180deg,#09284b,#020b18);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:24px;padding:28px;box-shadow:0 28px 50px rgba(0,0,0,.28);text-align:center}.payment-widget-card strong,.payment-panel h2{font-family:Graduate,serif;text-transform:uppercase;display:block;margin:10px 0 8px}.paypal-button-box{margin-top:16px}.payments-hero{background:linear-gradient(90deg,rgba(1,8,20,.94),rgba(1,8,20,.76)),url('digital-camo.jpg') center/cover;color:#fff;padding:70px 20px}.payments-grid{display:grid;grid-template-columns:1fr 460px;gap:42px;align-items:center;max-width:var(--max);margin:auto}.payments-lead{color:#e5edf7;font-size:18px}.quick-actions,.parent-dashboard .quick-actions{filter:saturate(.92);}.hub-action-card,.resource-action-card{border-radius:0!important}.standard-panel .standard-copy p{color:#27384c!important}.standard-panel .brand-btn{margin-top:10px}.sponsor-page .impact-grid article{background:linear-gradient(180deg,#092848,#031326)!important}.contact-hero-card{padding:28px!important}.contact-method-card{padding:30px 24px!important}.contact-method-card a{min-height:52px!important;display:flex;align-items:center;justify-content:center}.team-identity-card .team-meta,.team-identity-card p{color:#eaf0f8!important}.resources-page .resource-action-card p,.parents-page .hub-action-card p{color:#eaf0f8!important}
@media(max-width:900px){.main-nav{display:none!important}.mobile-menu.open{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.site-header{--header-h:96px;background-position:center!important}.header-shell{min-height:96px!important;padding:0 16px!important}.brand{width:70vw}.menu-toggle{width:62px!important;height:50px!important}.payment-feature,.payments-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr!important;text-align:center!important;gap:10px!important;padding:14px 16px!important}.site-footer .footer-left{justify-content:center!important}.footer-links{justify-content:center}.site-footer address{justify-content:center!important;text-align:center!important;flex-wrap:wrap}.site-footer small{justify-self:center!important}.site-footer img{width:42px!important}.value-row img,.founder-card img,img[src*="shield-mark"],img[src*="shield-training"]{width:124px!important;max-width:124px!important}.about-hero-card img,.payment-panel img{width:158px!important;max-width:158px!important}.brand-btn{min-height:54px!important;font-size:12px!important;width:100%}.actions{display:grid!important;grid-template-columns:1fr!important}.about-hero-v11b .brand-btn,.team-hero .brand-btn{min-width:0}.about-pillars-grid{grid-template-columns:1fr!important}.sponsor-art-card--title img{max-width:100%}}
@media(max-width:520px){.site-header{--header-h:88px;background-size:cover!important}.header-shell{min-height:88px!important}.menu-toggle{width:56px!important;height:46px!important}.menu-toggle span{width:24px!important;height:2px!important}.mobile-menu.open{grid-template-columns:1fr 1fr!important}.mobile-menu a{font-size:11px!important}.site-footer p{font-size:9.5px!important}.footer-links a,.site-footer address,.site-footer address a{font-size:10px!important}.site-footer small{font-size:9px!important}.payment-widget-card,.payment-panel{padding:22px 16px}.parent-payment-section{padding:42px 16px}.sponsor-art-card{margin-bottom:18px}.hero-content{padding-top:180px!important}.players-panel .player-card{min-height:150px!important}}
/* === FINAL POLISH GOLD MASTER: Shield System + Footer 2.0 === */
:root{
--shield-primary: clamp(150px, 34vw, 300px);
--shield-compact: clamp(86px, 22vw, 150px);
--shield-micro: 34px;
}
/* Use compact shield behavior inside cards so it never covers copy */
.about-card img[src*="shield"],
.director-card img[src*="shield"],
.training-card img[src*="shield"],
.standard-card img[src*="shield"],
.pillar-card img[src*="shield"],
.value-card img[src*="shield"],
.feature-card img[src*="shield"],
.resource-card img[src*="shield"]{
width: var(--shield-compact) !important;
max-width: 150px !important;
height: auto !important;
margin: 0 auto 1rem !important;
object-fit: contain !important;
display: block !important;
position: relative !important;
inset: auto !important;
transform: none !important;
opacity: 1 !important;
}
/* Keep text above any decorative background graphics */
.card, .about-card, .director-card, .training-card, .standard-card, .pillar-card, .value-card, .feature-card, .resource-card{
overflow: hidden;
}
.card p, .about-card p, .director-card p, .training-card p, .standard-card p, .pillar-card p, .value-card p, .feature-card p, .resource-card p,
.card h2, .card h3, .card h4, .about-card h2, .about-card h3, .director-card h3, .training-card h3, .standard-card h3, .pillar-card h3{
position: relative;
z-index: 2;
}
/* Footer 2.0: short, aligned, premium closing bar */
.site-footer.compact-footer,
.site-footer,
.footer{
min-height: 0 !important;
padding: 12px max(14px,calc((100vw - var(--max))/2 + 14px)) !important;
display: grid !important;
grid-template-columns: auto 1fr auto auto auto !important;
gap: 12px 20px !important;
align-items: center !important;
background: linear-gradient(180deg,#061d39,#020914) !important;
border-top: 2px solid var(--red) !important;
}
.site-footer .footer-brand{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.site-footer .footer-brand img{
width: var(--shield-micro) !important;
height:auto !important;
flex:0 0 auto;
}
.site-footer .footer-brand strong{
color:#fff;
font-family:Graduate,serif;
font-size:12px;
letter-spacing:.08em;
text-transform:uppercase;
white-space:nowrap;
}
.site-footer .footer-standard{
color:#e8edf5 !important;
font-size:11px !important;
line-height:1.1 !important;
margin:0 !important;
font-weight:900 !important;
text-align:left !important;
}
.site-footer .footer-links{
display:flex;
gap:12px;
align-items:center;
flex-wrap:wrap;
justify-content:flex-end;
}
.site-footer .footer-links a{
color:#fff !important;
font-size:10px !important;
line-height:1 !important;
font-weight:950 !important;
letter-spacing:.08em;
text-transform:uppercase;
padding:7px 8px !important;
border:1px solid rgba(255,255,255,.16);
border-radius:999px;
background:rgba(255,255,255,.04);
}
.site-footer address{
color:#e8edf5 !important;
font-size:10px !important;
line-height:1.2 !important;
font-weight:800 !important;
font-style:normal !important;
text-align:right;
white-space:nowrap;
}
.site-footer small{
color:#bfc8d5 !important;
font-size:10px !important;
line-height:1 !important;
white-space:nowrap;
}
/* Prevent card overlap on About and Training */
.director-card, .about-card, .training-standard-card, .standard-card{
display:flex;
flex-direction:column;
align-items:center;
}
.director-card p, .about-card p{
line-height:1.45 !important;
}
/* Buttons: keep readable/tappable */
.btn, .button, .cta-button, .slant-btn, a[class*="btn"], button{
min-height: 46px;
font-size: clamp(12px, 3.2vw, 15px) !important;
letter-spacing: .06em;
}
/* Mobile footer becomes compact stacked, not tall */
@media(max-width:760px){
.site-footer.compact-footer,
.site-footer,
.footer{
grid-template-columns: 1fr !important;
gap: 7px !important;
padding: 10px 14px 12px !important;
text-align:center !important;
}
.site-footer .footer-brand{
justify-content:center;
}
.site-footer .footer-brand img{
width: 24px !important;
}
.site-footer .footer-brand strong{
font-size:10px;
}
.site-footer .footer-standard{
font-size:9px !important;
text-align:center !important;
}
.site-footer .footer-links{
justify-content:center;
gap:6px;
}
.site-footer .footer-links a{
font-size:8.5px !important;
padding:6px 7px !important;
}
.site-footer address{
font-size:8.5px !important;
text-align:center !important;
white-space:normal;
}
.site-footer small{
font-size:8px !important;
}
:root{
--shield-compact: 96px;
--shield-micro: 24px;
}
}
/* === V1.0 FINAL CLEANUP: authoritative footer + shield system === */
/* Hide/neutralize any old footer systems if they survive in CSS. */
.site-footer:not(.v10-footer),
.footer:not(.v10-footer){
display:none !important;
}
/* V10 footer: one compact, stable footer only */
.v10-footer{
background:linear-gradient(180deg,#061d39,#020914) !important;
border-top:2px solid var(--red) !important;
padding:9px 14px !important;
min-height:0 !important;
box-shadow:0 -14px 32px rgba(0,0,0,.28);
}
.v10-footer-inner{
max-width:var(--max);
margin:0 auto;
display:grid;
grid-template-columns:auto 1fr auto auto auto;
align-items:center;
gap:10px 18px;
}
.v10-footer-brand{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.v10-footer-brand img{
width:32px !important;
max-width:32px !important;
height:auto !important;
margin:0 !important;
display:block !important;
}
.v10-footer-brand span{
color:#fff;
font-family:Graduate,serif;
font-size:11px;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
white-space:nowrap;
}
.v10-footer p{
margin:0 !important;
color:#e8edf5 !important;
font-size:10px !important;
line-height:1.1 !important;
font-weight:900 !important;
}
.v10-footer nav{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:6px;
}
.v10-footer nav a{
color:#fff !important;
font-size:9px !important;
line-height:1 !important;
font-weight:950 !important;
letter-spacing:.07em;
text-transform:uppercase;
padding:6px 7px !important;
border:1px solid rgba(255,255,255,.16);
border-radius:999px;
background:rgba(255,255,255,.04);
white-space:nowrap;
}
.v10-footer address{
color:#e8edf5 !important;
font-size:9px !important;
line-height:1.2 !important;
font-style:normal !important;
font-weight:800 !important;
text-align:right;
white-space:nowrap;
}
.v10-footer small{
color:#bfc8d5 !important;
font-size:9px !important;
line-height:1 !important;
white-space:nowrap;
}
/* Official shield sizing: no single giant asset forced everywhere */
img[src="shield-card.png"],
.training-shield[src="shield-card.png"],
.pillar-card img[src="shield-card.png"],
.standard-panel img[src="shield-card.png"],
.coach-note img[src="shield-card.png"],
.founder-card img[src="shield-card.png"],
.about-hero-card img[src="shield-card.png"]{
width:clamp(86px,22vw,142px) !important;
max-width:142px !important;
height:auto !important;
margin:0 auto 1rem !important;
display:block !important;
object-fit:contain !important;
position:relative !important;
inset:auto !important;
transform:none !important;
opacity:1 !important;
}
/* Training page specific: keep shield above copy and never overlapping */
.pillar-card,
.standard-panel,
.coach-note{
position:relative !important;
overflow:hidden !important;
}
.pillar-card img[src="shield-card.png"]{
width:112px !important;
max-width:112px !important;
margin-bottom:1rem !important;
}
.standard-panel figure{
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-width:0 !important;
flex:0 0 auto !important;
}
.standard-panel figure img[src="shield-card.png"]{
width:118px !important;
max-width:118px !important;
margin:0 auto !important;
}
.coach-note img[src="shield-card.png"]{
width:124px !important;
max-width:124px !important;
margin:0 auto 1rem !important;
}
.pillar-card h3,.pillar-card p,
.standard-panel h3,.standard-panel p,.standard-panel small,
.coach-note h2,.coach-note p{
position:relative !important;
z-index:2 !important;
}
/* Mobile: smaller training card shields */
@media(max-width:760px){
.v10-footer{
padding:8px 12px 10px !important;
}
.v10-footer-inner{
grid-template-columns:1fr;
gap:6px;
text-align:center;
justify-items:center;
}
.v10-footer-brand img{width:24px !important;max-width:24px !important;}
.v10-footer-brand span{font-size:9px;}
.v10-footer p{font-size:8.5px !important;}
.v10-footer nav{justify-content:center;}
.v10-footer nav a{font-size:8px !important;padding:5px 6px !important;}
.v10-footer address{font-size:8px !important;white-space:normal;text-align:center;}
.v10-footer small{font-size:7.5px !important;}
img[src="shield-card.png"],
.training-shield[src="shield-card.png"],
.pillar-card img[src="shield-card.png"],
.standard-panel img[src="shield-card.png"],
.coach-note img[src="shield-card.png"]{
width:92px !important;
max-width:92px !important;
margin-bottom:.85rem !important;
}
.standard-panel{
gap:14px !important;
}
.standard-panel figure img[src="shield-card.png"]{
width:84px !important;
max-width:84px !important;
}
}
/* === FINAL MICRO-POLISH: centered crisp card shields + 33% narrower buttons === */
/* These specific cards use the crisp card shield, centered and never scaled from the tiny footer icon. */
.about-hero-card img[src="shield-card.png"],
.payment-widget-card img[src="shield-card.png"],
.payment-panel img[src="shield-card.png"],
.contact-hero-card img[src="shield-card.png"]{
width:clamp(112px, 24vw, 168px) !important;
max-width:168px !important;
height:auto !important;
display:block !important;
margin:0 auto 1rem !important;
object-fit:contain !important;
position:relative !important;
inset:auto !important;
transform:none !important;
}
/* Footer stays micro only */
.v10-footer img[src="shield-footer.png"]{
width:32px !important;
max-width:32px !important;
margin:0 !important;
}
/* Button width reduction: keep buttons centered and about 33% narrower without hurting tap height. */
.brand-btn,
.slant-btn,
.cta-button,
.button,
.btn,
a[class*="btn"],
.contact-method-card a,
.payment-copy .brand-btn,
.payment-panel .brand-btn,
.about-hero-v11b .brand-btn,
.team-hero .brand-btn,
.hero-actions .brand-btn,
.actions .brand-btn,
.parent-payment-section .brand-btn,
.payments-hero .brand-btn{
width:auto !important;
max-width:min(100%, 320px) !important;
min-width:clamp(190px, 62vw, 320px) !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:clamp(18px, 5vw, 28px) !important;
padding-right:clamp(18px, 5vw, 28px) !important;
justify-self:center !important;
}
/* Button stacks should center instead of stretching full-width. */
.actions,
.hero-actions,
.payment-actions,
.contact-actions,
.about-actions{
justify-content:center !important;
align-items:center !important;
}
/* Mobile: still 33% tighter, but never too tiny to tap/read. */
@media(max-width:760px){
.about-hero-card img[src="shield-card.png"],
.payment-widget-card img[src="shield-card.png"],
.payment-panel img[src="shield-card.png"],
.contact-hero-card img[src="shield-card.png"]{
width:122px !important;
max-width:122px !important;
}
.brand-btn,
.slant-btn,
.cta-button,
.button,
.btn,
a[class*="btn"],
.contact-method-card a{
max-width:min(100%, 260px) !important;
min-width:min(240px, 82vw) !important;
}
}
/* === V1.1 Payment Center === */
.payment-center-page{
background:var(--deep);
}
.payment-center-hero{
padding:72px 20px;
}
.payment-center-card{
text-align:center;
}
.payment-center-section{
padding:56px 20px;
background:linear-gradient(180deg,#f5f7fb,#e9eef6);
color:var(--ink);
}
.payment-center-section:nth-of-type(odd){
background:linear-gradient(180deg,#061d39,#020914);
color:#fff;
}
.payment-center-layout{
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);
gap:28px;
align-items:start;
max-width:var(--max);
margin:0 auto;
}
.payment-intent-card,
.payment-checkout-card,
.donate-layout{
border-radius:24px;
border:1px solid rgba(7,23,45,.13);
box-shadow:0 24px 48px rgba(0,0,0,.16);
}
.payment-intent-card{
background:#fff;
padding:28px;
}
.payment-helper{
color:#40516a;
font-weight:750;
line-height:1.5;
}
.payment-intent-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-top:22px;
}
.payment-intent-form label{
display:flex;
flex-direction:column;
gap:7px;
color:#0b1d36;
font-weight:950;
text-transform:uppercase;
letter-spacing:.06em;
font-size:12px;
}
.payment-intent-form label.full{
grid-column:1/-1;
}
.payment-intent-form input,
.payment-intent-form select,
.payment-intent-form textarea{
width:100%;
border:1px solid rgba(7,23,45,.20);
border-radius:14px;
padding:13px 14px;
font:800 15px/1.3 Inter,Arial,sans-serif;
color:#07172d;
background:#f7f9fc;
}
.payment-intent-form textarea{
resize:vertical;
}
.payment-summary-box{
margin-top:18px;
border-radius:18px;
background:linear-gradient(180deg,#07172d,#020914);
color:#fff;
padding:18px;
border:1px solid rgba(255,255,255,.16);
}
.payment-summary-box strong{
display:block;
font-family:Graduate,serif;
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:6px;
}
.payment-summary-box p{
margin:0;
color:#e8edf5;
font-weight:850;
line-height:1.45;
overflow-wrap:anywhere;
}
.payment-summary-box small{
display:block;
margin-top:8px;
color:#bfc8d5;
font-weight:800;
}
.payment-checkout-card{
position:sticky;
top:112px;
}
.payment-checkout-card img,
.payment-widget-card img,
.payment-panel img{
width:130px !important;
max-width:130px !important;
}
.donate-section{
background:linear-gradient(180deg,#061d39,#020914);
color:#fff;
}
.donate-layout{
max-width:var(--max);
margin:0 auto;
display:grid;
grid-template-columns:1fr auto;
gap:24px;
align-items:center;
background:radial-gradient(circle at 95% 8%,rgba(240,31,69,.22),transparent 24%),linear-gradient(180deg,#092848,#031326);
border-color:rgba(255,255,255,.18);
padding:28px;
}
.donate-layout h2{
font-family:Graduate,serif;
text-transform:uppercase;
font-size:clamp(28px,4.2vw,46px);
margin:0 0 10px;
}
.donate-layout p{
color:#e8edf5;
font-weight:800;
line-height:1.5;
margin:0;
}
.paypal-donate-form{
margin:0;
}
.donate-paypal-button{
border:none;
cursor:pointer;
}
.payment-feature-v2 .actions{
margin-top:18px;
}
@media(max-width:860px){
.payment-center-layout,
.donate-layout{
grid-template-columns:1fr;
}
.payment-checkout-card{
position:relative;
top:auto;
}
.payment-intent-form{
grid-template-columns:1fr;
}
.paypal-donate-form{
justify-self:center;
}
}
/* === V1.2 Support 501 Elite Page === */
.support-page{
background:var(--deep);
}
.support-hero{
background:linear-gradient(90deg,rgba(1,8,20,.94),rgba(1,8,20,.76)),url('digital-camo.jpg') center/cover;
}
.support-giving-section{
padding:56px 20px;
background:linear-gradient(180deg,#f5f7fb,#e9eef6);
color:var(--ink);
}
.support-grid{
max-width:var(--max);
margin:0 auto;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}
.support-card{
border-radius:24px;
padding:26px;
background:#fff;
border:1px solid rgba(7,23,45,.12);
box-shadow:0 22px 42px rgba(0,0,0,.14);
}
.support-card h2{
font-family:Graduate,serif;
text-transform:uppercase;
font-size:clamp(24px,3vw,34px);
margin:0 0 10px;
color:#07172d;
}
.support-card p,.support-card li{
color:#35485f;
font-weight:800;
line-height:1.45;
}
.support-handles{
display:grid;
gap:12px;
margin-top:18px;
}
.support-handles div,.support-handles-mini span{
display:block;
border-radius:16px;
background:linear-gradient(180deg,#07172d,#020914);
color:#fff;
padding:14px 16px;
border:1px solid rgba(255,255,255,.12);
}
.support-handles span{
display:block;
color:#bfc8d5;
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.1em;
}
.support-handles strong{
display:block;
margin-top:4px;
font-size:20px;
color:#fff;
overflow-wrap:anywhere;
}
.support-impact-card ul{
margin:12px 0 0;
padding-left:20px;
}
.support-cta{
padding:54px 20px;
background:linear-gradient(180deg,#061d39,#020914);
}
.support-cta-card{
max-width:var(--max);
margin:0 auto;
padding:30px;
border-radius:24px;
border:1px solid rgba(255,255,255,.18);
background:radial-gradient(circle at 96% 8%,rgba(240,31,69,.20),transparent 24%),linear-gradient(180deg,#092848,#031326);
text-align:center;
}
.support-cta-card h2{
font-family:Graduate,serif;
text-transform:uppercase;
font-size:clamp(28px,4vw,46px);
margin:0 0 12px;
}
.support-cta-card p{
max-width:760px;
margin:0 auto 20px;
color:#e8edf5;
font-weight:800;
line-height:1.5;
}
.support-handles-mini{
display:grid;
gap:8px;
margin:16px 0;
}
.support-handles-mini span{
font-size:13px;
font-weight:850;
}
@media(max-width:900px){
.support-grid{
grid-template-columns:1fr;
}
}
/* === V1.2A Support Buttons + Contrast Sweep === */
/* Support page: force readable text contrast on every nested element. */
.support-page .support-card,
.support-page .support-card *,
.support-page .support-giving-section,
.support-page .support-giving-section *{
color:#07172d;
}
.support-page .support-card p,
.support-page .support-card li,
.support-page .support-card em{
color:#33465d !important;
}
.support-page .support-card .eyebrow{
color:var(--red) !important;
}
.support-page .support-card h2,
.support-page .support-card strong{
color:#07172d !important;
}
.support-page .support-card a{
color:inherit;
}
/* Clickable Cash App / Venmo giving cards. */
.support-buttons{
display:grid;
gap:14px;
margin-top:18px;
}
.support-pay-link{
display:block;
border-radius:18px;
padding:16px;
background:linear-gradient(180deg,#07172d,#020914);
border:1px solid rgba(255,255,255,.18);
box-shadow:0 16px 30px rgba(0,0,0,.20);
text-align:left;
}
.support-pay-link span{
display:block;
color:#bfc8d5 !important;
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.1em;
}
.support-pay-link strong{
display:block;
margin-top:5px;
color:#fff !important;
font-size:20px;
overflow-wrap:anywhere;
}
.support-pay-link em{
display:inline-block;
margin-top:10px;
color:#fff !important;
font-style:normal;
font-size:12px;
font-weight:950;
letter-spacing:.08em;
text-transform:uppercase;
}
.support-pay-link:hover{
transform:translateY(-2px);
border-color:rgba(240,31,69,.5);
}
.support-pay-link.cashapp-link{
background:linear-gradient(180deg,#0c3f24,#061a12);
}
.support-pay-link.venmo-link{
background:linear-gradient(180deg,#0b3b72,#051629);
}
/* Payment page mini support links. */
.support-handles-mini{
display:grid;
gap:8px;
margin:16px 0;
}
.support-handles-mini a{
display:block;
border-radius:14px;
padding:11px 12px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.16);
color:#fff !important;
font-size:13px;
font-weight:900;
}
.support-handles-mini strong{
color:#fff !important;
}
/* Site-wide contrast safety net for dark cards where earlier styles made text disappear. */
.sponsor-page .impact-grid article *,
.payments-page .payment-panel *,
.parents-page .payment-widget-card *,
.contact-hero-card *,
.payment-widget-card *,
.payment-panel *{
color:#fff;
}
.sponsor-page .impact-grid article p,
.payments-page .payment-panel p,
.parents-page .payment-widget-card p,
.contact-hero-card span,
.payment-widget-card p,
.payment-panel p{
color:#e8edf5 !important;
}
/* =========================================================
LUXURY UI PHASE 1 — Button System 2.0
Red/Navy metallic buttons only. Silver/steel retired.
========================================================= */
:root{
--btn-red-top:#ff5a77;
--btn-red-mid:#d31636;
--btn-red-deep:#750717;
--btn-navy-top:#1b4c82;
--btn-navy-mid:#09284b;
--btn-navy-deep:#020914;
--btn-glow-red:rgba(240,31,69,.42);
--btn-glow-navy:rgba(64,142,226,.30);
}
/* Universal premium button base */
.brand-btn,
.slant-btn,
.cta-button,
.button,
.btn,
a[class*="btn"],
button.brand-btn,
button.cta-button,
.donate-paypal-button,
.contact-method-card a,
.support-pay-link em{
position:relative !important;
isolation:isolate;
overflow:hidden !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:14px !important;
min-height:50px !important;
width:auto !important;
max-width:min(100%, 324px) !important;
min-width:clamp(188px, 58vw, 324px) !important;
padding:0 clamp(18px, 4.8vw, 28px) !important;
border-radius:0 !important;
clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%) !important;
border:1px solid rgba(255,255,255,.44) !important;
color:#fff !important;
font-family:Inter,Arial,sans-serif !important;
font-size:clamp(12px, 3vw, 14px) !important;
font-weight:950 !important;
letter-spacing:.075em !important;
text-transform:uppercase !important;
text-align:center !important;
text-shadow:0 2px 4px rgba(0,0,0,.75),0 -1px 0 rgba(255,255,255,.16) !important;
box-shadow:
0 15px 28px rgba(0,0,0,.38),
0 3px 0 rgba(0,0,0,.48),
inset 0 1px 0 rgba(255,255,255,.52),
inset 0 -2px 0 rgba(0,0,0,.40),
inset 0 0 0 1px rgba(255,255,255,.08) !important;
transform:translateZ(0);
transition:
transform .18s ease,
box-shadow .18s ease,
filter .18s ease,
border-color .18s ease !important;
-webkit-tap-highlight-color:transparent;
margin-left:auto !important;
margin-right:auto !important;
cursor:pointer;
}
/* Physical bevel layers */
.brand-btn::before,
.slant-btn::before,
.cta-button::before,
.button::before,
.btn::before,
a[class*="btn"]::before,
button.brand-btn::before,
button.cta-button::before,
.donate-paypal-button::before,
.contact-method-card a::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
background:
linear-gradient(115deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.05) 16%,transparent 28%,rgba(255,255,255,.10) 43%,transparent 56%,rgba(255,255,255,.18) 72%,transparent 100%),
repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,rgba(0,0,0,.03) 1px 3px);
mix-blend-mode:screen;
opacity:.72;
pointer-events:none;
}
.brand-btn::after,
.slant-btn::after,
.cta-button::after,
.button::after,
.btn::after,
a[class*="btn"]::after,
button.brand-btn::after,
button.cta-button::after,
.donate-paypal-button::after,
.contact-method-card a::after{
content:"";
position:absolute;
left:-45%;
top:-25%;
width:44%;
height:150%;
z-index:1;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);
transform:skewX(-18deg) translateX(-140%);
transition:transform .45s ease;
pointer-events:none;
}
/* Primary red metallic */
.brand-btn.red,
.brand-btn.primary,
.cta-button,
.btn-primary,
.donate-paypal-button,
button.brand-btn.red{
background:
linear-gradient(180deg,var(--btn-red-top) 0%,#f01f45 22%,var(--btn-red-mid) 50%,#9b0b22 52%,var(--btn-red-deep) 100%) !important;
box-shadow:
0 16px 30px rgba(0,0,0,.40),
0 4px 0 #4d050e,
0 0 22px var(--btn-glow-red),
inset 0 1px 0 rgba(255,255,255,.54),
inset 0 -2px 0 rgba(0,0,0,.48),
inset 0 0 0 1px rgba(255,255,255,.10) !important;
}
/* Secondary navy metallic — replaces all silver/steel */
.brand-btn.steel,
.brand-btn.navy,
.brand-btn.secondary,
.slant-btn,
.button,
.btn,
a[class*="btn"]:not(.red):not(.primary):not(.donate-paypal-button),
.contact-method-card a,
button.brand-btn.navy{
background:
linear-gradient(180deg,var(--btn-navy-top) 0%,#123f70 23%,var(--btn-navy-mid) 50%,#06172d 52%,var(--btn-navy-deep) 100%) !important;
color:#fff !important;
border-color:rgba(180,212,255,.38) !important;
box-shadow:
0 16px 30px rgba(0,0,0,.40),
0 4px 0 #00060d,
0 0 18px var(--btn-glow-navy),
inset 0 1px 0 rgba(255,255,255,.50),
inset 0 -2px 0 rgba(0,0,0,.50),
inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
/* Any legacy steel text/gradient becomes navy and readable */
.brand-btn.steel,
a.brand-btn.steel,
button.brand-btn.steel{
color:#fff !important;
text-shadow:0 2px 4px rgba(0,0,0,.82) !important;
}
/* Hover + active interactions */
@media (hover:hover){
.brand-btn:hover,
.slant-btn:hover,
.cta-button:hover,
.button:hover,
.btn:hover,
a[class*="btn"]:hover,
button.brand-btn:hover,
button.cta-button:hover,
.donate-paypal-button:hover,
.contact-method-card a:hover{
transform:translateY(-3px) !important;
filter:saturate(1.14) contrast(1.04) brightness(1.04);
border-color:rgba(255,255,255,.65) !important;
box-shadow:
0 22px 42px rgba(0,0,0,.48),
0 5px 0 rgba(0,0,0,.48),
0 0 28px rgba(240,31,69,.25),
inset 0 1px 0 rgba(255,255,255,.62),
inset 0 -2px 0 rgba(0,0,0,.46) !important;
}
.brand-btn:hover::after,
.slant-btn:hover::after,
.cta-button:hover::after,
.button:hover::after,
.btn:hover::after,
a[class*="btn"]:hover::after,
button.brand-btn:hover::after,
button.cta-button:hover::after,
.donate-paypal-button:hover::after,
.contact-method-card a:hover::after{
transform:skewX(-18deg) translateX(410%);
}
.brand-btn:hover b,
.slant-btn:hover b,
.cta-button:hover b,
.button:hover b,
.btn:hover b,
a[class*="btn"]:hover b{
transform:translateX(4px);
}
}
.brand-btn:active,
.slant-btn:active,
.cta-button:active,
.button:active,
.btn:active,
a[class*="btn"]:active,
button.brand-btn:active,
button.cta-button:active,
.donate-paypal-button:active,
.contact-method-card a:active{
transform:translateY(1px) !important;
box-shadow:
0 8px 16px rgba(0,0,0,.36),
0 1px 0 rgba(0,0,0,.55),
inset 0 2px 6px rgba(0,0,0,.42),
inset 0 1px 0 rgba(255,255,255,.26) !important;
}
/* Arrow treatment */
.brand-btn b,
.slant-btn b,
.cta-button b,
.button b,
.btn b,
a[class*="btn"] b{
display:inline-block;
transition:transform .18s ease;
color:#fff !important;
text-shadow:0 2px 4px rgba(0,0,0,.75) !important;
}
/* Center button groups */
.actions,
.hero-actions,
.payment-actions,
.contact-actions,
.about-actions,
.payment-feature-v2 .actions{
display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
align-items:center !important;
gap:14px !important;
}
/* Footer buttons stay compact chips, not full 3D slabs */
.v10-footer nav a{
min-width:0 !important;
min-height:0 !important;
max-width:none !important;
width:auto !important;
padding:6px 8px !important;
clip-path:none !important;
border-radius:999px !important;
background:rgba(255,255,255,.04) !important;
box-shadow:none !important;
text-shadow:none !important;
}
.v10-footer nav a::before,
.v10-footer nav a::after{
display:none !important;
}
/* Payment cards CTA labels should not inherit full button clipping */
.support-pay-link em{
min-width:0 !important;
max-width:none !important;
width:auto !important;
clip-path:none !important;
border-radius:999px !important;
padding:8px 11px !important;
background:rgba(255,255,255,.12) !important;
box-shadow:none !important;
}
.support-pay-link em::before,
.support-pay-link em::after{
display:none !important;
}
/* Mobile */
@media(max-width:760px){
.brand-btn,
.slant-btn,
.cta-button,
.button,
.btn,
a[class*="btn"],
button.brand-btn,
button.cta-button,
.donate-paypal-button,
.contact-method-card a{
min-height:48px !important;
min-width:min(236px, 82vw) !important;
max-width:min(100%, 270px) !important;
font-size:12px !important;
padding-left:18px !important;
padding-right:18px !important;
gap:10px !important;
}
}
/* =========================================================
GEMSTONE BUTTON SYSTEM — PHASE A
Ruby asset applied to primary actions.
========================================================= */
:root{
--gem-btn-w: min(82vw, 318px);
--gem-btn-h: 72px;
}
/* Primary Ruby Button: image asset + centered text */
.brand-btn.red,
.brand-btn.primary,
.cta-button,
.btn-primary,
.donate-paypal-button,
button.brand-btn.red{
position:relative !important;
isolation:isolate;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:var(--gem-btn-w) !important;
max-width:318px !important;
min-width:220px !important;
height:var(--gem-btn-h) !important;
min-height:var(--gem-btn-h) !important;
padding:0 34px !important;
border:0 !important;
border-radius:0 !important;
clip-path:none !important;
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
color:#fff !important;
font-family:Inter,Arial,sans-serif !important;
font-size:clamp(12px, 3vw, 15px) !important;
font-weight:950 !important;
letter-spacing:.075em !important;
text-transform:uppercase !important;
text-align:center !important;
line-height:1 !important;
text-shadow:
0 2px 5px rgba(0,0,0,.95),
0 0 10px rgba(0,0,0,.62),
0 -1px 0 rgba(255,255,255,.24) !important;
transform:translateZ(0);
transition:transform .18s ease, filter .18s ease !important;
-webkit-tap-highlight-color:transparent;
}
/* Ruby gemstone artwork layer */
.brand-btn.red::before,
.brand-btn.primary::before,
.cta-button::before,
.btn-primary::before,
.donate-paypal-button::before,
button.brand-btn.red::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:-1 !important;
background:url("gem-button-ruby.png") center/100% 100% no-repeat !important;
opacity:1 !important;
mix-blend-mode:normal !important;
pointer-events:none !important;
transform:none !important;
border-radius:0 !important;
clip-path:none !important;
filter:drop-shadow(0 18px 24px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(240,31,69,.18));
}
/* Subtle glass glint without distorting the PNG */
.brand-btn.red::after,
.brand-btn.primary::after,
.cta-button::after,
.btn-primary::after,
.donate-paypal-button::after,
button.brand-btn.red::after{
content:"" !important;
position:absolute !important;
left:15% !important;
right:15% !important;
top:17% !important;
height:1px !important;
z-index:1 !important;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.70),transparent) !important;
opacity:.55 !important;
transform:none !important;
pointer-events:none !important;
}
/* Keep button text above art */
.brand-btn.red > *,
.brand-btn.primary > *,
.cta-button > *,
.btn-primary > *,
.donate-paypal-button > *,
button.brand-btn.red > *{
position:relative;
z-index:2;
}
.brand-btn.red b,
.brand-btn.primary b,
.cta-button b,
.btn-primary b,
.donate-paypal-button b,
button.brand-btn.red b{
position:relative;
z-index:2;
color:#fff !important;
text-shadow:0 2px 5px rgba(0,0,0,.85) !important;
}
/* Hover/tap: move the whole gem, not the artwork proportions */
@media (hover:hover){
.brand-btn.red:hover,
.brand-btn.primary:hover,
.cta-button:hover,
.btn-primary:hover,
.donate-paypal-button:hover,
button.brand-btn.red:hover{
transform:translateY(-3px) scale(1.018) !important;
filter:saturate(1.08) brightness(1.04);
}
.brand-btn.red:hover::before,
.brand-btn.primary:hover::before,
.cta-button:hover::before,
.btn-primary:hover::before,
.donate-paypal-button:hover::before,
button.brand-btn.red:hover::before{
filter:drop-shadow(0 24px 30px rgba(0,0,0,.48)) drop-shadow(0 0 24px rgba(240,31,69,.26));
}
.brand-btn.red:hover b,
.brand-btn.primary:hover b,
.cta-button:hover b,
.btn-primary:hover b,
.donate-paypal-button:hover b{
transform:translateX(4px);
}
}
.brand-btn.red:active,
.brand-btn.primary:active,
.cta-button:active,
.btn-primary:active,
.donate-paypal-button:active,
button.brand-btn.red:active{
transform:translateY(1px) scale(.992) !important;
filter:brightness(.94);
}
/* Keep secondary buttons on the previous navy system until sapphire asset arrives. */
.brand-btn.steel,
.brand-btn.navy,
.brand-btn.secondary,
button.brand-btn.navy{
color:#fff !important;
}
/* Mobile sizing */
@media(max-width:760px){
:root{
--gem-btn-w:min(82vw, 270px);
--gem-btn-h:62px;
}
.brand-btn.red,
.brand-btn.primary,
.cta-button,
.btn-primary,
.donate-paypal-button,
button.brand-btn.red{
min-width:min(236px,82vw) !important;
max-width:270px !important;
padding:0 24px !important;
font-size:12px !important;
}
}
/* =========================================================
COMMIT 37 — Gemstone UI System v1.0
Sapphire secondary + payment gemstone variants.
========================================================= */
:root{
--gem-btn-w:min(82vw,318px);
--gem-btn-h:72px;
--gem-shadow:drop-shadow(0 18px 24px rgba(0,0,0,.42));
--gem-focus:0 0 0 3px rgba(255,255,255,.82),0 0 0 6px rgba(77,143,224,.50);
}
/* Shared gemstone sizing/behavior for both primary and secondary CTAs. */
.brand-btn.red,
.brand-btn.primary,
.brand-btn.steel,
.brand-btn.navy,
.brand-btn.secondary,
.cta-button,
.btn-primary,
.donate-paypal-button,
button.brand-btn.red,
button.brand-btn.navy{
position:relative !important;
isolation:isolate !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:var(--gem-btn-w) !important;
max-width:318px !important;
min-width:220px !important;
height:var(--gem-btn-h) !important;
min-height:var(--gem-btn-h) !important;
margin-top:8px !important;
margin-bottom:8px !important;
padding:0 34px !important;
border:0 !important;
border-radius:0 !important;
clip-path:none !important;
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
color:#fff !important;
line-height:1 !important;
text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.62),0 -1px 0 rgba(255,255,255,.24) !important;
transform:translateZ(0) !important;
transition:transform .20s ease,filter .20s ease !important;
}
.brand-btn.red::before,
.brand-btn.primary::before,
.cta-button::before,
.btn-primary::before,
button.brand-btn.red::before{
background:url("gem-button-ruby.png") center/100% 100% no-repeat !important;
filter:var(--gem-shadow) drop-shadow(0 0 18px rgba(240,31,69,.18)) !important;
}
/* Sapphire becomes the official secondary/information CTA. */
.brand-btn.steel::before,
.brand-btn.navy::before,
.brand-btn.secondary::before,
button.brand-btn.navy::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:-1 !important;
background:url("gem-button-sapphire.png") center/100% 100% no-repeat !important;
opacity:1 !important;
mix-blend-mode:normal !important;
pointer-events:none !important;
transform:none !important;
border-radius:0 !important;
clip-path:none !important;
filter:var(--gem-shadow) drop-shadow(0 0 18px rgba(77,143,224,.20)) !important;
}
.brand-btn.steel::after,
.brand-btn.navy::after,
.brand-btn.secondary::after,
button.brand-btn.navy::after{
content:"" !important;
position:absolute !important;
left:15% !important;
right:15% !important;
top:17% !important;
height:1px !important;
z-index:1 !important;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.70),transparent) !important;
opacity:.55 !important;
transform:none !important;
pointer-events:none !important;
}
.brand-btn.steel > *,
.brand-btn.navy > *,
.brand-btn.secondary > *,
button.brand-btn.navy > *,
.brand-btn.steel b,
.brand-btn.navy b,
.brand-btn.secondary b,
button.brand-btn.navy b{
position:relative !important;
z-index:2 !important;
color:#fff !important;
}
/* PayPal donations use the cobalt PayPal gemstone, not Ruby. */
.donate-paypal-button::before,
.paypal-gem::before{
background:url("gem-button-paypal.png") center/100% 100% no-repeat !important;
filter:var(--gem-shadow) drop-shadow(0 0 18px rgba(0,87,216,.22)) !important;
}
/* Payment direct-link gems. */
.support-pay-link,
.support-handles-mini a,
.payment-card--cashapp,
.payment-card--venmo{
position:relative !important;
isolation:isolate !important;
overflow:visible !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
color:#fff !important;
text-shadow:0 2px 5px rgba(0,0,0,.88) !important;
transition:transform .20s ease,filter .20s ease !important;
}
.support-pay-link::before,
.support-handles-mini a::before,
.payment-card--cashapp::before,
.payment-card--venmo::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:-1 !important;
background:url("gem-button-sapphire.png") center/100% 100% no-repeat !important;
opacity:1 !important;
pointer-events:none !important;
filter:drop-shadow(0 16px 24px rgba(0,0,0,.34));
}
.venmo-link::before,
.support-handles-mini a[href*="venmo"]::before,
.payment-card--venmo::before{
background-image:url("gem-button-venmo.png") !important;
filter:drop-shadow(0 16px 24px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(0,140,255,.22));
}
.cashapp-link::before,
.support-handles-mini a[href*="cash.app"]::before,
.payment-card--cashapp::before{
background-image:url("gem-button-emerald.png") !important;
filter:drop-shadow(0 16px 24px rgba(0,0,0,.34)) drop-shadow(0 0 18px rgba(0,168,107,.22));
}
.support-pay-link span,
.support-pay-link strong,
.support-pay-link em,
.support-handles-mini a,
.payment-card--cashapp b,
.payment-card--cashapp span,
.payment-card--cashapp strong,
.payment-card--venmo b,
.payment-card--venmo span,
.payment-card--venmo strong{
position:relative !important;
z-index:2 !important;
color:#fff !important;
}
.support-pay-link em{
background:rgba(255,255,255,.10) !important;
}
.support-handles-mini{
gap:12px !important;
}
.support-handles-mini a{
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:62px !important;
min-width:min(260px,82vw) !important;
max-width:318px !important;
margin-left:auto !important;
margin-right:auto !important;
padding:0 24px !important;
border-radius:0 !important;
font-weight:950 !important;
letter-spacing:.035em !important;
text-transform:uppercase !important;
}
@media (hover:hover){
.brand-btn.red:hover,
.brand-btn.primary:hover,
.brand-btn.steel:hover,
.brand-btn.navy:hover,
.brand-btn.secondary:hover,
.cta-button:hover,
.btn-primary:hover,
.donate-paypal-button:hover,
button.brand-btn.red:hover,
button.brand-btn.navy:hover,
.support-pay-link:hover,
.support-handles-mini a:hover,
.payment-card--cashapp:hover,
.payment-card--venmo:hover{
transform:translateY(-2px) scale(1.012) !important;
filter:saturate(1.08) brightness(1.04) !important;
}
}
.brand-btn.red:active,
.brand-btn.primary:active,
.brand-btn.steel:active,
.brand-btn.navy:active,
.brand-btn.secondary:active,
.cta-button:active,
.btn-primary:active,
.donate-paypal-button:active,
button.brand-btn.red:active,
button.brand-btn.navy:active,
.support-pay-link:active,
.support-handles-mini a:active,
.payment-card--cashapp:active,
.payment-card--venmo:active{
transform:translateY(1px) scale(.98) !important;
filter:brightness(.94) !important;
}
.brand-btn:focus-visible,
.donate-paypal-button:focus-visible,
.support-pay-link:focus-visible,
.support-handles-mini a:focus-visible,
.payment-card:focus-visible{
outline:0 !important;
box-shadow:var(--gem-focus) !important;
}
@media(max-width:760px){
:root{
--gem-btn-w:min(82vw,270px);
--gem-btn-h:62px;
}
.brand-btn.red,
.brand-btn.primary,
.brand-btn.steel,
.brand-btn.navy,
.brand-btn.secondary,
.cta-button,
.btn-primary,
.donate-paypal-button,
button.brand-btn.red,
button.brand-btn.navy{
min-width:min(236px,82vw) !important;
max-width:270px !important;
padding:0 24px !important;
font-size:12px !important;
}
}
/* Commit 39b: surgical mobile layout restore + readable text
Fixes the broad typography override from Commit 38 that caused clipped panels,
low-contrast white-section copy, and right-side stat card overflow. */
body{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
/* Keep global copy comfortable without forcing every paragraph weight/color. */
p{line-height:1.52;}
.hero-copy,
.players-intro p,
.value-row p,
.hub-lead,
.team-lead{
color:#e4ebf5;
}
.standard-panel p,
.cta-panel p,
.section:not(.dark) p,
.team-light p,
.hub-light p{
color:#26374d !important;
font-weight:700;
}
.cta-panel .eyebrow,
.standard-panel .kicker,
.eyebrow,
.kicker{
opacity:.92;
}
.cta-panel h2,
.standard-panel h2,
.players-intro h2,
.hero-content h1{
text-shadow:0 4px 12px rgba(0,0,0,.30);
}
@media(max-width:760px){
/* The payment/support page can keep the large gem buttons, but the homepage
standard panel needs to stack so the stats board cannot be pushed off-screen. */
.standard-panel{
grid-template-columns:1fr !important;
gap:14px !important;
overflow:hidden !important;
}
.standard-panel .actions,
.standard-panel .brand-btn{
width:100% !important;
}
.standard-panel .brand-btn{
min-width:0 !important;
max-width:100% !important;
}
.stats-board{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
}
.stat{
min-width:0 !important;
}
/* Make the white bottom CTA readable again after typography polish. */
.cta-panel{
background:#f7f9fc !important;
color:var(--ink) !important;
}
.cta-panel p{
color:#26374d !important;
opacity:1 !important;
font-weight:750 !important;
line-height:1.5 !important;
}
.cta-panel .eyebrow{
color:var(--red) !important;
opacity:.86 !important;
}
/* Preserve gem readability without making the buttons force layout width. */
.players-panel .brand-btn,
.hero-stage .brand-btn,
.cta-panel .brand-btn{
min-width:min(236px,82vw) !important;
max-width:270px !important;
}
}
/* =========================================================
COMMIT 40B — Platinum Surface + Text Discipline Pass
Goal: remove harsh true-white surfaces, soften copy, clean up
gemstone label treatment, and fix remaining readability hotspots.
========================================================= */
:root{
--platinum-1:#eef3f8;
--platinum-2:#e6edf5;
--platinum-3:#d9e3ee;
--platinum-border:#c8d4e2;
--platinum-text:#14243a;
--platinum-muted:#465a73;
--platinum-soft:#6b7d93;
--dark-copy:#dbe5f1;
--dark-copy-soft:#b8c6d8;
}
html{background:var(--deep);}
body{color:#edf3f9;}
/* Replace hard white surfaces with cool platinum. */
.standard-panel,
.cta-panel,
.section,
.team-light,
.team-control-section,
.hub-light,
.payments-form-section,
.payment-details-section,
.payment-form-section,
.form-section,
.light-section{
background:
radial-gradient(circle at 12% 0%,rgba(77,143,224,.08),transparent 28%),
linear-gradient(180deg,var(--platinum-1),var(--platinum-2)) !important;
color:var(--platinum-text) !important;
}
/* Cards/forms that were pure white now become frosted platinum. */
.card,
.resource,
.player,
.stat,
.announcement-list article,
.doc-card,
.roster-wall article,
.payment-details-card,
.payment-form-card,
.payment-form,
.checkout-card,
.form-card,
.contact-card,
.contact-method-card,
.contact-form-card,
.contact-info-card,
input,
select,
textarea{
background:linear-gradient(180deg,#f3f6fa,var(--platinum-2)) !important;
border-color:var(--platinum-border) !important;
color:var(--platinum-text) !important;
}
/* Site-wide readable text system. */
p,li,small,span,div{
text-rendering:optimizeLegibility;
}
.section:not(.dark) p,
.standard-panel p,
.cta-panel p,
.team-light p,
.hub-light p,
.payment-details-card p,
.payment-form-card p,
.form-card p,
.contact-card p,
.contact-method-card p,
.contact-info-card p,
.roster-wall span,
.doc-card p,
.announcement-list p{
color:var(--platinum-muted) !important;
line-height:1.56 !important;
}
.section:not(.dark) h1,
.section:not(.dark) h2,
.section:not(.dark) h3,
.standard-panel h2,
.cta-panel h2,
.team-light h2,
.hub-light h2,
.payment-details-card h2,
.payment-form-card h2,
.form-card h2,
.contact-card h2,
.contact-method-card h3,
.contact-info-card h3,
.doc-card b,
.announcement-list strong,
.roster-wall strong{
color:var(--platinum-text) !important;
text-shadow:0 2px 10px rgba(6,18,34,.12) !important;
}
/* Dark sections: no harsh white body copy. Headings can stay bright; copy becomes steel-blue. */
.hero-copy,
.players-intro p,
.value-row p,
.hub-lead,
.team-lead,
.team-dark p,
.hub-dark p,
.section.dark p,
.payment-panel p,
.payment-widget-card p,
.support-card p,
.support-donation-card p,
.donation-card p,
.payments-page .payment-panel p,
.parents-page .payment-widget-card p,
.contact-hero-card span{
color:var(--dark-copy) !important;
line-height:1.56 !important;
}
.value-row small,
.player-card small,
.team-meta span,
.schedule-card small,
.mini-meta span,
.footer span,
.site-footer small,
.v10-footer small{
color:var(--dark-copy-soft) !important;
}
/* Eyebrows become subtle brand labels, not competing headline text. */
.kicker,
.eyebrow,
.dashboard-panel-topline b,
.doc-card span,
.roster-wall span,
.team-meta span,
label,
.form-label{
color:#e43657 !important;
opacity:.88 !important;
letter-spacing:.18em !important;
}
/* Fix the Founding Team / Meet Our Players balance on mobile and desktop. */
.players-panel{
align-items:center !important;
}
.players-intro{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
}
.players-intro .actions,
.players-intro .brand-btn,
.players-panel .actions,
.players-panel .brand-btn{
align-self:center !important;
margin-left:auto !important;
margin-right:auto !important;
}
.players-intro p{
max-width:360px;
}
/* Remove cheap black backplates around gemstone CTAs while preserving gemstone shadows. */
.actions,
.hero-actions,
.payment-actions,
.contact-actions,
.about-actions,
.payment-feature-v2 .actions,
.support-handles-mini,
.players-intro .actions,
.cta-panel .actions{
background:transparent !important;
box-shadow:none !important;
}
.brand-btn,
.cta-button,
.btn-primary,
.donate-paypal-button,
.support-pay-link,
.support-handles-mini a,
.payment-card--cashapp,
.payment-card--venmo{
background-color:transparent !important;
}
.brand-btn::before,
.cta-button::before,
.btn-primary::before,
.donate-paypal-button::before,
.support-pay-link::before,
.support-handles-mini a::before,
.payment-card--cashapp::before,
.payment-card--venmo::before{
filter:drop-shadow(0 14px 20px rgba(1,7,18,.34)) drop-shadow(0 0 16px rgba(77,143,224,.16)) !important;
}
.brand-btn.red::before,
.brand-btn.primary::before,
.cta-button::before,
.btn-primary::before,
button.brand-btn.red::before{
filter:drop-shadow(0 14px 20px rgba(1,7,18,.34)) drop-shadow(0 0 18px rgba(240,31,69,.18)) !important;
}
/* Gem text: shorter labels look better, but CSS also makes current labels less harsh. */
.brand-btn,
.cta-button,
.btn-primary,
.donate-paypal-button,
.support-pay-link,
.support-handles-mini a,
.payment-card--cashapp,
.payment-card--venmo{
color:#eef5fb !important;
font-size:clamp(11px,2.8vw,13px) !important;
font-weight:850 !important;
letter-spacing:.045em !important;
line-height:1.05 !important;
text-shadow:
0 1px 3px rgba(0,0,0,.88),
0 0 7px rgba(0,0,0,.50) !important;
}
.support-handles-mini a,
.payment-card--cashapp b,
.payment-card--cashapp span,
.payment-card--cashapp strong,
.payment-card--venmo b,
.payment-card--venmo span,
.payment-card--venmo strong{
font-size:clamp(10px,2.5vw,12px) !important;
letter-spacing:.02em !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
}
/* Payment/Support handles: never put long handles inside the gem at large type. */
.support-handles-mini a[href*="venmo"]::after,
.support-handles-mini a[href*="cash.app"]::after{
content:"";
}
/* Parent page calendar-coming-soon blue-on-blue safety fix. */
.calendar-coming-soon,
.coming-soon,
.calendar-card,
.schedule-placeholder,
.parents-page .schedule-card,
.parents-page .doc-card{
color:var(--platinum-text) !important;
}
.calendar-coming-soon *,
.coming-soon *,
.schedule-placeholder *,
.parents-page .doc-card *,
.parents-page .schedule-card *{
color:inherit;
}
.calendar-coming-soon,
.coming-soon,
.schedule-placeholder{
background:linear-gradient(180deg,#edf3f8,#dfe8f2) !important;
border:1px solid var(--platinum-border) !important;
}
.calendar-coming-soon p,
.coming-soon p,
.schedule-placeholder p{
color:var(--platinum-muted) !important;
}
/* Contact page old buttons/readability safety net. */
.contact-page .brand-btn,
.contact-page .cta-button,
.contact-page .btn,
.contact-page a[class*="btn"],
.contact-method-card a{
color:#eef5fb !important;
font-family:Inter,Arial,sans-serif !important;
font-weight:850 !important;
}
.contact-page p,
.contact-page li,
.contact-page .contact-card p,
.contact-page .contact-method-card p,
.contact-page .contact-info-card p{
color:var(--platinum-muted) !important;
line-height:1.58 !important;
}
.contact-page .dark p,
.contact-page .section.dark p,
.contact-hero-card p,
.contact-hero-card span{
color:var(--dark-copy) !important;
}
/* Footer chips should be soft steel, not white/black. */
.v10-footer nav a,
.site-footer nav a,
.footer nav a{
background:rgba(221,232,243,.08) !important;
border:1px solid rgba(221,232,243,.24) !important;
color:#dce6f1 !important;
}
@media(max-width:760px){
.standard-panel,
.cta-panel,
.section,
.team-light,
.hub-light{
background:
radial-gradient(circle at 12% 0%,rgba(77,143,224,.08),transparent 28%),
linear-gradient(180deg,var(--platinum-1),var(--platinum-2)) !important;
}
.players-panel{
grid-template-columns:1fr 1fr !important;
align-items:start !important;
}
.players-intro{
grid-column:1/-1 !important;
align-items:flex-start !important;
text-align:left !important;
padding-bottom:4px;
}
.players-intro .actions,
.players-intro .brand-btn{
align-self:center !important;
}
.players-intro p{
max-width:100%;
}
.cta-panel{
box-shadow:inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.cta-panel p{
color:var(--platinum-muted) !important;
opacity:1 !important;
}
.brand-btn,
.cta-button,
.btn-primary,
.donate-paypal-button,
.support-pay-link,
.support-handles-mini a{
font-size:11px !important;
letter-spacing:.035em !important;
}
}
/* =========================================================
501 ELITE SIGNATURE UI v2.0.1 — Gemstone Refinement
- Removes arrow glyphs from gemstone CTAs
- Centers gemstone labels after arrow removal
- Normalizes gem typography and tap/hover polish
- Keeps decorative arrows on non-gem cards untouched
========================================================= */
:root{
--signature-gem-label:#eef5fb;
--signature-gem-shadow:0 1px 3px rgba(0,0,0,.78),0 0 7px rgba(0,0,0,.46);
}
/* Hide literal arrow nodes used inside gemstone buttons: →, ↓. */
.brand-btn > b,
.cta-button > b,
.btn-primary > b,
.donate-paypal-button > b,
button.brand-btn > b,
button.cta-button > b{
display:none !important;
visibility:hidden !important;
width:0 !important;
height:0 !important;
margin:0 !important;
padding:0 !important;
opacity:0 !important;
overflow:hidden !important;
}
/* Remove leftover movement rules that were written for arrow children. */
@media (hover:hover){
.brand-btn:hover b,
.brand-btn.red:hover b,
.brand-btn.primary:hover b,
.brand-btn.steel:hover b,
.brand-btn.navy:hover b,
.brand-btn.secondary:hover b,
.cta-button:hover b,
.btn-primary:hover b,
.donate-paypal-button:hover b{
transform:none !important;
}
}
/* Recenter gemstone labels now that arrows are gone. */
.brand-btn,
.brand-btn.red,
.brand-btn.primary,
.brand-btn.steel,
.brand-btn.navy,
.brand-btn.secondary,
.cta-button,
.btn-primary,
.donate-paypal-button,
button.brand-btn,
button.cta-button,
.support-pay-link,
.support-handles-mini a,
.payment-card--cashapp,
.payment-card--venmo{
justify-content:center !important;
align-items:center !important;
text-align:center !important;
gap:0 !important;
padding-left:30px !important;
padding-right:30px !important;
color:var(--signature-gem-label) !important;
font-family:Graduate,Inter,Arial,sans-serif !important;
font-size:clamp(11px,2.7vw,13px) !important;
font-weight:800 !important;
letter-spacing:.055em !important;
line-height:1.08 !important;
text-shadow:var(--signature-gem-shadow) !important;
}
/* Gemstone button inner text should not drift or stretch. */
.brand-btn > span,
.brand-btn > strong,
.brand-btn > em,
.cta-button > span,
.cta-button > strong,
.cta-button > em,
.btn-primary > span,
.btn-primary > strong,
.btn-primary > em,
.donate-paypal-button > span,
.donate-paypal-button > strong,
.donate-paypal-button > em,
.support-pay-link span,
.support-pay-link strong,
.support-handles-mini a span,
.support-handles-mini a strong,
.payment-card--cashapp b,
.payment-card--cashapp span,
.payment-card--cashapp strong,
.payment-card--venmo b,
.payment-card--venmo span,
.payment-card--venmo strong{
transform:none !important;
margin-left:0 !important;
margin-right:0 !important;
text-align:center !important;
}
/* Remove CTA-style arrow text from payment/support gems; the gem itself is the action. */
.support-pay-link em,
.support-handles-mini a em,
.payment-card--cashapp em,
.payment-card--venmo em{
display:none !important;
}
/* Tighten decorative gem highlight so it reads as polish, not an arrow substitute. */
.brand-btn.red::after,
.brand-btn.primary::after,
.brand-btn.steel::after,
.brand-btn.navy::after,
.brand-btn.secondary::after,
.cta-button::after,
.btn-primary::after,
.donate-paypal-button::after,
button.brand-btn.red::after,
button.brand-btn.navy::after{
left:18% !important;
right:18% !important;
top:18% !important;
height:1px !important;
opacity:.42 !important;
transform:none !important;
}
/* Keep mobile labels centered and comfortable after arrow removal. */
@media(max-width:760px){
.brand-btn,
.brand-btn.red,
.brand-btn.primary,
.brand-btn.steel,
.brand-btn.navy,
.brand-btn.secondary,
.cta-button,
.btn-primary,
.donate-paypal-button,
button.brand-btn,
button.cta-button,
.support-pay-link,
.support-handles-mini a{
padding-left:22px !important;
padding-right:22px !important;
font-size:10.5px !important;
letter-spacing:.045em !important;
white-space:normal !important;
}
}
/* =========================================================
501 Elite Signature UI v2.0.2
Platinum Palette + Text Control
Purpose: remove remaining harsh true-white surfaces and tighten
site-wide readability without changing page structure.
========================================================= */
:root{
--surface-platinum:#e9eef5;
--surface-platinum-2:#dfe7f0;
--surface-platinum-3:#f1f4f8;
--surface-card:#eef3f8;
--surface-card-soft:#e6edf5;
--text-ink:#13263f;
--text-ink-soft:#334862;
--text-steel:#5c6f87;
--text-on-dark:#edf3fa;
--text-on-dark-soft:#cdd8e6;
--line-platinum:#cbd6e3;
}
/* Calm the default white without muting headings or gemstone highlights. */
body{color:var(--text-on-dark);}
.page-hero,
.team-hero,
.hub-hero,
.about-hero-v11b,
.contact-hero,
.standard-hero-v11,
.support-hero,
.payment-hero,
.training-hero,
.gallery-hero{color:var(--text-on-dark) !important;}
/* Convert paper-white light sections into cool platinum/steel surfaces. */
.standard-panel,
.cta-panel,
.section,
.team-light,
.team-control-section,
.hub-light,
.resource-quick,
.standard-intro-v11,
.standard-pillars-v11,
.standard-family-v11,
.about-light-v11b,
.about-cta-v11b,
.contact-cta-section,
.contact-cta-panel,
.support-light,
.payment-light,
.gallery-light,
.training-light{
background:linear-gradient(180deg,var(--surface-platinum-3),var(--surface-platinum)) !important;
color:var(--text-ink) !important;
}
/* Cards on light sections should read platinum, not printer paper. */
.stat,
.card,
.resource,
.player,
.doc-card,
.document-card,
.resource-category-grid article,
.quick-panel,
.pillar-grid-v11 article,
.family-grid-v11 article,
.founder-card,
.roster-wall article,
.announcement-list article,
.contact-method-card,
.contact-hero-card,
.payment-card,
.support-card,
.training-card,
.gallery-card{
background:linear-gradient(180deg,var(--surface-card),var(--surface-card-soft)) !important;
border-color:var(--line-platinum) !important;
color:var(--text-ink) !important;
box-shadow:0 16px 32px rgba(7,23,45,.11) !important;
}
/* Dark featured cards stay dark; only soften their copy. */
.document-card.featured,
.dark .card,
.standard-callout,
.about-cta-card,
.team-identity-card,
.next-card,
.hub-tile,
.schedule-card,
.team-action-card,
.season-board article,
.about-pillars-grid article,
.contact-hero-card.dark,
.support-dark-card{
color:var(--text-on-dark) !important;
}
/* Establish a predictable text hierarchy. */
.standard-panel p,
.cta-panel p,
.section p,
.team-section-head p:not(.kicker):not(.eyebrow),
.development-copy,
.profile-preview p,
.resource-category-grid p,
.quick-panel p,
.document-card p,
.pillar-grid-v11 p,
.family-grid-v11 p,
.about-copy-stack p,
.founders-grid p,
.contact-method-card p,
.contact-cta-panel p:not(.eyebrow),
.support-card p,
.payment-card p,
.training-card p,
.gallery-card p{
color:var(--text-ink-soft) !important;
line-height:1.58 !important;
}
/* Dark copy: less harsh than pure white, still readable. */
.hero-copy,
.players-intro p,
.value-row p,
.hub-lead,
.next-card p,
.hub-tile p,
.standard-callout p,
.schedule-card small,
.team-lead,
.team-action-card p,
.season-board p,
.about-lead,
.about-hero-card p,
.about-pillars-grid p,
.about-cta-card p,
.contact-hero-copy,
.support-lead,
.payment-lead{
color:var(--text-on-dark-soft) !important;
}
/* Headings stay strong but not stark white unless sitting on dark hero panels. */
.standard-panel h2,
.cta-panel h2,
.section h2,
.team-section-head h2,
.profile-preview h2,
.development-grid h2,
.resource-quick h2,
.standard-intro-v11 h2,
.standard-pillars-v11 h2,
.standard-family-v11 h2,
.about-story-grid h2,
.founders-grid h2,
.contact-section-head h2,
.contact-cta-panel h2{
color:var(--text-ink) !important;
text-shadow:none !important;
}
.hero-content h1,
.players-intro h2,
.team-hero h1,
.hub-hero h1,
.about-hero-v11b h1,
.contact-hero h1,
.standard-hero-v11 h1{
color:var(--text-on-dark) !important;
}
/* Muted labels and metadata. */
.stat span,
.roster-wall span,
.team-meta span,
.document-card span,
.doc-card span,
.schedule-card small,
.contact-method-card small,
.support-card small,
.payment-card small{
color:var(--text-steel) !important;
}
.dark .stat span,
.team-dark .team-section-head p,
.hub-dark p,
.standard-dark-v11 p,
.about-dark-v11b p{
color:var(--text-on-dark-soft) !important;
}
/* Replace remaining bright-white rule lines with cooler platinum. */
.brand img,
.menu-toggle,
.mobile-menu a,
.value-row article,
.player-card,
.hub-tile,
.schedule-card,
.team-action-card,
.about-pillars-grid article,
.contact-method-card,
.payment-card,
.support-card{
border-color:rgba(205,216,230,.28) !important;
}
/* Gemstone labels: cleaner engraving, no visual tug from hidden arrows. */
.brand-btn,
.brand-btn.red,
.brand-btn.primary,
.brand-btn.steel,
.brand-btn.navy,
.brand-btn.secondary,
.cta-button,
.btn-primary,
.donate-paypal-button,
.support-pay-link,
.support-handles-mini a,
.payment-card--cashapp,
.payment-card--venmo{
text-align:center !important;
text-wrap:balance;
color:#f1f5fa !important;
text-shadow:0 1px 2px rgba(0,0,0,.58),0 0 10px rgba(255,255,255,.12) !important;
}
/* Remove cheap black button trays/backplates where they exist. */
.actions,
.contact-actions,
.support-actions,
.payment-actions,
.hero-actions{
background:transparent !important;
box-shadow:none !important;
}
/* Parent calendar / coming-soon style fixes: no blue-on-blue. */
.calendar-coming-soon,
.coming-soon,
.calendar-card,
.hub-calendar-card{
background:linear-gradient(180deg,var(--surface-card),var(--surface-card-soft)) !important;
color:var(--text-ink) !important;
border-color:var(--line-platinum) !important;
}
.calendar-coming-soon p,
.coming-soon p,
.calendar-card p,
.hub-calendar-card p,
.calendar-coming-soon span,
.coming-soon span,
.calendar-card span,
.hub-calendar-card span{
color:var(--text-ink-soft) !important;
}
/* Mobile: keep platinum calm and avoid oversized heavy text blocks. */
@media(max-width:760px){
.standard-panel,
.cta-panel,
.section,
.team-light,
.hub-light,
.about-light-v11b,
.contact-cta-section{
background:linear-gradient(180deg,#eef3f8,#e2eaf3) !important;
}
.hero-copy,
.players-intro p,
.value-row p{
color:#d5dfec !important;
}
}
/* v2.0.3: Home Page Composition Pass
Scope: home-page rhythm, Founding Team/Better People balance, Meet Our Players alignment,
gemstone CTA spacing, and platinum card composition. No structural HTML changes required. */
:root{
--surface-platinum:#e7edf4;
--surface-platinum-2:#dce5ee;
--surface-platinum-3:#f0f4f8;
--text-platinum-strong:#16263c;
--text-platinum-body:#34465f;
--text-on-dark:#e4ebf4;
--text-on-dark-soft:#c8d4e2;
}
/* Home hero: keep the current drama, but improve vertical rhythm around the CTAs. */
.hero-content .actions{
align-items:center;
margin-top:4px;
}
.hero-content .brand-btn,
.hero-content .gem-btn,
.hero-content .btn-gem{
margin-top:2px;
margin-bottom:6px;
}
/* Better People / standard section: cooler platinum surface and cleaner balance. */
.standard-panel{
background:
radial-gradient(circle at 0% 18%,rgba(240,31,69,.065),transparent 24%),
linear-gradient(180deg,var(--surface-platinum-3),var(--surface-platinum));
color:var(--text-platinum-strong);
overflow:hidden;
}
.standard-panel > div:first-child{
max-width:560px;
}
.standard-panel p{
color:var(--text-platinum-body);
line-height:1.62;
}
.standard-panel .actions{
margin-top:20px;
justify-content:flex-start;
}
/* Platinum stat cards: softer than white, still readable. */
.stat{
background:linear-gradient(180deg,#f4f7fa,var(--surface-platinum-2));
border-color:#c8d3df;
box-shadow:0 14px 30px rgba(7,23,45,.13), inset 0 1px 0 rgba(255,255,255,.52);
}
.stat b{color:#1a2a40;}
.stat span{color:#4b5f79;}
/* Meet Our Players: make the intro/button/card group feel centered instead of left-heavy. */
.players-panel{
align-items:center;
}
.players-intro{
align-self:center;
}
.players-intro h2{
margin-bottom:12px;
}
.players-intro p{
color:var(--text-on-dark-soft);
line-height:1.58;
max-width:310px;
}
.players-intro .actions,
.players-intro .gem-actions,
.players-intro .button-row{
margin-top:18px;
justify-content:flex-start;
}
.players-panel .gem-btn,
.players-panel .btn-gem,
.players-panel .brand-btn{
margin-top:4px;
}
.player-card{
border-color:rgba(220,231,242,.30);
box-shadow:0 18px 36px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10);
}
.player-card span{color:#edf3fa;}
.player-card small{color:#c3cfdd;}
/* Bottom CTA: remove any cheap dark backplates and let platinum surface breathe. */
.cta-panel{
background:linear-gradient(180deg,var(--surface-platinum-3),var(--surface-platinum));
color:var(--text-platinum-strong);
}
.cta-panel p{
color:var(--text-platinum-body);
line-height:1.62;
max-width:720px;
margin-left:auto;
margin-right:auto;
}
.cta-panel .actions{
justify-content:center;
margin-top:22px;
}
.cta-panel .brand-btn,
.cta-panel .gem-btn,
.cta-panel .btn-gem{
background-color:transparent !important;
}
/* Global home button centering cleanup after arrow removal. */
.gem-btn,
.btn-gem,
.brand-btn{
text-align:center;
justify-content:center;
}
.gem-btn::after,
.btn-gem::after{
display:none !important;
content:none !important;
}
@media(max-width:1050px){
.standard-panel > div:first-child{max-width:none;}
.players-intro p{max-width:620px;}
}
@media(max-width:760px){
.standard-panel{
grid-template-columns:1fr 1.1fr;
gap:10px;
align-items:center;
}
.standard-panel p{
line-height:1.42;
}
.standard-panel .actions{
margin-top:9px;
}
.players-panel{
grid-template-columns:1.08fr repeat(2,1fr);
align-items:center;
}
.players-intro h2{
margin-bottom:5px;
}
.players-intro p{
max-width:none;
line-height:1.42;
}
.players-intro .actions,
.players-intro .gem-actions,
.players-intro .button-row{
margin-top:8px;
}
.cta-panel p{
line-height:1.45;
}
}
/* ==========================================================================
501 Elite Signature UI v2.0.4 — Contact Page Luxury Pass
Purpose: bring Contact fully into the platinum/gemstone system without layout risk.
========================================================================== */
.contact-hero{
background:
radial-gradient(circle at 86% 10%,rgba(18,62,116,.26),transparent 24%),
radial-gradient(circle at 8% 88%,rgba(240,31,69,.16),transparent 26%),
linear-gradient(90deg,rgba(2,10,22,.96),rgba(5,25,52,.88)),
url('digital-camo.jpg') center/cover !important;
border-bottom:3px solid var(--red) !important;
}
.contact-hero-copy,
.contact-hero p,
.contact-method-card p,
.contact-cta-panel p:not(.eyebrow){
color:var(--text-on-dark) !important;
font-weight:760 !important;
line-height:1.62 !important;
text-shadow:none !important;
}
.contact-hero-card,
.contact-method-card,
.contact-cta-panel{
border-radius:0 !important;
clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%) !important;
background:
linear-gradient(160deg,rgba(9,33,66,.94),rgba(2,10,22,.98)),
url('digital-camo.jpg') center/cover !important;
border:1px solid rgba(207,216,228,.28) !important;
box-shadow:0 24px 48px rgba(0,0,0,.36), inset 0 1px 0 rgba(238,243,248,.12) !important;
}
.contact-hero-card strong,
.contact-method-card h3,
.contact-cta-panel h2,
.contact-section-head h2{
color:var(--text-heading-light) !important;
text-shadow:none !important;
}
.contact-hero-card span{
color:var(--text-steel) !important;
}
.contact-section-head p,
.contact-section-head .section-copy,
.contact-section-head div:not(.eyebrow){
color:var(--text-body) !important;
font-weight:760 !important;
line-height:1.58 !important;
}
.contact-icon{
color:var(--text-heading-light) !important;
background:linear-gradient(180deg,#263f63 0%,#0c2444 52%,#041224 100%) !important;
border:1px solid rgba(238,243,248,.32) !important;
box-shadow:0 14px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(238,243,248,.22) !important;
}
.contact-method-card a,
.contact-action-btn,
.contact-card a,
.contact-actions a,
.contact-method a{
position:relative !important;
overflow:hidden !important;
min-height:54px !important;
padding:0 30px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
color:var(--text-heading-light) !important;
font-family:Graduate,serif !important;
font-size:12px !important;
font-weight:800 !important;
letter-spacing:.075em !important;
text-transform:uppercase !important;
text-shadow:0 1px 2px rgba(0,0,0,.50) !important;
background:
linear-gradient(135deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.06) 22%,transparent 23%),
linear-gradient(180deg,#123E74 0%,#0f3464 44%,#082548 45%,#041428 100%) !important;
border:1px solid rgba(238,243,248,.38) !important;
clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%) !important;
box-shadow:0 14px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(238,243,248,.26), inset 0 -1px 0 rgba(0,0,0,.35) !important;
transition:transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}
.contact-method-card a:after,
.contact-action-btn:after,
.contact-card a:after,
.contact-actions a:after,
.contact-method a:after{
content:"" !important;
}
.contact-method-card a:hover,
.contact-action-btn:hover,
.contact-card a:hover,
.contact-actions a:hover,
.contact-method a:hover{
transform:translateY(-2px) !important;
filter:brightness(1.06) saturate(1.04) !important;
box-shadow:0 18px 32px rgba(0,0,0,.34), inset 0 1px 0 rgba(238,243,248,.30), inset 0 -1px 0 rgba(0,0,0,.36) !important;
}
.contact-method-card a:active,
.contact-action-btn:active,
.contact-card a:active,
.contact-actions a:active,
.contact-method a:active{
transform:translateY(0) scale(.985) !important;
}
.contact-cta-section{
background:
radial-gradient(circle at 50% 0%,rgba(18,62,116,.26),transparent 28%),
linear-gradient(180deg,#061b36,#020b18) !important;
}
.contact-actions{
align-items:center !important;
justify-content:center !important;
gap:16px !important;
}
.compact-contact{
gap:34px !important;
align-items:center !important;
}
@media(max-width:760px){
.contact-hero{padding-top:52px !important;padding-bottom:44px !important;}
.contact-hero-card,
.contact-method-card,
.contact-cta-panel{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%) !important;}
.contact-method-card a,
.contact-action-btn,
.contact-card a,
.contact-actions a,
.contact-method a{
width:100% !important;
min-height:52px !important;
font-size:11px !important;
}
}
/* === 501 Elite Signature UI v2.0.5: Give Page / Support Mission Luxury Pass === */
/* This keeps existing support.html functional while allowing future rename to give.html. */
.support-page,
.give-page{
background:#010814 !important;
color:var(--platinum-text,#d8e2ee) !important;
}
.support-page .page-hero,
.give-page .page-hero,
.support-hero{
background:
radial-gradient(circle at 82% 10%,rgba(240,31,69,.24),transparent 24%),
radial-gradient(circle at 12% 100%,rgba(63,139,255,.14),transparent 30%),
linear-gradient(90deg,rgba(1,8,20,.96),rgba(5,24,49,.82)),
url('digital-camo.jpg') center/cover !important;
border-bottom:3px solid var(--red) !important;
}
.support-page .page-hero p,
.give-page .page-hero p,
.support-hero p{
color:#d8e2ee !important;
font-weight:800 !important;
line-height:1.58 !important;
text-shadow:0 4px 14px rgba(0,0,0,.50) !important;
}
.support-giving-section,
.give-giving-section{
padding:64px 20px !important;
background:
radial-gradient(circle at 8% 8%,rgba(18,62,116,.12),transparent 28%),
linear-gradient(180deg,#eaf0f7 0%,#dbe5ef 100%) !important;
color:#15243a !important;
border-top:1px solid rgba(7,23,45,.10) !important;
border-bottom:1px solid rgba(7,23,45,.12) !important;
}
.support-grid{
align-items:stretch !important;
gap:24px !important;
}
.support-card{
position:relative !important;
overflow:hidden !important;
border-radius:26px !important;
padding:30px !important;
background:
linear-gradient(180deg,rgba(248,251,255,.92),rgba(225,234,244,.94)) !important;
border:1px solid rgba(18,47,82,.18) !important;
box-shadow:0 22px 44px rgba(7,23,45,.14), inset 0 1px 0 rgba(255,255,255,.70) !important;
}
.support-card:after{
content:"501";
position:absolute;
right:-12px;
bottom:-14px;
font-family:Graduate,serif;
font-size:74px;
color:rgba(7,23,45,.045);
pointer-events:none;
}
.support-card h2{
color:#12233a !important;
letter-spacing:.02em !important;
}
.support-card p,
.support-card li,
.support-card em{
color:#3c4f68 !important;
font-weight:750 !important;
line-height:1.58 !important;
}
.support-card .eyebrow{
color:var(--red) !important;
opacity:.95 !important;
}
.support-impact-card ul{padding-left:18px !important;}
.support-impact-card li{margin-bottom:8px !important;}
/* Clean up Cash App / Venmo visual labels: the handles can live below the buttons, not inside the gemstones. */
.support-buttons{
display:grid !important;
gap:16px !important;
margin-top:22px !important;
}
.support-pay-link{
position:relative !important;
min-height:62px !important;
border-radius:999px !important;
padding:0 24px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
overflow:hidden !important;
border:1px solid rgba(255,255,255,.30) !important;
box-shadow:0 14px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.30) !important;
transition:transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}
.support-pay-link.cashapp-link{
background:
linear-gradient(135deg,rgba(255,255,255,.26),transparent 24%),
linear-gradient(180deg,#23d56d 0%,#00a86b 45%,#08733f 100%) !important;
}
.support-pay-link.venmo-link{
background:
linear-gradient(135deg,rgba(255,255,255,.26),transparent 24%),
linear-gradient(180deg,#2fb8ff 0%,#008cff 45%,#0057d8 100%) !important;
}
.support-pay-link.cashapp-link > *,
.support-pay-link.venmo-link > *{
display:none !important;
}
.support-pay-link.cashapp-link:before,
.support-pay-link.venmo-link:before{
position:relative;
z-index:1;
font-family:Graduate,serif;
text-transform:uppercase;
letter-spacing:.07em;
font-size:17px;
line-height:1;
color:#edf4fb;
text-shadow:0 2px 7px rgba(0,0,0,.50);
}
.support-pay-link.cashapp-link:before{content:"Cash App";}
.support-pay-link.venmo-link:before{content:"Venmo";}
.support-pay-link:hover,
.support-pay-link:focus-visible{
transform:translateY(-2px) !important;
filter:brightness(1.06) saturate(1.06) !important;
box-shadow:0 18px 34px rgba(0,0,0,.28),0 0 0 2px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.34) !important;
}
.support-pay-link:active{transform:translateY(0) scale(.985) !important;}
.support-handles,
.support-handles-mini{
gap:10px !important;
}
.support-handles div,
.support-handles-mini span,
.support-handles-mini a{
background:rgba(18,47,82,.08) !important;
color:#2a3d55 !important;
border:1px solid rgba(18,47,82,.14) !important;
border-radius:14px !important;
box-shadow:none !important;
}
.support-handles span,
.support-handles-mini span,
.support-handles-mini a{
color:#52677f !important;
}
.support-handles strong{
color:#16273e !important;
font-size:16px !important;
}
.support-cta{
padding:62px 20px !important;
background:
radial-gradient(circle at 90% 0%,rgba(240,31,69,.18),transparent 24%),
radial-gradient(circle at 10% 100%,rgba(63,139,255,.12),transparent 28%),
linear-gradient(180deg,#061d39,#020914) !important;
}
.support-cta-card{
border-radius:28px !important;
padding:38px 28px !important;
background:
linear-gradient(160deg,rgba(10,35,68,.94),rgba(2,9,20,.97)),
url('digital-camo.jpg') center/cover !important;
border:1px solid rgba(216,226,238,.22) !important;
box-shadow:0 26px 56px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.support-cta-card h2{color:#edf4fb !important;}
.support-cta-card p{
color:#d5e0ec !important;
line-height:1.58 !important;
}
.support-cta-card .brand-btn{
margin-top:8px !important;
}
/* Future-proof the nav/page label visually if Support remains in HTML for now. */
.main-nav a[href*="support"],
.mobile-menu a[href*="support"],
.footer-links a[href*="support"]{
color:#d8e2ee !important;
}
.main-nav a[href*="support"].active,
.mobile-menu a[href*="support"].active{
color:var(--red) !important;
}
@media(max-width:900px){
.support-giving-section{padding:48px 16px !important;}
.support-card{padding:24px !important;}
.support-pay-link{min-height:58px !important;}
}
/* v2.0.7 — Rename Support to Give + restore official mobile giving handles */
.support-pay-link.cashapp-link > *,
.support-pay-link.venmo-link > *{
display:block !important;
}
.support-pay-link.cashapp-link:before,
.support-pay-link.venmo-link:before{
content:none !important;
}
.support-pay-link{
min-height:82px !important;
flex-direction:column !important;
gap:4px !important;
border-radius:18px !important;
padding:14px 18px !important;
}
.support-pay-link span{
font-family:Graduate,serif !important;
text-transform:uppercase !important;
letter-spacing:.08em !important;
font-size:15px !important;
color:#edf4fb !important;
text-shadow:0 2px 7px rgba(0,0,0,.50) !important;
}
.support-pay-link strong{
font-family:Inter,Arial,sans-serif !important;
font-size:15px !important;
letter-spacing:.02em !important;
color:#f3f7fb !important;
text-shadow:0 2px 7px rgba(0,0,0,.45) !important;
}
.support-pay-link em{
margin-top:2px !important;
font-style:normal !important;
font-size:10px !important;
letter-spacing:.11em !important;
text-transform:uppercase !important;
color:rgba(237,244,251,.76) !important;
}
.payment-card--cashapp strong,
.payment-card--venmo strong{
display:block !important;
color:#16273e !important;
opacity:1 !important;
}
@media(max-width:760px){
.support-pay-link{min-height:78px !important;}
.support-pay-link strong{font-size:14px !important;}
}
/* v2.0.8 — Document Library + Parent Handbook viewer */
.doc-viewer-page{background:linear-gradient(180deg,#020b18,#061b36 42%,#e7edf5 42%,#dbe5ef 100%);color:var(--ink)}
.doc-wrap{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.doc-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 0%,rgba(240,31,69,.24),transparent 25%),linear-gradient(90deg,rgba(1,8,20,.98),rgba(5,24,50,.86)),url('digital-camo.jpg') center/cover;color:#e9eff7;border-bottom:3px solid var(--red)}.doc-hero:before{content:"";position:absolute;inset:0;background:url('header-emblem.jpg') right center/640px auto no-repeat;opacity:.12;pointer-events:none}.doc-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 360px;gap:42px;align-items:center;min-height:520px;padding-top:66px;padding-bottom:66px}.doc-hero h1{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(46px,7vw,86px);line-height:1.02;margin:0 0 18px;text-shadow:0 7px 0 rgba(0,0,0,.32),0 18px 34px rgba(0,0,0,.55)}.doc-hero h1 em{font-style:normal;color:var(--red)}.doc-lead{max-width:710px;color:#d6e0ec;font-weight:800;font-size:20px;line-height:1.56}.doc-cover-card{background:linear-gradient(160deg,rgba(8,32,63,.94),rgba(2,10,22,.98)),url('digital-camo.jpg') center/cover;border:1px solid rgba(225,234,245,.34);box-shadow:0 24px 52px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.18);padding:30px;text-align:center;position:relative;overflow:hidden}.doc-cover-card:after{content:"501";position:absolute;right:-16px;bottom:-18px;font-family:Graduate,serif;font-size:102px;color:rgba(255,255,255,.055)}.doc-cover-card img{width:136px;margin:0 auto 20px;filter:drop-shadow(0 0 18px rgba(255,255,255,.18))}.doc-cover-card span{display:block;color:#ffccd6;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:11px;margin-bottom:14px}.doc-cover-card strong{position:relative;z-index:1;display:block;font-family:Graduate,serif;text-transform:uppercase;color:#eef4fb;line-height:1.22;font-size:25px}.doc-overview{padding:34px 0;background:linear-gradient(180deg,#e8eef6,#dce6f0);border-bottom:1px solid rgba(7,23,45,.12)}.doc-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.doc-overview article{background:rgba(247,250,253,.72);border:1px solid rgba(7,23,45,.12);box-shadow:0 14px 30px rgba(7,23,45,.10);padding:22px}.doc-overview b{font-family:Graduate,serif;text-transform:uppercase;color:#0b213d}.doc-overview p{color:#41536c;font-weight:750;line-height:1.5;margin-bottom:0}.doc-reader{padding:56px 0 72px;background:linear-gradient(180deg,#dfe8f2,#eef3f7)}.doc-reader-grid{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start}.doc-toc{position:sticky;top:96px;background:linear-gradient(180deg,#082447,#020b18);border:1px solid rgba(225,234,245,.24);box-shadow:0 20px 40px rgba(7,23,45,.18);padding:20px}.doc-toc a{display:block;padding:12px 0;color:#d5dfec;border-bottom:1px solid rgba(255,255,255,.12);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.doc-toc a:hover{color:#fff}.doc-body{display:grid;gap:18px}.doc-section{background:rgba(248,251,254,.76);border:1px solid rgba(7,23,45,.12);box-shadow:0 18px 34px rgba(7,23,45,.10);padding:30px}.doc-section h2{font-family:Graduate,serif;text-transform:uppercase;line-height:1.1;font-size:clamp(26px,4vw,44px);color:#07172d;margin:0 0 14px}.doc-section p{color:#3d4f68;font-weight:750;line-height:1.62}.doc-section blockquote{margin:24px 0 0;padding:18px 22px;background:linear-gradient(180deg,#092142,#020b18);border-left:4px solid var(--red);color:#eef4fb;font-family:Graduate,serif;text-transform:uppercase;line-height:1.3}.doc-principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:20px}.doc-principles span{background:#07172d;color:#e7eef7;border:1px solid rgba(240,31,69,.26);padding:12px;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.doc-standard-callout{background:radial-gradient(circle at 100% 0%,rgba(240,31,69,.20),transparent 28%),linear-gradient(160deg,#092142,#020b18);color:#eef4fb;border-color:rgba(225,234,245,.28)}.doc-standard-callout h2,.doc-standard-callout p{color:#eef4fb}.doc-section details{background:rgba(7,23,45,.045);border:1px solid rgba(7,23,45,.10);padding:15px 16px;margin-top:12px}.doc-section summary{cursor:pointer;font-family:Graduate,serif;text-transform:uppercase;color:#0b213d}.doc-section li{color:#3d4f68;font-weight:750;margin:8px 0;line-height:1.45}.doc-note{background:#07172d;color:#e7eef7;padding:18px;border-left:4px solid var(--red);font-weight:750;line-height:1.5}.doc-next{background:linear-gradient(180deg,#071b34,#020b18);color:#e7eef7;padding:48px 0;border-top:3px solid var(--red)}.doc-next-panel{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.doc-next h2{font-family:Graduate,serif;text-transform:uppercase;margin:0 0 10px}.doc-next p{color:#d5dfec;font-weight:750}.doc-next code{background:rgba(255,255,255,.08);color:#fff;padding:2px 5px}.doc-pdf-disabled,.doc-disabled{opacity:.68;cursor:not-allowed;filter:grayscale(.25)}.doc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.doc-actions a,.doc-actions span,.doc-card-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;background:#07172d;color:#eef4fb !important;border:1px solid rgba(7,23,45,.16);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.doc-actions a{background:linear-gradient(180deg,#0d315e,#07172d)}.doc-disabled{background:#d3dde8;color:#52657f!important}.doc-card--live{border-left:4px solid var(--red)}.document-card--handbook{border-color:rgba(240,31,69,.30)}
@media(max-width:900px){.doc-hero-grid,.doc-reader-grid,.doc-next-panel{grid-template-columns:1fr}.doc-cover-card{max-width:380px}.doc-toc{position:relative;top:auto}.doc-overview-grid{grid-template-columns:1fr}.doc-wrap{padding-left:18px;padding-right:18px}.doc-hero-grid{min-height:auto;padding-top:48px;padding-bottom:48px}.doc-lead{font-size:16px}.doc-section{padding:22px}.doc-actions{display:grid}.doc-actions a,.doc-actions span{width:100%}}
/* v2.0.9 — 501 Elite Library */
.library-page{background:var(--deep)}
.library-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 10%,rgba(240,31,69,.26),transparent 24%),linear-gradient(90deg,rgba(2,8,20,.98),rgba(4,23,48,.86)),url('digital-camo.jpg') center/cover;color:var(--text-on-dark,#eef3f8);border-bottom:3px solid var(--red)}
.library-hero:before{content:"";position:absolute;inset:0;background:url('header-emblem.jpg') right center/760px auto no-repeat;opacity:.14;filter:saturate(1.15);pointer-events:none}
.library-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) 390px;gap:44px;align-items:center;min-height:560px;padding-top:76px;padding-bottom:76px}
.library-hero h1{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(44px,6.2vw,84px);line-height:1.02;letter-spacing:.02em;margin:0 0 18px;text-shadow:0 8px 0 rgba(0,0,0,.34),0 20px 38px rgba(0,0,0,.55)}
.library-hero h1 em{font-style:normal;color:var(--red)}
.library-lead{max-width:760px;color:#d9e2ee;font-size:21px;line-height:1.55;font-weight:800;text-shadow:0 4px 12px rgba(0,0,0,.65)}
.library-actions{margin-top:28px}
.library-hero-card{background:linear-gradient(160deg,rgba(9,31,62,.94),rgba(2,10,22,.97)),url('digital-camo.jpg') center/cover;border:1px solid rgba(222,232,244,.30);box-shadow:0 24px 52px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.16);padding:30px;position:relative;overflow:hidden;border-radius:28px}
.library-hero-card:after{content:"LIBRARY";position:absolute;right:-18px;bottom:10px;font-family:Graduate,serif;font-size:58px;color:rgba(238,243,248,.045);writing-mode:vertical-rl;letter-spacing:.08em}
.library-hero-card img{width:118px;margin:0 auto 22px;filter:drop-shadow(0 0 18px rgba(240,31,69,.18))}
.library-hero-card span,.pub-number{display:inline-flex;color:#ff6b85;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;margin-bottom:10px}
.library-hero-card strong{display:block;font-family:Graduate,serif;text-transform:uppercase;font-size:28px;line-height:1.12;margin-bottom:12px;color:#eef3f8}
.library-hero-card p{color:#c9d5e4;font-weight:750;line-height:1.5;margin:0}
.library-featured{padding:58px 24px;background:linear-gradient(180deg,#edf2f7,#dce6ef);color:var(--ink);border-bottom:3px solid var(--red)}
.library-feature-card{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:center;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(226,235,244,.82));border:1px solid rgba(11,32,58,.16);box-shadow:0 22px 48px rgba(7,23,45,.16);border-radius:28px;padding:34px;position:relative;overflow:hidden}
.library-feature-card:before{content:"001";position:absolute;right:22px;top:12px;font-family:Graduate,serif;font-size:110px;color:rgba(7,23,45,.055);line-height:1}
.library-feature-copy{position:relative;z-index:1}.library-feature-copy h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(34px,4.2vw,58px);line-height:1.05;margin:0 0 16px;color:#0b1b31}
.library-feature-copy p{font-size:18px;line-height:1.58;font-weight:750;color:#33445b;max-width:790px}
.publication-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.publication-meta span{display:inline-flex;border:1px solid rgba(11,32,58,.16);background:rgba(255,255,255,.46);border-radius:999px;padding:8px 12px;color:#34455e;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.09em}
.library-feature-actions{position:relative;z-index:1;display:grid;gap:14px}.brand-btn.disabled,.publication-actions .disabled{opacity:.56;pointer-events:none;filter:saturate(.7)}
.library-shelves,.library-publications{padding:66px 24px;background:linear-gradient(180deg,#f0f4f8,#e4ebf3);color:var(--ink)}
.library-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.library-category-card{background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(230,238,247,.88));border:1px solid rgba(11,32,58,.14);box-shadow:0 18px 34px rgba(7,23,45,.11);border-radius:22px;padding:24px;min-height:350px;position:relative;overflow:hidden}.library-category-card.active{border-color:rgba(240,31,69,.35);box-shadow:0 22px 42px rgba(7,23,45,.14),0 0 0 1px rgba(240,31,69,.12)}
.category-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.category-topline i{font-style:normal;font-size:30px}.category-topline span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#e21c3f}.library-category-card h3{font-family:Graduate,serif;text-transform:uppercase;margin:0 0 12px;color:#0b1b31;font-size:23px;line-height:1.1}.library-category-card p{color:#41526a;font-weight:750;line-height:1.48}.library-category-card ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.library-category-card li,.library-category-card li a{color:#12253e;font-weight:900}.library-category-card em{display:inline-block;margin-left:6px;color:#75859a;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.publication-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.publication-card{background:linear-gradient(160deg,rgba(8,31,62,.96),rgba(2,10,22,.98)),url('digital-camo.jpg') center/cover;border:1px solid rgba(222,232,244,.20);box-shadow:0 18px 38px rgba(0,0,0,.28);border-radius:24px;padding:24px;color:#eef3f8;min-height:300px;display:flex;flex-direction:column}.publication-card.live{border-color:rgba(240,31,69,.52);box-shadow:0 20px 44px rgba(0,0,0,.32),0 0 0 1px rgba(240,31,69,.18)}.publication-card span{color:#ff6b85;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.publication-card h3{font-family:Graduate,serif;text-transform:uppercase;font-size:24px;line-height:1.12;margin:22px 0 12px}.publication-card p{color:#cbd7e5;font-weight:750;line-height:1.5}.publication-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.publication-tags b{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#dfe8f2}.publication-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.publication-actions a{display:grid;place-items:center;min-height:38px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#eef3f8;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.publication-actions a:first-child{background:linear-gradient(180deg,#f53455,#970e24);border-color:rgba(255,255,255,.34)}
.library-coming-soon{padding:64px 24px;background:radial-gradient(circle at 100% 0%,rgba(240,31,69,.18),transparent 28%),linear-gradient(180deg,#061d39,#020914);color:#eef3f8}.coming-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:30px;align-items:center}.coming-panel h2{font-family:Graduate,serif;text-transform:uppercase;font-size:clamp(32px,4vw,54px);line-height:1.08;margin:0 0 14px}.coming-panel p{color:#cfd9e6;font-weight:750;line-height:1.55}.coming-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.coming-list span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:999px;padding:11px 13px;color:#e4ecf5;font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:11px}
@media(max-width:1050px){.library-hero-grid,.library-feature-card,.coming-panel{grid-template-columns:1fr}.library-category-grid,.publication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-feature-actions{grid-template-columns:1fr 1fr}.coming-list{justify-content:flex-start}}
@media(max-width:760px){.library-hero-grid{min-height:auto;padding:46px 0;gap:24px}.library-hero h1{font-size:clamp(36px,11vw,54px)}.library-lead{font-size:16px}.library-hero-card{padding:22px;border-radius:20px}.library-hero-card img{width:92px}.library-featured,.library-shelves,.library-publications,.library-coming-soon{padding:46px 18px}.library-feature-card{padding:24px;border-radius:22px}.library-feature-card:before{font-size:72px}.library-feature-copy p{font-size:15px}.library-feature-actions{grid-template-columns:1fr}.library-category-grid,.publication-grid{grid-template-columns:1fr}.library-category-card{min-height:0}.publication-card{min-height:0}.publication-meta{display:grid}.coming-list span{font-size:10px}}
/* =========================================================
v2.0.10 QA HOTFIX — readability, payment cleanup, true gems
========================================================= */
:root{
--platinum-surface:#e6edf5;
--platinum-card:#edf3f8;
--platinum-border:#c6d2df;
--ink-strong:#08182f;
--ink-body:#263b55;
--ink-muted:#52677f;
}
/* Contact page readability reset: remove blended blue/low-contrast copy. */
.contact-hero,
.contact-methods-section{
color:var(--ink-strong) !important;
}
.contact-hero.page-hero{
background:
radial-gradient(circle at 84% 14%,rgba(240,31,69,.10),transparent 26%),
linear-gradient(180deg,#eef3f8,#dfe8f1) !important;
border-bottom:3px solid var(--red) !important;
}
.contact-hero .eyebrow,
.contact-methods-section .eyebrow{
color:var(--red) !important;
text-shadow:none !important;
}
.contact-hero h1,
.contact-methods-section h2,
.contact-method-card h3{
color:var(--ink-strong) !important;
text-shadow:none !important;
}
.contact-hero-copy,
.contact-section-head p,
.contact-method-card p{
color:var(--ink-body) !important;
font-weight:850 !important;
line-height:1.6 !important;
text-shadow:none !important;
}
.contact-hero-card,
.contact-method-card{
background:linear-gradient(180deg,#f3f7fb,#e2ebf3) !important;
border:1px solid var(--platinum-border) !important;
color:var(--ink-strong) !important;
box-shadow:0 22px 44px rgba(7,23,45,.14) !important;
}
.contact-hero-card *,
.contact-method-card *{
color:var(--ink-strong) !important;
text-shadow:none !important;
}
.contact-hero-card span,
.contact-method-card p{
color:var(--ink-body) !important;
}
.contact-method-card a{
color:#dfefff !important;
text-shadow:0 2px 5px rgba(0,0,0,.85) !important;
}
/* Payment center: remove donation language and improve legibility. */
.payment-center-hero .payments-lead,
.payment-copy p,
.payment-helper,
.payment-intent-card p,
.payment-intent-card label,
.payment-widget-card p,
.payment-alt-copy p{
color:var(--ink-body) !important;
font-weight:850 !important;
line-height:1.6 !important;
text-shadow:none !important;
}
.payment-center-hero.page-hero{
background:
radial-gradient(circle at 88% 8%,rgba(18,62,116,.16),transparent 24%),
linear-gradient(180deg,#eef3f8,#dfe8f1) !important;
color:var(--ink-strong) !important;
}
.payment-center-hero h1,
.payment-center-hero .payment-copy h1{
color:var(--ink-strong) !important;
text-shadow:none !important;
}
.payment-center-hero .kicker{
color:var(--red) !important;
text-shadow:none !important;
}
.payment-center-card,
.payment-checkout-card{
background:linear-gradient(180deg,#08284c,#020b18) !important;
color:#e9f1fa !important;
}
.payment-center-card p,
.payment-checkout-card p,
.payment-center-card h2,
.payment-checkout-card strong,
.payment-checkout-card .eyebrow{
color:#e9f1fa !important;
text-shadow:none !important;
}
.payment-intent-card{
background:linear-gradient(180deg,#f4f7fb,#e4ecf4) !important;
border:1px solid var(--platinum-border) !important;
color:var(--ink-strong) !important;
}
.payment-intent-card h2,
.payment-summary-box strong{
color:var(--ink-strong) !important;
}
.payment-summary-box{
background:linear-gradient(180deg,#071a33,#020914) !important;
border:1px solid rgba(180,212,255,.25) !important;
}
.payment-summary-box p,
.payment-summary-box small,
.payment-summary-box strong{
color:#e9f1fa !important;
}
.payment-alternates{
background:linear-gradient(180deg,#e9f0f7,#dce7f1) !important;
color:var(--ink-strong) !important;
border-top:1px solid var(--platinum-border);
}
.payment-alt-wrap{
display:grid;
grid-template-columns:1fr minmax(280px,420px);
gap:28px;
align-items:center;
}
.payment-alt-copy h2{
font-family:Graduate,serif;
text-transform:uppercase;
color:var(--ink-strong);
font-size:clamp(28px,4vw,44px);
margin:0 0 12px;
}
.payment-alt-gems{
display:grid;
justify-items:center;
gap:6px;
}
.payment-handle,
.support-gem-item strong{
margin:0 0 10px !important;
color:var(--ink-body) !important;
font-size:14px !important;
font-weight:950 !important;
letter-spacing:.03em !important;
text-align:center !important;
overflow-wrap:anywhere;
}
/* Parent Hub: remove noisy payment/donation block cleanly if old HTML lingers. */
.parents-page .payment-center--featured{
display:none !important;
}
/* Cash App / Venmo official gem buttons. */
.brand-btn.venmo-gem,
.brand-btn.cashapp-gem{
position:relative !important;
isolation:isolate !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:var(--gem-btn-w) !important;
max-width:318px !important;
min-width:220px !important;
height:var(--gem-btn-h) !important;
min-height:var(--gem-btn-h) !important;
padding:0 34px !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
clip-path:none !important;
color:#fff !important;
font-family:Inter,Arial,sans-serif !important;
font-size:clamp(12px,3vw,15px) !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.075em !important;
text-shadow:0 2px 5px rgba(0,0,0,.92),0 0 10px rgba(0,0,0,.54) !important;
}
.brand-btn.venmo-gem::before,
.brand-btn.cashapp-gem::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:-1 !important;
background:center/100% 100% no-repeat !important;
opacity:1 !important;
pointer-events:none !important;
filter:drop-shadow(0 18px 24px rgba(0,0,0,.40));
}
.brand-btn.venmo-gem::before{
background-image:url("gem-button-venmo.png") !important;
filter:drop-shadow(0 18px 24px rgba(0,0,0,.40)) drop-shadow(0 0 18px rgba(0,140,255,.24));
}
.brand-btn.cashapp-gem::before{
background-image:url("gem-button-emerald.png") !important;
filter:drop-shadow(0 18px 24px rgba(0,0,0,.40)) drop-shadow(0 0 18px rgba(0,168,107,.24));
}
.brand-btn.venmo-gem::after,
.brand-btn.cashapp-gem::after{
content:"" !important;
position:absolute !important;
left:15% !important;
right:15% !important;
top:17% !important;
height:1px !important;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.70),transparent) !important;
opacity:.52 !important;
pointer-events:none !important;
transform:none !important;
}
.support-gem-list{
display:grid !important;
gap:14px !important;
justify-items:center !important;
}
.support-gem-item{
display:grid !important;
justify-items:center !important;
gap:2px !important;
}
.support-gem-item .brand-btn{
margin:0 auto !important;
}
.support-page .support-card.support-handle-card{
background:linear-gradient(180deg,#eef4f9,#dfe9f3) !important;
border:1px solid var(--platinum-border) !important;
}
/* Keep old direct-giving link style from overpowering the gems if cached HTML remains. */
.support-pay-link.venmo-link::before{background-image:url("gem-button-venmo.png") !important;}
.support-pay-link.cashapp-link::before{background-image:url("gem-button-emerald.png") !important;}
/* Remove remaining visible arrow glyphs inside gems. */
.brand-btn b,
.cta-button b,
.donate-paypal-button b{
display:none !important;
}
@media(hover:hover){
.brand-btn:hover b,
.cta-button:hover b,
.donate-paypal-button:hover b{
transform:none !important;
}
}
@media(max-width:900px){
.payment-alt-wrap{
grid-template-columns:1fr;
text-align:center;
}
}
@media(max-width:760px){
.brand-btn.venmo-gem,
.brand-btn.cashapp-gem{
min-width:min(236px,82vw) !important;
max-width:270px !important;
height:62px !important;
min-height:62px !important;
padding:0 24px !important;
font-size:12px !important;
}
.contact-hero.page-hero,
.payment-center-hero.page-hero{
padding:48px 18px !important;
}
}
/* v2.0.11: two-line payment gems on Give page. */
.brand-btn.payment-gem-two-line{
flex-direction:column !important;
gap:1px !important;
line-height:1.05 !important;
height:74px !important;
min-height:74px !important;
padding:0 32px !important;
text-align:center !important;
}
.brand-btn.payment-gem-two-line .gem-brand,
.brand-btn.payment-gem-two-line .gem-handle{
position:relative !important;
z-index:2 !important;
display:block !important;
width:100% !important;
text-align:center !important;
}
.brand-btn.payment-gem-two-line .gem-brand{
font-family:Graduate,serif !important;
font-size:13px !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
color:var(--signature-gem-label,#eef5fb) !important;
}
.brand-btn.payment-gem-two-line .gem-handle{
font-family:Inter,Arial,sans-serif !important;
font-size:11px !important;
letter-spacing:.025em !important;
text-transform:none !important;
font-weight:900 !important;
color:#d8e7f4 !important;
white-space:nowrap !important;
text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 9px rgba(0,0,0,.55) !important;
}
.support-gem-item strong{display:none !important;}
.support-gem-item{gap:10px !important;}
@media(max-width:760px){
.brand-btn.payment-gem-two-line{
height:70px !important;
min-height:70px !important;
max-width:292px !important;
padding:0 24px !important;
}
.brand-btn.payment-gem-two-line .gem-brand{font-size:12px !important;}
.brand-btn.payment-gem-two-line .gem-handle{font-size:10px !important;}
}
/* v2.1.1: Desktop Luxury Pass — navigation + hero foundation */
@media (min-width: 761px) {
:root{
--desktop-max:1320px;
}
body{
background:linear-gradient(180deg,#010814,#020b18 46%,#010814);
}
/* Desktop uses the full navigation only. Mobile keeps the hamburger. */
.site-header{
overflow:visible !important;
}
.header-shell{
max-width:var(--desktop-max) !important;
grid-template-columns:200px minmax(0,1fr) !important;
gap:28px !important;
padding:14px 28px 12px !important;
}
.brand img{
width:188px !important;
}
.site-header .menu-toggle{
display:none !important;
}
.main-nav{
display:flex !important;
justify-content:flex-end !important;
gap:15px !important;
min-width:0 !important;
flex-wrap:nowrap !important;
}
.main-nav a{
font-size:11px !important;
letter-spacing:.075em !important;
padding:18px 0 16px !important;
white-space:nowrap !important;
color:#dce7f2 !important;
text-shadow:0 2px 7px rgba(0,0,0,.72) !important;
}
.main-nav a:hover,
.main-nav a.active{
color:#f4f7fb !important;
}
.main-nav a.active:after,
.main-nav a:hover:after{
bottom:7px !important;
height:2px !important;
background:linear-gradient(90deg,transparent,var(--red),transparent) !important;
}
/* Desktop hero should feel intentional and premium, not compressed. */
.hero-stage{
min-height:690px !important;
padding:112px 28px 72px !important;
display:flex !important;
align-items:center !important;
}
.hero-stage:before{
background:
linear-gradient(180deg,rgba(1,8,20,.03),rgba(1,8,20,.88) 82%),
url('hero-team.jpg') right center/auto 92% no-repeat !important;
}
.hero-stage:after{
background:linear-gradient(90deg,#010814 0%,rgba(1,8,20,.91) 28%,rgba(1,8,20,.10) 68%,rgba(1,8,20,.56) 100%) !important;
}
.hero-content,
.value-row,
.page-hero .wrap,
.section .wrap,
.team-wrap,
.hub-wrap{
max-width:var(--desktop-max) !important;
}
.hero-content h1{
font-size:clamp(66px,6.2vw,96px) !important;
line-height:1.02 !important;
margin-bottom:22px !important;
}
.hero-copy{
max-width:670px !important;
font-size:20px !important;
line-height:1.62 !important;
color:#dbe6f1 !important;
}
.hero-stage .actions{
margin-top:10px !important;
}
/* Establish the desktop content rhythm for the next passes. */
.standard-panel,
.players-panel{
padding-left:max(32px,calc((100vw - var(--desktop-max))/2 + 32px)) !important;
padding-right:max(32px,calc((100vw - var(--desktop-max))/2 + 32px)) !important;
}
.standard-panel{
gap:64px !important;
}
.players-panel{
grid-template-columns:340px repeat(5,minmax(130px,1fr)) !important;
gap:18px !important;
align-items:stretch !important;
}
.players-intro{
align-self:center !important;
}
.players-intro .actions,
.players-intro .brand-btn{
justify-content:center !important;
}
.player-card{
min-height:205px !important;
}
.cta-panel{
background:linear-gradient(180deg,#edf3f8,#dce7f0) !important;
}
}
@media (min-width: 761px) and (max-width: 1120px){
.header-shell{
grid-template-columns:170px minmax(0,1fr) !important;
gap:18px !important;
}
.brand img{width:160px !important;}
.main-nav{gap:10px !important;}
.main-nav a{font-size:10px !important;letter-spacing:.055em !important;}
.hero-stage{min-height:620px !important;}
.players-panel{grid-template-columns:1fr 1fr !important;}
.players-intro{grid-column:1/-1 !important;}
}
/* v2.1.2 — Desktop Layout & Spacing Pass
Focus: desktop section rhythm, card balance, content width, and platinum surface consistency.
Mobile rules remain untouched. */
@media (min-width: 761px){
:root{
--desktop-max:1320px;
--platinum-50:#f2f6fa;
--platinum-100:#e8eef5;
--platinum-200:#d9e3ed;
--steel-text:#42546d;
}
/* Global desktop page rhythm */
.page-hero{
padding:118px 32px 86px !important;
}
.section,
.team-light,
.team-dark,
.hub-dashboard,
.hub-light,
.hub-dark{
padding-top:86px !important;
padding-bottom:86px !important;
}
.section .wrap,
.page-hero .wrap,
.hub-wrap,
.team-wrap{
max-width:var(--desktop-max) !important;
}
/* Platinum surfaces should feel intentional, not stark white. */
.section,
.team-light,
.hub-light,
.team-control-section,
.cta-panel{
background:linear-gradient(180deg,var(--platinum-50),var(--platinum-100)) !important;
}
.card,
.resource,
.player,
.doc-card,
.announcement-list article,
.roster-wall article,
.stat{
background:linear-gradient(180deg,#f8fafc,var(--platinum-100)) !important;
border-color:#cfd9e5 !important;
box-shadow:0 18px 34px rgba(7,23,45,.12) !important;
}
/* Better People / Standard section balance */
.standard-panel{
min-height:560px !important;
grid-template-columns:minmax(420px,.95fr) minmax(520px,1.05fr) !important;
align-items:center !important;
}
.standard-panel h2,
.players-intro h2,
.cta-panel h2{
letter-spacing:.012em !important;
}
.standard-panel p,
.cta-panel p{
max-width:620px !important;
color:#31445d !important;
line-height:1.62 !important;
}
.stats-board{
gap:20px !important;
align-content:center !important;
}
.stat{
min-height:132px !important;
border-radius:0 !important;
padding:22px 24px !important;
}
.stat strong{
font-size:34px !important;
}
/* Home value row gets calmer card rhythm on desktop. */
.value-row{
max-width:var(--desktop-max) !important;
margin-top:58px !important;
gap:28px !important;
}
.value-row article{
min-height:235px !important;
padding:34px 30px !important;
background:
linear-gradient(160deg,rgba(9,32,63,.92),rgba(2,10,22,.96)),
url('digital-camo.jpg') center/cover !important;
border-color:rgba(226,235,245,.32) !important;
}
.value-row p{
color:#cfdbe8 !important;
max-width:320px !important;
margin-left:auto !important;
margin-right:auto !important;
}
/* Meet Our Players desktop composition */
.players-panel{
min-height:520px !important;
align-items:center !important;
}
.players-intro{
text-align:left !important;
max-width:340px !important;
}
.players-intro p{
color:#cfdbe8 !important;
line-height:1.62 !important;
margin-bottom:24px !important;
}
.players-intro .actions{
display:flex !important;
justify-content:flex-start !important;
width:auto !important;
}
.players-intro .brand-btn{
width:auto !important;
min-width:245px !important;
}
.player-card{
min-height:220px !important;
padding:22px !important;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease !important;
}
.player-card:hover{
transform:translateY(-5px) !important;
border-color:rgba(226,235,245,.55) !important;
box-shadow:0 28px 52px rgba(0,0,0,.36) !important;
filter:brightness(1.05) !important;
}
.player-card strong{
font-size:42px !important;
}
.player-card span{
font-size:15px !important;
}
/* Generic desktop grids: fewer cramped columns, stronger rhythm. */
.cards,
.grid2,
.roster,
.doc-grid,
.hub-card-grid,
.team-action-grid,
.roster-wall,
.season-board,
.schedule-row{
gap:22px !important;
}
.cards,
.grid2{
grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;
}
.hub-card-grid,
.doc-grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.card,
.resource,
.player,
.doc-card,
.announcement-list article{
padding:28px !important;
}
/* Two-column page/card sections get better balance. */
.hub-split,
.team-hero-grid{
grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
gap:56px !important;
}
.hub-hero-grid{
grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr) !important;
gap:56px !important;
}
/* Payment/support style panels: less floating, more composed. */
.payment-grid,
.support-grid,
.give-grid,
.contact-grid{
gap:34px !important;
align-items:start !important;
}
.quick-pay-card,
.payment-card,
.support-card,
.contact-card{
background:linear-gradient(180deg,#f8fafc,var(--platinum-100)) !important;
border:1px solid #cfd9e5 !important;
box-shadow:0 20px 42px rgba(7,23,45,.14) !important;
}
/* Footer desktop balance */
.site-footer,
.footer{
padding-left:max(24px,calc((100vw - var(--desktop-max))/2 + 24px)) !important;
padding-right:max(24px,calc((100vw - var(--desktop-max))/2 + 24px)) !important;
}
.site-footer{
min-height:96px !important;
column-gap:42px !important;
}
}
@media (min-width: 1121px) and (max-width: 1280px){
.players-panel{
grid-template-columns:320px repeat(3,minmax(150px,1fr)) !important;
}
.player-card:nth-of-type(n+5){
display:none;
}
}
/* v2.1.3 — Desktop Typography + Card System
Goal: make desktop read like the polished mobile experience without changing mobile layouts. */
@media (min-width: 1121px){
:root{
--desktop-heading:#f1f5f9;
--desktop-body:#d0dbe7;
--desktop-muted:#aebdcd;
--desktop-ink:#17263c;
--desktop-ink-soft:#43556f;
--desktop-card-border:#cbd6e3;
--desktop-card-shadow:0 18px 38px rgba(7,23,45,.13);
--desktop-card-shadow-hover:0 26px 54px rgba(7,23,45,.20);
}
body{
-webkit-font-smoothing:antialiased !important;
text-rendering:optimizeLegibility !important;
}
/* Desktop heading scale: premium, not shouty. */
.hero-content h1,
.page-hero h1,
.team-hero h1,
.hub-hero h1{
letter-spacing:.018em !important;
text-shadow:0 5px 0 rgba(0,0,0,.28),0 16px 30px rgba(0,0,0,.48) !important;
}
.standard-panel h2,
.players-intro h2,
.cta-panel h2,
.section h2,
.hub-section-head h2,
.hub-light h2,
.hub-dark h2,
.team-section-head h2,
.profile-preview h2,
.development-grid h2{
letter-spacing:.014em !important;
text-wrap:balance !important;
}
/* Readability: softer, calmer paragraph system. */
.hero-copy,
.team-lead,
.hub-lead{
color:var(--desktop-body) !important;
line-height:1.64 !important;
font-weight:760 !important;
max-width:680px !important;
}
.section p,
.standard-panel p,
.cta-panel p,
.players-intro p,
.hub-tile p,
.next-card p,
.standard-callout p,
.schedule-card small,
.team-section-head p:not(.kicker):not(.eyebrow),
.development-copy,
.profile-preview p,
.team-action-card p,
.season-board p,
.contact-card p,
.payment-card p,
.support-card p,
.quick-pay-card p{
line-height:1.62 !important;
}
.section:not(.dark) p,
.standard-panel p,
.cta-panel p,
.card p,
.resource p,
.player p,
.doc-card p,
.announcement-list p,
.contact-card p,
.payment-card p,
.support-card p,
.quick-pay-card p{
color:var(--desktop-ink-soft) !important;
font-weight:720 !important;
}
.section.dark p,
.hub-dashboard p,
.hub-dark p,
.team-dark p,
.players-panel p,
.standard-callout p{
color:var(--desktop-body) !important;
}
/* Eyebrows stay branded but less visually abrasive. */
.kicker,
.eyebrow,
.mini-meta span,
.doc-card span,
.roster-wall span,
.team-meta span{
letter-spacing:.16em !important;
font-weight:850 !important;
}
/* Unified card system across desktop. */
.card,
.resource,
.player,
.doc-card,
.announcement-list article,
.roster-wall article,
.stat,
.quick-pay-card,
.payment-card,
.support-card,
.contact-card{
border-color:var(--desktop-card-border) !important;
box-shadow:var(--desktop-card-shadow) !important;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease !important;
}
.card:hover,
.resource:hover,
.player:hover,
.doc-card:hover,
.announcement-list article:hover,
.roster-wall article:hover,
.stat:hover,
.quick-pay-card:hover,
.payment-card:hover,
.support-card:hover,
.contact-card:hover{
transform:translateY(-3px) !important;
box-shadow:var(--desktop-card-shadow-hover) !important;
border-color:#b8c7d8 !important;
}
/* Dark cards get one consistent premium treatment. */
.dark .card,
.hub-tile,
.schedule-card,
.season-board article,
.team-action-card,
.team-identity-card,
.next-card,
.standard-callout,
.player-card{
border-color:rgba(210,224,240,.22) !important;
box-shadow:0 22px 44px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.hub-tile:hover,
.schedule-card:hover,
.season-board article:hover,
.team-action-card:hover,
.team-identity-card:hover,
.next-card:hover,
.standard-callout:hover{
transform:translateY(-3px) !important;
border-color:rgba(226,235,245,.42) !important;
box-shadow:0 28px 56px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
/* Desktop gem labels: cleaner, centered, engraved feel. */
.brand-btn,
.gem-btn,
.gem-button,
a[class*="gem"]{
font-weight:820 !important;
letter-spacing:.075em !important;
text-shadow:0 1px 2px rgba(0,0,0,.55) !important;
}
/* Contact and payments readability lock. */
.contact-card h3,
.payment-card h3,
.support-card h3,
.quick-pay-card h3,
.card h3,
.resource h3,
.doc-card b,
.announcement-list strong{
color:var(--desktop-ink) !important;
}
.dark .card h3,
.hub-tile h3,
.schedule-card strong,
.season-board strong,
.team-action-card h3,
.next-card h2,
.standard-callout h3{
color:var(--desktop-heading) !important;
}
/* Better card internals: fewer cramped desktop blocks. */
.stat{
min-height:128px !important;
}
.stat strong{
font-size:34px !important;
}
.stat span{
color:#52637c !important;
}
.value-row article h3,
.hub-tile h3,
.team-action-card h3,
.schedule-card strong,
.season-board strong{
text-wrap:balance !important;
}
}
/* v2.1.4 — Desktop Page Polish
Goal: unify desktop page rhythm after the nav/hero/layout/card passes.
Mobile remains governed by existing <=760px rules. */
@media (min-width: 1051px){
/* Global desktop rhythm */
.page-hero,
.team-hero,
.hub-hero{
min-height:420px;
display:flex;
align-items:center;
}
.page-hero .wrap,
.section .wrap,
.team-wrap,
.hub-wrap{
width:min(100%,1320px);
}
.section,
.team-light,
.team-dark,
.hub-dashboard,
.hub-light,
.hub-dark{
padding-top:88px !important;
padding-bottom:88px !important;
}
/* Page hero content should feel intentional instead of stretched. */
.page-hero h1,
.team-hero h1,
.hub-hero h1{
max-width:920px;
text-wrap:balance;
}
.page-hero p,
.team-lead,
.hub-lead{
max-width:760px;
color:#d9e3ef !important;
line-height:1.58 !important;
font-weight:760 !important;
}
/* Desktop navigation polish: one clean navigation system. */
.site-header .menu-toggle{
display:none !important;
}
.header-shell{
grid-template-columns:232px 1fr !important;
max-width:1360px !important;
padding-left:30px !important;
padding-right:30px !important;
}
.main-nav{
justify-content:flex-end !important;
gap:18px !important;
}
.main-nav a{
font-size:12px !important;
letter-spacing:.095em !important;
color:#dce6f1 !important;
}
.main-nav a:hover,
.main-nav a.active{
color:#ff5b78 !important;
}
/* Library / document system: make it read like a premium catalog. */
.doc-grid,
.hub-card-grid,
.team-action-grid,
.cards,
.grid2,
.roster,
.roster-wall,
.season-board,
.schedule-row{
gap:22px !important;
}
.doc-card,
.resource,
.card,
.player,
.announcement-list article{
background:linear-gradient(180deg,#eef3f8,#dfe8f2) !important;
border-color:#c5d2e1 !important;
}
.doc-card p,
.resource p,
.card p,
.player p,
.announcement-list p{
color:#3d4f67 !important;
line-height:1.58 !important;
}
/* Parent Hub and payment areas: no cheap floating buttons/cards. */
.quick-pay-card,
.payment-card,
.support-card,
.contact-card{
background:linear-gradient(180deg,#eef3f8,#dfe7f1) !important;
border:1px solid #c4d1df !important;
box-shadow:0 18px 38px rgba(7,23,45,.13) !important;
}
.quick-pay-card p,
.payment-card p,
.support-card p,
.contact-card p,
.quick-pay-card li,
.payment-card li,
.support-card li,
.contact-card li{
color:#36485f !important;
line-height:1.58 !important;
}
/* Desktop CTA panels should be centered, calm, and platinum. */
.cta-panel{
background:linear-gradient(180deg,#eef3f8,#dfe8f2) !important;
padding-top:86px !important;
padding-bottom:86px !important;
}
.cta-panel p{
max-width:720px;
margin-left:auto;
margin-right:auto;
color:#374a63 !important;
line-height:1.62 !important;
}
.cta-panel .actions,
.cta-panel .payment-actions,
.cta-panel .support-actions{
justify-content:center !important;
}
/* Buttons: keep gems centered and eliminate arrow/offset remnants. */
.brand-btn,
.gem-btn,
.gem-button,
.payment-gem,
.support-gem,
a[class*="gem"]{
justify-content:center !important;
text-align:center !important;
gap:0 !important;
}
.brand-btn::after,
.gem-btn::after,
.gem-button::after,
.payment-gem::after,
.support-gem::after,
a[class*="gem"]::after{
content:"" !important;
}
/* Payment gems with handles should feel like engraved payment plaques. */
.payment-gem,
.support-gem,
.give-gem{
min-height:72px !important;
padding:12px 30px !important;
flex-direction:column !important;
line-height:1.05 !important;
}
.payment-gem small,
.support-gem small,
.give-gem small,
.gem-handle{
display:block !important;
margin-top:6px !important;
font-family:Inter,Arial,sans-serif !important;
font-size:12px !important;
letter-spacing:.04em !important;
font-weight:850 !important;
text-transform:none !important;
opacity:.94 !important;
}
/* Footer: consistent desktop closure. */
.site-footer,
.footer{
min-height:76px !important;
background:radial-gradient(circle at 92% 10%,rgba(240,31,69,.18),transparent 24%),linear-gradient(180deg,#061d39,#020914) !important;
}
.site-footer p,
.site-footer address,
.site-footer a,
.footer span,
.footer a{
color:#d8e2ee !important;
}
}
/* v2.1.5 — Responsive QA + Desktop Lock
Goal: final responsive stabilization after desktop luxury pass.
This is a safety/consistency pass, not a redesign. */
/* Prevent wide cards/buttons/media from causing horizontal scroll anywhere. */
html, body{max-width:100%;overflow-x:hidden;}
.site-header,.hero-stage,.page-hero,.section,.standard-panel,.players-panel,.cta-panel,.team-hero,.team-light,.team-dark,.hub-hero,.hub-dashboard,.hub-light,.hub-dark{max-width:100vw;}
/* Keep all generated/share/library/payment assets predictable. */
.social-preview-card,
.library-card,
.publication-card,
.payment-card,
.quick-pay-card,
.support-card,
.contact-card,
.doc-card,
.resource,
.card,
.player,
.player-card,
.stat,
.hub-tile,
.team-action-card{overflow-wrap:anywhere;}
/* Desktop lock */
@media (min-width:1051px){
.header-shell,
.hero-content,
.value-row,
.page-hero .wrap,
.section .wrap,
.team-wrap,
.hub-wrap{
max-width:1320px !important;
}
/* Desktop nav should never reintroduce hamburger or crowd the logo. */
.site-header .menu-toggle{display:none !important;}
.mobile-menu{display:none !important;}
.main-nav{display:flex !important;flex-wrap:wrap !important;row-gap:0 !important;}
.main-nav a{white-space:nowrap !important;}
/* Hero and primary home sections keep a consistent premium rhythm. */
.hero-stage{min-height:690px !important;display:flex !important;align-items:center !important;}
.hero-content{width:100% !important;}
.hero-copy{max-width:650px !important;color:#dbe5f0 !important;line-height:1.6 !important;}
.actions{align-items:center !important;}
/* Better People / stats: balanced desktop columns. */
.standard-panel{grid-template-columns:minmax(420px,.95fr) minmax(520px,1.05fr) !important;gap:56px !important;}
.stats-board{align-items:stretch !important;}
.stat{border-radius:0 !important;overflow:hidden !important;}
/* Player section: avoid awkward left-weighted intro at desktop widths. */
.players-panel{grid-template-columns:340px repeat(5,minmax(130px,1fr)) !important;align-items:stretch !important;}
.players-intro{align-self:center !important;}
.players-intro .actions{justify-content:flex-start !important;}
.player-card{min-height:190px !important;}
/* Desktop gemstones: centered label, no arrows, no optical offset. */
.brand-btn,
.gem-btn,
.gem-button,
.payment-gem,
.support-gem,
.give-gem,
a[class*="gem"]{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
gap:0 !important;
white-space:normal !important;
}
.brand-btn::after,
.gem-btn::after,
.gem-button::after,
.payment-gem::after,
.support-gem::after,
.give-gem::after,
a[class*="gem"]::after{content:"" !important;display:none !important;}
/* Forms and contact/payment copy: readable on desktop. */
input,textarea,select{font:inherit;}
.contact-card input,
.contact-card textarea,
.payment-card input,
.payment-card textarea{
color:#14243a !important;
background:#f1f5f9 !important;
border-color:#bdcad8 !important;
}
.contact-card label,
.payment-card label,
.support-card label{color:#273a53 !important;font-weight:850 !important;}
/* Footer should not sprawl on wide screens. */
.site-footer,
.footer{padding-left:max(28px,calc((100vw - 1320px)/2 + 28px)) !important;padding-right:max(28px,calc((100vw - 1320px)/2 + 28px)) !important;}
}
/* Tablet bridge: prevent the site from feeling like neither desktop nor mobile. */
@media (min-width:761px) and (max-width:1050px){
.header-shell{grid-template-columns:190px 1fr 88px !important;gap:18px !important;padding:12px 22px !important;}
.brand img{width:180px !important;}
.main-nav{display:none !important;}
.menu-toggle{display:block !important;justify-self:end !important;}
.hero-stage{min-height:620px !important;padding:58px 24px 42px !important;}
.hero-content{max-width:720px !important;}
.hero-content h1{font-size:clamp(48px,7vw,72px) !important;}
.hero-copy{font-size:18px !important;line-height:1.58 !important;}
.standard-panel{grid-template-columns:1fr !important;padding:64px 28px !important;}
.players-panel{grid-template-columns:1fr 1fr !important;padding:64px 28px !important;}
.players-intro{grid-column:1/-1 !important;max-width:720px !important;}
.site-footer,.footer{grid-template-columns:1fr 1fr !important;gap:18px !important;}
}
/* Mobile QA lock: preserve the mature mobile experience while fixing edge cases. */
@media (max-width:760px){
.main-nav{display:none !important;}
.site-header .menu-toggle{display:block !important;}
.mobile-menu.open{display:grid !important;}
/* Stop payment handles and long labels from breaking gemstone buttons. */
.payment-gem,
.support-gem,
.give-gem{
min-height:58px !important;
padding-top:8px !important;
padding-bottom:8px !important;
flex-direction:column !important;
line-height:1.05 !important;
}
.payment-gem small,
.support-gem small,
.give-gem small,
.gem-handle{
font-size:9.5px !important;
letter-spacing:.02em !important;
margin-top:4px !important;
max-width:100% !important;
overflow-wrap:anywhere !important;
}
/* Mobile platinum surfaces stay readable, not washed out. */
.card,.resource,.player,.doc-card,.announcement-list article,.quick-pay-card,.payment-card,.support-card,.contact-card{
background:linear-gradient(180deg,#eef3f8,#dfe8f2) !important;
color:#14243a !important;
}
.card p,.resource p,.player p,.doc-card p,.announcement-list p,.quick-pay-card p,.payment-card p,.support-card p,.contact-card p,
.quick-pay-card li,.payment-card li,.support-card li,.contact-card li{
color:#34475f !important;
}
/* Keep final CTAs from feeling cramped. */
.cta-panel .actions,
.cta-panel .payment-actions,
.cta-panel .support-actions{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
}
/* v2.1.6 — Mobile QA + Code Cleanup
Scope: stabilize mobile/tablet behavior after the desktop luxury pass.
This is intentionally conservative: no page redesigns, no desktop composition changes. */
/* Universal safety: media, long handles, and generated labels should never create horizontal scroll. */
*{min-width:0;}
html,body{width:100%;max-width:100%;overflow-x:hidden;}
img,svg,video,canvas,iframe{max-width:100%;height:auto;}
a,button,.brand-btn,.gem-btn,.gem-button,.payment-gem,.support-gem,.give-gem{ -webkit-tap-highlight-color:transparent; }
/* Keep payment handles readable without forcing buttons wider than the viewport. */
.gem-handle,
.payment-gem small,
.support-gem small,
.give-gem small{
max-width:100%;
overflow-wrap:anywhere;
word-break:normal;
}
/* Prevent pseudo arrows or inherited decorative content from returning on gemstone CTAs. */
.brand-btn::after,
.gem-btn::after,
.gem-button::after,
.payment-gem::after,
.support-gem::after,
.give-gem::after,
a[class*="gem"]::after{
content:none !important;
display:none !important;
}
/* Shared readable form defaults for contact/payment/support areas. */
input,textarea,select{
max-width:100%;
color:#14243a;
background:#eef3f8;
}
::placeholder{color:#657790;opacity:1;}
/* Tablet bridge refinement: preserve desktop polish without crowding nav/content. */
@media (min-width:761px) and (max-width:1050px){
.page-hero,.section,.team-light,.team-dark,.hub-dashboard,.hub-light,.hub-dark{
padding-left:28px !important;
padding-right:28px !important;
}
.cards,.grid2,.roster,.doc-grid,.hub-card-grid,.team-action-grid,.season-board,.schedule-row{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.team-hero-grid,.hub-hero-grid,.hub-split{
grid-template-columns:1fr !important;
}
.brand-btn,.gem-btn,.gem-button{
min-height:48px !important;
padding-left:24px !important;
padding-right:24px !important;
}
}
/* Mobile stabilization: keep the mature mobile composition while protecting edge cases. */
@media (max-width:760px){
body{font-size:16px;}
.page-hero,.section,.team-light,.team-dark,.hub-dashboard,.hub-light,.hub-dark,.cta-panel,.standard-panel,.players-panel{
padding-left:18px !important;
padding-right:18px !important;
}
.cards,.grid2,.roster,.doc-grid,.hub-card-grid,.team-action-grid,.season-board,.schedule-row,.stats-board{
grid-template-columns:1fr !important;
}
.stat.wide{grid-column:auto !important;max-width:none !important;}
.brand-btn,.gem-btn,.gem-button,.payment-gem,.support-gem,.give-gem,a[class*="gem"]{
width:100%;
max-width:100%;
justify-content:center !important;
text-align:center !important;
white-space:normal !important;
overflow:hidden;
}
.payment-gem,.support-gem,.give-gem{
min-height:62px !important;
}
.payment-gem small,.support-gem small,.give-gem small,.gem-handle{
display:block !important;
line-height:1.12 !important;
}
.mobile-menu.open{
max-height:calc(100svh - 68px);
overflow:auto;
-webkit-overflow-scrolling:touch;
}
.site-footer,.footer{
max-width:100vw;
overflow:hidden;
}
.site-footer small,.footer .foot span:last-child{
white-space:normal !important;
}
}
/* v2.1.7 — Signature Navigation / Gemstone Hamburger
Scope: mobile + tablet hamburger only. Desktop full nav remains unchanged. */
@media (max-width:1050px){
.site-header .menu-toggle{
width:58px !important;
height:54px !important;
display:grid !important;
place-items:center !important;
padding:0 !important;
border:1px solid rgba(205,225,255,.72) !important;
border-radius:0 !important;
clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%) !important;
background:
linear-gradient(135deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.13) 17%,transparent 18% 82%,rgba(255,255,255,.18) 83%,rgba(255,255,255,.36) 100%),
linear-gradient(45deg,rgba(255,255,255,.30) 0 12%,transparent 13% 38%,rgba(255,255,255,.12) 39% 47%,transparent 48% 100%),
linear-gradient(315deg,rgba(3,14,44,.38) 0 18%,transparent 19% 70%,rgba(255,255,255,.20) 71% 100%),
radial-gradient(circle at 28% 20%,rgba(130,184,255,.70),transparent 26%),
radial-gradient(circle at 76% 78%,rgba(38,116,255,.42),transparent 28%),
linear-gradient(180deg,#1768e9 0%,#083d9b 44%,#061f62 68%,#020b2a 100%) !important;
box-shadow:
0 0 0 1px rgba(69,145,255,.34),
0 9px 20px rgba(0,0,0,.42),
0 0 22px rgba(45,129,255,.28),
inset 0 1px 0 rgba(255,255,255,.52),
inset 0 -1px 0 rgba(0,0,0,.42),
inset 10px 0 18px rgba(255,255,255,.09),
inset -10px 0 18px rgba(0,0,0,.28) !important;
transform:translateY(-50%) !important;
transition:filter .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease !important;
}
.site-header .menu-toggle:before{
content:"";
position:absolute;
inset:7px;
pointer-events:none;
clip-path:polygon(16% 0,84% 0,100% 16%,100% 84%,84% 100%,16% 100%,0 84%,0 16%);
border-top:1px solid rgba(255,255,255,.36);
border-bottom:1px solid rgba(0,0,0,.32);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.site-header .menu-toggle:hover,
.site-header .menu-toggle:focus-visible{
filter:brightness(1.08) saturate(1.08) !important;
box-shadow:
0 0 0 1px rgba(169,211,255,.62),
0 12px 26px rgba(0,0,0,.46),
0 0 30px rgba(55,139,255,.44),
inset 0 1px 0 rgba(255,255,255,.58),
inset 0 -1px 0 rgba(0,0,0,.42),
inset 10px 0 18px rgba(255,255,255,.11),
inset -10px 0 18px rgba(0,0,0,.30) !important;
}
.site-header .menu-toggle:active{
filter:brightness(.98) saturate(1.05) !important;
}
.site-header .menu-toggle span{
position:absolute !important;
left:50% !important;
width:26px !important;
height:3px !important;
margin:0 !important;
border-radius:999px !important;
background:linear-gradient(180deg,#f7fbff,#bcc8d7 52%,#6f7f94) !important;
box-shadow:
0 1px 0 rgba(255,255,255,.52),
0 2px 5px rgba(0,0,0,.58),
inset 0 1px 0 rgba(255,255,255,.62) !important;
transform:translateX(-50%) !important;
transform-origin:center !important;
transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .16s ease,top .22s cubic-bezier(.2,.8,.2,1),background .2s ease !important;
}
.site-header .menu-toggle span:nth-child(1){top:17px !important;}
.site-header .menu-toggle span:nth-child(2){top:25px !important;}
.site-header .menu-toggle span:nth-child(3){top:33px !important;}
.site-header .menu-toggle.is-open,
.site-header .menu-toggle[aria-expanded="true"]{
background:
linear-gradient(135deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.12) 17%,transparent 18% 82%,rgba(255,255,255,.16) 83%,rgba(255,255,255,.32) 100%),
radial-gradient(circle at 30% 18%,rgba(255,145,166,.54),transparent 26%),
radial-gradient(circle at 76% 80%,rgba(240,31,69,.38),transparent 30%),
linear-gradient(180deg,#f23857 0%,#c8102e 48%,#7f071d 100%) !important;
border-color:rgba(255,214,222,.78) !important;
box-shadow:
0 0 0 1px rgba(240,31,69,.45),
0 12px 28px rgba(0,0,0,.48),
0 0 28px rgba(240,31,69,.42),
inset 0 1px 0 rgba(255,255,255,.48),
inset 0 -1px 0 rgba(0,0,0,.44) !important;
}
.site-header .menu-toggle.is-open span:nth-child(1),
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(1){
top:25px !important;
transform:translateX(-50%) rotate(45deg) !important;
}
.site-header .menu-toggle.is-open span:nth-child(2),
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){
opacity:0 !important;
}
.site-header .menu-toggle.is-open span:nth-child(3),
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(3){
top:25px !important;
transform:translateX(-50%) rotate(-45deg) !important;
}
}
@media (max-width:760px){
.site-header .menu-toggle{
width:52px !important;
height:48px !important;
right:14px !important;
}
.site-header .menu-toggle span{
width:23px !important;
height:2.5px !important;
}
.site-header .menu-toggle span:nth-child(1){top:15px !important;}
.site-header .menu-toggle span:nth-child(2){top:23px !important;}
.site-header .menu-toggle span:nth-child(3){top:31px !important;}
.site-header .menu-toggle.is-open span:nth-child(1),
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(1),
.site-header .menu-toggle.is-open span:nth-child(3),
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(3){top:23px !important;}
}