@media (max-width: 760px) {
  .home .arch-section-head h2 {
    font-size: clamp(2.8rem, 8.8vw, 4rem);
    line-height: 1.08;
    letter-spacing: -.045em;
  }

  .home .arch-system-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .home .arch-system-tabs button {
    min-width: 0;
    min-height: 74px;
    padding: 13px 15px;
    border-right: 1px solid #dce5db;
  }

  .home .arch-system-tabs button:last-child {
    grid-column: 1 / -1;
  }

  .home .arch-system-tabs button:hover,
  .home .arch-system-tabs button[aria-selected=true] {
    padding-left: 15px;
  }

  .home .arch-system-tabs strong {
    font-size: clamp(1.3rem, 4.5vw, 1.65rem);
    line-height: 1.12;
  }
}

@media (max-width: 600px) {
  .home .audience-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home .audience-card {
    min-height: 300px;
  }

  .home .audience-card:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, .22);
  }

  .home .audience-card:nth-child(-n+2) {
    border-bottom: 1px solid rgba(255, 255, 255, .22);
  }

  .home .audience-card + .audience-card {
    border-top: 0;
    border-left: 0;
  }

  .home .audience-card-copy {
    padding: 17px 14px 19px;
  }

  .home .audience-card-copy > span {
    font-size: .54rem;
    letter-spacing: .08em;
  }

  .home .audience-card h3 {
    font-size: clamp(1.5rem, 6vw, 1.9rem);
    line-height: 1.05;
    margin: 9px 0;
  }

  .home .audience-card p {
    font-size: .72rem;
    line-height: 1.42;
    margin-bottom: 12px;
  }

  .home .audience-card b {
    padding-top: 9px;
    font-size: .53rem;
    line-height: 1.35;
    letter-spacing: .07em;
  }
}

@media (max-width: 380px) {
  .home .audience-card {
    min-height: 320px;
  }
}