/* ═══════════════════════════════════════════════════════
   Wer wir sind  ·  Verdichtung

   Nur Abstände, Zeilenführung und die Ausrichtung des Fotos.
   Keine neue Struktur, keine Farben, keine Schriftgrössen.
   Alles über #warum gehängt, damit styles.css unberührt bleibt.
   ═══════════════════════════════════════════════════════ */

/* Der Platz fürs grössere Foto kommt aus dem Spaltenabstand
   (84 → 48 px), nicht aus der Textspalte. Sonst würde der Text
   schmaler, bräuchte mehr Zeilen und die Section wieder mehr
   Höhe — genau das Gegenteil des Ziels. */
#warum .founders{
  grid-template-columns:1fr 1.07fr;
  column-gap:clamp(32px,3.4vw,48px);
  row-gap:0;
  align-items:stretch;          /* Foto füllt die Zeile des Textes */
}

/* Die beiden Profile stehen jetzt in einer eigenen Rasterzeile.
   Dadurch reicht die erste Zeile nur bis zum Ende des letzten
   Absatzes — und das Foto schliesst dort bündig ab. */
#warum .founders__fig{align-self:stretch}
#warum .founders__fig img{
  width:100%;height:100%;object-fit:cover;display:block;
  object-position:50% 32%;
}

/* Absätze: engere Zeilen, volle Spaltenbreite statt 52ch —
   beides spart Zeilen, ohne ein Wort zu streichen. */
#warum .founders__text p{
  margin-bottom:12px;max-width:none;line-height:1.5;
}
/* Ab 1440 px kippte die Headline in der halbbreiten Spalte auf
   drei Zeilen — 56 px allein dafür. Gedeckelt bleibt sie
   zweizeilig, ohne dass sie an Präsenz verliert. */
#warum .founders__text .h2{
  margin-bottom:14px;
  font-size:clamp(1.8rem,3.1vw,2.6rem);
}
#warum .founders__text .eyebrow{margin-bottom:12px}

/* Die beiden Profile enger an den Text und aneinander */
/* Letzter Absatz ohne Aussenabstand — sonst reicht das Foto
   12 px über die Textkante hinaus statt bündig abzuschliessen. */
#warum .founders__text p:last-child{margin-bottom:0}

#warum .who{margin-top:22px;padding-top:20px;gap:13px}

@media (max-width:900px){
  #warum .founders{grid-template-columns:1fr}
  #warum .founders__text p{max-width:56ch}
}