/* Phone-only hero framing. Tablet and desktop breakpoints remain unchanged. */
@media (max-width: 560px) {
  .hero-media img {
    object-position: 0% 50% !important;
  }

  .hero-wordmark {
    max-width: 50vw !important;
    width: 50vw !important;
  }

  .hero-wordmark .brand-line {
    font-size: clamp(1.9rem, 7.7vw, 2.6rem) !important;
    letter-spacing: -.072em !important;
  }

  .hero-wordmark .brand-descriptor {
    font-size: .48rem !important;
    letter-spacing: .25em !important;
  }
}