/* ============================================================================
   SECTION 08 — AUTORIA  (Figma node 169:6563 "08-autoria")
   Centred title + a row of three person cards.
   ========================================================================== */

.autoria {
  background-color: var(--color-bg);
  padding-block: var(--space-16);   /* 64px — the Figma runs this section tighter */
}

.autoria__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-12);             /* 48px */
}

.autoria__title { max-width: 773px; }

/* --------------------------------------------------------- PERSON CARDS -- */
.person-cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 44px;
  align-items: stretch;
}

.person-card {
  display: flex;
  flex-direction: column;
}
.person-card__photo {
  aspect-ratio: 376 / 335;
  overflow: hidden;
  background-color: var(--monarca-scrim);
}
.person-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0%;
}
.person-card:last-child .person-card__photo img { object-position: 50% 40%; }

.person-card__body {
  flex: 1;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-8);          /* 32px */
  background-color: var(--color-surface-warm);
}

.person-card__head {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);              /* 32px */
}
.person-card__role {
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: var(--text-eyebrow-size);
  line-height: 1;
  letter-spacing: var(--text-eyebrow-tr);
  text-transform: uppercase;
  color: #6b5c49;   /* --color-text-muted is borderline on the warm panel; deepened for AA */
}
.person-card__id {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);             /* 16px */
}
.person-card__name {
  font-family: var(--font-serif);
  font-size: var(--text-h3-size);  /* 32px */
  line-height: 1.03;               /* Figma leading-[33px] */
  letter-spacing: -0.019em;        /* -0.6px */
  color: var(--color-heading);
}
.person-card__bio {
  font-size: var(--text-b4-size);  /* 14px */
  line-height: var(--text-b4-lh);
  letter-spacing: var(--text-b4-tr);
  color: var(--color-text-secondary);
}
.person-card__bio:empty { display: none; }

/* ================================================================ TABLET === */
@media (max-width: 1024px) {
  .person-cards {
    grid-template-columns: 1fr;
    gap: var(--space-8);
    max-width: 30rem;
    margin-inline: auto;
  }
}

/* ================================================================ MOBILE === */
@media (max-width: 640px) {
  .person-cards { max-width: none; }
  .person-card__body { padding: var(--space-6); min-height: 0; }
  .person-card__head { gap: var(--space-6); }
}