/* ============================================================
   ILX Lighting — /landscape-lighting/ page layer
   Night-first design: the page loads "after dark" with the
   lighting system on. A light switch toggles a standard ILX
   daytime skin. Loaded only on the landscape-lighting page.

   Scopes:
     body.ilx-lighting           — always on this page
     body.ilx-lighting.lx-night  — night skin (default)
     body.ilx-lighting.lx-day    — standard light skin
   ============================================================ */

body.ilx-lighting{
  --lx-bg:#0a0f1b;
  --lx-bg-2:#0d1424;
  --lx-surface:#121a2d;
  --lx-surface-2:#16203a;
  --lx-line:rgba(174,196,255,.13);
  --lx-ink:#eee9d9;
  --lx-head:#f5efdd;
  --lx-muted:#9da7bf;
  --lx-amber:#f0a444;
  --lx-amber-bright:#ffc26b;
  --lx-amber-deep:#d07a3d;
  --lx-amber-soft:rgba(240,164,68,.12);
  --lx-glow:0 0 22px rgba(255,186,92,.5),0 0 60px rgba(255,170,60,.22);
  --lx-glow-soft:0 6px 30px -6px rgba(255,178,72,.35);
}

/* Smooth theme cross-fade only while the switch flips */
body.ilx-lighting.lx-switching,
body.ilx-lighting.lx-switching *{
  transition:background-color .65s ease,color .65s ease,border-color .65s ease,box-shadow .65s ease,opacity .65s ease!important;
}

/* ============================================================
   NIGHT SKIN — token + component overrides
   ============================================================ */
body.lx-night{
  background:var(--lx-bg);
  /* re-point tokens that partials use for tinted bands / inline styles */
  --ilx-orange-soft:var(--lx-bg-2);
  --ilx-orange-tint:rgba(240,164,68,.3);
  --ilx-cream:var(--lx-bg-2);
  --ilx-gray-50:var(--lx-bg-2);
}
body.lx-night .ilx-main{background:var(--lx-bg);color:var(--lx-ink)}
body.lx-night .ilx-main h1,
body.lx-night .ilx-main h2,
body.lx-night .ilx-main h3,
body.lx-night .ilx-main h4{color:var(--lx-head)}
body.lx-night .sec-head p{color:var(--lx-muted)}
body.lx-night .eyebrow{color:var(--lx-amber)}
body.lx-night .eyebrow .dot{background:var(--lx-amber)}
body.lx-night .ilx-serif{color:var(--lx-amber-bright)}

