:root{
    --bg:#0a0d0a;
    --bg-2:#10140f;
    --panel:#141a12;
    --panel-glass:rgba(26,34,21,.55);
    --neon:#8eff2a;
    --neon-dim:#5fb31c;
    --text:#e8efe2;
    --muted:#8a948280;
    --muted-2:#9aa595;
    --line:#2a3324;
    --line-glow:rgba(142,255,42,.28);
    --red:#d9381e;
    --shadow-neon:0 0 0 1px rgba(142,255,42,.18),0 18px 50px -20px rgba(142,255,42,.35);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;scrollbar-color:#90ff2b #111;scrollbar-width:thin}
  ::-webkit-scrollbar{width:6px}
  ::-webkit-scrollbar-track{background:#111}
  ::-webkit-scrollbar-thumb{background:#90ff2b;border-radius:3px}
  ::-webkit-scrollbar-thumb:hover{background:#b0ff60}

  /* scroll progress */
  #progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:99;
    background:linear-gradient(90deg,#6acc1f,#90ff2b);
    box-shadow:0 0 14px #90ff2b;transition:width .1s linear}
  /* film grain */
  body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.05;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:'Barlow',sans-serif;
    line-height:1.65;
    overflow-x:hidden;
  }
  h1,h2,h3,h4{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;line-height:1.05;font-weight:700;text-wrap:balance}
  ::selection{background:var(--neon);color:#000}
  :focus-visible{outline:2px solid var(--neon);outline-offset:3px}
  .skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--neon);color:#06090b;
    font-family:'Chakra Petch',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
    font-size:14px;padding:12px 20px}
  .skip-link:focus{left:12px;top:12px}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
  .accent{color:var(--neon)}
  .eyebrow{
    font-family:'Chakra Petch',sans-serif;font-weight:700;text-transform:uppercase;
    letter-spacing:.35em;color:var(--neon);font-size:14px;margin-bottom:14px;display:inline-block;
  }

  /* Hero eyebrow — vienreizēja "scan" ielādes animācija */
  .hero-eyebrow{position:relative;overflow:visible}
  .hero-eyebrow-txt{
    display:inline-block;
    animation:heroEyebrowReveal 1.8s cubic-bezier(.2,.8,.2,1) .35s both;
  }
  /* mirdzošā skenēšanas josla, kas pārskrien tekstam līdzi atklāšanai */
  .hero-eyebrow::after{
    content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);
    width:2px;height:1.5em;background:var(--neon);
    box-shadow:0 0 14px 3px var(--neon),0 0 5px 1px #eafff0;
    opacity:0;pointer-events:none;
    animation:heroEyebrowScan 1.8s cubic-bezier(.2,.8,.2,1) .35s both;
  }
  @keyframes heroEyebrowReveal{
    0%{clip-path:inset(0 100% 0 0);opacity:0;letter-spacing:.7em;filter:brightness(1.9) drop-shadow(0 0 14px var(--neon))}
    55%{opacity:1}
    100%{clip-path:inset(0 0 0 0);opacity:1;letter-spacing:.35em;filter:brightness(1) drop-shadow(0 0 0 rgba(142,255,42,0))}
  }
  @keyframes heroEyebrowScan{
    0%{left:0;opacity:0}
    12%{opacity:1}
    88%{opacity:1}
    100%{left:100%;opacity:0}
  }
  @media(prefers-reduced-motion:reduce){
    .hero-eyebrow-txt{animation:none}
    .hero-eyebrow::after{display:none}
  }

  /* camo texture overlay */
  body::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
    background:
      radial-gradient(circle at 20% 30%, #1a2415 0 12%, transparent 13%),
      radial-gradient(circle at 70% 60%, #11160d 0 18%, transparent 19%),
      radial-gradient(circle at 45% 85%, #161d10 0 10%, transparent 11%);
    background-size:340px 340px;
  }
  main,header,footer{position:relative;z-index:1}

  /* NAV */
  header{
    position:fixed;top:0;left:0;right:0;z-index:50;
    backdrop-filter:blur(10px);
    background:rgba(10,13,10,.72);
    border-bottom:1px solid var(--line);
    transition:.3s;
  }
  .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  .logo{display:flex;align-items:center;position:relative;z-index:2}
  .logo img{height:132px;width:auto;display:block;position:relative;top:36px;
    filter:drop-shadow(0 10px 22px rgba(0,0,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.5));
    transition:height .25s,top .25s}
  .nav-links{display:flex;gap:34px;list-style:none;align-items:center}
  .nav-links a{font-family:'Chakra Petch';font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:16px;color:var(--muted-2);transition:.2s;position:relative}
  .nav-links a:hover{color:var(--text)}
  .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--neon);transition:.25s}
  .nav-links a:hover::after{width:100%}
  .nav-links a.active{color:var(--text)}
  .nav-links a.active::after{width:100%}
  .nav-links a.nav-ig{display:inline-flex;align-items:center;justify-content:center;color:var(--neon);padding:2px}
  .nav-links a.nav-ig:hover{color:var(--neon);filter:drop-shadow(0 0 6px var(--neon))}
  .nav-links a.nav-ig::after{display:none}
  .btn{
    display:inline-block;font-family:'Chakra Petch';font-weight:700;text-transform:uppercase;
    letter-spacing:.14em;font-size:16px;padding:13px 26px;cursor:pointer;border:none;transition:.22s;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  }
  .btn-neon{background:var(--neon);color:#06090b}
  .nav .btn-neon{flex-shrink:0;white-space:nowrap}
  .btn-neon:hover{background:#a6ff52;box-shadow:0 0 26px rgba(142,255,42,.5);transform:translateY(-2px)}
  .btn.magnetic{position:relative;will-change:transform;transition:transform .25s cubic-bezier(.23,1,.32,1),background .22s,box-shadow .22s}
  .btn.magnetic .magnetic-label{display:inline-block;will-change:transform;transition:transform .25s cubic-bezier(.23,1,.32,1)}
  .btn.magnetic:hover{box-shadow:0 0 30px rgba(142,255,42,.55)}
  .btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--line)}
  .btn-ghost:hover{border-color:var(--neon);color:var(--neon)}
  .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none}
  .burger span{width:26px;height:2.5px;background:var(--text);transition:.3s}

  /* HERO */
  .hero{
    min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;
    background:var(--bg);
  }
  .hero-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;
    object-fit:cover;object-position:center;filter:saturate(.85) contrast(1.05)}
  .hero::before{
    content:"";position:absolute;inset:0;z-index:1;
    background:
      linear-gradient(115deg, rgba(8,11,8,.96) 0%, rgba(8,11,8,.78) 45%, rgba(8,11,8,.45) 100%),
      radial-gradient(ellipse at 78% 18%, rgba(142,255,42,.20), transparent 55%);
  }
  .hero-inner{position:relative;z-index:2;max-width:760px;padding-top:60px}
  .hero-inner>*{opacity:0;transform:translateY(26px);animation:heroUp .8s cubic-bezier(.16,1,.3,1) forwards}
  .hero-inner>*:nth-child(1){animation-delay:.05s}
  .hero-inner>*:nth-child(2){animation-delay:.18s}
  .hero-inner>*:nth-child(3){animation-delay:.31s}
  .hero-inner>*:nth-child(4){animation-delay:.44s}
  .hero-inner>*:nth-child(5){animation-delay:.57s}
  @keyframes heroUp{to{opacity:1;transform:none}}
  .hero h1{font-size:clamp(48px,8.5vw,108px);margin:6px 0 22px}
  .hero h1 span{color:var(--neon);text-shadow:0 0 40px rgba(142,255,42,.35)}
  .hero p{font-size:19px;color:var(--muted-2);max-width:540px;margin-bottom:34px}
  .hero-cta{display:flex;gap:16px;flex-wrap:wrap}
  .hero-stats{display:flex;gap:46px;margin-top:60px;flex-wrap:wrap}
  .hero-stats .num{font-family:'Oswald';font-size:46px;font-weight:700;color:var(--neon);line-height:1}
  .hero-stats .lbl{font-family:'Chakra Petch';text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--muted-2)}
  .scroll-tag{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-family:'Chakra Petch';letter-spacing:.3em;font-size:12px;text-transform:uppercase;color:var(--muted-2);z-index:2;
    animation:scrollCue 2.4s ease-in-out infinite}
  @keyframes scrollCue{0%,100%{transform:translateX(-50%) translateY(0);opacity:.55}50%{transform:translateX(-50%) translateY(7px);opacity:1}}

  /* SECTION */
  section{padding:110px 0;position:relative}
  section[id]{scroll-margin-top:88px}
  .sec-head{margin-bottom:60px;max-width:680px}
  .sec-head h2{font-size:clamp(34px,5vw,58px)}
  .sec-icon{height:2em;width:auto;vertical-align:-0.32em;margin-right:.4em;display:inline-block}
  .sec-head p{color:var(--muted-2);margin-top:16px;font-size:17px}
  .alt{background:var(--bg-2)}

  /* ABOUT */
  #about{overflow:hidden}
  #about .wrap{position:relative;z-index:1}
  .about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
  .about-text p{color:var(--muted-2);margin-bottom:18px;font-size:17px}
  .feat{display:flex;gap:16px;margin-top:26px}
  .feat .ic{flex-shrink:0;width:48px;height:48px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--neon);font-size:22px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
  .feat h4{font-size:18px;margin-bottom:4px}
  .feat p{color:var(--muted-2);font-size:15px}
  .about-visual{position:relative;aspect-ratio:4/5;border:1px solid var(--line);background:
    linear-gradient(135deg,rgba(142,255,42,.08),transparent),
    repeating-linear-gradient(45deg,#11160d 0 18px,#0d110b 18px 36px);
    display:flex;align-items:flex-end;padding:30px;
    clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,0 100%)}
  .about-visual .badge{font-family:'Oswald';font-size:90px;color:var(--neon);opacity:.18;font-weight:700}
  .about-visual .tag{position:absolute;top:26px;left:26px;font-family:'Chakra Petch';letter-spacing:.2em;font-size:13px;color:var(--neon);text-transform:uppercase}

  /* GAME MODES */
  .modes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .mode{
    background:linear-gradient(160deg,var(--panel-glass),rgba(20,26,18,.35));
    backdrop-filter:blur(8px);
    border:1px solid var(--line);padding:34px 28px;transition:.35s var(--ease,cubic-bezier(.16,1,.3,1));position:relative;overflow:hidden;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
  }
  .mode::before{content:"";position:absolute;top:0;left:0;width:0;height:4px;background:var(--neon);transition:.35s;box-shadow:0 0 16px var(--neon)}
  .mode::after{content:"";position:absolute;inset:0;opacity:0;transition:.35s;pointer-events:none;
    background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(142,255,42,.12),transparent 60%)}
  .mode:hover{transform:translateY(-8px);border-color:var(--line-glow);box-shadow:var(--shadow-neon)}
  .mode:hover::before{width:100%}
  .mode:hover::after{opacity:1}
  .mode>*{position:relative;z-index:1}
  .mode .mn{font-family:'Oswald';font-size:14px;color:var(--neon);letter-spacing:.2em;margin-bottom:14px}
  .mode h3{font-size:26px;margin-bottom:12px}
  .mode p{color:var(--muted-2);font-size:15px}

  /* PRICING */
  .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
  .plan{
    background:var(--panel);border:1px solid var(--line);padding:40px 32px;display:flex;flex-direction:column;transition:.3s;position:relative;
    clip-path:polygon(0 18px,18px 0,100% 0,100% 100%,0 100%);
  }
  .plan:hover{border-color:var(--line-glow);transform:translateY(-8px);box-shadow:var(--shadow-neon)}
  .plan.featured{border-color:var(--neon);background:linear-gradient(180deg,rgba(142,255,42,.07),var(--panel));box-shadow:0 0 0 1px rgba(142,255,42,.25),0 24px 60px -28px rgba(142,255,42,.4);animation:planGlow 3.6s ease-in-out infinite}
  @keyframes planGlow{0%,100%{box-shadow:0 0 0 1px rgba(142,255,42,.25),0 24px 60px -28px rgba(142,255,42,.4)}50%{box-shadow:0 0 0 1px rgba(142,255,42,.45),0 24px 70px -24px rgba(142,255,42,.6)}}
  .plan.featured .price{text-shadow:0 0 30px rgba(142,255,42,.4)}
  .plan .ribbon{position:absolute;top:18px;right:-2px;background:var(--neon);color:#000;font-family:'Chakra Petch';font-weight:700;font-size:12px;letter-spacing:.12em;padding:5px 16px;text-transform:uppercase}
  .plan h3{font-size:24px}
  .plan .price{font-family:'Oswald';font-size:54px;font-weight:700;color:var(--neon);margin:14px 0 4px;line-height:1}
  .plan .price small{font-size:16px;color:var(--muted-2);font-family:'Barlow'}
  .plan .per{color:var(--muted-2);font-size:14px;margin-bottom:24px}
  .plan ul{list-style:none;margin-bottom:30px;flex-grow:1}
  .plan li{padding:9px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted-2);display:flex;gap:10px}
  .plan li::before{content:"›";color:var(--neon);font-weight:700}
  .pack-note{
    background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--neon);
    padding:16px 20px;margin-bottom:32px;color:var(--muted-2);font-size:15px;
  }
  .pack-note b{color:var(--text);font-weight:600}

  /* LĀZERTAGS informācijas logi — izbraukums + mūsu bāzē */
  .lz-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:24px;margin-bottom:48px;align-items:stretch}
  /* Centrālais attēls — tieši pa vidu starp abiem logiem */
  .lz-photo{
    position:relative;overflow:hidden;min-height:340px;
    display:flex;align-items:flex-end;justify-content:center;
    background:
      linear-gradient(135deg,rgba(142,255,42,.10),transparent),
      repeating-linear-gradient(45deg,#11160d 0 18px,#0d110b 18px 36px);
    border:1px solid var(--line);
    clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);
  }
  .lz-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
  .info-window{
    display:grid;grid-template-columns:1.05fr 1fr;
    background:var(--panel);border:1px solid var(--line);
    clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);
    overflow:hidden;
  }
  /* Lāzertags mūsu bāzē — kompaktais logs labajā pusē */
  .lz-base{
    display:flex;flex-direction:column;padding:40px 38px;
    background:var(--panel);border:1px solid var(--line);
    clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);
  }
  .lz-base h3{font-size:clamp(24px,3vw,32px);margin:6px 0 16px}
  .lz-base p{color:var(--muted-2);font-size:16px;line-height:1.6;margin-bottom:20px}
  .iw-tag-static{font-family:'Chakra Petch';font-weight:700;letter-spacing:.35em;font-size:16px;text-transform:uppercase;color:var(--neon);margin-bottom:14px;display:inline-block}
  .lz-base .eyebrow{font-size:16px}
  .lz-base .iw-price{margin-top:auto}
  .lz-base .btn{align-self:flex-start;margin-top:22px}
  .iw-media{
    position:relative;min-height:340px;display:flex;align-items:flex-end;justify-content:center;
    background:
      linear-gradient(135deg,rgba(142,255,42,.10),transparent),
      repeating-linear-gradient(45deg,#11160d 0 18px,#0d110b 18px 36px);
    border-right:1px solid var(--line);overflow:hidden;
  }
  .iw-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
  .iw-ph{font-family:'Oswald';font-size:clamp(48px,7vw,92px);font-weight:700;color:var(--neon);opacity:.16;letter-spacing:.04em;padding-bottom:24px;text-align:center;z-index:0}
  .iw-tag{position:absolute;top:22px;left:22px;z-index:2;font-family:'Chakra Petch';letter-spacing:.2em;font-size:13px;text-transform:uppercase;color:var(--neon);background:rgba(8,11,8,.55);padding:6px 12px;border:1px solid var(--line-glow)}
  .iw-body{padding:40px 38px;display:flex;flex-direction:column}
  .iw-body h3{font-size:clamp(24px,3vw,32px);margin:6px 0 16px}
  .iw-body p{color:var(--muted-2);font-size:16px;line-height:1.6;margin-bottom:20px}
  .iw-list{list-style:none;margin:0 0 28px;padding:0}
  .iw-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted-2);display:flex;gap:10px}
  .iw-list li::before{content:"›";color:var(--neon);font-weight:700}
  .iw-price{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
  .iw-price-main{display:flex;align-items:baseline;gap:8px}
  .iw-amount{font-family:'Oswald';font-size:clamp(40px,5vw,54px);font-weight:700;color:var(--neon);line-height:1;text-shadow:0 0 30px rgba(142,255,42,.4)}
  .iw-price-main small{font-size:16px;color:var(--muted-2);font-family:'Barlow'}
  .iw-kit{font-family:'Chakra Petch';text-transform:uppercase;letter-spacing:.14em;font-size:14px;color:var(--neon);margin-top:8px}
  .iw-travel{font-family:'Chakra Petch';font-weight:700;font-size:14px;color:var(--neon);margin-top:6px;text-shadow:0 0 12px rgba(142,255,42,.5)}
  .iw-extra{font-size:14px;color:var(--muted-2);margin:10px 0 0}
  .iw-extra b{color:var(--text);font-weight:600}
  .iw-body .btn{align-self:flex-start;margin-top:22px}

  /* === LĀZERTAGS lāzeru šāvienu efekts (vienreizējs, ienākot skatā) === */
  .lz-zone{position:relative}
  .lz-laser{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:30;contain:layout paint}
  .lz-beam{
    position:absolute;left:0;top:var(--top,50%);
    width:var(--len,62%);height:var(--h,2px);
    border-radius:99px;opacity:0;transform-origin:center;
    background:linear-gradient(90deg,transparent 0%,var(--c) 30%,#fff 50%,var(--c) 70%,transparent 100%);
    box-shadow:0 0 6px var(--c),0 0 16px var(--c),0 0 32px var(--c);
    filter:blur(.5px);
    will-change:transform,opacity;
    animation:lz-shoot var(--dur,.7s) cubic-bezier(.25,.7,.2,1) var(--delay,0s) both;
  }
  .lz-beam::after{ /* spilgta lāzera "galviņa" priekšgalā */
    content:"";position:absolute;top:50%;right:-2px;width:12px;height:12px;margin-top:-6px;border-radius:50%;
    background:radial-gradient(circle,#fff 10%,var(--c) 55%,transparent 72%);
    box-shadow:0 0 10px var(--c),0 0 22px var(--c);
  }
  @keyframes lz-shoot{
    0%  {opacity:0;transform:rotate(var(--ang,-18deg)) translateX(-130%) scaleX(.55)}
    8%  {opacity:1}
    80% {opacity:1}
    100%{opacity:0;transform:rotate(var(--ang,-18deg)) translateX(165%) scaleX(1.08)}
  }
  @media(max-width:600px){
    .lz-beam::after{width:9px;height:9px;margin-top:-4.5px}
  }
  @media(prefers-reduced-motion:reduce){
    .lz-laser{display:none}
  }

  /* INSTAGRAM CTA */
  .ig-cta{
    display:flex;align-items:center;gap:26px;flex-wrap:wrap;
    max-width:980px;margin:72px auto 0;
    background:var(--panel);border:1px solid var(--line);
    padding:30px 34px;color:var(--text);text-decoration:none;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
    transition:.3s;position:relative;overflow:hidden;
  }
  .ig-cta::before{content:"";position:absolute;inset:0;opacity:.10;pointer-events:none;
    background:linear-gradient(120deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
  .ig-cta:hover{border-color:var(--line-glow);transform:translateY(-4px);box-shadow:var(--shadow-neon)}
  .ig-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;
    border-radius:16px;color:#fff;position:relative;z-index:1;
    background:linear-gradient(135deg,#feda75,#fa7e1e 25%,#d62976 60%,#962fbf 85%,#4f5bd5);
    box-shadow:0 10px 30px -10px rgba(214,41,118,.6)}
  .ig-text{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}
  .ig-handle{font-family:'Oswald';font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.05}
  .ig-sub{color:var(--muted-2);font-size:15px}
  .ig-btn{margin-left:auto;position:relative;z-index:1;white-space:nowrap}
  @media(max-width:640px){
    .ig-cta{flex-direction:column;align-items:flex-start;gap:18px;margin-top:48px;padding:26px 22px}
    .ig-btn{margin-left:0;width:100%;text-align:center}
  }
  .plan .balls{font-family:'Chakra Petch';text-transform:uppercase;letter-spacing:.14em;font-size:14px;color:var(--neon);margin-top:4px}
  .plan .extra{font-size:14px;color:var(--muted-2);margin-bottom:24px;padding-top:14px;border-top:1px solid var(--line)}
  .plan .extra b{color:var(--text);font-weight:600}

  /* VIDEO GALERIJA */
  .video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:980px;margin:90px auto 0}
  .video-card{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);
    clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);transition:.25s}
  .video-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}
  .video-card:hover{border-color:var(--neon)}
  .video-card:hover img{transform:scale(1.06)}
  .video-card .play-ic{position:absolute;inset:0;margin:auto;width:56px;height:56px;display:flex;
    align-items:center;justify-content:center;background:rgba(170,255,0,.85);color:#000;font-size:22px;
    border-radius:50%;box-shadow:0 0 20px rgba(170,255,0,.45);transition:.25s}
  .video-card:hover .play-ic{transform:scale(1.12)}
  @media(max-width:720px){.video-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:640px){.video-grid{margin-top:48px}}
  @media(max-width:460px){.video-grid{grid-template-columns:1fr}}

  /* GALLERY CAROUSEL */
  .gal-tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 auto 30px}
  .gal-tabs button{font-family:'Chakra Petch';text-transform:uppercase;letter-spacing:.12em;font-size:13px;
    padding:11px 22px;background:rgba(10,13,10,.6);border:1px solid var(--line);color:var(--muted-2);
    cursor:pointer;transition:.25s;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
  .gal-tabs button:hover{color:var(--text);border-color:var(--neon)}
  .gal-tabs button.active{background:var(--neon);color:#000;border-color:var(--neon);box-shadow:0 0 16px rgba(170,255,0,.35)}
  .carousel{position:relative;max-width:980px;margin:0 auto}
  .carousel-frame{position:relative;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
  .track{display:flex;height:100%;transition:transform .6s cubic-bezier(.65,.05,.36,1)}
  .slide{min-width:100%;height:100%;position:relative;flex-shrink:0;
    background:repeating-linear-gradient(135deg,#141a12 0 26px,#0f130d 26px 52px);
    display:flex;align-items:flex-end}
  .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b0f0b}
  .slide-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    background:repeating-linear-gradient(135deg,#141a12 0 26px,#0f130d 26px 52px)}
  .slide-ph span{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.28em;
    font-size:clamp(16px,2.6vw,24px);color:var(--neon);opacity:.55;
    border:1px solid var(--line-glow);padding:13px 26px}
  .slide .cap{position:relative;z-index:2;width:100%;padding:30px 34px;
    background:linear-gradient(0deg,rgba(8,11,8,.92),transparent);
    font-family:'Oswald';text-transform:uppercase;letter-spacing:.06em;font-size:clamp(20px,3vw,30px)}
  .slide .cap b{color:var(--neon)}
  .slide .idx{position:absolute;top:26px;left:30px;z-index:2;font-family:'Chakra Petch';
    letter-spacing:.2em;font-size:13px;color:var(--neon);text-transform:uppercase}
  .car-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:56px;height:56px;
    background:rgba(10,13,10,.7);border:1px solid var(--line);color:var(--text);cursor:pointer;
    font-size:22px;backdrop-filter:blur(6px);transition:.25s;display:flex;align-items:center;justify-content:center}
  .car-btn:hover{background:var(--neon);color:#000;border-color:var(--neon)}
  .car-btn.prev{left:18px}.car-btn.next{right:18px}
  .dots{display:flex;gap:10px;justify-content:center;margin-top:24px}
  .dots button{width:36px;height:5px;background:var(--line);border:none;cursor:pointer;transition:.3s;padding:0}
  .dots button.active{background:var(--neon);box-shadow:0 0 12px var(--neon)}
  .thumbs{display:flex;gap:10px;margin-top:18px;justify-content:center;flex-wrap:wrap}
  .thumbs button{width:84px;height:54px;border:1px solid var(--line);cursor:pointer;overflow:hidden;
    background:repeating-linear-gradient(135deg,#141a12 0 14px,#0f130d 14px 28px);transition:.25s;opacity:.55;padding:0;
    font-family:'Chakra Petch';font-size:10px;letter-spacing:.08em;color:var(--muted-2);text-transform:uppercase}
  .thumbs button img{width:100%;height:100%;object-fit:cover}
  .thumbs button:hover{opacity:.85}
  .thumbs button.active{opacity:1;border-color:var(--neon)}

  /* BOOKING */
  .book-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start}
  .book-info h2{font-size:clamp(32px,5vw,54px);margin-bottom:20px}
  .book-info p{color:var(--muted-2);font-size:17px;margin-bottom:30px}
  .contact-line{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
  .contact-line .ic{width:44px;height:44px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--neon);flex-shrink:0}
  .contact-line .k{font-family:'Chakra Petch';letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--muted-2)}
  .contact-line .v{font-size:17px;font-weight:600}
  .contact-line .ic{transition:.25s}
  .contact-line:hover .ic{border-color:var(--neon);box-shadow:0 0 16px -4px var(--line-glow);transform:translateY(-2px)}
  form{background:var(--panel);border:1px solid var(--line);padding:38px;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}
  .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .field{margin-bottom:18px}
  label{display:block;font-family:'Chakra Petch';text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--muted-2);margin-bottom:7px}
  input,select,textarea{
    width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);
    padding:13px 14px;font-family:'Barlow';font-size:16px;transition:.2s;
  }
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px rgba(142,255,42,.12)}
  input[type="date"],input[type="time"]{color-scheme:dark}
  input[type="date"]::-webkit-calendar-picker-indicator{
    width:22px;height:22px;padding:0;margin-left:6px;cursor:pointer;opacity:1;background-repeat:no-repeat;background-position:center;background-size:22px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238eff2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3C/svg%3E");
    filter:drop-shadow(0 0 4px rgba(142,255,42,.5));transition:.2s;
  }
  input[type="time"]::-webkit-calendar-picker-indicator{
    width:22px;height:22px;padding:0;margin-left:6px;cursor:pointer;opacity:1;background-repeat:no-repeat;background-position:center;background-size:22px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238eff2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 16 14'/%3E%3C/svg%3E");
    filter:drop-shadow(0 0 4px rgba(142,255,42,.5));transition:.2s;
  }
  input[type="date"]::-webkit-calendar-picker-indicator:hover,
  input[type="time"]::-webkit-calendar-picker-indicator:hover{filter:drop-shadow(0 0 8px rgba(142,255,42,.9));transform:scale(1.12)}
  /* Hibrīda datuma/laika lauks — teksts (dd/mm/gggg, hh:mm) + zaļa ikona, kas atver natīvo izvēlni */
  .date-hybrid,.time-hybrid{position:relative;display:block}
  .date-hybrid input#f-datums,.time-hybrid input#f-laiks{padding-right:50px}
  .date-pick-btn,.time-pick-btn{
    position:absolute;top:0;right:0;height:100%;width:46px;
    background-color:transparent;border:0;padding:0;margin:0;cursor:pointer;z-index:2;
    background-repeat:no-repeat;background-position:center;background-size:22px;
    filter:drop-shadow(0 0 4px rgba(142,255,42,.5));transition:.2s;
  }
  .date-pick-btn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238eff2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3C/svg%3E")}
  .time-pick-btn{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238eff2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 16 14'/%3E%3C/svg%3E")}
  .date-pick-btn:hover,.time-pick-btn:hover{filter:drop-shadow(0 0 8px rgba(142,255,42,.9));transform:scale(1.08)}
  .date-picker-native{position:absolute;right:12px;bottom:0;width:1px;height:1px;opacity:0;border:0;padding:0;margin:0;pointer-events:none}
  /* Pašu 24h laika izvēlne (bez AM/PM) — atveras nospiežot zaļo pulksteņa ikonu */
  .time-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;gap:8px;padding:10px;
    background:var(--panel);border:1px solid var(--neon);box-shadow:0 16px 44px -12px rgba(0,0,0,.75),0 0 0 1px rgba(142,255,42,.18)}
  .time-pop[hidden]{display:none}
  .time-col-wrap{display:flex;flex-direction:column;align-items:center}
  .time-col-h{font-family:'Chakra Petch';font-size:11px;letter-spacing:.14em;color:var(--muted-2);text-transform:uppercase;margin-bottom:6px}
  .time-col{position:relative;width:58px;max-height:184px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
  .time-col::-webkit-scrollbar{width:8px}
  .time-col::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
  .time-col button{width:100%;background:transparent;border:0;color:var(--text);font-family:'Barlow';font-size:16px;padding:7px 0;cursor:pointer;transition:.12s}
  .time-col button:hover{background:rgba(142,255,42,.12);color:var(--neon)}
  .time-col button.on{background:var(--neon);color:#06090b;font-weight:700}
  textarea{resize:vertical;min-height:90px}
  form .btn{width:100%;margin-top:6px;font-size:18px;padding:16px}
  .form-note{font-size:13px;color:var(--muted-2);text-align:center;margin-top:14px}
  .form-msg{padding:14px 16px;margin-bottom:18px;font-size:15px;font-weight:600;border:1px solid var(--line)}
  .form-msg.ok{color:var(--neon);border-color:var(--neon);background:rgba(142,255,42,.08)}
  .form-msg.err{color:#ff5a5a;border-color:#ff5a5a;background:rgba(255,90,90,.08)}
  form.sending .btn{opacity:.6;pointer-events:none}
  .consent{display:flex;align-items:flex-start;gap:12px;margin:4px 0 6px}
  .consent input[type="checkbox"]{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--neon);cursor:pointer}
  .consent label{font-family:'Barlow';text-transform:none;letter-spacing:0;font-size:14px;line-height:1.45;color:var(--muted-2);margin:0;cursor:pointer}
  .consent a{color:var(--neon);text-decoration:underline}

  /* FOOTER */
  footer{background:var(--bg-2);border-top:1px solid var(--line);padding:60px 0 30px}
  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}
  .foot-grid p{color:var(--muted-2);font-size:15px;margin-top:14px;max-width:320px}
  .foot-col h4{font-size:16px;margin-bottom:18px;color:var(--neon)}
  .foot-col a{display:block;color:var(--muted-2);padding:6px 0;font-size:15px;transition:.2s}
  .foot-col a:hover{color:var(--neon);padding-left:6px}
  .socials{display:flex;gap:12px;margin-top:20px}
  .socials a{width:42px;height:42px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--text);transition:.2s;font-family:'Chakra Petch';font-weight:700}
  .socials a:hover{background:var(--neon);color:#000;border-color:var(--neon);transform:translateY(-3px);box-shadow:0 10px 22px -10px rgba(142,255,42,.55)}
  .copy{text-align:center;padding-top:30px;border-top:1px solid var(--line);color:var(--muted-2);font-size:14px;line-height:1.7}
  .copy a{color:var(--neon)}
  .copy a:hover{text-decoration:underline}

  /* Izstrādātāja kredīts */
  .credit{display:block;width:100%;text-align:center;margin:14px auto 0;color:var(--neon);font-size:14px;letter-spacing:.06em}
  .credit a{color:var(--neon);font-weight:700;text-decoration:none}
  .credit a:hover{text-decoration:underline}

  /* scroll-to-top */
  #toTop{position:fixed;bottom:26px;right:26px;z-index:60;width:52px;height:52px;
    background:var(--neon);color:#06090b;border:none;cursor:pointer;font-size:22px;
    display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;
    transform:translateY(14px);transition:.3s;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
  #toTop.show{opacity:1;pointer-events:auto;transform:none}
  #toTop:hover{background:#a6ff52;box-shadow:0 0 26px rgba(142,255,42,.5)}

  /* WhatsApp poga (kreisajā pusē) */
  #waBtn{position:fixed;bottom:26px;left:26px;z-index:60;width:56px;height:56px;
    background:#14571f;color:#fff;border-radius:50%;display:flex;align-items:center;
    justify-content:center;text-decoration:none;box-shadow:0 0 0 1px rgba(142,255,42,.18),0 4px 16px rgba(0,0,0,.35);
    transition:transform .25s, box-shadow .25s}
  #waBtn:hover{transform:scale(1.08);background:#1b7a2a;box-shadow:0 0 26px rgba(142,255,42,.4)}
  @media (max-width:600px){#waBtn{width:50px;height:50px;bottom:20px;left:18px}}

  /* paint splat on click */
  .splat{position:fixed;z-index:98;pointer-events:none;transform:translate(-50%,-50%) scale(.15) rotate(var(--rot,0deg));opacity:.95;
    animation:splatPop .8s cubic-bezier(.16,1,.3,1) forwards}
  @keyframes splatPop{55%{opacity:.85}to{transform:translate(-50%,-50%) scale(1) rotate(var(--rot,0deg));opacity:0}}

  /* crosshair cursor on interactive elements */
  .btn,.mode,.video-card,.car-btn,.gal-tabs button,.thumbs button,.dots button{
    cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg stroke='%238eff2a' stroke-width='2' fill='none'%3E%3Ccircle cx='16' cy='16' r='9'/%3E%3Cpath d='M16 1v8M16 23v8M1 16h8M23 16h8'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='2' fill='%238eff2a'/%3E%3C/svg%3E") 16 16, crosshair}

  /* splatter accent behind section headings */
  .sec-head{position:relative}
  .sec-head::before{content:"";position:absolute;top:-44px;left:-52px;width:170px;height:170px;pointer-events:none;opacity:.13;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%238eff2a'%3E%3Ccircle cx='50' cy='50' r='26'/%3E%3Ccircle cx='22' cy='38' r='7'/%3E%3Ccircle cx='80' cy='32' r='5'/%3E%3Ccircle cx='74' cy='74' r='8'/%3E%3Ccircle cx='30' cy='76' r='4'/%3E%3Ccircle cx='88' cy='55' r='3'/%3E%3Ccircle cx='12' cy='58' r='3'/%3E%3Cellipse cx='58' cy='14' rx='4' ry='9' transform='rotate(24 58 14)'/%3E%3Cellipse cx='40' cy='90' rx='3' ry='7' transform='rotate(-18 40 90)'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}

  /* photo marquee strip */
  .photo-tape{overflow:hidden;position:relative;z-index:3;height:160px;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg)}
  .photo-tape-track{display:flex;width:max-content;height:100%;animation:photoTapeMove 36s linear infinite}
  .photo-tape:hover .photo-tape-track{animation-play-state:paused}
  .photo-tape-track img{height:160px;width:auto;object-fit:cover;border-right:2px solid var(--line);
    filter:saturate(.7) contrast(1.1) brightness(.85);transition:filter .35s;display:block;pointer-events:none}
  @keyframes photoTapeMove{to{transform:translateX(-50%)}}
  @media(prefers-reduced-motion:reduce){.photo-tape-track{animation:none}}

  /* tape marquee strip */
  .tape{background:var(--neon);color:#06090b;overflow:hidden;transform:rotate(-1.2deg) scale(1.02);position:relative;z-index:3;
    border-top:3px solid #060906;border-bottom:3px solid #060906;margin:-14px 0;box-shadow:0 10px 40px -14px rgba(142,255,42,.45)}
  .tape-track{display:flex;white-space:nowrap;width:max-content;animation:tapeMove 26s linear infinite}
  .tape span{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:15px;
    padding:11px 0 11px 30px;display:inline-flex;align-items:center;gap:30px}
  .tape span::after{content:"✖";font-size:11px}
  @keyframes tapeMove{to{transform:translateX(-50%)}}
  @media(prefers-reduced-motion:reduce){.tape-track{animation:none}}

  /* reveal anim */
  .reveal{opacity:0;transform:translateY(30px);transition:.7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* minimāla sekciju ielādes animācija (skrolojot lejup) */
  section[id]{position:relative}
  section[id]::before{content:"";position:absolute;top:0;left:0;height:2px;width:0;
    background:linear-gradient(90deg,transparent,var(--neon));
    box-shadow:0 0 10px -1px var(--neon);opacity:0;z-index:3;pointer-events:none}
  section[id].loading::before{animation:secLoad .85s cubic-bezier(.4,.1,.2,1) forwards}
  @keyframes secLoad{0%{width:0;opacity:1}70%{width:100%;opacity:1}100%{width:100%;opacity:0}}

  @media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.01s!important}
    .hero-inner>*{opacity:1;transform:none}
  }

  @media(max-width:920px){
    .about-grid,.book-grid{grid-template-columns:1fr;gap:36px}
    .modes,.pricing{grid-template-columns:1fr}
    .lz-grid{grid-template-columns:1fr;gap:20px}
    .lz-photo{min-height:240px;order:-1}
    .info-window{grid-template-columns:1fr}
    .iw-media{min-height:240px;border-right:none;border-bottom:1px solid var(--line)}
    .iw-body{padding:32px 26px}
    .gallery{grid-template-columns:repeat(2,1fr)}
    .foot-grid{grid-template-columns:1fr}
  }
  @media(max-width:900px){
    .nav .btn-neon{display:none}
  }
  @media(max-width:760px){
    .nav-links{position:fixed;top:74px;left:0;right:0;background:var(--bg-2);flex-direction:column;padding:24px;gap:18px;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.35s}
    .nav-links.open{transform:none}
    .burger{display:flex}
    .frow{grid-template-columns:1fr}
    .hero-stats{gap:30px}

    /* === Mobilās veiktspējas optimizācija === */
    /* Pilnekrāna graudu pārklājums (mix-blend-mode pār visu skatlogu) un
       backdrop-filter blur mobilajā rada smagu kompozicionēšanu/pārzīmēšanu
       katrā skrollēšanas kadrā. Vizuāli gandrīz neredzami (graudi opacity .05;
       blur uz iOS Safari bez -webkit prefiksa tāpat nestrādāja), tāpēc mobilajā
       tos atslēdzam un pārtraukto izpludināšanu kompensējam ar blīvāku fonu. */
    body::after{display:none}
    header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,13,10,.92)}
    .mode{backdrop-filter:none;-webkit-backdrop-filter:none}
    .car-btn{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,13,10,.9)}
  }
  /* Beam edge image (desktop only) — pilns attēls pie kreisās malas */
  .beam-edge{
    display:none;position:fixed;right:0;top:0;height:100vh;width:auto;
    pointer-events:none;z-index:0;
    opacity:var(--beam-op,0);transform:translateX(var(--beam-x,100%));
    transition:opacity .2s linear,transform .2s linear;
  }
  .beam-edge img{display:block;height:100vh;width:auto;max-width:none;transform-origin:right center;transform:scale(var(--beam-scale,.85));transition:transform .15s linear}
  @media(min-width:1024px){.beam-edge{display:block}}

  /* === Render-skip optimizācija (mobilais + desktops) === */
  /* content-visibility:auto — pārlūks neatveido (layout/paint) sekcijas, kuras vēl
     nav tuvu skatlogam, un izlaiž tās sākotnējā renderā → ātrāka pirmā ielāde un
     atsaucība. Vizuāli 100% identiski: saturs tiek atveidots tieši tāpat, tiklīdz
     tuvojas skatā. 'auto' pie contain-intrinsic-size iegaumē reālo augstumu pēc
     pirmās atveidošanas, tāpēc ritjosla nelec. #booking (forma + kartes iframe) un
     hero (jau redzams) apzināti izlaisti. */
  #modes,#pricing,#about,#gallery,footer{content-visibility:auto}
  /* Desktopa augstumu aplēses (daudzkolonnu izkārtojums — zemākas sekcijas) */
  #modes{contain-intrinsic-size:auto 760px}
  #pricing{contain-intrinsic-size:auto 1480px}
  #about{contain-intrinsic-size:auto 900px}
  #gallery{contain-intrinsic-size:auto 1300px}
  footer{contain-intrinsic-size:auto 320px}
  @media(max-width:760px){
    /* Mobilais (viena kolonna — augstākas sekcijas) */
    #modes{contain-intrinsic-size:auto 1300px}
    #pricing{contain-intrinsic-size:auto 2600px}
    #about{contain-intrinsic-size:auto 1100px}
    #gallery{contain-intrinsic-size:auto 1700px}
    footer{contain-intrinsic-size:auto 600px}
  }