/* Phone-only headline sizing: preserve the intended three-line hero lockup. */
@media (max-width:720px) {
  .hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    padding: .5rem 0 2.75rem;
  }

  .hero-art {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 62vw;
    min-height: 0;
    margin: -1.5rem 0 -17.5vw;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 57%);
  }

  .hero-art .art-main,
  .hero-art .art-ghost {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 57%);
  }

  .hero-copy {
    grid-column: 1;
    grid-row: 2;
    padding-top: 0;
  }

  .hero h1 {
    font-size: clamp(3.05rem, 12vw, 4.65rem);
    letter-spacing: -.035em;
  }

  .hero h1 em { white-space: nowrap; }

  .where h2 {
    font-size: clamp(2.05rem, 9vw, 3.2rem);
    letter-spacing: -.04em;
  }
}