/* Blok: Team-grid. Ontwerp: gecentreerde kop+intro, vierkante kaarten met
   ingezette foto (kaartachtergrond als kader), serif-naam. */
.block-team { background: var(--amazing-footer); padding-block: 72px; }
.block-team__inner { text-align: center; }
.block-team__title { font-size: clamp(28px, 2.2vw, 40px); margin-bottom: 12px; }
.block-team__intro { font-size: 16px; line-height: 1.5; max-width: 1120px; margin: 0 auto 44px; opacity: .9; }
.block-team__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; text-align: left; }
/* Vierkante kaart; de foto zit met een even marge in de kaart (donkere rand). */
.block-team__card { background: var(--amazing-bg); padding: 16px; }
.block-team__photo { aspect-ratio: 386 / 260; overflow: hidden; }
.block-team__photo img { width: 100%; height: 100%; object-fit: cover; }
.block-team__body { padding: 18px 2px 4px; }
.block-team__name { font-family: var(--amazing-font-heading); font-weight: 400; font-size: 22px; margin: 0 0 4px; }
.block-team__role { display: block; color: var(--amazing-accent); font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 12px; }
.block-team__bio { font-size: 14px; line-height: 1.55; opacity: .85; margin: 0; }

@media (max-width: 900px) { .block-team__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .block-team__grid { grid-template-columns: 1fr; } }