/* About page: team photo banner with the title below the faces, and alternating section backgrounds */
.hero-cover.hero-team { min-height: 0; aspect-ratio: 1200 / 660; max-height: calc(100svh - var(--header)); justify-content: flex-end; padding-top: 0; padding-bottom: clamp(1.75rem, 4vw, 3.25rem); }
.hero-team .hero-bg img { object-position: 50% 0%; }
.hero-team::before { background: linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,0) 52%, rgba(0,0,0,.62) 74%, rgba(0,0,0,.9) 100%); }
.hero-team .crumbs { position: absolute; top: clamp(1rem, 2.5vw, 1.75rem); left: 0; right: 0; justify-content: center; text-shadow: 0 1px 8px rgba(0,0,0,.6); }
.hero-team .eyebrow { margin-bottom: .55rem; }
.hero-cover.hero-team h1 { font-size: clamp(1.9rem, 3.2vw, 3rem); max-width: 32ch; text-wrap: balance; margin-bottom: 0; text-shadow: 0 2px 20px rgba(0,0,0,.45); }
@media (max-width: 760px) {
  .hero-cover.hero-team { aspect-ratio: auto; max-height: none; display: block; background: #000; padding: 0 0 2.25rem; text-align: center; }
  .hero-team .hero-bg { position: relative; inset: auto; z-index: 0; aspect-ratio: 1200 / 630; clip-path: none; }
  .hero-team::before { display: none; }
  .hero-team .crumbs { position: static; margin: 1.4rem var(--pad) .6rem; }
  .hero-team .eyebrow, .hero-team h1 { margin-inline: var(--pad); }
  .hero-cover.hero-team h1 { max-width: none; font-size: clamp(1.45rem, 6.4vw, 2rem); hyphens: manual; overflow-wrap: break-word; }
}

/* softer section colours on this page: a light green tint and a charcoal instead of pure black */
[data-theme=brand] { background: color-mix(in srgb, var(--brand) 16%, #fff); color: var(--ink); }
[data-theme=brand] :is(h1, h2, h3, h4) { color: var(--ink); }
[data-theme=brand] .eyebrow { color: var(--brand-text); }
[data-theme=brand][data-block=split] .body > p:not(.eyebrow):not(.small):not(.actions) { color: var(--muted); }
main [data-theme=dark] { background: #2a2b2e; }
main [data-theme=dark][data-block=split] .body > p:not(.eyebrow):not(.small):not(.actions) { color: #c7c7cc; }