/* Homepage hero — client mockup 1672x941 (2026-10-07), placed in the 1900x900 hero box: 170px rails, 50px top padding (header), 100px bottom padding (copy block).
   Photo = hero-v6/plate-*.webp: the mockup with logo, pills, text and button removed (LaMa) and scaled 1.0825x (its white fade left, photo right), cover-fitted from the top-left,
   so the plate's own white fade sits behind the copy exactly as in the mockup (the old paper-haze blobs and palm shadow are off on desktop).
   Type = the homepage system used in "Coastal comfort, made easy.": Wondar title (-.012em), Rollo accent (0), Frutiger lead and button, Univers eyebrow; sizes fitted to the
   mockup's line widths (title 118.6px / accent 155px at 1900 = the same 1 : 1.31 ratio as the intro section). Everything below scales with the box width. */
.gulf-hero-live .pha{--hk:calc(min(100vw,1900px) / 1900);--h1:clamp(68px,5.789vw,110px);--h2:clamp(92px,8.21vw,156px)}
@media(min-width:901px){
 .gulf-hero-live .pha__background{object-fit:cover;object-position:0 0}
 .gulf-hero-live__frond{display:none}
 /* the "Book your stay" button under the lead was removed (client); the copy keeps its place, so the block stays lifted by what the button took (its height + 38 gap) above the old 100px bottom padding */
 .gulf-hero-live .pha__copy{top:auto;bottom:calc(100px + max(52px, 74.7 * var(--hk)) + 38 * var(--hk));width:min(760px,calc(100% - 2 * var(--rail)))}
 .gulf-hero-live .pha__copy::before,.gulf-hero-live .pha .pha__lead::before{display:none}
 .gulf-hero-live .pha .pha__eyebrow{font-size:clamp(14px,.9526vw,18.1px);letter-spacing:.2em}
 .gulf-hero-live .gulf-hero-live__rule{width:clamp(58px,4.316vw,82px);margin:calc(24.3 * var(--hk)) 0 calc(40.2 * var(--hk))}
 .gulf-hero-live .pha #park-here-title .pha__title-main{font-size:var(--h1);font-weight:400!important;line-height:.93;letter-spacing:-.012em}
 .gulf-hero-live .pha #park-here-title .pha__title-script{margin:calc(-19.9 * var(--hk)) 0 0;font-size:var(--h2);font-weight:400!important;line-height:1;letter-spacing:0;transform:none}
 .gulf-hero-live .pha .pha__lead{margin:calc(11.2 * var(--hk)) 0 0;max-width:none;font-size:clamp(21px,1.544vw,29.3px);line-height:1.3;letter-spacing:-.008em}
}