@media (min-width: 75rem) {
  body:has(.team-page) {
    overflow-x: hidden;
  }

  body:has(.team-page) .app-shell {
    --team-page-desktop-sidebar-width: calc(
      var(--space-9) + var(--space-9) + var(--space-9) + var(--space-9)
    );
    align-items: stretch;
    background: linear-gradient(
      to right,
      var(--color-ink) 0 var(--team-page-desktop-sidebar-width),
      var(--color-surface) var(--team-page-desktop-sidebar-width)
    );
    grid-template-columns: var(--team-page-desktop-sidebar-width) minmax(0, 1fr);
    min-block-size: 100vh;
  }

  body:has(.team-page) .app-shell__content {
    min-inline-size: 0;
  }

  body:has(.team-page) header {
    align-self: stretch;
    background: var(--color-ink);
    border-inline-end: thin solid var(--color-line-on-dark);
    color: var(--color-ink-on-dark);
    min-block-size: 100%;
    --header-nav-active-color: var(--color-ink-on-dark);
  }

  body:has(.team-page) header .header__bar {
    justify-content: center;
    padding: var(--space-7) var(--space-4) var(--space-6);
  }

  body:has(.team-page) header .header__wordmark {
    display: none;
  }

  body:has(.team-page) header .header__brand {
    color: var(--color-ink-on-dark);
  }

  body:has(.team-page) header .header__nav {
    gap: var(--space-2);
    padding-inline: var(--space-4);
  }

  body:has(.team-page) header .header__nav a {
    color: var(--color-ink-muted-on-dark);
  }

  body:has(.team-page) .team-page {
    background: linear-gradient(
      to left,
      var(--color-ink) 0 clamp(18.75rem, 21vw, 21.25rem),
      var(--color-surface) clamp(18.75rem, 21vw, 21.25rem)
    );
    display: grid;
    gap: 0;
    grid-template-areas:
      'hero panel'
      'people panel'
      'contact panel';
    grid-template-columns: minmax(0, 1fr) clamp(18.75rem, 21vw, 21.25rem);
    margin-inline: 0;
    max-inline-size: none;
    min-block-size: 100vh;
    padding: 0;
  }

  body:has(.team-page) .team-page__hero {
    align-items: center;
    background:
      linear-gradient(to right, var(--color-surface) 0 47%, transparent 70%),
      radial-gradient(
        circle at 83% 43%,
        color-mix(in srgb, var(--color-accent) 12%, transparent),
        transparent 31rem
      );
    display: grid;
    grid-area: hero;
    grid-template-columns: minmax(20rem, 0.52fr) minmax(22rem, 0.48fr);
    min-block-size: clamp(29rem, 43vw, 42rem);
    overflow: hidden;
    padding: var(--space-8) var(--space-8) var(--space-7);
    position: relative;
  }

  body:has(.team-page) .team-page__hero-copy {
    align-content: center;
    display: grid;
    gap: var(--space-4);
    max-inline-size: 31rem;
    position: relative;
    z-index: 2;
  }

  body:has(.team-page) .team-page__eyebrow {
    color: var(--color-ink);
    font-size: var(--step--1);
    font-weight: 700;
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
  }

  body:has(.team-page) .team-page__eyebrow span {
    color: var(--color-accent);
  }

  body:has(.team-page) .team-page h1 {
    color: var(--color-ink);
    font-size: clamp(4.5rem, 6vw, 6.75rem);
    letter-spacing: normal;
    line-height: 0.95;
    word-spacing: normal;
  }

  body:has(.team-page) .team-page__statement {
    color: var(--color-ink);
    font-family: var(--font-display);
    font-size: clamp(3rem, 4.5vw, 5rem);
    letter-spacing: normal;
    line-height: 0.98;
    max-inline-size: 8.5ch;
    word-spacing: normal;
  }

  body:has(.team-page) .team-page__statement em {
    color: var(--color-accent);
    display: block;
    font-style: italic;
  }

  body:has(.team-page) .team-page__subtitle,
  body:has(.team-page) .team-page__section p,
  body:has(.team-page) .team-page__empty p {
    color: var(--color-ink-muted);
    font-size: var(--step-0);
    letter-spacing: normal;
    line-height: var(--leading-normal);
    max-inline-size: 34ch;
    text-align: start;
    word-spacing: normal;
  }

  body:has(.team-page) .team-page__hero-visual {
    align-items: end;
    aspect-ratio: 0.86;
    background:
      linear-gradient(
        to top,
        color-mix(in srgb, var(--color-ink) 18%, transparent),
        transparent 42%
      ),
      linear-gradient(
        135deg,
        transparent 0 46%,
        color-mix(in srgb, var(--color-accent) 19%, transparent) 46% 47%,
        transparent 47%
      ),
      color-mix(in srgb, var(--color-surface-raised) 82%, var(--color-accent));
    border: thin solid var(--color-line);
    display: grid;
    justify-items: start;
    margin-inline-start: auto;
    max-block-size: 33rem;
    max-inline-size: 29rem;
    overflow: hidden;
    padding: var(--space-6);
    position: relative;
    width: min(100%, 29rem);
  }

  body:has(.team-page) .team-page__hero-visual::before,
  body:has(.team-page) .team-page__hero-visual::after {
    content: '';
    position: absolute;
  }

  body:has(.team-page) .team-page__hero-visual::before {
    border: thin solid color-mix(in srgb, var(--color-accent) 50%, transparent);
    border-radius: var(--radius-circle);
    block-size: clamp(13rem, 16vw, 18rem);
    inline-size: clamp(13rem, 16vw, 18rem);
    inset-block-start: var(--space-7);
    inset-inline-end: calc(var(--space-9) * -1);
  }

  body:has(.team-page) .team-page__hero-visual::after {
    background: var(--color-ink);
    block-size: 54%;
    clip-path: polygon(0 54%, 100% 0, 100% 100%, 0 100%);
    inset: auto 0 0 0;
    opacity: 0.96;
  }

  body:has(.team-page) .team-page__hero-visual span {
    color: var(--color-accent);
    font-size: var(--step--1);
    font-weight: 700;
    letter-spacing: var(--tracking-wider);
    position: relative;
    text-transform: uppercase;
    z-index: 1;
  }

  body:has(.team-page) .team-page__context-panel {
    align-content: start;
    background: var(--color-ink);
    color: var(--color-ink-on-dark);
    display: grid;
    gap: var(--space-5);
    grid-area: panel;
    padding: var(--space-7) var(--space-6);
  }

  body:has(.team-page) .team-page__context-panel p,
  body:has(.team-page) .team-page__context-panel span,
  body:has(.team-page) .team-page__context-panel a {
    color: var(--color-ink-muted-on-dark);
    font-size: var(--step--1);
    font-weight: 700;
    letter-spacing: var(--tracking-wider);
    text-decoration: none;
    text-transform: uppercase;
  }

  body:has(.team-page) .team-page__context-panel strong {
    color: var(--color-accent);
    font-family: var(--font-display);
    font-size: clamp(3rem, 4vw, 4.75rem);
    font-weight: 400;
    line-height: 0.9;
  }

  body:has(.team-page) .team-page__context-panel div {
    background: var(--color-accent);
    block-size: var(--space-7);
    inline-size: thin;
  }

  body:has(.team-page) .team-page__context-panel h2 {
    color: var(--color-ink-on-dark);
    font-family: var(--font-display);
    font-size: clamp(2rem, 2.5vw, 2.75rem);
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.05;
    margin: 0;
    word-spacing: normal;
  }

  body:has(.team-page) .team-page__context-panel a {
    color: var(--color-accent);
    margin-block-start: var(--space-4);
  }

  body:has(.team-page) .team-page__section,
  body:has(.team-page) .team-page__empty {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  body:has(.team-page) .team-page__section[data-section='people'] {
    display: grid;
    gap: var(--space-5);
    grid-area: people;
    padding: var(--space-8);
  }

  body:has(.team-page) .team-page__section h2 {
    color: var(--color-ink);
    font-size: clamp(2.75rem, 4vw, 4.75rem);
    letter-spacing: normal;
    line-height: 1;
    word-spacing: normal;
  }

  body:has(.team-page) .team-page__section h2::after {
    background: var(--color-accent);
    block-size: thin;
    content: '';
    display: block;
    inline-size: var(--space-8);
    margin-block-start: var(--space-4);
  }

  body:has(.team-page) .team-page__people {
    counter-reset: agent;
    display: grid;
    gap: var(--space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block-start: var(--space-4);
    max-inline-size: 58rem;
  }

  body:has(.team-page) .team-page__people app-person-card {
    counter-increment: agent;
    display: block;
    min-inline-size: 0;
  }

  body:has(.team-page) .team-page__people app-person-card .person-card {
    background: var(--color-surface);
    border: thin solid var(--color-line);
    border-radius: var(--radius-card);
    display: grid;
    gap: 0;
    min-block-size: clamp(29rem, 35vw, 36rem);
    overflow: hidden;
    padding: 0;
    position: relative;
  }

  body:has(.team-page) .team-page__people app-person-card .person-card::after {
    color: var(--color-accent);
    content: counter(agent, decimal-leading-zero);
    font-family: var(--font-display);
    font-size: var(--step-1);
    inset-block-end: calc(var(--space-9) + var(--space-4));
    inset-inline-end: var(--space-5);
    position: absolute;
  }

  body:has(.team-page) .team-page__people app-person-card .person-card__photo {
    aspect-ratio: auto;
    background: color-mix(in srgb, var(--color-surface-raised) 86%, var(--color-accent));
    border-radius: 0;
    block-size: clamp(18rem, 23vw, 24rem);
    inline-size: 100%;
    object-fit: cover;
  }

  body:has(.team-page) .team-page__people app-person-card .person-card__photo--fallback {
    align-items: center;
    color: var(--color-accent);
    display: grid;
    font-size: clamp(3rem, 5vw, 5rem);
    justify-items: center;
  }

  body:has(.team-page) .team-page__people app-person-card .person-card__body {
    align-content: start;
    display: grid;
    gap: var(--space-4);
    padding: var(--space-5);
  }

  body:has(.team-page) .team-page__people app-person-card h3 {
    color: var(--color-ink);
    font-size: clamp(2rem, 2.6vw, 2.5rem);
    letter-spacing: normal;
    line-height: 1.04;
    max-inline-size: 11ch;
    word-spacing: normal;
  }

  body:has(.team-page) .team-page__people app-person-card p {
    color: var(--color-ink-muted);
    line-height: var(--leading-normal);
    max-inline-size: 33ch;
  }

  body:has(.team-page) .team-page__people app-person-card p::after {
    background: var(--color-accent);
    block-size: thin;
    content: '';
    display: block;
    inline-size: var(--space-7);
    margin-block-start: var(--space-4);
  }

  body:has(.team-page) .team-page__people app-person-card .person-card__actions {
    align-items: center;
    display: flex;
    gap: var(--space-5);
    margin-block-start: var(--space-2);
  }

  body:has(.team-page) .team-page__people app-person-card .person-card__action {
    border: 0;
    border-radius: 0;
    color: var(--color-ink);
    font-size: var(--step--1);
    font-weight: 700;
    letter-spacing: var(--tracking-wider);
    padding: 0;
    text-transform: uppercase;
  }

  body:has(.team-page) .team-page__people app-person-card .person-card__action:hover {
    background: transparent;
    color: var(--color-accent);
  }

  body:has(.team-page) .team-page__empty {
    background: var(--color-surface-raised);
    border: thin solid var(--color-line);
    padding: var(--space-6);
  }

  body:has(.team-page) .team-page__section--accent {
    align-items: center;
    background: var(--color-ink);
    color: var(--color-ink-on-dark);
    display: grid;
    gap: var(--space-6);
    grid-area: contact;
    grid-template-columns: minmax(20rem, 0.85fr) minmax(16rem, 0.55fr);
    margin-inline: var(--space-8);
    padding: var(--space-7);
  }

  body:has(.team-page) .team-page__section--accent h2 {
    color: var(--color-ink-on-dark);
    font-size: clamp(3rem, 4vw, 5rem);
    max-inline-size: 10ch;
  }

  body:has(.team-page) .team-page__section--accent h2::before {
    color: var(--color-accent);
    content: 'CONTACT GENERAL';
    display: block;
    font-family: var(--font-body);
    font-size: var(--step--1);
    font-weight: 700;
    letter-spacing: var(--tracking-wider);
    margin-block-end: var(--space-4);
    text-transform: uppercase;
  }

  body:has(.team-page) .team-page__section--accent p {
    color: color-mix(in srgb, var(--color-ink-on-dark) 76%, transparent);
    grid-column: 1;
    max-inline-size: 36ch;
  }

  body:has(.team-page) .team-page__section--accent .team-page__actions {
    display: grid;
    gap: 0;
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  body:has(.team-page) .team-page__section--accent .team-page__action {
    background: transparent;
    border-block-start: thin solid var(--color-line-on-dark);
    border-radius: 0;
    color: var(--color-ink-on-dark);
    display: flex;
    font-size: var(--step--1);
    font-weight: 700;
    justify-content: space-between;
    letter-spacing: var(--tracking-wider);
    min-block-size: var(--space-8);
    padding: var(--space-4) 0;
    text-transform: uppercase;
  }

  body:has(.team-page) .team-page__section--accent .team-page__action:first-child {
    color: var(--color-accent);
  }

  body:has(.team-page) .team-page__section--accent .team-page__action:last-child {
    border-block-end: thin solid var(--color-line-on-dark);
  }

  body:has(.team-page) .team-page__section--accent .team-page__action-icon {
    display: none;
  }
}