/* ============================================================
   About — Seiten-CSS (template-about.php)
   Enthält nur, was die Preview für #v-about inline gesetzt hat;
   alles Übrige (page-hero, split, values, btn) steht in main.css.
   ============================================================ */

.about-hero h1 { max-width: 15ch; }

/* Rollenzeile unter dem Namen */
.about-role {
  font-size: 1.06rem;
  font-family: var(--mono);
  letter-spacing: 0.06em;
  color: var(--cyan-deep);
}

/* ---- Bild-Slots IMG-06 / IMG-07 ----
   width/height stehen am <img>; height:auto hält das Seitenverhältnis,
   damit der Slot schon vor dem Laden seinen Platz kennt (CLS = 0). */
.about-portrait,
.about-story { margin: 0; }

.about-portrait img,
.about-story img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line-strong);
}