:root{
  --ink:#f7f0e8; --muted:rgba(247,240,232,.72); --gold:#e2b089;
  --wine:#5c111a; --wine2:#861f2c; --night:#070b10;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box} html,body{width:100%;height:100%;margin:0;background:var(--night);overflow:hidden}
body{font-family:var(--sans);color:var(--ink)} button{font:inherit;color:inherit} ::selection{background:#791923;color:white}
.app,.view{position:fixed;inset:0;width:100%;height:100%;height:100svh}.view{visibility:hidden;opacity:0;pointer-events:none;overflow:hidden}.view.is-active{visibility:visible;opacity:1;pointer-events:auto}
.bg,.shade{position:absolute;inset:0}.bg{background-size:cover;background-position:center;transform:scale(1.025);transition:transform 7s ease}.view.is-active .bg{transform:scale(1.055)}
.bg-hero{background-image:url('../images/01-hero.webp')}.bg-majas{background-image:url('../images/02-majas.webp')}.bg-gaisma{background-image:url('../images/03-gaisma.webp')}.bg-briviba{background-image:url('../images/04-briviba.webp')}.bg-iededz{background-image:url('../images/05-iededz.webp')}.bg-final{background-image:url('../images/06-noslegums.webp')}
.hero-shade{background:linear-gradient(90deg,rgba(4,7,11,.90) 0%,rgba(4,7,11,.66) 34%,rgba(4,7,11,.18) 62%,rgba(4,7,11,.04) 100%),linear-gradient(0deg,rgba(4,7,11,.22),transparent 45%)}
.story-shade{background:linear-gradient(90deg,rgba(4,7,11,.90) 0%,rgba(4,7,11,.65) 36%,rgba(4,7,11,.15) 67%,rgba(4,7,11,.05) 100%)}
.shade-gaisma{background:linear-gradient(90deg,rgba(4,7,11,.92) 0%,rgba(4,7,11,.79) 35%,rgba(4,7,11,.20) 61%,rgba(4,7,11,.04) 100%)}
.light-shade{background:linear-gradient(90deg,rgba(2,5,9,.88) 0%,rgba(2,5,9,.72) 30%,rgba(2,5,9,.18) 55%,rgba(2,5,9,.08) 100%),radial-gradient(circle at 64% 23%,rgba(0,0,0,.04),rgba(0,0,0,.10) 24%,rgba(2,5,9,.40) 66%,rgba(2,5,9,.66) 100%)}
.final-shade{background:linear-gradient(90deg,rgba(3,6,10,.90),rgba(3,6,10,.62) 40%,rgba(3,6,10,.13) 73%,rgba(3,6,10,.04))}
.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.075;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E")}
.blackout{position:fixed;inset:0;z-index:95;background:#030507;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .58s cubic-bezier(.2,.7,.2,1),visibility .58s}.blackout.on{opacity:1;visibility:visible}
.site-head{position:fixed;z-index:70;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(24px,3.4vw,55px) clamp(26px,6vw,112px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.brand{pointer-events:auto;border:0;background:none;padding:0;cursor:pointer;font-family:var(--serif);font-size:clamp(28px,2vw,38px);font-weight:500;text-shadow:0 2px 24px rgba(0,0,0,.5)}.head-note{text-align:left;color:var(--gold);font-size:10px;line-height:1.65;letter-spacing:.34em;text-shadow:0 2px 20px rgba(0,0,0,.55)}
body[data-view="story"] .site-head{opacity:.94} body[data-view="hero"] .site-head,body[data-view="light"] .site-head,body[data-view="final"] .site-head{opacity:1;transform:none}

.hero-copy,.story-copy,.final-copy{position:relative;z-index:5;width:min(820px,calc(100% - 80px));margin-left:clamp(34px,12.8vw,246px)}
.hero-copy{padding-top:clamp(138px,18vh,210px)}
.eyebrow{margin:0 0 22px;color:var(--gold);font-size:10px;letter-spacing:.38em;text-transform:uppercase}.display,.light-title{margin:0;font-family:var(--serif);font-weight:500;line-height:.84;letter-spacing:-.045em;text-shadow:0 4px 40px rgba(0,0,0,.28)}.display{font-size:clamp(76px,8vw,154px)}.display em{font-style:normal;color:#efc5a5}.lead,.body-copy,.light-text{font-family:var(--serif);color:rgba(255,255,255,.92);text-shadow:0 2px 28px rgba(0,0,0,.58)}.lead{font-size:clamp(22px,1.72vw,33px);line-height:1.42;margin:clamp(24px,3vh,38px) 0 0}.body-copy{font-size:clamp(22px,1.6vw,31px);line-height:1.45;margin:25px 0 0}
.pill{border:1px solid rgba(229,170,137,.76);border-radius:999px;background:linear-gradient(180deg,rgba(113,18,30,.96),rgba(68,8,17,.96));min-height:62px;padding:0 31px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;cursor:pointer;box-shadow:0 0 38px rgba(124,27,36,.20),inset 0 0 22px rgba(255,190,142,.04);font-family:var(--serif);font-size:22px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pill:hover{transform:translateY(-3px);border-color:#edbd92;box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 35px rgba(136,31,40,.36)}.pill b{font-family:var(--sans);font-weight:300;font-size:24px}.hero-enter{margin-top:32px;min-width:330px}
.corner-note,.final-date{position:absolute;z-index:5;left:clamp(32px,6.5vw,125px);bottom:clamp(28px,5.5vh,66px);color:var(--gold);font-size:9px;line-height:1.7;letter-spacing:.35em}.corner-note:after,.final-date:before{content:"";display:block;width:44px;height:1px;background:rgba(255,255,255,.45);margin-top:18px}
/* Story / horizontal slider */
.view-story{background:#030507}.slider-viewport,.slider-track,.story-slide{height:100%;width:100%}.slider-viewport{overflow:hidden}.slider-track{display:flex;will-change:transform;transition:transform .88s cubic-bezier(.16,1,.3,1)}.story-slide{position:relative;flex:0 0 100%;display:flex;align-items:center;overflow:hidden}.story-copy{padding-top:72px}.story-copy .display{font-size:clamp(78px,7.2vw,138px)}.quiet{margin-top:38px;color:var(--gold);font-size:10px;letter-spacing:.34em;text-transform:uppercase}.quiet:before{content:"";display:block;width:45px;height:1px;background:rgba(255,255,255,.55);margin-bottom:18px}.light-entry{margin-top:30px;min-width:250px}
.slider-nav{position:absolute;z-index:62;top:clamp(38px,4.3vh,54px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:10px 18px;border-radius:999px;background:rgba(5,8,12,.42);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.10);box-shadow:0 8px 30px rgba(0,0,0,.18);max-width:min(92vw,660px)}.slider-tab{border:0;background:transparent;padding:5px 7px;cursor:pointer;color:rgba(255,255,255,.56);font-size:11px;letter-spacing:.22em;text-transform:uppercase;transition:color .25s}.slider-tab span{color:var(--gold);font-size:8px;margin-right:8px}.slider-tab.active{color:#fff}.slider-nav i{display:block;width:36px;height:1px;background:rgba(255,255,255,.24)}
.slide-arrow{position:absolute;z-index:64;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(4,7,11,.32);backdrop-filter:blur(9px);cursor:pointer;font-size:21px;transition:.25s}.slide-arrow:hover{background:rgba(90,16,27,.62);border-color:rgba(237,189,146,.6)}.slide-arrow.prev{left:34px}.slide-arrow.next{right:34px}.slide-arrow[disabled]{opacity:.2;cursor:default}.swipe-hint{display:none;position:absolute;z-index:60;bottom:30px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.33em;color:rgba(255,255,255,.45);white-space:nowrap}
/* Light page */

.light-center{position:absolute;z-index:10;left:clamp(54px,7vw,132px);top:52%;transform:translateY(-50%);width:min(520px,35vw);text-align:left}.light-title{font-size:clamp(66px,5.7vw,108px)}.light-text{font-size:clamp(20px,1.5vw,29px);line-height:1.45;margin:22px 0 0}.ignite{margin-top:28px;min-width:270px;justify-content:center;gap:14px}.flame{font-size:13px;color:#ffc37f;text-shadow:0 0 14px #ff9a40}.ignite-status{opacity:0;margin:16px 0 0;color:#f4c69c;font-size:10px;letter-spacing:.25em;text-transform:uppercase;transition:opacity .55s}.view-light.is-lit .ignite-status{opacity:1}.view-light.is-lit .light-center{animation:center-soften 2.2s ease forwards}.light-pulse{position:absolute;z-index:7;left:60%;top:21%;width:16vw;height:16vw;border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;background:radial-gradient(circle,rgba(255,213,145,.40),rgba(255,153,55,.10) 40%,transparent 72%);filter:blur(8px)}.view-light.is-lit .light-pulse{animation:pulse-map 2.1s ease-out forwards}.map-spark-zone{position:absolute;z-index:8;left:41.5%;top:7.5%;width:39%;height:28%;pointer-events:none;clip-path:polygon(2% 43%,18% 22%,35% 36%,42% 23%,58% 6%,66% 19%,78% 20%,99% 39%,94% 70%,74% 96%,60% 82%,44% 72%,26% 77%,7% 67%)}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff0c5;box-shadow:0 0 10px 3px #ffb75a,0 0 22px 8px rgba(255,127,32,.42);opacity:0;animation:twinkle 1.45s ease-out forwards}.burst{position:absolute;width:2px;height:2px;border-radius:50%;background:white;box-shadow:0 0 7px 3px #ffbe6a;opacity:0;animation:twinkle 1.1s ease-out forwards}
@keyframes twinkle{0%{opacity:0;transform:scale(.1)}22%{opacity:1;transform:scale(1.5)}55%{opacity:.9}100%{opacity:0;transform:scale(.35)}}@keyframes pulse-map{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}@keyframes center-soften{0%{opacity:1}55%{opacity:.92}100%{opacity:.38}}
/* Final */
.final-copy{padding-top:clamp(135px,17vh,205px);width:min(820px,calc(100% - 80px))}.values{display:flex;margin-top:42px;max-width:680px;padding-top:25px;border-top:1px solid rgba(255,255,255,.22)}.values>div{flex:1;text-align:center;padding:0 20px;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:4px}.values>div:first-child{padding-left:0}.values>div:last-child{border-right:0}.values span{color:#f3c38f;font-size:28px}.values strong{font-family:var(--serif);font-size:17px;text-transform:uppercase;letter-spacing:.12em}.values small{font-size:7px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.final-signature{position:absolute;z-index:5;right:clamp(42px,8vw,150px);bottom:clamp(48px,8vh,92px);text-align:center}.final-signature strong{display:block;font-family:var(--serif);font-size:34px;font-weight:500}.final-signature span{display:block;margin-top:8px;color:var(--muted);font-size:8px;letter-spacing:.22em;text-transform:uppercase}.final-date span{color:var(--muted)}.restart{position:absolute;z-index:7;right:clamp(34px,6vw,112px);top:clamp(30px,4vh,52px);border:0;background:rgba(5,8,12,.32);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.35);padding:10px 4px;color:rgba(255,255,255,.72);font-size:9px;letter-spacing:.26em;text-transform:uppercase;cursor:pointer}
/* Motion */
.motion{opacity:0;filter:blur(7px);will-change:transform,opacity,filter;transition:opacity .84s cubic-bezier(.2,.7,.2,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter .84s ease}.from-left{transform:translate3d(-88px,0,0)}.from-right{transform:translate3d(88px,0,0)}.from-top{transform:translate3d(0,-62px,0)}.from-bottom{transform:translate3d(0,66px,0)}.motion-group.is-visible .motion{opacity:1;filter:blur(0);transform:translate3d(0,0,0)}.motion-group.is-visible .motion:nth-child(1){transition-delay:.05s}.motion-group.is-visible .motion:nth-child(2){transition-delay:.15s}.motion-group.is-visible .motion:nth-child(3){transition-delay:.27s}.motion-group.is-visible .motion:nth-child(4){transition-delay:.39s}.motion-group.is-visible .motion:nth-child(5){transition-delay:.51s}

@media(max-width:1024px){
  .swipe-hint{display:block}
  .bg-iededz{
    background-size:auto 60vh;
    background-repeat:no-repeat;
    background-position:67% 3%;
    transform:none!important
  }
  .light-center{
    left:50%;
    top:69%;
    transform:translate(-50%,-50%);
    width:min(680px,calc(100% - 54px));
    text-align:center
  }
  .light-title{font-size:clamp(58px,10vw,90px)}
  .map-spark-zone{
    left:50%;
    top:7vh;
    width:min(60vw,470px);
    height:22vh;
    transform:translateX(-50%)
  }
  .light-pulse{
    left:50%;
    top:18vh;
    width:min(44vw,380px);
    height:min(44vw,380px)
  }
}

@media(max-width:900px){.site-head{padding:24px}.head-note{display:none}.hero-copy,.story-copy,.final-copy{margin-left:7vw;width:min(720px,calc(100% - 90px))}.slider-nav{top:24px}.slide-arrow.prev{left:16px}.slide-arrow.next{right:16px}.display{font-size:clamp(66px,11vw,110px)}.story-copy .display{font-size:clamp(66px,10vw,104px)}}
@media(max-width:680px){.bg{transform:scale(1.03)}.bg-hero{background-position:62% center}.bg-majas{background-position:64% center}.bg-gaisma{background-position:69% center}.bg-briviba{background-position:67% center}.bg-iededz{background-position:61% center}.bg-final{background-position:62% center}.hero-shade,.story-shade,.shade-gaisma,.final-shade{background:linear-gradient(0deg,rgba(3,6,10,.96) 0%,rgba(3,6,10,.72) 48%,rgba(3,6,10,.18) 82%,rgba(3,6,10,.08) 100%)}.site-head{z-index:68;padding:20px 24px}.brand{font-size:28px}.hero-copy,.story-copy,.final-copy{margin-left:0;width:100%;padding-left:28px;padding-right:28px}.hero-copy{padding-top:134px}.display,.story-copy .display{font-size:clamp(61px,18vw,88px);line-height:.88}.lead{font-size:20px;line-height:1.35}.body-copy{font-size:20px;line-height:1.38}.hero-enter{margin-top:24px;width:100%;max-width:335px;min-width:0;font-size:18px;min-height:57px}.corner-note,.final-date{display:none}.slider-nav{left:16px;right:16px;transform:none;justify-content:space-between;gap:4px;overflow:hidden;padding:9px 12px}.slider-tab{flex:1;font-size:9px;letter-spacing:.14em;white-space:nowrap;text-align:center;padding:7px 6px}.slider-tab span{display:none}.slider-nav i{width:10px;opacity:.55}.story-copy{padding-top:126px;padding-bottom:58px;align-self:flex-end}.story-slide{align-items:flex-end}.slide-arrow{top:auto;bottom:18px;width:44px;height:44px}.slide-arrow.prev{left:auto;right:76px}.slide-arrow.next{right:24px}.swipe-hint{display:none}.light-center{top:58%;width:calc(100% - 42px)}.light-title{font-size:clamp(56px,16vw,80px);line-height:.88}.light-text{font-size:19px}.ignite{min-width:0;width:100%;max-width:315px;font-size:19px}.map-spark-zone{left:29%;top:8%;width:56%;height:27%}.light-pulse{left:60%;top:21%;width:46vw;height:46vw}.values{gap:7px;margin-top:30px}.values>div{padding:0 8px}.values strong{font-size:12px}.values small{font-size:6px}.final-signature{right:auto;left:28px;bottom:26px;text-align:left}.final-signature strong{font-size:27px}.final-signature span{font-size:7px}.restart{right:24px;top:29px}}

@media(max-width:420px){
  .slider-nav{
    top:80px;
    left:16px;
    right:16px;
  }
  .slider-tab{
    font-size:8.5px;
    letter-spacing:.105em;
    padding:7px 4px;
  }
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.motion{opacity:1!important;filter:none!important;transform:none!important}.bg{transform:none!important}}


/* ==========================================================
   V4.5 — FINAL MOBILE TUNING
   Exact requested corrections only.
   ========================================================== */

/* Swipe help is never shown on desktop. */
.swipe-hint{
  display:none !important;
  pointer-events:none;
}

/* Remove any legacy blur helper. */
.view-light::before{
  display:none !important;
  content:none !important;
}
.view-light{
  background:#05070b;
}
.bg-iededz{
  filter:none !important;
}

/* ---------- DESKTOP ---------- */
@media(min-width:1025px){
  .light-center{
    left:clamp(54px,7vw,132px) !important;
    top:52% !important;
    transform:translateY(-50%) !important;
    width:min(520px,35vw) !important;
    text-align:left !important;
  }
  .bg-iededz{
    background-image:url('../images/05-iededz.webp') !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
  }
  .map-spark-zone{
    left:41.5% !important;
    top:7.5% !important;
    width:39% !important;
    height:28% !important;
    transform:none !important;
  }
  .light-pulse{
    left:60% !important;
    top:21% !important;
  }
}

/* ---------- TABLET ---------- */
@media(max-width:1024px){
  /* BRCreate row 1; guide row 2 */
  .site-head{
    padding:20px 24px 0 !important;
    opacity:1 !important;
    transform:none !important;
  }
  .brand{
    line-height:1 !important;
  }
  .slider-nav{
    top:88px !important;
    left:24px !important;
    right:24px !important;
    transform:none !important;
  }

  /* "Velc..." only tablet/mobile, now at the TOP so it cannot overlap copy/buttons. */
  .swipe-hint{
    display:block !important;
    top:136px !important;
    bottom:auto !important;
  }

  /* Full-height sharp image. Map fits in portrait tablet. */
  .bg-iededz{
    background-image:url('../images/05-iededz.webp') !important;
    background-size:auto 100svh !important;
    background-position:69% top !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  /* Light black -> dark black gradient, no blur. */
  .light-shade{
    background:linear-gradient(
      180deg,
      rgba(0,0,0,.10) 0%,
      rgba(0,0,0,.18) 34%,
      rgba(0,0,0,.52) 58%,
      rgba(0,0,0,.88) 100%
    ) !important;
  }

  .light-center{
    left:50% !important;
    top:47svh !important;
    transform:translateX(-50%) !important;
    width:min(680px,calc(100% - 54px)) !important;
    text-align:center !important;
  }

  /* Spark zone matched to the actual map position at full-height tablet scale. */
  .map-spark-zone{
    left:4% !important;
    top:6% !important;
    width:92% !important;
    height:37% !important;
    transform:none !important;
  }
  .light-pulse{
    left:50% !important;
    top:22% !important;
    width:min(38vw,360px) !important;
    height:min(38vw,360px) !important;
  }
}

/* ---------- MOBILE ---------- */
@media(max-width:680px){
  .site-head{
    padding:18px 22px 0 !important;
    opacity:1 !important;
    transform:none !important;
  }
  .brand{
    line-height:1 !important;
  }

  /* BRCreate first row, guide second row. */
  .slider-nav{
    top:78px !important;
    left:18px !important;
    right:18px !important;
    transform:none !important;
  }

  /* No overlap with bottom captions or "Iededz gaismu" button. */
  .swipe-hint{
    display:block !important;
    top:126px !important;
    bottom:auto !important;
    font-size:7px !important;
    letter-spacing:.24em !important;
  }

  /* Dedicated sharp 9:16 background fills the WHOLE device height. */
  .bg-iededz{
    background-image:url('../images/05-iededz-mobile.webp') !important;
    background-size:cover !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  /* Explicit light-black -> dark-black readability gradient. */
  .light-shade{
    background:linear-gradient(
      180deg,
      rgba(0,0,0,.08) 0%,
      rgba(0,0,0,.14) 28%,
      rgba(0,0,0,.34) 43%,
      rgba(0,0,0,.66) 62%,
      rgba(0,0,0,.92) 100%
    ) !important;
  }

  /* Text stays centered and readable over the darker lower half. */
  .light-center{
    left:50% !important;
    top:43svh !important;
    transform:translateX(-50%) !important;
    width:calc(100% - 42px) !important;
    text-align:center !important;
  }
  .light-title{
    font-size:clamp(46px,13.4vw,67px) !important;
    line-height:.88 !important;
    text-shadow:0 4px 32px rgba(0,0,0,.86) !important;
  }
  .light-text{
    font-size:18px !important;
    line-height:1.36 !important;
    margin-top:14px !important;
    text-shadow:0 2px 22px rgba(0,0,0,.9) !important;
  }
  .ignite{
    margin-top:18px !important;
    min-width:0 !important;
    width:100% !important;
    max-width:315px !important;
    font-size:19px !important;
  }

  /* Mobile portrait asset: exact Latvia-map area. */
  .map-spark-zone{
    left:41.2% !important;
    top:2% !important;
    width:39.8% !important;
    height:12.2% !important;
    transform:none !important;
  }
  .light-pulse{
    left:61% !important;
    top:8.2% !important;
    width:35vw !important;
    height:35vw !important;
  }

  /* Brighter/larger sparks on small screens. */
  .spark{
    width:6px !important;
    height:6px !important;
    box-shadow:0 0 12px 4px #ffd18a,0 0 26px 10px rgba(255,130,32,.55) !important;
  }
  .burst{
    width:3px !important;
    height:3px !important;
    box-shadow:0 0 9px 3px #ffd18a !important;
  }
}

@media(max-width:420px){
  .slider-nav{
    top:76px !important;
    left:16px !important;
    right:16px !important;
  }
  .swipe-hint{
    top:123px !important;
  }
  .slider-tab{
    font-size:8.5px !important;
    letter-spacing:.105em !important;
  }
}


/* ==========================================================
   V4.6 — Iededz gaismu Latvijai refined
   User-requested clarification only.
   ========================================================== */

/* For this section: only lights, no CSS glow boundary/pulse. */
.light-pulse,
.view-light.is-lit .light-pulse{
  display:none !important;
  animation:none !important;
  opacity:0 !important;
}

/* Keep section as one whole visual window. */
.view-light{
  background:#04070b;
}

/* Desktop remains as before except copy is centered per request. */
@media(min-width:1025px){
  .light-center{
    left:50% !important;
    top:58% !important;
    transform:translate(-50%,-50%) !important;
    width:min(760px,56vw) !important;
    text-align:center !important;
  }
  .light-title,
  .light-text,
  .eyebrow{
    text-align:center !important;
  }
}

/* Tablet: one whole image, centered copy. */
@media(max-width:1024px){
  .bg-iededz{
    background-image:url('../images/05-iededz.webp') !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  .light-center{
    left:50% !important;
    top:58% !important;
    transform:translate(-50%,-50%) !important;
    width:min(700px,calc(100% - 58px)) !important;
    text-align:center !important;
  }
  .light-title,
  .light-text,
  .eyebrow{
    text-align:center !important;
  }

  /* only the lights should appear on the map area */
  .map-spark-zone{
    left:31% !important;
    top:11% !important;
    width:39% !important;
    height:24% !important;
    transform:none !important;
  }
}

/* Mobile: single vertical background image, map centered in the image,
   centered copy, and a light-black -> dark-black gradient. */
@media(max-width:680px){
  .bg-iededz{
    background-image:url('../images/05-iededz-mobile-v2.webp') !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  .light-shade{
    background:linear-gradient(
      180deg,
      rgba(0,0,0,.08) 0%,
      rgba(0,0,0,.18) 30%,
      rgba(0,0,0,.38) 50%,
      rgba(0,0,0,.68) 70%,
      rgba(0,0,0,.92) 100%
    ) !important;
  }

  .light-center{
    left:50% !important;
    top:63% !important;
    transform:translate(-50%,-50%) !important;
    width:calc(100% - 42px) !important;
    text-align:center !important;
  }

  .eyebrow{
    text-align:center !important;
    margin:0 0 16px !important;
  }

  .light-title{
    text-align:center !important;
    font-size:clamp(46px,13.2vw,66px) !important;
    line-height:.90 !important;
    text-shadow:0 6px 36px rgba(0,0,0,.86) !important;
  }

  .light-text{
    text-align:center !important;
    font-size:18px !important;
    line-height:1.36 !important;
    margin:14px 0 0 !important;
    text-shadow:0 3px 22px rgba(0,0,0,.88) !important;
  }

  .ignite{
    margin-top:18px !important;
    min-width:0 !important;
    width:100% !important;
    max-width:315px !important;
    font-size:19px !important;
  }

  /* Map position within the new single-piece portrait image. */
  .map-spark-zone{
    left:41.5% !important;
    top:28.5% !important;
    width:39% !important;
    height:8.9% !important;
    transform:none !important;
    clip-path:polygon(2% 43%,18% 22%,35% 36%,42% 23%,58% 6%,66% 19%,78% 20%,99% 39%,94% 70%,74% 96%,60% 82%,44% 72%,26% 77%,7% 67%) !important;
  }

  .spark{
    width:6px !important;
    height:6px !important;
    box-shadow:0 0 10px 4px #ffc978,0 0 22px 8px rgba(255,128,34,.46) !important;
  }

  .burst{
    width:3px !important;
    height:3px !important;
    box-shadow:0 0 8px 3px #ffd18a !important;
  }
}


/* ==========================================================
   V4.7 — Iededz gaismu Latvijai
   Use the new full-height vertical image on mobile and tablet.
   ========================================================== */

/* No extra CSS glow boundary/pulse around the map. */
.light-pulse,
.view-light.is-lit .light-pulse{
  display:none !important;
  opacity:0 !important;
  animation:none !important;
}

/* Keep the section as one whole window with one background image. */
.view-light{
  background:#04070b;
}

/* Desktop can stay as the existing full composition. */
@media(min-width:1025px){
  .light-center{
    left:50% !important;
    top:58% !important;
    transform:translate(-50%,-50%) !important;
    width:min(760px,56vw) !important;
    text-align:center !important;
  }
  .light-title,
  .light-text,
  .eyebrow{
    text-align:center !important;
  }
}

/* Tablet and mobile: use the supplied vertical full-size image. */
@media(max-width:1024px){
  .bg-iededz{
    background-image:url('../images/05-iededz-portrait.webp') !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }

  /* One single overlay only: light black -> dark black for readability. */
  .light-shade{
    background:linear-gradient(
      180deg,
      rgba(0,0,0,.04) 0%,
      rgba(0,0,0,.10) 22%,
      rgba(0,0,0,.22) 40%,
      rgba(0,0,0,.48) 61%,
      rgba(0,0,0,.82) 82%,
      rgba(0,0,0,.94) 100%
    ) !important;
  }

  .light-center{
    left:50% !important;
    top:66% !important;
    transform:translate(-50%,-50%) !important;
    width:min(700px,calc(100% - 54px)) !important;
    text-align:center !important;
  }

  .eyebrow,
  .light-title,
  .light-text{
    text-align:center !important;
  }

  /* Map centered in the new portrait image. Only spark lights appear there. */
  .map-spark-zone{
    left:19.5% !important;
    top:12.1% !important;
    width:61.5% !important;
    height:17.2% !important;
    transform:none !important;
    clip-path:polygon(2% 43%,18% 22%,35% 36%,42% 23%,58% 6%,66% 19%,78% 20%,99% 39%,94% 70%,74% 96%,60% 82%,44% 72%,26% 77%,7% 67%) !important;
  }
}

/* Tablet fine-tuning */
@media (min-width:681px) and (max-width:1024px){
  .light-center{
    top:70% !important;
    width:min(640px,calc(100% - 76px)) !important;
  }
  .light-title{
    font-size:clamp(60px,8.5vw,88px) !important;
    line-height:.90 !important;
  }
  .light-text{
    font-size:20px !important;
    line-height:1.42 !important;
    margin-top:16px !important;
  }
  .ignite{
    margin-top:22px !important;
    min-width:0 !important;
    width:100% !important;
    max-width:360px !important;
    font-size:20px !important;
  }
}

/* Mobile fine-tuning */
@media(max-width:680px){
  .bg-iededz{
    background-image:url('../images/05-iededz-portrait.webp') !important;
    background-size:cover !important;
    background-position:center center !important;
  }

  .light-center{
    left:50% !important;
    top:69% !important;
    transform:translate(-50%,-50%) !important;
    width:calc(100% - 42px) !important;
    text-align:center !important;
  }

  .eyebrow{
    margin:0 0 14px !important;
    font-size:9px !important;
    letter-spacing:.34em !important;
  }

  .light-title{
    font-size:clamp(46px,13.1vw,66px) !important;
    line-height:.90 !important;
    text-shadow:0 6px 34px rgba(0,0,0,.86) !important;
  }

  .light-text{
    font-size:18px !important;
    line-height:1.38 !important;
    margin-top:14px !important;
    text-shadow:0 3px 20px rgba(0,0,0,.88) !important;
  }

  .ignite{
    margin-top:18px !important;
    min-width:0 !important;
    width:100% !important;
    max-width:315px !important;
    font-size:19px !important;
  }

  .map-spark-zone{
    left:19.5% !important;
    top:12.1% !important;
    width:61.5% !important;
    height:17.2% !important;
  }

  .spark{
    width:6px !important;
    height:6px !important;
    box-shadow:0 0 10px 4px #ffc978,0 0 22px 8px rgba(255,128,34,.44) !important;
  }

  .burst{
    width:3px !important;
    height:3px !important;
    box-shadow:0 0 8px 3px #ffd18a !important;
  }
}


/* ==========================================================
   V4.8 — final layout tuning for "Iededz gaismu Latvijai"
   - Desktop: text left, map right
   - Mobile: sparks moved down into the map
   ========================================================== */

/* Desktop — text block to the left, map visually on the right */
@media(min-width:1025px){
  .light-center{
    left:clamp(56px,7vw,118px) !important;
    top:58% !important;
    transform:translateY(-50%) !important;
    width:min(500px,33vw) !important;
    text-align:left !important;
  }
  .eyebrow,
  .light-title,
  .light-text{
    text-align:left !important;
  }
  .bg-iededz{
    background-position:center center !important;
  }
  .map-spark-zone{
    left:43% !important;
    top:7.4% !important;
    width:39.5% !important;
    height:28.5% !important;
    transform:none !important;
  }
}

/* Tablet — keep the current look, only slightly stabilize the map lights area */
@media (min-width:681px) and (max-width:1024px){
  .map-spark-zone{
    left:19.8% !important;
    top:12.8% !important;
    width:61.2% !important;
    height:17.0% !important;
  }
}

/* Mobile — same portrait image and centered copy,
   but move the spark zone DOWN into the actual Latvia map. */
@media(max-width:680px){
  .map-spark-zone{
    left:19.8% !important;
    top:15.0% !important;
    width:60.8% !important;
    height:15.4% !important;
    transform:none !important;
    clip-path:polygon(2% 43%,18% 22%,35% 36%,42% 23%,58% 6%,66% 19%,78% 20%,99% 39%,94% 70%,74% 96%,60% 82%,44% 72%,26% 77%,7% 67%) !important;
  }

  /* Slightly clearer spark visibility on phone screens */
  .spark{
    width:6px !important;
    height:6px !important;
    box-shadow:0 0 10px 4px #ffc978,0 0 20px 8px rgba(255,128,34,.44) !important;
  }
  .burst{
    width:3px !important;
    height:3px !important;
    box-shadow:0 0 8px 3px #ffd18a !important;
  }
}


/* ==========================================================
   V4.9 — mobile Latvia map spark zone refined
   Keep desktop unchanged. Move phone spark lights strictly inside the map.
   ========================================================== */
@media(max-width:680px){
  .map-spark-zone{
    left:20.4% !important;
    top:22.0% !important;
    width:59.6% !important;
    height:19.4% !important;
    transform:none !important;
    /* tighter inner Latvia silhouette so sparks stay inside the glowing border */
    clip-path:polygon(3% 51%,10% 34%,19% 24%,30% 28%,39% 38%,48% 36%,57% 18%,67% 11%,75% 20%,83% 23%,92% 35%,96% 48%,95% 61%,89% 72%,80% 87%,70% 92%,61% 83%,50% 74%,40% 74%,29% 77%,17% 74%,8% 66%) !important;
    overflow:hidden !important;
  }
  .spark{
    width:5px !important;
    height:5px !important;
    box-shadow:0 0 9px 3px #ffc978,0 0 18px 7px rgba(255,128,34,.38) !important;
  }
  .burst{
    width:2px !important;
    height:2px !important;
    box-shadow:0 0 7px 2px #ffd18a !important;
  }
}
@media(max-width:420px){
  .map-spark-zone{
    left:20.8% !important;
    top:22.4% !important;
    width:58.8% !important;
    height:18.8% !important;
  }
}


/* ==========================================================
   V4.10 — phone uses the same glow / pulse principle as desktop,
   but tuned to the portrait Latvia map.
   Desktop left unchanged.
   ========================================================== */

@media(max-width:680px){
  /* Restore the same desktop-style pulse/glow logic on phone */
  .light-pulse{
    display:block !important;
    opacity:0 !important;
    left:51.2% !important;
    top:28.6% !important;
    width:34vw !important;
    height:34vw !important;
    border-radius:50% !important;
    transform:translate(-50%,-50%) scale(.2) !important;
    background:radial-gradient(circle,rgba(255,213,145,.40),rgba(255,153,55,.10) 40%,transparent 72%) !important;
    filter:blur(8px) !important;
    z-index:7 !important;
  }
  .view-light.is-lit .light-pulse{
    display:block !important;
    animation:pulse-map 2.1s ease-out forwards !important;
    opacity:0 !important;
  }

  /* Tighter phone spark area placed inside the Latvia silhouette */
  .map-spark-zone{
    left:22.0% !important;
    top:20.8% !important;
    width:56.6% !important;
    height:16.4% !important;
    transform:none !important;
    overflow:hidden !important;
    clip-path:polygon(
      4% 54%,
      11% 36%,
      20% 25%,
      31% 29%,
      39% 38%,
      48% 36%,
      58% 18%,
      67% 12%,
      75% 20%,
      84% 24%,
      92% 34%,
      96% 47%,
      95% 60%,
      89% 71%,
      80% 86%,
      70% 90%,
      60% 82%,
      50% 73%,
      40% 73%,
      29% 76%,
      18% 73%,
      9% 66%
    ) !important;
  }

  .spark{
    width:5px !important;
    height:5px !important;
    box-shadow:0 0 10px 3px #ffb75a,0 0 20px 7px rgba(255,127,32,.40) !important;
  }
  .burst{
    width:2px !important;
    height:2px !important;
    box-shadow:0 0 7px 3px #ffbe6a !important;
  }
}

@media(max-width:420px){
  .light-pulse{
    left:51.5% !important;
    top:28.9% !important;
    width:36vw !important;
    height:36vw !important;
  }
  .map-spark-zone{
    left:22.4% !important;
    top:21.2% !important;
    width:55.8% !important;
    height:15.8% !important;
  }
}

/* Production */
.final-signature a{
  color:inherit;
  text-decoration:none;
}
.final-signature a:hover,
.final-signature a:focus-visible{
  text-decoration:underline;
  text-underline-offset:4px;
}


/* ==========================================================
   FINAL FAST — deferred full-screen backgrounds
   Hero remains immediate; hidden sections are loaded by JS.
   ========================================================== */
.bg-majas,
.bg-gaisma,
.bg-briviba,
.bg-iededz,
.bg-final{
  background-image:none !important;
}

/* ==========================================================
   V5.1 — GAISMU SKAITĪTĀJS
   Desktop: neatkarīgs bordo bloks labajā pusē.
   Mobilajā: kompakts bloks apakšējā daļā, nepārklājot saturu.
   ========================================================== */

.light-count-card{
  position:absolute;
  z-index:8;
  right:clamp(58px,6.4vw,122px);
  top:18%;
  width:min(560px,35vw);
  min-width:440px;
  min-height:194px;
  padding:30px 36px;
  display:grid;
  grid-template-columns:118px 1fr;
  align-items:center;
  gap:30px;
  border:1px solid rgba(181,48,62,.82);
  border-radius:24px;
  background:
    radial-gradient(circle at 84% 18%,rgba(166,32,47,.16),transparent 36%),
    linear-gradient(135deg,rgba(73,10,20,.82),rgba(37,5,12,.78));
  box-shadow:
    0 22px 60px rgba(0,0,0,.34),
    inset 0 0 38px rgba(156,30,43,.12),
    0 0 26px rgba(132,24,35,.12);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.light-count-symbol{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  justify-self:center;
  border-radius:50%;
  color:#ffd9a7;
  font-size:38px;
  line-height:1;
  border:1px solid rgba(238,186,132,.62);
  background:radial-gradient(circle,rgba(143,41,41,.52),rgba(44,8,15,.58) 66%,rgba(0,0,0,.14));
  box-shadow:0 0 28px rgba(224,129,72,.22);
  text-shadow:0 0 18px rgba(255,192,115,.82);
}

.light-count-copy{
  min-width:0;
  padding-left:28px;
  border-left:1px solid rgba(236,184,136,.25);
}

.light-count-kicker{
  display:block;
  margin:0 0 12px;
  color:rgba(255,255,255,.72);
  font-family:var(--sans);
  font-size:10px;
  font-weight:500;
  letter-spacing:.30em;
  text-transform:uppercase;
}

.light-count-row{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  line-height:1;
}

/* Arabic / lining digits: "1", "1248", not a serif 1 that looks like Roman I. */
.light-count-row strong{
  font-family:var(--sans);
  font-size:clamp(54px,5vw,82px);
  font-weight:300;
  line-height:.92;
  color:#ffe3be;
  letter-spacing:-.045em;
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1,"tnum" 1;
  text-shadow:0 4px 30px rgba(0,0,0,.46),0 0 24px rgba(225,136,72,.18);
}

.light-count-row span{
  color:#f3cfac;
  font-family:var(--serif);
  font-size:clamp(20px,1.55vw,28px);
  line-height:1.08;
}

.light-count-card.is-offline .light-count-kicker{
  color:rgba(255,255,255,.50);
}

/* Tablet: place card in the free lower-right area and reduce it. */
@media (min-width:681px) and (max-width:1100px){
  .light-count-card{
    right:34px;
    top:auto;
    bottom:112px;
    width:min(420px,47vw);
    min-width:0;
    min-height:116px;
    padding:18px 22px;
    grid-template-columns:72px 1fr;
    gap:18px;
    border-radius:19px;
  }
  .light-count-symbol{
    width:56px;
    height:56px;
    font-size:26px;
  }
  .light-count-copy{
    padding-left:18px;
  }
  .light-count-kicker{
    margin-bottom:7px;
    font-size:8px;
    letter-spacing:.22em;
  }
  .light-count-row strong{
    font-size:46px;
  }
  .light-count-row span{
    font-size:18px;
  }
}

/* Phone: compact, centered, above BRCreate signature. */
@media(max-width:680px){
  .light-count-card{
    left:28px;
    right:28px;
    top:auto;
    bottom:82px;
    width:auto;
    min-width:0;
    min-height:70px;
    padding:11px 14px;
    grid-template-columns:46px 1fr;
    gap:12px;
    border-radius:15px;
  }
  .light-count-symbol{
    width:38px;
    height:38px;
    font-size:18px;
  }
  .light-count-copy{
    padding-left:12px;
  }
  .light-count-kicker{
    margin-bottom:4px;
    font-size:7px;
    letter-spacing:.18em;
  }
  .light-count-row{
    flex-direction:row;
    align-items:baseline;
    gap:8px;
  }
  .light-count-row strong{
    font-size:32px;
    letter-spacing:-.025em;
  }
  .light-count-row span{
    font-size:15px;
  }

  /* Keep the existing BRCreate signature below the counter. */
  .view-final .final-signature{
    bottom:22px !important;
  }
}

/* Short phones: make the card even lighter and keep clear of the values row. */
@media(max-width:680px) and (max-height:740px){
  .final-copy{
    padding-top:98px !important;
  }
  .view-final .display{
    font-size:clamp(50px,14vw,68px) !important;
  }
  .view-final .lead{
    font-size:17px !important;
    margin-top:14px !important;
  }
  .view-final .values{
    margin-top:14px !important;
    padding-top:12px !important;
  }
  .light-count-card{
    left:24px;
    right:24px;
    bottom:72px;
    min-height:62px;
    padding:9px 12px;
  }
  .light-count-symbol{
    width:34px;
    height:34px;
  }
  .light-count-row strong{
    font-size:28px;
  }
  .light-count-row span{
    font-size:14px;
  }
}


/* ==========================================================
   V5.2 — counter visibility fix
   Counter is independent from the page motion system.
   ========================================================== */
.light-count-card,
.light-count-card .light-count-symbol,
.light-count-card .light-count-copy,
.light-count-card .light-count-kicker,
.light-count-card .light-count-row{
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
}