/* Home page, phones in portrait only (max-width:600px, portrait). 2026-11-10. Loaded last.
   Closes the large blank bands between sections: the desktop section paddings (140-210px, sized
   to clear wide artwork) were carrying over to phones and stacking up to ~350px of empty page at
   each join. Each join was then opened up by about 26px (client asked for a little more room). Nothing here applies to landscape, tablets or desktop. */
@media(max-width:600px) and (orientation:portrait){
  html body.home-hero-v2 #coastal-comfort{padding-top:136px!important}
  html body.home-hero-v2 #resort-amenities{padding-top:98px!important;padding-bottom:58px!important}
  html body.home-hero-v2 section.lae.lae{padding-top:78px!important;padding-bottom:58px!important}
  html body.home-hero-v2 #the-beach{padding-top:0!important;padding-bottom:70px!important}
  /* the beach copy sits on the faded top of its photo; lift it so the fade is not read as an empty band */
  html body.home-hero-v2 #the-beach .bst__copy{margin-top:-52px!important}
  html body.home-hero-v2 #guest-reviews{padding-top:62px!important;padding-bottom:50px!important}
  html body.home-hero-v2 #book-your-site{margin-top:0!important;padding-top:66px!important;padding-bottom:50px!important}
  html body.home-hero-v2 #site-footer{padding-top:110px!important}
}