/* Hallmark · page styles for this route; stamp and tokens live in site.css · hero: Settled */
.about-hero { padding-block: var(--space-2xl) var(--space-3xl); }
.about-hero .container { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-xl) var(--gap-columns); align-items: center; }
.about-hero__text { grid-column: 1 / span 7; display: grid; gap: var(--space-lg); }
.about-hero h1 { font-size: var(--text-display-s); max-width: none; }
.about-hero .lead { max-width: 52ch; }
.about-hero__photo { grid-column: 8 / -1; aspect-ratio: 1080 / 818; }

.about-facts { padding-block: var(--space-2xl); }
.figures { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.figures li { display: grid; gap: var(--space-sm); align-content: start; padding-inline: var(--space-lg) var(--space-md); border-left: 1px solid var(--color-rule-strong); }
.figures b { font: 600 var(--text-figure)/1 var(--font-display); letter-spacing: -0.03em; color: var(--color-ink); font-variant-numeric: tabular-nums; }
.figures p { color: var(--color-ink-2); max-width: 28ch; }

.about-doc { padding-block: var(--section-gap-s); }
.doc-block { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-lg) var(--gap-columns); padding-block: var(--space-2xl); border-top: 1px solid var(--color-rule-strong); }
.doc-block:first-child { border-top: 0; padding-top: 0; }
.doc-block:last-child { padding-bottom: 0; }
.doc-block h2 { grid-column: 1 / span 5; font-size: var(--text-3xl); }
.doc-prose { grid-column: 7 / -1; display: grid; gap: var(--space-md); max-width: 68ch; font-size: var(--text-lg); color: var(--color-ink-2); }

.team { list-style: none; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--space-xl) var(--gap-columns); }
.team li { grid-column: span 2; display: grid; gap: var(--space-2xs); align-content: start; }
.team li:nth-child(n+4) { grid-column: span 3; }
.team .frame { aspect-ratio: 4 / 5; margin-bottom: var(--space-sm); }
.team li:nth-child(n+4) .frame { aspect-ratio: 6 / 5; }
.team .frame img { object-position: 50% 20%; }
.team h3 { font-size: var(--text-title); }
.team p { color: var(--color-ink-2); }
@media (min-width: 90rem) {
  .team { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .team li, .team li:nth-child(n+4) { grid-column: auto; }
  .team li:nth-child(n+4) .frame { aspect-ratio: 4 / 5; }
}

.join__text { display: grid; gap: var(--space-lg); justify-items: start; }

@media (max-width: 60rem) {
  .about-hero__text, .about-hero__photo, .doc-block h2, .doc-prose { grid-column: 1 / -1; }
  .figures { grid-template-columns: minmax(0, 1fr); row-gap: var(--space-xl); }
  .doc-block { padding-block: var(--space-xl); }
  .team { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xl) var(--space-lg); }
  .team li, .team li:nth-child(n+4) { grid-column: auto; }
  .team li:first-child { grid-column: 1 / -1; }
  .team .frame, .team li:nth-child(n+4) .frame { aspect-ratio: 4 / 5; }
  .team li:first-child .frame { aspect-ratio: 6 / 5; }
}
.about-hero h1, .doc-block h2, .team h3 { text-wrap: balance; }
.team .frame > img { height: 100%; }