/* ==========================================================================
   About team — About Us 5257:155 y3666→6224.
   Heading, a featured founder (photo left + bio right, name/role under photo),
   then a 4-up grid of the remaining members (portrait + name + role).
   Frame: featured photo 414×645; grid photos 412×643 (portrait), 20px radius. 29 Sep pass: bio one white
   20px paragraph in a 903 column (x607); names 24px, roles 20px white; order Ian, Emily, Lachlan, Angel,
   Matthew, Dave; photos are the Figma's own crops (framed further out).
   ========================================================================== */
.section--about-team { padding-top: clamp(56px, 7.135vw, 137px); padding-bottom: clamp(56px, 7.917vw, 152px); }   /* Figma: eyebrow 1003 under Who we are's, 2837 above Why choose's */
.about-team__title { margin: 12px 0 clamp(40px, 5vh, 72px); max-width: 12em; }

/* Featured founder */
.about-team__featured {
  display: grid; grid-template-columns: 414px 1fr; gap: clamp(32px, 4vw, 72px);
  align-items: start; margin-bottom: clamp(56px, 7vh, 100px);
}
.about-team figure { margin: 0; }                      /* reset default <figure> margin (was offsetting photos) */
.about-team__feat-media { aspect-ratio: 414 / 645; overflow: hidden; }
.about-team__feat-media img { width: 100%; height: 100%; object-fit: cover; }
.about-team__bio { max-width: 903px; }                                       /* Figma x607 w903 */
.about-team__bio > p { color: var(--fg); font-size: var(--fs-body); line-height: var(--lh-body); }
.about-team__bio > p + p { margin-top: 1em; }
/* name + role sit UNDER the photo (left column), per the design */
.about-team .about-team__feat-name {
  margin-top: 22px; font-family: var(--font-display); font-weight: 500; text-transform: uppercase;
  font-size: clamp(18px, 1.25vw, 24px);
}
.about-team__feat-role { margin-top: 8px; color: var(--fg); font-size: var(--fs-body); }

/* Grid of the rest */
.about-team__grid { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(32px, 3.3vw, 63px) clamp(12px, 1vw, 19px); }   /* Figma pitch 433 × 776 */
.about-team__member { display: flex; flex-direction: column; }
.about-team .about-team__media { aspect-ratio: 412 / 643; overflow: hidden; margin-bottom: 24px; }   /* name 24 under the photo (beats the figure reset above) */
.about-team__media img { width: 100%; height: 100%; object-fit: cover; }
.about-team__name { font-family: var(--font-display); font-weight: 500; text-transform: uppercase; font-size: clamp(18px, 1.25vw, 24px); }
.about-team__role { margin-top: 8px; color: var(--fg); font-size: var(--fs-body); }

@media (max-width: 1024px) {
  .about-team__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 760px) {
  .about-team__featured { grid-template-columns: 1fr; gap: 24px; }
  .about-team__feat-media { max-width: 360px; }
  .about-team__grid { grid-template-columns: repeat(2, 1fr); }
}
/* 1 Oct Figma: the team photos have square corners (was the card radius) */
.about-team .about-team__feat-media, .about-team .about-team__media { border-radius: 0; }