/* Wizard Volleyball Academy identity refresh — primary logo palette */
:root{--navy:#080b7d;--blue:#121a98;--royal:#1639ce;--gold:#ef1721;--ink:#181a42;--mist:#f0f1ff}
body{color:#262642;background:#fff}
.utility{background:#05075d;color:#d8dafe;border-bottom:1px solid #ffffff20}
.header{background:#fff;border-bottom:4px solid #ed1221;box-shadow:0 7px 24px #090c7218}
.nav{min-height:96px}
.brand{font-size:23px;gap:14px;color:#0a0b72}
.brand .mark{width:70px;height:70px;border-radius:0;transform:none;background:none;box-shadow:none}
.brand .mark img{width:100%;height:100%;object-fit:contain}
.brand small{color:#ed1221}
nav a:hover{color:#e51625}
.btn{background:#ed1725;color:#fff;border-radius:6px;box-shadow:0 8px 0 #ac0b18,0 15px 24px #10054b25;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{background:#cf1322;box-shadow:0 5px 0 #990c16,0 12px 20px #10054b22;transform:translateY(-2px)}
.btn.blue{background:#11149a;color:#fff;box-shadow:0 7px 0 #070958,0 12px 20px #10054b20}
.btn.blue:hover{background:#252ac0}
.btn.outline{background:transparent;border:2px solid #ffffffb3;box-shadow:none;color:#fff}
.hero{background:radial-gradient(circle at 78% 30%,#3135bc 0%,#11138a 34%,#08095f 72%);min-height:700px}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050750 2%,transparent 76%);pointer-events:none}
.hero .wrap{z-index:3}
.hero .eyebrow{color:#fff;letter-spacing:.17em;border-left:5px solid #f11624;padding-left:15px}
.hero h1{font-size:clamp(70px,10vw,145px);text-shadow:0 7px 0 #080b68}
.hero h1 em{color:#ff2a32;text-shadow:0 6px 0 #7f0a24}
.hero p{color:#e8e8ff}
.court{opacity:.11}
.orb{border-color:#fff2;box-shadow:0 0 0 70px #ffffff07,0 0 0 140px #ffffff05}
.ball{width:380px;height:380px;right:5%;top:18%;opacity:1;filter:drop-shadow(0 28px 26px #0007)}
.ball.brand-hero-logo{overflow:visible}
.hero-tag{color:#fff;z-index:4}
.stats{background:#ed1725;color:#fff}
.stat{border-color:#ffffff32}
.stat strong{font-size:40px}
.section.alt{background:#f0f2ff}
.kicker{color:#e31524}
.section h2{color:#090b73}
.lead{color:#5a5c7c}
.photo{background:linear-gradient(135deg,#080b7d,#dc0d25)}
.photo{min-height:590px;background:#090b69}
.photo img{object-fit:contain;object-position:center}
.photo:after{display:none}
.photo-label{display:none}
.photo-label{text-shadow:0 4px 15px #0009}
.check:before{background:#ed1725;color:white}
.card{border:1px solid #dcdff6;box-shadow:0 15px 35px #0a0b6413;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-7px);box-shadow:0 18px 45px #0a0b6425}
.card .visual{background:#15158c}
.card:first-child .visual img{object-fit:cover;object-position:center 43%;transform:scale(1.38);transform-origin:center 43%}
.card:nth-child(2) .visual img{object-fit:cover;object-position:center 49%;transform:scale(1.06);transform-origin:center 49%}
.card .visual span{background:#ed1725;color:white}
.card h3{color:#0b0d77}
.arrowlink{color:#d51222}
.dark{background:linear-gradient(145deg,#070854,#15169a)}
.dark .kicker{color:#ff5460!important}
.season>div{border-color:#ef1721;background:#ffffff0b;border-radius:5px}
.season span{color:#ff6871}
.tryout{background:linear-gradient(110deg,#e91121,#ae081e);color:white}
.tryout h2{color:white}
.tryout .btn{background:#fff;color:#121387;box-shadow:0 7px 0 #efb8bb}
.calendar{border:2px solid #d9ddfb;box-shadow:0 13px 36px #080a7716}
.recruit aside{background:#0a0b7d;border-top:6px solid #ed1725}
.contact>div{border-top:4px solid #ee1726;background:#fff;box-shadow:0 7px 28px #0a0b6410}
.contact small{color:#ce0d20}
footer{background:#070850;border-top:6px solid #ed1525}
footer .brand{color:white}
footer .brand small{color:#ff6b76!important}
.intro{background:radial-gradient(circle,#2024aa,#080966 75%);animation:introHide .7s ease 2.1s forwards}
.intro:before{content:'';position:absolute;width:70vmin;height:70vmin;border:2px solid #ffffff1c;border-radius:50%;box-shadow:0 0 0 45px #ffffff0a,0 0 0 90px #ffffff06;animation:ringPulse 1.8s ease-out both}
.intro .mark{width:220px;height:220px;background:none;transform:none;animation:logoDrop 1.25s cubic-bezier(.15,.9,.18,1.2) both}
.intro .mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 20px #0005)}
.intro h2{font-size:44px;letter-spacing:.07em;margin-bottom:8px}
.intro p{color:#ff4051;letter-spacing:.28em}
@keyframes ringPulse{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes logoDrop{from{transform:translateY(-70px) scale(.7) rotate(-14deg);opacity:0}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}
@media(max-width:900px){nav{top:96px}.ball{right:-90px;opacity:.34}}
@media(max-width:620px){.nav{min-height:83px}.brand .mark{width:60px;height:60px}.hero{min-height:640px}.hero h1{font-size:78px}.ball{top:45%;width:290px;height:290px;right:-85px;opacity:.32}.intro .mark{width:185px;height:185px}nav{top:83px}.photo{min-height:440px}}
@media(prefers-reduced-motion:reduce){.intro{display:none!important}}