:root{
  --bg:#f8f8fb; --ink:#1a1a1a; --muted:#5a5a66; --line:#e6e6ef; --brand:#0d2b4d;
  --radius:18px; --shadow:0 8px 24px rgba(0,0,0,.06); --caps:0.14em;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;color:var(--ink);font:16px/1.5 "Inter",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif}
body{
  background:linear-gradient(to bottom right,
    rgba(255,153,153,0.08),
    rgba(255,204,102,0.08),
    rgba(255,255,153,0.08),
    rgba(153,255,153,0.08),
    rgba(153,204,255,0.08),
    rgba(204,153,255,0.08));
  background-attachment:fixed;
  color:var(--ink);
}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{background:linear-gradient(180deg,#0d2b4d,#183d6e);color:#fff;padding:44px 20px 32px;border-bottom:1px solid rgba(255,255,255,.12)}
.mast{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}
.brand{font-weight:800;letter-spacing:var(--caps);text-transform:uppercase}
.brand small{display:block;margin-top:6px;font-weight:500;opacity:.85;letter-spacing:0}
nav a{color:#e9edf5;margin-left:18px;font-weight:600}
.hero{margin-top:28px;display:grid;gap:10px}
.hero h1{margin:0;font-size:clamp(26px,4vw,38px);line-height:1.2}
.hero p{margin:6px 0 0;color:#d8deea;max-width:60ch}
section{padding:40px 0;border-top:1px solid var(--line)}
.grid{display:grid;gap:18px;margin:28px 0 8px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
h2{font-size:clamp(20px,3.4vw,28px);margin:0 0 14px;letter-spacing:var(--caps);text-transform:uppercase;color:#0d2b4d}
h3{margin:0 0 10px;font-size:18px}
p{margin:0 0 10px;color:var(--muted)}
ul{margin:8px 0 0 20px;color:var(--muted)}
.pill{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;margin:6px 8px 0 0;color:#0d2b4d;font-weight:600}
.cta{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:10px;background:#0d2b4d;color:#fff;font-weight:700}

.footer-top{text-align:center;margin-bottom:12px;color:var(--muted)}
.keys{text-align:center;font-weight:800;letter-spacing:var(--caps);text-transform:uppercase;color:#0d2b4d}
.addr{margin-top:8px;text-align:center;color:var(--muted)}
.divider{height:1px;background:var(--line);margin:20px auto;max-width:560px}
.breadcrumb{margin:8px 0 0;color:#d8deea}

/* PRINT STYLES */
@media print {
  body {
    background:none !important;
    color:#000;
    font-family:Georgia, "Times New Roman", serif;
  }
  header, nav, .cta, .divider, .breadcrumb {
    display:none !important;
  }
  .card {
    box-shadow:none !important;
    border:1px solid #999 !important;
    page-break-inside:avoid;
  }
  a::after {
    content:" (" attr(href) ")";
    font-size:0.8em;
    color:#555;
  }
  
  footer::before {
    content:"The Vanguard Initiative for Arts & Enterprise — Creativity · Inclusivity · Integrity · Impact · Renewal";
    display:block;
    margin-bottom:6px;
  }
  footer::after {
    content:"https://vanguardforthearts.org";
    display:block;
    font-size:10px;
    color:#777;
    margin-top:4px;
  }
}


/* ============================================
   FOOTER — Unified styling with dark gradient
   ============================================ */

footer {
  margin-top: 40px;
  padding: 32px 20px 48px;
  text-align: center;
  background: linear-gradient(135deg, #1b2434, #3c4a63);
  color: #ffffff;
  border-top: 1px solid rgba(255,255,255,0.25);
}

footer .wrap {
  max-width: 900px;
  margin: 0 auto;
}

footer .divider {
  height: 1px;
  width: 100%;
  background: rgba(255,255,255,0.25);
  margin: 10px 0 18px 0;
}

footer .keys {
  font-size: 15px;
  margin-bottom: 12px;
  letter-spacing: 0.03em;
  color: #e6e6e6;
}

footer .footer-top {
  font-size: 13px;
  margin-bottom: 6px;
  color: #e6e6e6;
}

footer .addr {
  font-size: 13px;
  color: #e6e6e6;
}

footer a {
  color: #ffffff;
  text-decoration: underline;
}

footer a:hover {
  opacity: 0.85;
}