/* huhu.Media — concepts-v2 · page styles: ueber-mich.html (loads after style.css) */

/* ---------- Hero: text + portrait side by side ---------- */
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(15rem, 9rem + 24vw, 26.25rem);
  gap: clamp(2rem, 1.4rem + 3vw, 3.75rem);
  align-items: center;
}

.hero-grid .lead {
  margin-top: var(--space-l);
  max-width: 33em;
}

@media (max-width: 53.99rem) {
  .hero-grid { grid-template-columns: 1fr; gap: var(--space-l); }
  .hero-grid .portrait-frame { max-width: 20rem; }
}

/* ---------- Story cards: number label directly above copy ---------- */
.card .card__num + p { margin-top: var(--space-s); }

/* ---------- Zahlen-Band: bordered stats strip with hairline dividers ---------- */
.stats--band {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  gap: 1px;
  background: var(--border-strong);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius);
  overflow: hidden;
}

.stats--band .stat {
  background: var(--bg);
  text-align: center;
  padding: clamp(1.5rem, 1.2rem + 1.6vw, 2.5rem) clamp(1rem, .8rem + 1vw, 1.75rem);
}

.stats--band .stat__label { margin-top: var(--space-2xs); }

/* ---------- Section head lead + centered chip row (Standort) ---------- */
.section__head .lead { margin-top: var(--space-s); max-width: 40em; }

.chip-row--center {
  justify-content: center;
  margin-top: var(--space-l);
  text-align: center;
}