/* Murrieta Day Spa — Signature differentiator: "Golden-Hour Descent"  (Kai)
   PURE progressive enhancement. Consumes Cass's :root palette via var(); never
   redefines it. Cass owns .band--photo / .band__wash positioning (he set
   .band__wash{position:absolute; inset:0; z-index:1; pointer-events:none} OVER the
   <img>, with text content raised above it) — I ONLY paint the wash's visual here
   and drive it with --sun (set on :root by signature.js, 0=cool morning -> 1=golden).
   FALLBACK: no-JS / reduced-motion -> --sun unset -> var(--sun,1)=1 -> every photo
   band renders at its FINAL golden-hour state (static, still beautiful). Text stays
   crisp (it lives above the wash, per Cass's layering). Cool-morning is an EFFECT
   light-temperature (design §3), not a brand token; golden warms to the real --amber. */

/* cool-morning layer — fades OUT as the sun rises (the wash div itself) */
.band--photo > .band__wash{
  background: linear-gradient(180deg,
      rgba(150, 178, 198, 0.30) 0%,
      rgba(120, 150, 172, 0.10) 100%);
  opacity: calc(1 - var(--sun, 1));
  transition: opacity 120ms linear;
}

/* golden-hour layer — fades IN as the sun rises, warms to the real brand --amber */
.band--photo > .band__wash::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,
      color-mix(in srgb, var(--amber, #B8863F) 20%, transparent) 0%,
      color-mix(in srgb, var(--amber, #B8863F) 52%, transparent) 100%);
  opacity: var(--sun, 1);
  transition: opacity 120ms linear;
}

/* Reduced-motion: pin to final golden-hour, no scroll-driven change (explicit;
   signature.js also declines to run under reduce, so --sun stays unset = golden). */
@media (prefers-reduced-motion: reduce){
  .band--photo > .band__wash{ opacity: 0; transition: none; }
  .band--photo > .band__wash::after{ opacity: 1; transition: none; }
}