@media(max-width:500px){
  .page-hero{gap:35px;padding-left:6vw;padding-right:6vw}
  .page-hero h1{font-size:clamp(2.75rem,13vw,3.8rem);letter-spacing:-.055em;overflow-wrap:anywhere}
  .page-hero figure{min-height:0;height:72vw}
  .intro-grid h2,.amenity-title,.seo-copy h2{font-size:clamp(2.45rem,12vw,3.5rem)}
  .cta-strip h2{font-size:clamp(2.65rem,13vw,4rem)}
  .gallery{margin:55px 0}
  .room-cards img{height:78vw}
}