:root{--red:#FF1616;--red-dark:#C20000;--gold:#A49D9D;--yellow:#F6F424;--black:#000000;--charcoal:#000000;--cream:#FFFFFF}
body{background:var(--black);font-family:Arial,Helvetica,sans-serif}
.topbar{background:var(--gold);color:#050505;font-weight:900;letter-spacing:.12em}
.nav{background:rgba(5,5,5,.97);border-bottom:3px solid var(--gold);padding-top:.65rem;padding-bottom:.65rem;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.brand-logo{width:70px;height:70px;border-radius:50%;object-fit:contain;background:#fff;border:2px solid var(--gold)}
.brand{font-family:Impact,'Arial Black',sans-serif;font-size:1.25rem;letter-spacing:.05em}
.brand small{font-family:Arial,sans-serif;color:var(--yellow);letter-spacing:.16em}
.links a{font-weight:900;text-transform:uppercase;font-size:.82rem;letter-spacing:.04em}
.links a:hover{color:var(--yellow)}
.button{background:var(--red);border-color:var(--red);text-transform:uppercase;letter-spacing:.04em;box-shadow:5px 5px 0 var(--gold)}
.button.alt{background:rgba(0,0,0,.55);border-color:var(--yellow);color:var(--yellow);box-shadow:none}
.hero,.page-hero{position:relative;background-position:center;background-size:cover;border-bottom:8px solid var(--gold)}
.hero:before,.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.8) 52%,rgba(0,0,0,.28))}
.hero>* ,.page-hero>*{position:relative;z-index:1}
.home-page .hero{background-image:url('assets/academy-classroom.png');min-height:690px}
.youth-page .page-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.78) 55%,rgba(0,0,0,.18)),url('assets/academy-classroom.png')}
.outreach-page .page-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.74) 55%,rgba(0,0,0,.12)),url('assets/family-story.png')}
.yacip-page .page-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72) 55%,rgba(0,0,0,.12)),url('assets/transformation-road.png')}
.housing-page .page-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.73) 55%,rgba(0,0,0,.12)),url('assets/community-thanks.png')}
.hero h1,.page-hero h1,.section h2{font-family:Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.hero h1,.page-hero h1{text-shadow:3px 3px 0 rgba(0,0,0,.7)}
.eyebrow{color:var(--yellow);font-weight:900;letter-spacing:.14em}
.hero-card{border-left-color:var(--red);box-shadow:16px 16px 0 var(--gold);background:rgba(255,255,255,.96)}
.statbar{background:var(--gold);border-bottom:5px solid var(--red)}
.section{position:relative}
.section.dark{background:linear-gradient(145deg,#080808,#1b1b1b)}
.section.light,.section:not(.dark){background:var(--cream)}
.card{border-top-width:8px;box-shadow:0 15px 35px rgba(0,0,0,.16);background:linear-gradient(150deg,#fff,#f7f1df)}
.card:hover{transform:translateY(-4px);transition:.2s}
.tag{background:#080808;color:var(--yellow)}
.schedule{background:#080808;border-left-color:var(--red);box-shadow:12px 12px 0 var(--gold)}
.schedule h3{color:var(--yellow)}
.checklist li:before{color:var(--red)}
.process li:before{background:var(--red);box-shadow:3px 3px 0 var(--gold)}
.cta{background:linear-gradient(105deg,#8f0509,var(--red));border-top:7px solid var(--gold)}
.cta .button{background:#fff;color:#050505;border-color:#fff}
.form input,.form select,.form textarea{border:2px solid #aaa}
.footer{border-top:3px solid var(--gold)}
@media(max-width:700px){.brand-logo{width:52px;height:52px}.home-page .hero{min-height:620px}.hero:before,.page-hero:before{background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.5))}.page-hero{background-position:64% center}}

/* Semibold interface typography */
.topbar,.links a,.button,.eyebrow,.tag,.card a,.form button,.schedule strong,.stat strong{font-weight:600}
.brand small{font-weight:600}

/* Semibold hero typography */
.hero h1,.page-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.02}
.hero p,.page-hero p{font-weight:600}

.home-page .hero{grid-template-columns:1fr}
.home-page .hero>div{max-width:900px}

/* Site-wide semibold typography */
h1,h2,h3,h4,h5,h6,strong,b,.brand,.brand small,.links a,.button,.eyebrow,.tag,.card a,.stat strong,.schedule h3,.process li:before,.form button{font-family:Arial,Helvetica,sans-serif;font-weight:600}
.schedule-stack{display:grid;gap:1.25rem;align-content:start}
.launch-badge{display:inline-flex;align-items:center;width:max-content;margin:.4rem 0 .85rem;padding:.45rem .8rem;border:2px solid #000;background:#f6f424;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:4px 4px 0 #ff1616}