/* Über uns: only what this page adds to ../site.css and ../pages.css (the English page loads this file too): Renate's
   vision as one readable column, a portrait beside text (Renate, Tamina), their verse, the four teams as cards.
   Media rules at the END. */

.story { display: grid; gap: 16px; max-width: 68ch; }
.story p, .feature__text > p { color: var(--ink-2); font-size: clamp(1.02rem, 1rem + 0.2vw, 1.12rem); text-wrap: pretty; }
.feature--portrait { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
.feature--portrait.feature--garden { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); }
.feature__img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r); }
.feature__text p { max-width: 60ch; }
.verse { text-align: center; }
.verse .quote { max-width: 42ch; margin-inline: auto; color: var(--head-ink); font-style: italic; font-weight: 300; text-wrap: balance; }
.crews { margin-top: clamp(40px, 6vw, 72px); }
.crew figcaption h3 { font-size: clamp(1.1rem, 1rem + 0.4vw, 1.3rem); }

/* ═══════════ Media rules ═══════════ */
@media (max-width: 900px) {
  .feature--portrait, .feature--portrait.feature--garden { grid-template-columns: minmax(0, 1fr); }
  .feature__img { max-width: 460px; }
}
@media (max-width: 640px) {
  .grid.crews { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .crew.card--photo > :not(img) { margin-inline: 12px; }
  .crew figcaption h3 { font-size: 1rem; }
}