/* 07b-team — die Mannschaft als Porträtraster auf dunklem Grund (Kundenwunsch 21.09.2026).
   Die Fotos sind im Laden vor dunklem Hintergrund entstanden; auf .rad-dark laufen sie randlos in die Fläche
   aus, statt als helle Karten darauf zu liegen. Deshalb hier bewusst KEIN Kartenhintergrund und kein Schatten —
   ein Weichschatten auf dieser Fläche zöge ohnehin Konturlinien (Banding).
   Getragen wird die Kachel allein vom Bild, einer feinen Rundung und dem Verlauf, der zum Text hin abdunkelt. */

.rad-team__head{margin-bottom:clamp(30px,3.4vw,48px)}
.rad-team__lead{max-width:46ch}

.rad-team__raster{margin:0;padding:0;list-style:none;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,2.4vw,34px) clamp(18px,2vw,28px);
  --rad-stagger:70ms}
.rad-team__karte{display:flex;flex-direction:column;min-width:0}

/* Bild: fester Hochformat-Ausschnitt, damit alle Köpfe auf einer Linie sitzen.
   Der Verlauf am unteren Rand bindet das Foto an die Sektionsfläche — ohne ihn endet es als harte Kante. */
.rad-team__bild{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;
  border-radius:var(--vn-radius-md);background:var(--vn-color-surface-darker);isolation:isolate;will-change:transform}
.rad-team__bild::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;pointer-events:none;
  background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--vn-color-surface-dark) 82%,transparent))}
.rad-team__foto{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%}

.rad-team__text{display:flex;flex-direction:column;gap:5px;padding:14px 2px 0}
.rad-team__name{font:600 max(1.0625rem,calc(19 * var(--rad-dpx)))/1.25 var(--vn-font-display);
  letter-spacing:-.01em;color:var(--vn-color-on-dark)}
.rad-team__rolle{font:500 max(.875rem,calc(15 * var(--rad-dpx)))/1.35 var(--vn-font-body);color:var(--vn-color-accent-on-dark);
  text-wrap:balance}
.rad-team__bio{margin-top:3px;font:400 max(.8125rem,calc(14 * var(--rad-dpx)))/1.6 var(--vn-font-body);
  color:var(--vn-color-on-dark-muted)}

.rad-team__generation{margin-top:clamp(56px,6vw,96px)}
.rad-team__generation-titel{margin:0;font:600 clamp(1.5rem,2.4vw,2.25rem)/1.15 var(--vn-font-display);color:var(--vn-color-on-dark)}

@media (max-width:1200px){
  .rad-team__raster{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .rad-team__raster{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* Ueberschrift und Vorspann untereinander statt nebeneinander — wie in allen anderen Sektionen;
     nebeneinander bleiben auf schmalen Schirmen zwei sehr enge Spalten uebrig. */
  .rad-team__head{flex-direction:column;align-items:stretch;gap:18px}
  .rad-team__lead{max-width:none}
}
@media (max-width:560px){
  /* Einspaltig wäre eine sehr lange Kolonne; zwei schmale Kacheln bleiben überschaubar,
     nur der Beschreibungstext rückt dafür enger. */
  .rad-team__raster{gap:18px 14px}
  .rad-team__bio{font-size:var(--vn-text-micro);line-height:1.55}
  .rad-team__text{padding-top:11px}
}
.rad-team__bild--ohne{display:grid;place-items:center;background:var(--vn-color-surface-darker)}
.rad-team__bild--ohne img{width:34%;height:auto;opacity:.35}