/* The homepage moves continuously from warm sand to white, ending above the existing footer. */
body.home-hero-v2 main{background:#fff!important}
body.home-hero-v2 #coastal-comfort{--flow-from:#faf7f0;--flow-to:#faf7f0ad}
body.home-hero-v2 #resort-amenities{--flow-from:#faf7f0ad;--flow-to:#faf7f080}
body.home-hero-v2 .lae{--flow-from:#faf7f080;--flow-to:#faf7f050}
body.home-hero-v2 #the-beach{--flow-from:#faf7f050;--flow-to:#faf7f030}
body.home-hero-v2 #guest-reviews{--flow-from:#faf7f030;--flow-to:#faf7f012}
body.gulf-hero-live.home-hero-v2 main > :is(#coastal-comfort,#resort-amenities,.lae,#the-beach,#guest-reviews){
 background:linear-gradient(180deg,var(--flow-from),var(--flow-to)) #fff!important;
}
body.home-hero-v2 #coastal-comfort .cc-intro__copy{background:transparent!important}
body.home-hero-v2 #coastal-comfort .cc-intro__copy::before{content:none!important}
/* White paper in the decorative art takes on the section's gently changing sand tone. */
body.home-hero-v2 :is(.cc-coast,.amc__plate,.grv__art){mix-blend-mode:multiply}
/* Feather only the artwork; the cards and controls retain their full contrast. */
body.home-hero-v2 .lae::before{
 mix-blend-mode:multiply;
 --island-edge:linear-gradient(180deg,transparent 0,#000 7%,#000 calc(100% - 300px),rgba(0,0,0,.96) calc(100% - 255px),rgba(0,0,0,.8) calc(100% - 210px),rgba(0,0,0,.5) calc(100% - 150px),rgba(0,0,0,.2) calc(100% - 90px),rgba(0,0,0,.04) calc(100% - 40px),transparent 100%);
 -webkit-mask-image:var(--island-edge),linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
 mask-image:var(--island-edge),linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
/* These sections already share the same sand tone at their boundary. */
body.home-hero-v2 #the-beach::before{content:none}
body.home-hero-v2 .grv__canvas::before{mix-blend-mode:multiply}
/* Keep the spacing inside the gradient so section margins cannot introduce white bands. */
body.home-hero-v2 #guest-reviews{margin-top:0;padding-top:60px}
body.home-hero-v2 #book-your-site{margin-top:0;padding-top:165px;background:linear-gradient(180deg,#faf7f012 0%,#fff 50%,#fff 100%)!important}
@media(max-width:900px){body.home-hero-v2 #book-your-site{padding-top:150px}}
@media(max-width:600px){body.home-hero-v2 #book-your-site{padding-top:140px}}
/* Retain the homepage's working autoplay behavior, including reduced-motion settings. */
body.home-hero-v2 .hv2 .pha__video{display:block}
body.home-hero-v2 .hv2 .hv2__motion{display:grid}
body.home-hero-v2 .hv2 .hv2__motion[hidden]{display:none}
@media(prefers-reduced-motion:reduce){body.home-hero-v2 .hv2 .pha__video{transition:none}}