/* FIRST 100 DAYS PAGE */
.hero--first100 {
  min-height: 480px;
  background-image:
    linear-gradient(rgba(13,32,64,0.80), rgba(13,32,64,0.80)),
    url('../images/city/city-city-hall.jpg'),
    url('../../images/hero-banner.png'),
    linear-gradient(135deg, #0D2040 0%, #1A4FA0 100%);
  background-size: cover;
  background-position: top center;
}
.hero--first100 h1 { color: var(--white); }

.hero--first100 .hero__inner {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: var(--2xl);
  align-items: center;
}

.hero__headshot-sm {
  width: 100%;
  height: 360px;
  object-fit: cover;
  object-position: center top;
  border-radius: var(--radius-card);
  border: 4px solid var(--gold);
}
.hero__headshot-sm-placeholder {
  width: 100%; height: 360px;
  background: rgba(26,79,160,0.4);
  border-radius: var(--radius-card);
  border: 4px solid var(--gold);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: 56px; font-weight: 700; color: var(--gold);
}

@media (max-width: 900px) {
  .hero--first100 .hero__inner { grid-template-columns: 1fr; }
  .hero__headshot-sm,
  .hero__headshot-sm-placeholder { display: none; }
}