/* Desktop editorial heroes.
   Kept outside the main stylesheet so hero framing can be tuned without
   touching the broader layout system. Mobile crops remain governed by style.css. */
@media(min-width:901px){
  .page-hero,
  .page-hero.where-hero,
  .page-hero.order-hero,
  .page-hero.events-page-hero,
  .page-hero.booking-page-hero,
  .page-hero.experiences-page-hero{
    min-height:clamp(455px, 60svh, 670px) !important;
    padding-top:calc(var(--topbar-expanded-height) + clamp(64px, 8vh, 104px)) !important;
    padding-bottom:clamp(78px, 9vh, 112px) !important;
    background-position:center 64% !important;
  }

  .page-hero.order-hero{
    background-position:center 64% !important;
  }

  .page-hero.events-page-hero,
  .page-hero.booking-page-hero{
    background-position:center 58% !important;
  }

  .page-hero.where-hero{
    background-position:center 52% !important;
  }

  .page-hero.experiences-page-hero{
    min-height:clamp(465px, 60svh, 690px) !important;
    background-position:center 44% !important;
  }
}

@media(min-width:901px) and (max-height:760px){
  .page-hero,
  .page-hero.where-hero,
  .page-hero.order-hero,
  .page-hero.events-page-hero,
  .page-hero.booking-page-hero,
  .page-hero.experiences-page-hero{
    min-height:clamp(460px, 67svh, 540px) !important;
    padding-bottom:72px !important;
  }
}