:root{
  --brand:#7A0A0A;
  --brand-ink:#4C0606;
  --bg:#ffffff;
  --surface:#F7F7F8;
  --text:#111319;
  --muted:#6B7280;
  --border:#E5E7EB;
  --shadow:0 12px 30px rgba(0,0,0,.12);
  --radius:16px;
  --tap:44px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}
html{scroll-behavior:smooth}
body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height:1.5;
  font-size: clamp(15px, 1.1vw + 0.5rem, 18px);
}
h1,h2,h3,h4{font-family: Outfit, Inter, system-ui, sans-serif; line-height:1.15; margin: 0 0 .5em}
h1{font-size:clamp(1.8rem,4vw,3rem)}
h2{font-size:clamp(1.4rem,2.4vw,2rem)}
h3{font-size:clamp(1.1rem,1.6vw,1.3rem)}
p{margin:.5em 0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1100px;margin:0 auto;padding:clamp(16px,3vw,28px)}
.muted{color:var(--muted)}
.small{font-size:.9em}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:var(--tap);padding:0 16px;border-radius:999px;border:1px solid transparent;
  cursor:pointer;gap:8px;
}
.btn-primary{ 
  background-image: linear-gradient(135deg, #7A0A0A, #9b1c1c);
  color:#fff;
  border:0;
  transition: transform .08s ease, filter .2s ease, box-shadow .2s ease;
}
.btn-ghost{background:transparent;border-color:var(--border)}
.btn-outline{background:#fff;border-color:var(--border)}
.btn-link{background:transparent;padding:0;height:auto;color:var(--brand);}
.input, select{
  width:100%;height:var(--tap);border-radius:12px;border:1px solid var(--border);
  padding:0 14px;background:#fff;outline:none;
}
.label{display:block;margin:.5rem 0 .25rem}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.card-media{aspect-ratio: 16/9; overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-body{padding:18px}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.person{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}
.avatar{width:100%;max-width:100%;aspect-ratio:1/1;border-radius:999px}
.hidden{display:none !important}

/* Sans-serif body font */
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,'Noto Sans','Liberation Sans',sans-serif}

/* --- Theming upgrades: buttons --- */
.btn-primary{ 
  background-image: linear-gradient(135deg, #7A0A0A, #9b1c1c);
  color:#fff;
  border:0;
  transition: transform .08s ease, filter .2s ease, box-shadow .2s ease;
}
.btn-primary:hover{ filter: brightness(1.05) }
.btn-primary:active{ transform: translateY(1px) }

.btn-primary:hover{ filter: brightness(1.05) }
.btn-primary:active{ transform: translateY(1px) }