/* Home page background = white (client, 2026-10-28): the page and every section's base colour go from cream
   (#faf6ef) to white. Cards and buttons keep their own fills. Artwork with cream baked into it is handled below. Loaded last. */
html:has(body.gulf-hero-live),
body.gulf-hero-live,
body.gulf-hero-live main,
body.gulf-hero-live :is(.pha,.cc-intro,#resort-amenities,.lae,#the-beach,.grv,.gsp,.bkr,.fcs){background-color:#fff!important}

/* artwork with the cream paper tone baked in: white-paper versions (-white.webp, cream remapped to white,
   colour untouched). Guest reviews and footer plates are swapped in the HTML srcset. */
body.gulf-hero-live .amc__plate{background-image:url("../img/amenities/amenities-cards-plate-1750-white.webp?v=1")!important}
@media(max-width:999px){body.gulf-hero-live .amc__plate::before,body.gulf-hero-live .amc__plate::after{background-image:url("../img/amenities/amenities-cards-plate-1100-white.webp?v=1")!important}}
body.gulf-hero-live .lae::before{background-image:url("../img/east-end-fix/bg-nograss-white.webp?v=1")!important}

/* cream fades layered over the artwork (same stops, now white) */
body.gulf-hero-live .fcs::before{background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.97) 15%,rgba(255,255,255,.84) 32%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.33) 68%,rgba(255,255,255,.11) 85%,rgba(255,255,255,0) 100%)!important}
body.gulf-hero-live .lae::after{background:linear-gradient(#fff,rgba(255,255,255,0) 36px,rgba(255,255,255,0) calc(100% - 48px),#fff)!important}
@media(min-width:1000px){body.gulf-hero-live .amc__plate::before{background:linear-gradient(to bottom,rgba(255,255,255,0) 12%,rgba(255,255,255,.2) 26%,rgba(255,255,255,.23) 40%,rgba(255,255,255,.18) 60%,rgba(255,255,255,.14) 72%,rgba(255,255,255,0) 82%)!important}}