@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

  /* ── ABOUT ── */
  .about {
    padding: 7rem 8%;
    display: grid; grid-template-columns: 1fr 1.1fr; gap: 6rem;
    align-items: center;
  }

  .fade-in {
    opacity: 0; transform: translateY(28px);
    transition: opacity 0.7s ease, transform 0.7s ease;
  }
  .fade-in.visible { opacity: 1; transform: none; }

  /* ── RESPONSIVE ── */
  @media (max-width: 900px) {
    .hero { grid-template-columns: 1fr; }
    .hero-right { display: none; }
    .hero-left { padding: 4rem 6%; text-align: center; align-items: center; }
    .eyebrow { justify-content: center; }
    .about, .approach, .contact { grid-template-columns: 1fr; gap: 3rem; }
    .therapists-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .nav-links { display: none; }
  }