/* Visual direction drawn from the supplied NJCWWA campaign flyer. */
:root{--ink:#f7faf8;--muted:#bac8cf;--paper:#071018;--sand:#101d28;--accent:#d4f500;--line:#32434c;--mint:#19d5c0;--purple:#a277ff}
body{background:#071018;color:var(--ink)}
.announcement{background:#d4f500;color:#071018;font-weight:700}
.site-header{background:#071018;border-bottom-color:#2b404a}
.brand-mark{background:#182735;color:#fff;border:1px solid #21d3be;transform:skew(-5deg)}
.brand-mark span{color:var(--accent)}
.brand strong{letter-spacing:1.5px}.brand small{color:#b9cbd2}
nav>a:hover,.text-link:hover{color:var(--mint)}
.button{background:var(--accent);color:#081118;border-color:var(--accent);font-weight:800;box-shadow:4px 4px 0 #7150aa;transition:transform .15s,background .15s}
.button:hover{color:#071018;background:#e1ff3e;border-color:#e1ff3e;transform:translateY(-2px)}
.hero{padding:68px 0 62px;background:radial-gradient(ellipse at 82% 12%,#29204a80,transparent 58%),#071018;position:relative}
.hero-grid{grid-template-columns:.8fr 1.2fr;gap:38px}
.hero .eyebrow{color:var(--mint);font-size:11px;letter-spacing:2px}
.hero .line{background:var(--mint)}
h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(45px,4.9vw,72px);font-weight:900;text-transform:uppercase;letter-spacing:.1px;line-height:1.02}
h1 em{display:block;font-family:inherit;font-weight:inherit;font-style:italic;color:var(--accent);text-shadow:3px 3px 0 #58359b}
.intro{color:#c4d1d8;font-size:16px;line-height:1.7}.hero-note{color:#a9bec9}.hero .actions{gap:20px}.hero .button{font-size:12px;padding:15px 18px}
.hero-flyer{margin:0;min-width:0;align-self:center;border:1px solid #37535b;box-shadow:10px 10px 0 #41236d,0 0 50px #00c8b412;background:#030b12;transform:rotate(-1deg)}
.hero-flyer>a{display:block;line-height:0}.hero-flyer img{display:block;width:100%;height:auto;object-fit:contain}
.hero-flyer figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;font-size:10px;letter-spacing:1.2px;color:var(--mint);border-top:1px solid #29424b}
.hero-flyer figcaption a{font-size:11px;letter-spacing:0;color:#fff}
.purpose-band{background:#12232d;border-top:1px solid #2cd1be;border-bottom:1px solid #473269}
.purpose-band p{color:var(--mint)}.purpose-band h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:28px;letter-spacing:.3px}
h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:.4px;font-size:clamp(32px,3.4vw,46px)}
h3{color:#fff}.eyebrow{color:var(--mint)}.number{color:var(--accent);font-weight:800}.section-head>p:last-child,.pillars p,.audiences p{color:var(--muted)}
.pillars article:nth-child(1){border-top:3px solid var(--purple)}.pillars article:nth-child(2){border-top:3px solid var(--mint)}.pillars article:nth-child(3){border-top:3px solid var(--accent)}
.light{background:#101b26}.audiences{border-color:#3a4d58}.audiences article{border-color:#3a4d58;background:#0b151f}.card-top{color:var(--mint)}.audiences article:nth-child(2) .card-top,.audiences article:nth-child(3) .card-top{color:var(--accent)}
.audiences article:hover{background:#14222e}.benefits h3{color:var(--accent)}.benefits .muted{color:#b2c4cc}
.partner-feature{border-top:2px solid var(--purple)}.partner-abbreviation{color:var(--mint)}
.vision{background:linear-gradient(110deg,#291444,#0c2731)}.vision .eyebrow{color:var(--mint)}.vision em{font-family:inherit;color:var(--accent);font-weight:inherit}.vision p:not(.eyebrow){color:#d5e0e5}
.outline{background:transparent;color:var(--accent);border-color:var(--accent);box-shadow:none}.outline:hover{background:var(--accent);color:#071018}
.play-symbol{background:#33204e;border:2px solid var(--purple);color:var(--accent)}.podcast p:not(.eyebrow){color:var(--muted)}
.contact{background:linear-gradient(120deg,#0c2b30,#141b2b)}.contact-box{background:#09131d;border:1px solid #3d6267;border-top:3px solid var(--mint)}
.contact-box h3{color:var(--accent)}.contact .email{color:var(--mint)}.contact .muted,.contact-box p{color:#b9cbd2}
.contact-box input,.contact-box textarea,select{background:#13232e;color:#fff;border-color:#63828d}.contact-box input:focus-visible,.contact-box textarea:focus-visible{outline-color:var(--accent)}
footer{background:#040b11}.footer-bottom{color:#a8bdc7}.footer-brand{color:#fff}.skip{background:#d4f500;color:#071018}
.menu-toggle{color:var(--accent);border-color:#5f717c}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1.15fr;gap:25px}h1{font-size:49px}.hero-flyer figcaption{padding:12px;font-size:8px}.hero .actions{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.hero{padding:38px 0 45px}.hero-grid{grid-template-columns:1fr;gap:30px}h1{font-size:clamp(46px,11.5vw,68px);max-width:520px}.hero-flyer{transform:none;box-shadow:5px 5px 0 #41236d}.hero-flyer figcaption{font-size:9px;padding:12px}.hero-flyer figcaption a{font-size:11px;min-height:32px;display:flex;align-items:center}.hero .actions{flex-direction:row;align-items:center}.purpose-band h2{font-size:25px}.announcement .wrap{font-size:10px}.partner-feature .button{max-width:100%}.vision h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}
.vision{color:#f7faf8}