/* Home hero: dark gradient overlay instead of the cream one (client, 2026-10-28). Loaded last.
   Replaces the cream scrims from hero-video-20261028.css (desktop) and home-hero-gulf.css /
   coastal-transition-blend.css (<=900px), hides the old cream glows behind the copy, and turns the
   hero copy light so it reads on the dark side. Header buttons are unchanged.
   Accent colours (script line, eyebrow, rule) = #efc6a2 (client 2026-10-28). */

body.hero-video .pha::before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,26,34,.45) 0%,rgba(5,26,34,0) 24%),
    linear-gradient(90deg,rgba(5,26,34,.8) 0%,rgba(5,26,34,.66) 28%,rgba(5,26,34,.38) 50%,rgba(5,26,34,.12) 70%,rgba(5,26,34,0) 86%);
}
@media(max-width:900px){
  body.hero-video .pha::before{
    background:linear-gradient(180deg,rgba(5,26,34,.5) 0%,rgba(5,26,34,.64) 42%,rgba(5,26,34,.74) 100%);
  }
}

/* old cream glows behind the copy */
body.gulf-hero-live .pha__copy::before,
body.gulf-hero-live .pha .pha__lead::before{display:none}

/* light copy */
body.gulf-hero-live .pha__eyebrow{color:#efc6a2}
body.gulf-hero-live .gulf-hero-live__rule{background:#efc6a2}
body.gulf-hero-live #park-here-title,
body.gulf-hero-live #park-here-title .pha__title-main{color:#FFFDF9}
body.gulf-hero-live #park-here-title .pha__title-script{color:#efc6a2}
body.gulf-hero-live .pha .pha__lead{color:rgba(255,253,249,.92)}
body.gulf-hero-live .pha__copy{text-shadow:0 2px 18px rgba(5,26,34,.35)}