/* ==========================================================================
   Our Team — hero and roster page shell. The member card, subnav and bio
   modal are components; only the hero belongs here.
   ========================================================================== */

@layer pages {

  .team-hero {
    position: relative;
    padding: var(--space-11) 0 88px;
    overflow: hidden;
    background: var(--surface-raised);
    border-bottom: 1px solid var(--line);
  }

  .team-hero__scrim {
    background: linear-gradient(90deg,
      rgba(8, 10, 8, .92) 0%,
      rgba(8, 10, 8, .72) 38%,
      rgba(8, 10, 8, .28) 70%,
      rgba(8, 10, 8, .05) 100%);
  }

  /* Hero title spacing tracks the home page: 22px under the eyebrow, 26px
     above the lede, and .display-hero's 1.02 / -.03em. Only the size stays
     local to this page. */
  .team-hero__title {
    margin-top: var(--space-5);
    font-size: clamp(36px, 4.4vw, 54px);
    line-height: 1.02;
    letter-spacing: -.03em;
  }

  .team-hero__lede {
    max-width: 720px;
    margin-top: 26px;
    font-size: 16.5px;
    line-height: 1.62;
    color: var(--text-muted);
  }

  @media (max-width: 680px) {
    .team-hero { padding: var(--space-9) 0 var(--space-8); }
  }
}