.teams-home { padding: 64px 0; color: var(--black); background: var(--yellow); }
.teams-home-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 7vw; align-items: center; }
.teams-home h2 { margin: 0; font: 900 clamp(2.5rem, 4.3vw, 4.6rem)/.98 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.teams-home p { margin: 0 0 24px; color: #332e15; }
.teams-home .section-kicker { margin-bottom: 18px; }
.teams-home .button { text-transform: none; }
.online-rate { margin: 22px 0 0; color: var(--yellow); font-weight: 850; }
.online-rate small { display: block; margin-top: 8px; color: #d2d2d5; font-size: .86rem; font-weight: 400; }
.nutrition-app-note { margin: 24px 0 0; max-width: 800px; color: #55555a; }
.nutrition-app-note a { text-underline-offset: 4px; }
.member-visit-note { display: block; max-width: 220px; color: #b7b7bc; font-size: .75rem; }
.hero .hero-image { object-fit: cover; object-position: center 43%; width: 100%; height: 100%; background: none; }
.online-hero h1 { font-size: clamp(3.7rem, 7.4vw, 7.5rem); }
@media (max-width: 700px) {
  .teams-home { padding: 48px 0; }
  .teams-home-grid { grid-template-columns: 1fr; gap: 24px; }
  .hero .hero-image { object-position: 59% center; }
  .online-hero h1 { font-size: clamp(2.8rem, 12vw, 4.5rem); }
}
