/* ============================================================
   page-index.css — homepage only
   ============================================================ */

:root {
  --bf-hero-overlay: rgba(255,255,255,.32);
}

.hero {
}
.hero {
  position: relative;
  /*min-height: 76vh; */
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  background:
    linear-gradient(var(--bf-hero-overlay), var(--bf-hero-overlay)),
    url("https://images.unsplash.com/photo-1559526324-593bc073d938?auto=format&fit=crop&w=2200&q=70");
  background-size: cover;
  background-position: center;
}
.hero-card {
  background: color-mix(in srgb, var(--bf-card) 90%, transparent);
  border: 1px solid rgba(31,58,138,.18);
  box-shadow: 0 18px 56px rgba(2,6,23,.12);
}
.muted { color: var(--bf-muted) !important; }
.pill {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  border: 1px solid rgba(31,58,138,.18);
  background: rgba(255,255,255,.55);
  color: rgba(17,24,39,.86);
  padding: .35rem .7rem;
  border-radius: 999px;
  font-size: .9rem;
}
.lead b { font-weight: bold; }