/* ==========================================================================
   STAY FREE ENTERPRISE — palm frond light curtain
   Canvas overlay for the hero (js/light-curtain.js). The frond silhouettes
   are warm-taupe at low alpha; mix-blend-mode:multiply is what turns them
   into a DAPPLED SHADOW on the ivory hero instead of a flat grey wash
   (research §4 Bucket-B fix #1: "additive light -> soft cast shadow").
   The overlay is decorative and non-interactive; it must never intercept
   clicks on the hero CTA or capture the LCP.
   ========================================================================== */

.sf-light-curtain {
  position: relative; /* JS also sets this defensively; declared here for clarity */
}

.sf-light-curtain__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;   /* never blocks the hero CTA */
  mix-blend-mode: multiply; /* taupe x ivory = gentle darkening = dappled light */
  z-index: 1;             /* above the hero backdrop, below real-DOM copy/CTA */
  display: block;
}

/* Browsers without multiply support would show a flat taupe film; dial the
   whole layer back there so it degrades to a faint tint rather than a smear. */
@supports not (mix-blend-mode: multiply) {
  .sf-light-curtain__canvas { opacity: 0.5; }
}

/* Reduced motion: js/light-curtain.js already draws a single static frond
   frame and never starts the rAF loop. Nothing else to disable here, but we
   pin the intent so the static shadow stays soft and unobtrusive. */
@media (prefers-reduced-motion: reduce) {
  .sf-light-curtain__canvas { opacity: 0.85; }
}