/* Homepage hero header (client, 2026-10-07): the header row (logo + "Book Your Stay" + Menu) starts 50px from the top of the hero at every width
   (was 100px; 30px on phones), and the logo is a little smaller (145 -> 126px; 136 -> 118px at <=1450; 112 -> 100px at <=900).
   The hero copy keeps its own position. The open menu (Night Tide) copies the hero header's measures so opening/closing leaves the logo and the button
   in place: its header gets the same top and logo, and its link list keeps its old position (the nav padding grows by what the header lost).
   Scoped to the home page body (.gulf-hero-live); interior pages keep the 100px header and their own menu measures. */
.gulf-hero-live .pha .pha__frame{padding-top:50px}
.gulf-hero-live .pha .pha__brand{width:126px;height:126px;border-radius:10px}
@media(max-width:1450px){.gulf-hero-live .pha .pha__brand{width:118px;height:118px}}
@media(max-width:900px){.gulf-hero-live .pha .pha__brand{width:100px;height:100px;border-radius:8px}}

.gulf-hero-live .ov.mnt{--top:50px;--logo:126px}
.gulf-hero-live .mnt .ov__top img{border-radius:10px}
.gulf-hero-live .mnt .ov__nav{padding-top:184px}
@media(max-width:1450px){.gulf-hero-live .ov.mnt{--logo:118px}.gulf-hero-live .mnt .ov__nav{padding-top:158px}}
@media(min-width:901px) and (max-height:820px){.gulf-hero-live .mnt .ov__nav{padding-top:134px}}
@media(min-width:901px) and (max-width:1450px) and (max-height:820px){.gulf-hero-live .mnt .ov__nav{padding-top:128px}}
@media(max-width:900px){.gulf-hero-live .ov.mnt{--top:50px;--logo:100px}.gulf-hero-live .mnt .ov__top img{border-radius:8px}.gulf-hero-live .mnt .ov__nav{padding-top:40px}}