/* =========================================================
   BENLEY · CHRISTMAS LIGHT INSTALL, seasonal override
   Loads AFTER site.css on /christmas-light-marketing only.
   Redefines tokens and a few surfaces. No layout, no type,
   no structural rules are touched, so the page stays in the
   same system as every other trade page.

   The reserved-green rule from the brand sheet is waived on
   THIS PAGE ONLY. Red and green are the "right place" signal
   for this audience. Every other page keeps green for PAID.
   ========================================================= */
:root{
  /* night ground stays #070c13. Lights need something to read against. */

  /* primary accent: Christmas red */
  --acc:#e0242f;
  --acc-bright:#ff5a63;
  --acc-ghost:rgba(224,36,47,.14);
  --acc-line:rgba(224,36,47,.38);
  --acc-glow:rgba(255,70,80,.55);

  /* the other half of the pair. Deeper than the PAID green on purpose,
     so the two still separate if they ever meet. */
  --xmas-green:#0f8f45;
  --xmas-green-bright:#2fbf6a;
  --xmas-gold:#f6c453;

  /* neutrals warm a few degrees so red and green sit in one room */
  --ink-soft:#dcd5cd;
  --muted:#a1968b;
  --line:rgba(232,214,186,.11);
  --line-2:rgba(232,214,186,.19);
}

/* bulbs, not squares, alternating down the page */
.eyebrow .sq{border-radius:50%;background:var(--acc);box-shadow:0 0 13px var(--acc-glow)}
section:nth-of-type(even) .eyebrow .sq{
  background:var(--xmas-green);box-shadow:0 0 13px rgba(47,191,106,.55)}

/* a lit strand across the top of the hero and every band */
.hero,.band{border-top:3px solid transparent;
  border-image:repeating-linear-gradient(90deg,
    var(--acc) 0 4px, transparent 4px 24px,
    var(--xmas-green) 24px 28px, transparent 28px 48px,
    var(--xmas-gold) 48px 52px, transparent 52px 72px) 1}

/* no boat photograph on a Christmas page. A lit night instead. */
.hero-media{background-image:none;
  background:
    radial-gradient(70% 90% at 18% 8%,rgba(224,36,47,.16),transparent 60%),
    radial-gradient(60% 80% at 82% 4%,rgba(15,143,69,.16),transparent 60%),
    radial-gradient(120% 90% at 50% 100%,rgba(246,196,83,.09),transparent 62%),
    linear-gradient(180deg,#0a111c,#070c13)}
.final-media{
  background:
    radial-gradient(90% 120% at 50% 0%,rgba(224,36,47,.13),transparent 55%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 26px,transparent 26px 52px),
    linear-gradient(180deg,#0a111c,#070c13)}

/* layer labels alternate instead of all reading one colour */
.stage:nth-child(2) .sn{color:var(--xmas-green)}
.stage.rev .sn{color:var(--xmas-gold)}
.stage.rev{background:linear-gradient(90deg,rgba(246,196,83,.10),transparent 62%)}

/* guarantee line takes gold, so it is not competing with the red CTAs */
.hero-note{color:var(--xmas-gold)}
.hero-note a{color:var(--xmas-gold)}

/* the mark keeps its PAID dot */
.brand .mark circle{fill:#4ade80}

/* Warm architectural photography supplies the seasonal character. */
:root{--acc:#f0cb8a;--acc-bright:#ffe2ac;--acc-line:rgba(240,203,138,.4);--acc-ghost:rgba(240,203,138,.12)}
.hero{border-top:0}
.hero-media{background-image:url('/benley-brand-assets/christmas-luxury-hero.webp');background-size:cover;background-position:center}
.hero-scrim{background:linear-gradient(90deg,rgba(7,12,19,.83),rgba(7,12,19,.35) 65%),linear-gradient(0deg,rgba(7,12,19,.85),transparent 70%)}
.eyebrow .sq{background:var(--acc);box-shadow:none}
@media(max-width:900px){.hero-media{background-size:auto 680px;background-position:55% 0}.hero-scrim{background:linear-gradient(0deg,#070c13 35%,rgba(7,12,19,.35) 100%)}}