@import url('../../shared/base.css');
:root{
  --font-heading:'Georgia',serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#b91c1c;--accent-2:#111827;--bg:#fdfaf5;--text:#111827;
  --header-bg:#fdfaf5;--nav-bg:#fdfaf5;--card-bg:#fdfaf5;--stats-bg:#fdfaf5;--border:#111827;
  --hero-bg:#fdfaf5;--hero-text:#111827;--footer-bg:#111827;
}
.hero{text-align:left;padding:5rem 2rem}
h1{font-size:clamp(2.6rem,8vw,5rem);text-transform:uppercase;letter-spacing:-.02em}
.card-grid{grid-template-columns:2fr 1fr 1fr}
.card:first-child{grid-column:1/2;grid-row:1/3;border:3px solid #111;padding:2rem}
.card{border-left:3px solid var(--accent-1);border-radius:0;padding:1rem 1rem 1rem 1.3rem}
.gallery-grid{grid-template-columns:2fr 1fr 1fr 1fr}
.gallery-item:first-child{grid-column:span 2;grid-row:span 2}