:root{
  --red:#b00020; /* primary red */
  --red-dark:#8b0018;
  --bg:#fff5f5;
  --muted: #fbecec;
  --text:#1a1a1a;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.45;color:var(--text);background:var(--bg);margin:0}
.container{max-width:1000px;margin:0 auto;padding:2rem}
.site-header{background:linear-gradient(90deg,var(--red) 0%,var(--red-dark) 100%);color:white}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem}
.logo{margin:0;font-size:1.25rem}
.nav a{color:rgba(255,255,255,0.95);text-decoration:none;margin-left:1rem}
.hero{background:linear-gradient(180deg,rgba(176,0,32,0.08),transparent);padding:4rem 0}
.hero-inner{text-align:center}
.hero h2{font-size:2.25rem;margin:0 0 .5rem;color:var(--red-dark)}
.lead{margin:.5rem 0 1.25rem;color:#3b3b3b}
.cta{display:inline-block;background:var(--red);color:white;padding:.6rem 1rem;border-radius:8px;text-decoration:none}
.card{background:white;border-radius:10px;padding:1.25rem;margin:1.25rem 0;box-shadow:0 6px 20px rgba(176,0,32,0.08)}
.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.project{background:linear-gradient(180deg,var(--muted),white);padding:1rem;border-radius:8px;border:1px solid #ffecec}
.project h4{margin:.25rem 0}
.site-footer{padding:1rem 0;text-align:center;color:#6b3036}
@media (max-width:600px){.site-header .container{flex-direction:column;gap:.5rem}.nav a{margin-left:.5rem}}