/* Header chrome at night */
body.lx-night .ilx-header{background:rgba(8,12,22,.86);border-bottom-color:rgba(174,196,255,.1)}
body.lx-night .ilx-header__menu a{color:#d7dcec}
body.lx-night .ilx-header__menu a:hover,
body.lx-night .ilx-header__menu .current-menu-item>a,
body.lx-night .ilx-header__menu .current_page_item>a{color:#fff}
body.lx-night .ilx-header__phone{color:#f0ead8}
body.lx-night .ilx-header__hamburger{background:var(--lx-surface);border-color:var(--lx-line)}
body.lx-night .ilx-header__hamburger span{background:#eee9d9}
body.lx-night .ilx-hedge{background:var(--lx-bg)}

/* Breadcrumb + intro */
body.lx-night .crumb{border-bottom-color:var(--lx-line);color:var(--lx-muted)}
body.lx-night .crumb a{color:var(--lx-amber)}
body.lx-night .crumb a:hover{color:var(--lx-amber-bright)}
body.lx-night .crumb .sep{color:var(--lx-line)}
body.lx-night .intro-lead{color:#dfe4f2}

/* Buttons */
body.lx-night .ilx-btn--primary{box-shadow:0 10px 30px -8px rgba(240,164,68,.45)}
body.lx-night .ilx-btn--ghost{color:#f0ead8;border-color:rgba(238,233,217,.4)}
body.lx-night .ilx-btn--ghost:hover{background:rgba(238,233,217,.12);border-color:#f0ead8;color:#fff}
body.lx-night .ilx-btn--light{background:#f0ead8;color:#1a2233}

/* Service cards */
body.lx-night .ilx-section:has(.svc-grid){background-color:var(--lx-bg-2);background-image:none}
body.lx-night .svc-card{background:var(--lx-surface);border-color:var(--lx-line)}
body.lx-night .svc-card:hover{border-color:rgba(240,164,68,.4);box-shadow:var(--lx-glow-soft)}
body.lx-night .svc-card p{color:var(--lx-muted)}
body.lx-night .svc-card .ic{background:var(--lx-amber-soft);color:var(--lx-amber)}
body.lx-night .svc-card:hover .ic{background:var(--lx-amber);color:#1a1206}
body.lx-night .svc-card .more{color:var(--lx-amber)}
body.lx-night .badge{background:var(--lx-amber-soft);color:var(--lx-amber-bright);border-color:rgba(240,164,68,.3)}

/* Feature */
body.lx-night .feature p{color:var(--lx-muted)}
body.lx-night .feature .lead{color:var(--lx-ink)}
body.lx-night .feature li{color:var(--lx-ink)}
body.lx-night .feature li::before{background:var(--lx-amber-soft);box-shadow:inset 0 0 0 4px var(--lx-amber)}
body.lx-night .feature__media img{box-shadow:0 10px 40px -8px rgba(0,0,0,.7),var(--lx-glow-soft)}

/* Process panel */
body.lx-night .process{background:var(--lx-bg-2);background-image:none;border-top:1px solid var(--lx-line);border-bottom:1px solid var(--lx-line)}
body.lx-night .process__step{border-top-color:var(--lx-line)}
body.lx-night .process__step .n{color:var(--lx-amber)}
body.lx-night .process__step p,body.lx-night .process .sec-head p{color:var(--lx-muted)}

/* Compare slider */
body.lx-night .ba{box-shadow:0 18px 60px -16px rgba(0,0,0,.85),var(--lx-glow-soft)}

/* FAQ (v3 card-style items) */
body.lx-night .faq__item,body.lx-night .faq__item:first-child{background:var(--lx-surface);border-color:var(--lx-line)}
body.lx-night .faq__item.open{border-color:rgba(240,164,68,.5);box-shadow:var(--lx-glow-soft)}
body.lx-night .faq__q .ic{background:var(--lx-amber-soft)}
body.lx-night .faq__q{color:var(--lx-head)}
body.lx-night .faq__q:hover{color:var(--lx-amber-bright)}
body.lx-night .faq__q .ic{border-color:var(--lx-line);color:var(--lx-ink)}
body.lx-night .faq__item.open .faq__q .ic{background:var(--lx-amber);border-color:var(--lx-amber);color:#1a1206}
body.lx-night .faq__a-inner{color:var(--lx-muted)}

/* Related links */
body.lx-night .ilx-section:has(.related__list){background-color:var(--lx-bg-2)}
body.lx-night .related__item{background:var(--lx-surface);border-color:var(--lx-line);color:var(--lx-ink)}
body.lx-night .related__item:hover{border-color:rgba(240,164,68,.45);box-shadow:var(--lx-glow-soft)}
body.lx-night .related__item svg{color:var(--lx-amber)}

/* CTA bar */
body.lx-night .ctabar{background:linear-gradient(150deg,#101a30 0%,#0d1527 55%,#1b1a26 100%);border:1px solid var(--lx-line);box-shadow:var(--lx-glow-soft)}
body.lx-night .ctabar h2 em{color:var(--lx-amber-bright)}
body.lx-night .ctabar p{color:var(--lx-muted)}

/* Stars rating color pops at night */
body.lx-night .stars{color:var(--lx-amber-bright)}

/* Sprigs read wrong at night — hide them on this page */
body.lx-night .ilx-sprig{display:none}

/* ============================================================
   HERO — full-bleed night scene with working light switch
   ============================================================ */
.lx-hero{position:relative;overflow:hidden;background:#070b14;min-height:min(94vh,860px);display:flex;align-items:flex-end}
.lx-hero__bg{position:absolute;inset:-12% 0;z-index:0;will-change:transform}
.lx-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 68%}
.lx-hero__img--on{opacity:0;transition:opacity 2.2s ease .35s}
body.lx-lights-on .lx-hero__img--on{opacity:1}
.lx-hero__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,var(--lx-bg) 0%,rgba(10,15,27,.42) 10%,rgba(10,15,27,0) 30%,rgba(7,11,20,.2) 100%),linear-gradient(100deg,rgba(7,11,20,.62) 0%,rgba(7,11,20,.3) 42%,rgba(7,11,20,0) 64%);pointer-events:none}
body.lx-day .lx-hero__scrim{background:linear-gradient(to top,var(--ilx-paper) 0%,rgba(250,247,240,.18) 10%,rgba(7,11,20,0) 28%,rgba(7,11,20,.18) 100%),linear-gradient(100deg,rgba(7,11,20,.58) 0%,rgba(7,11,20,.28) 42%,rgba(7,11,20,0) 64%)}
.lx-hero__content{position:relative;z-index:3;width:100%;padding-top:170px;padding-bottom:96px}
.lx-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end}
.lx-hero h1{max-width:760px;margin:18px 0 0;font-size:clamp(2.5rem,5vw,4rem);color:#fbf7ea;text-wrap:balance;text-shadow:0 2px 36px rgba(0,0,0,.55)}
.lx-hero .eyebrow{color:var(--lx-amber-bright)}
.lx-hero .eyebrow .dot{background:var(--lx-amber-bright)}
.lx-hero__sum{max-width:58ch;margin:20px 0 0;color:rgba(238,240,248,.88);font-size:1.08rem;line-height:1.75;text-shadow:0 1px 18px rgba(0,0,0,.5)}
.lx-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.lx-hero__rating{display:flex;align-items:center;gap:12px;margin-top:24px;color:rgba(238,240,248,.78);font-size:.9rem}
body.lx-day .lx-hero h1{text-shadow:0 2px 30px rgba(0,0,0,.65)}

/* --- Stars (pure CSS, hidden by day) --- */
.lx-stars{position:absolute;inset:0 0 40% 0;z-index:1;pointer-events:none;opacity:.9;transition:opacity .8s}
.lx-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#dfe8ff;box-shadow:0 0 6px 1px rgba(210,225,255,.8)}
@keyframes lx-twinkle{0%,100%{opacity:.25}50%{opacity:1}}
.lx-stars i{animation:lx-twinkle 3.6s ease-in-out infinite}
.lx-stars i:nth-child(2n){animation-duration:4.8s;animation-delay:-1.2s}
.lx-stars i:nth-child(3n){animation-duration:2.9s;animation-delay:-2s;width:1.5px;height:1.5px}
.lx-stars i:nth-child(5n){animation-delay:-3s}
body.lx-day .lx-stars{opacity:0}

/* --- Fireflies (hidden by day + reduced motion) --- */
.lx-fireflies{position:absolute;inset:30% 0 0 0;z-index:2;pointer-events:none;transition:opacity .8s}
.lx-fireflies i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--lx-amber-bright);box-shadow:0 0 8px 2px rgba(255,194,107,.85),0 0 22px 6px rgba(255,170,60,.35);opacity:0}
@keyframes lx-fly{
  0%{transform:translate(0,0);opacity:0}
  8%{opacity:.95}
  45%{transform:translate(var(--fx,40px),var(--fy,-50px));opacity:.5}
  70%{opacity:.9}
  100%{transform:translate(calc(var(--fx,40px)*1.7),calc(var(--fy,-50px)*.4));opacity:0}
}
.lx-fireflies i{animation:lx-fly var(--fd,9s) ease-in-out infinite;animation-delay:var(--fdel,0s)}
body.lx-day .lx-fireflies{opacity:0}

/* --- String-light garland --- */
.lx-garland{position:absolute;top:0;left:0;right:0;z-index:2;overflow:hidden;pointer-events:none;line-height:0}
.lx-garland svg{display:block;width:100%;min-width:980px;height:auto}
.lx-garland .wire{fill:none;stroke:rgba(20,26,40,.9);stroke-width:2.5}
.lx-garland .stem{stroke:rgba(30,36,52,.95);stroke-width:2}
.lx-garland .cap{fill:#2a3144}
.lx-garland .glass{fill:#ffc66e;transition:fill .6s}
.lx-garland .halo{fill:rgba(255,186,92,.5);opacity:0;transition:opacity .9s}
@keyframes lx-flicker{0%,100%{opacity:.85}42%{opacity:.6}50%{opacity:.92}78%{opacity:.7}}
body.lx-night.lx-lights-on .lx-garland .halo{opacity:.85;animation:lx-flicker 5.5s ease-in-out infinite}
body.lx-night.lx-lights-on .lx-garland .b2 .halo{animation-delay:-1.3s;animation-duration:6.7s}
body.lx-night.lx-lights-on .lx-garland .b3 .halo{animation-delay:-2.6s;animation-duration:4.9s}
body.lx-night.lx-lights-on .lx-garland .b4 .halo{animation-delay:-.7s;animation-duration:7.4s}
body.lx-night.lx-lights-on .lx-garland .b5 .halo{animation-delay:-3.4s;animation-duration:5.8s}
body.lx-night.lx-lights-on .lx-garland .b6 .halo{animation-delay:-1.9s;animation-duration:6.2s}
/* staggered "power on" for the glass */
.lx-garland .glass{fill:#3a4257}
body.lx-lights-on .lx-garland .glass{fill:#ffc66e}
body.lx-lights-on .lx-garland .b1 .glass{transition-delay:.15s}
body.lx-lights-on .lx-garland .b2 .glass{transition-delay:.35s}
body.lx-lights-on .lx-garland .b3 .glass{transition-delay:.55s}
body.lx-lights-on .lx-garland .b4 .glass{transition-delay:.75s}
body.lx-lights-on .lx-garland .b5 .glass{transition-delay:.95s}
body.lx-lights-on .lx-garland .b6 .glass{transition-delay:1.15s}
body.lx-day .lx-garland .glass{fill:#cfd5e4;transition-delay:0s}
body.lx-day .lx-garland .halo{opacity:0;animation:none}
body.lx-day .lx-garland .wire{stroke:rgba(255,255,255,.55)}
body.lx-day .lx-garland .stem{stroke:rgba(255,255,255,.5)}

/* --- The light switch (hero) --- */
.lx-switchwrap{display:flex;flex-direction:column;align-items:flex-end;gap:10px;justify-self:end}
.lx-switch{display:flex;align-items:center;gap:14px;padding:10px 14px;background:rgba(10,16,30,.55);border:1px solid rgba(255,255,255,.16);border-radius:var(--ilx-pill);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;color:#f0ead8;font-family:var(--ilx-sans);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:border-color .3s,box-shadow .3s}
.lx-switch:hover{border-color:rgba(255,194,107,.6);box-shadow:0 0 24px -4px rgba(255,178,72,.5)}
.lx-switch__track{position:relative;width:64px;height:32px;border-radius:var(--ilx-pill);background:#1a2336;border:1px solid rgba(255,255,255,.18);transition:background-color .4s;flex:0 0 auto}
.lx-switch__knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#cfd5e4;display:grid;place-items:center;transition:transform .4s cubic-bezier(.2,.9,.3,1.3),background-color .4s,box-shadow .4s}
.lx-switch__knob svg{width:14px;height:14px;color:#26304a}
body.lx-night .lx-switch__track{background:linear-gradient(90deg,#3a2a10,#1a2336)}
body.lx-night .lx-switch__knob{transform:translateX(32px);background:var(--lx-amber-bright);box-shadow:0 0 14px 2px rgba(255,194,107,.8)}
body.lx-night .lx-switch__knob svg{color:#3a2406}
body.lx-day .lx-switch{background:rgba(255,255,255,.7);border-color:rgba(15,36,23,.2);color:var(--ilx-forest-deep)}
.lx-switch__label .off{display:none}
body.lx-day .lx-switch__label .off{display:inline}
body.lx-day .lx-switch__label .on{display:none}

/* --- Floating switch (appears after the hero scrolls away) --- */
.lx-switch--float{position:fixed;right:22px;bottom:22px;z-index:240;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .35s,transform .35s,visibility 0s .35s;box-shadow:0 10px 34px -10px rgba(0,0,0,.6)}
.lx-switch--float.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .35s,transform .35s}
body.lx-night .lx-switch--float{box-shadow:0 10px 34px -10px rgba(0,0,0,.8),0 0 30px -6px rgba(255,178,72,.45)}

/* ============================================================
   LIGHTING SCENES GALLERY — images "switch on" as you scroll
   ============================================================ */
.lx-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.lx-scene{position:relative;overflow:hidden;border-radius:var(--ilx-r-md);background:#0d1322;border:1px solid var(--lx-line);grid-column:span 6;aspect-ratio:4/3}
.lx-scene--wide{grid-column:span 7}
.lx-scene--narrow{grid-column:span 5}
.lx-scene img{width:100%;height:100%;object-fit:cover;display:block;transition:filter 1.4s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.lx-scene:hover img{transform:scale(1.035)}
.lx-scene__cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:48px 22px 18px;background:linear-gradient(to top,rgba(5,8,16,.86),transparent);color:#f3efe2}
.lx-scene__cap b{display:block;font-family:var(--ilx-display);font-weight:460;font-size:1.18rem;letter-spacing:-.005em}
.lx-scene__cap span{display:block;margin-top:4px;color:rgba(238,240,248,.72);font-size:.82rem;line-height:1.5}
.lx-scene__tag{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--ilx-pill);background:rgba(240,164,68,.16);border:1px solid rgba(240,164,68,.4);color:var(--lx-amber-bright);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(6px)}
.lx-scene__tag svg{width:11px;height:11px}

/* night: scenes wait in the dark, then power on when scrolled into view */
body.lx-night .lx-scene img{filter:brightness(.22) saturate(.6)}
body.lx-night .lx-scene.lx-lit img{filter:brightness(1) saturate(1)}
body.lx-night .lx-scene.lx-lit{box-shadow:0 14px 44px -14px rgba(0,0,0,.8),var(--lx-glow-soft);border-color:rgba(240,164,68,.28)}
body.lx-night .lx-scene::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(120% 90% at 50% 100%,rgba(255,178,72,.18),transparent 60%);opacity:0;transition:opacity 1.4s ease;pointer-events:none}
body.lx-night .lx-scene.lx-lit::after{opacity:1}
body.lx-day .lx-scene img{filter:none}

/* tiny bulb pip in the caption that lights with the card */
.lx-scene__pip{width:9px;height:9px;border-radius:50%;background:#3a4257;flex:0 0 auto;transition:background-color .9s,box-shadow .9s}
body.lx-night .lx-scene.lx-lit .lx-scene__pip,body.lx-day .lx-scene__pip{background:var(--lx-amber-bright);box-shadow:0 0 10px 2px rgba(255,194,107,.75)}

/* --- Lamp-post divider above the gallery --- */
.lx-lamps{display:flex;justify-content:center;gap:90px;margin:0 0 34px;line-height:0}
.lx-lamps svg{width:34px;height:64px;overflow:visible}
.lx-lamps .post{stroke:#3c465e;stroke-width:3;stroke-linecap:round}
.lx-lamps .hat{fill:#3c465e}
.lx-lamps .bulb{fill:#3a4257;transition:fill .8s}
.lx-lamps .cone{fill:rgba(255,186,92,.18);opacity:0;transition:opacity 1.2s}
body.lx-night .lx-lamps.lx-lit .bulb,body.lx-day .lx-lamps .bulb{fill:#ffc66e}
body.lx-night .lx-lamps.lx-lit .cone{opacity:1}
body.lx-night .lx-lamps.lx-lit svg:nth-child(2) .cone{transition-delay:.25s}
body.lx-night .lx-lamps.lx-lit svg:nth-child(2) .bulb{transition-delay:.25s}
body.lx-night .lx-lamps.lx-lit svg:nth-child(3) .cone{transition-delay:.5s}
body.lx-night .lx-lamps.lx-lit svg:nth-child(3) .bulb{transition-delay:.5s}
body.lx-day .lx-lamps .post,body.lx-day .lx-lamps .hat{stroke:#9aa5a0;fill:#9aa5a0}
body.lx-day .lx-lamps .hat{stroke:none}
body.lx-day .lx-lamps .cone{opacity:0}

/* ============================================================
   PACKAGES — three tiers, the middle one glows
   ============================================================ */
.lx-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.lx-tier{position:relative;display:flex;flex-direction:column;padding:38px 32px;border-radius:var(--ilx-r-md);background:#fff;border:1px solid var(--ilx-line);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
.lx-tier:hover{transform:translateY(-5px)}
.lx-tier__kicker{display:inline-flex;align-items:center;gap:9px;color:var(--ilx-orange-deep);font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.lx-tier h3{margin:14px 0 0;font-family:var(--ilx-display);font-weight:460;font-size:1.5rem;letter-spacing:-.01em}
.lx-tier p{margin:14px 0 0;color:var(--ilx-muted);font-size:.95rem;line-height:1.7;flex:1}
.lx-tier__cta{margin-top:26px}
.lx-tier__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 16px;border-radius:var(--ilx-pill);background:var(--lx-amber);color:#241503;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 6px 18px -4px rgba(240,164,68,.6)}
body.lx-night .lx-tier{background:var(--lx-surface);border-color:var(--lx-line)}
body.lx-night .lx-tier__kicker{color:var(--lx-amber)}
body.lx-night .lx-tier p{color:var(--lx-muted)}
body.lx-night .lx-tier:hover{border-color:rgba(240,164,68,.4);box-shadow:var(--lx-glow-soft)}
.lx-tier--featured{border-color:rgba(240,164,68,.55)}
body.lx-night .lx-tier--featured{background:var(--lx-surface-2);border-color:rgba(240,164,68,.55);box-shadow:0 0 0 1px rgba(240,164,68,.25),var(--lx-glow-soft)}
body.lx-day .lx-tier--featured{box-shadow:var(--ilx-shadow-md)}

/* number of fixtures line */
.lx-tier__fixtures{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:18px;border-top:1px dashed var(--ilx-line);color:var(--ilx-forest-deep);font-size:.86rem;font-weight:700}
body.lx-night .lx-tier__fixtures{border-top-color:var(--lx-line);color:var(--lx-ink)}
.lx-tier__fixtures svg{width:16px;height:16px;color:var(--lx-amber);flex:0 0 auto}

/* ============================================================
   COMPARE SECTION (uses .ba partial) — wider, cinematic
   ============================================================ */
.lx-ba .ba{max-width:1100px;aspect-ratio:16/9}
.lx-ba{position:relative}
body.lx-night .lx-ba{background:radial-gradient(60% 50% at 50% 42%,rgba(255,178,72,.07),transparent 70%)}

/* ============================================================
   Misc + responsive + reduced motion
   ============================================================ */
.lx-fade-note{margin-top:14px;color:rgba(238,240,248,.6);font-size:.78rem;letter-spacing:.04em}
body.lx-day .lx-fade-note{color:var(--ilx-muted)}

@media(max-width:980px){
  .lx-hero{min-height:0}
  .lx-hero__content{padding-top:150px;padding-bottom:64px}
  .lx-hero__grid{grid-template-columns:1fr;gap:30px;align-items:start}
  .lx-switchwrap{align-items:flex-start;justify-self:start}
  .lx-gallery{gap:18px}
  .lx-scene,.lx-scene--wide,.lx-scene--narrow{grid-column:span 6}
  .lx-tiers{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .lx-lamps{gap:54px}
}
@media(max-width:620px){
  .lx-hero__content{padding-top:128px;padding-bottom:52px}
  .lx-hero__cta{flex-direction:column}
  .lx-hero__cta .ilx-btn{width:100%}
  .lx-scene,.lx-scene--wide,.lx-scene--narrow{grid-column:span 12;aspect-ratio:16/11}
  .lx-switch--float{right:14px;bottom:14px}
  .lx-lamps{gap:36px;margin-bottom:26px}
  .lx-lamps svg{width:26px;height:50px}
}
@media(prefers-reduced-motion:reduce){
  .lx-stars i,.lx-fireflies i{animation:none!important}
  .lx-fireflies{display:none}
  .lx-garland .halo{animation:none!important}
  .lx-hero__img--on{transition:none}
  .lx-scene img,.lx-scene::after,.lx-tier,.lx-switch__knob{transition:none!important}
  body.lx-night .lx-scene img{filter:brightness(1) saturate(1)}
  body.lx-night .lx-scene::after{opacity:1}
  .lx-garland .glass{transition:none}
}