/* ─────────────────────────────────────────────────────────────
   MINERDA — Kaunas
   6 type sizes · 1 accent · 1 line · 0 shadows · 1 radius (2px)
   Rhythm: 128px between sections · 48px in section · 12px in pair · 96px between pairs
   Motion: one reveal · hero settle 1.04→1
   ───────────────────────────────────────────────────────────── */

:root{
  --ink:#121010;
  --ink-2:#191615;
  --text:#EDE7DD;
  --muted:#9C948A;
  --gold:#C9A24D;
  --line:rgba(237,231,221,.14);
  --line-2:#2A2A2A;
  --body-c:#C8C8C8;
  --cap-c:#9A9A9A;
  --desc-c:#B5B5B5;

  --f:"Archivo","Helvetica Neue",Arial,sans-serif;
  --m:"IBM Plex Mono",ui-monospace,monospace;
  --t-display:72px;
  --t-h2:44px;
  --t-lead:22px;
  --t-body:17px;
  --t-sm:14px;
  --t-label:11px;

  --gap-sec:64px;     /* ×2 between adjacent sections = 128px */
  --gap-block:48px;
  --gap-pair:96px;
  --s2:16px; --s3:24px; --s4:32px;
  --pad:40px;
  --max:1280px;
  --r:2px;

  --e:cubic-bezier(.16,1,.30,1);      /* UI, tekstų reveal */
  --e2:cubic-bezier(.76,0,.24,1);     /* didesni judesiai: clip atidengimai */
  --d-ui:150ms; --d-mid:320ms; --d-rev:560ms;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent}
body{
  margin:0; background:var(--ink); color:var(--text);
  font-family:var(--f); font-size:var(--t-body); font-weight:400; line-height:1.55;
  font-feature-settings:"kern" 1,"liga" 1;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden; overflow-x:clip;  /* clip, ne hidden — hidden laužo sticky */
}
img{max-width:100%; height:auto; display:block; border-radius:0}
table,th,td,input,textarea,button,select,optgroup{font-family:inherit; font-size:inherit; line-height:inherit}
a{color:inherit; text-decoration:none}
h1,h2,h3{margin:0; font-weight:300; letter-spacing:-.028em; text-wrap:balance}
p{margin:0; text-wrap:pretty}
::selection{background:var(--gold); color:var(--ink)}
:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:var(--ink);padding:12px 18px;z-index:200}
.skip:focus{left:0}

.wrap{width:100%; max-width:var(--max); margin:0 auto; padding-left:var(--pad); padding-right:var(--pad)}

/* small type — one recipe everywhere */
.label,.mono,.facts dt,.more dt,.ba__tag,
.field label,.contacts .mono,.lb__f figcaption,.foot__legal,.quote cite{
  font-family:var(--m); font-size:var(--t-label); font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
}
.label{color:var(--gold); margin:0 0 var(--s3)}
.mono{color:var(--muted)}
.lead{font-size:var(--t-lead); line-height:1.45; color:var(--muted); letter-spacing:-.012em}

/* ── actions: one primary style, secondary is a text link ─── */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:14px 30px; border:1px solid var(--gold); border-radius:var(--r);
  background:var(--gold); color:var(--ink);
  font-family:var(--f); font-size:var(--t-sm); font-weight:500; letter-spacing:.02em; cursor:pointer;
  transition:background-color var(--d-ui) var(--e), border-color var(--d-ui) var(--e), color var(--d-ui) var(--e), transform 100ms var(--e);
}
.btn:hover{background:var(--text); border-color:var(--text)}
.btn:active{transform:scale(.98)}
.btn--full{width:100%}
.tlink{
  display:inline-block; font-size:var(--t-sm); color:var(--text);
  border-bottom:1px solid var(--line); padding-bottom:3px;
  transition:border-color var(--d-ui) var(--e), color var(--d-ui) var(--e);
}
.tlink:hover{border-bottom-color:var(--text)}

/* ── nav ─────────────────────────────────────────────────── */
.nav{position:fixed; inset:0 0 auto; z-index:100; border-bottom:1px solid transparent;
     transition:background-color var(--d-mid) var(--e), border-color var(--d-mid) var(--e)}
.nav.is-stuck{background:rgba(18,16,16,.97); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-bottom-color:var(--line)}
.nav__in{display:flex; align-items:center; gap:var(--gap-block); height:78px}
.nav__brand img{width:164px; height:auto}
.nav__links{display:flex; gap:var(--s4); margin-left:auto; font-size:var(--t-sm); color:var(--text)}
.nav__links a{position:relative; padding:6px 0; transition:color var(--d-ui) var(--e)}
.nav__links a::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--gold);
  transform:scaleX(0); transform-origin:left; transition:transform var(--d-mid) var(--e)}
.nav__links a:hover{color:var(--text)}
.nav__links a:hover::after{transform:scaleX(1)}
.nav__tel{font-size:var(--t-sm)}
.nav__toggle{display:none; width:48px; height:48px; margin-left:auto; background:none; border:0; cursor:pointer;
  padding:0; align-items:center; justify-content:center; flex-direction:column; gap:6px}
.nav__toggle span{display:block; width:22px; height:1px; background:var(--text); transition:transform var(--d-mid) var(--e)}
.nav__toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.nav__panel{display:none; flex-direction:column; padding:var(--s2) var(--pad) var(--gap-block);
  background:var(--ink); border-bottom:1px solid var(--line)}
.nav__panel a{padding:14px 0; font-size:var(--t-lead); border-bottom:1px solid var(--line)}
.nav__panel-tel{color:var(--text); border-bottom:0 !important}

/* ── hero: 21:9 plokštė, laiptuota antraštė kerta jos apatinį kraštą ── */
.hero{position:relative}
.hero__plate{position:relative; height:clamp(460px, 41vw, 70vh); height:clamp(460px, 41vw, 70svh); overflow:hidden}
.hero__plate img{width:100%; height:100%; object-fit:cover; object-position:50% 48%}
/* vientisa uždanga per visą kadrą (kaip pushintame builde), apačioje išsifadina į foną */
.hero__plate::after{content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg,
    rgba(18,16,16,.52) 0%,
    rgba(18,16,16,.46) 48%,
    rgba(18,16,16,.66) 78%,
    rgb(18,16,16) 100%)}  /* paskutinis stop pilnai nepermatomas — kraštas = fonas */
/* abi antraštės eilutės tamsioje plokštės zonoje, antra su laipto įtrauka */
.hero__in{position:relative; z-index:2; margin-top:-158px}
.hero h1{font-size:var(--t-display); line-height:1.02; letter-spacing:-.04em; margin-bottom:var(--s4)}
.hero__l2{display:block; padding-left:.92em}   /* laiptas */
.hero__au{font-style:normal; color:var(--gold)}
.hero__cols{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--gap-block); align-items:center}
.hero__sub{font-size:var(--t-lead); line-height:1.45; color:var(--muted); max-width:34ch;
  letter-spacing:-.012em; margin-left:66px}  /* lygiuoja su laipto įtrauka: .92em × 72px */
.hero__act{display:flex; align-items:center; gap:var(--s4); flex-wrap:wrap}
.hero__meta{margin-top:var(--gap-block); padding-top:var(--s3); border-top:1px solid var(--line);
  font-size:var(--t-sm); color:var(--muted); font-variant-numeric:tabular-nums}

/* vienintelis judesys įkeliant: lėtas settle 1.04 → 1 */
.js .hero__plate img{animation:heroSettle 6s var(--e) both}
@keyframes heroSettle{from{transform:scale(1.04)}to{transform:scale(1)}}

/* ── section rhythm ──────────────────────────────────────── */
.sec{padding:var(--gap-sec) 0; scroll-margin-top:96px}
.sec--ba{padding-top:calc(var(--gap-sec)*2)}
.sec--band{background:var(--ink-2)}  /* vienintelis toninis break'as */
.head{margin-bottom:var(--gap-block)}
.head h2,.head h3{font-size:var(--t-h2); line-height:1.08; max-width:16ch; margin-bottom:var(--s3)}
.head .lead{max-width:100%}
.head--split{display:grid; grid-template-columns:620px minmax(0,1fr); gap:var(--gap-block); align-items:end}
.head__l{max-width:620px}
.head__r{min-width:0}

/* ── before / after: sticky index rail + pair flow ───────── */
.ba-grid{display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); gap:var(--gap-block); align-items:start}
.ba-rail{position:sticky; top:110px}
.ba-rail .lead{margin-top:var(--s3)}
.ba-index{list-style:none; margin:var(--gap-block) 0 0; padding:0; border-top:1px solid var(--line); counter-reset:bi}
.ba-index li{border-bottom:1px solid var(--line)}
.ba-index a{display:block; padding:13px 0 13px 18px; position:relative; font-size:var(--t-sm);
  color:var(--muted); transition:color var(--d-mid) var(--e)}
.ba-index a::before{content:""; position:absolute; left:0; top:13px; bottom:13px; width:1px;
  background:var(--text); transform:scaleY(0); transform-origin:top; transition:transform var(--d-mid) var(--e)}
.ba-index a span{display:block; margin-top:2px; font-size:var(--t-sm); opacity:.65}
.ba-index a:hover{color:var(--text)}
.ba-index li.is-cur a{color:var(--text)}
.ba-index li.is-cur a::before{transform:scaleY(1)}

/* ── comparison + light-board video ──────────────────────── */
.cmp{margin-top:0}
.cmp__grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,320px); gap:var(--gap-sec); align-items:start}
.cmp__media{margin:0}
.cmp__media video{width:100%; aspect-ratio:9/16; object-fit:cover; display:block; background:var(--ink-2)}
.cmp__t{border-collapse:collapse; font-size:var(--t-sm); font-variant-numeric:tabular-nums; table-layout:fixed; width:auto}
.cmp__t th,.cmp__t td{text-align:left; padding:15px 24px 15px 0; border-bottom:1px solid var(--line); font-weight:400; vertical-align:baseline}
.cmp__t thead th{color:var(--muted); font-family:var(--m); font-size:var(--t-label); font-weight:500; letter-spacing:.14em; text-transform:uppercase; padding-bottom:12px}
.cmp__t tbody th{color:var(--muted); width:240px}
.cmp__t td{width:200px}
.cmp__t .y{color:var(--text)}
.cmp__t .n{color:var(--muted)}
.cmp__note{margin-top:var(--s4); font-size:var(--t-sm); color:var(--muted); max-width:62ch}
.cmp__cta{margin-top:var(--s4)}

/* ── services ────────────────────────────────────────────── */
.svc{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap-block)}
.svc__i{display:flex; flex-direction:column}
.svc__media{overflow:hidden; aspect-ratio:4/5; margin-bottom:var(--s4); background:var(--ink-2)}
.svc__media img{width:100%; height:100%; object-fit:cover}
.svc__i h3{font-size:var(--t-lead); font-weight:400; letter-spacing:-.02em; margin-bottom:var(--s2)}
.svc__i p{font-size:var(--t-sm); color:var(--muted)}

.more{margin:0; border-top:1px solid var(--line)}
.more > div{padding:14px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:150px minmax(0,1fr); gap:var(--s3)}
.more dt{color:var(--muted); padding-top:3px}
.more dd{margin:0; font-size:var(--t-sm); color:var(--text)}
.more strong{font-weight:500; color:var(--text); font-variant-numeric:tabular-nums}

/* ── studio (be media: kadras nebuvo top ryškumo — kliento taisyklė) ── */
/* shown well under the 1438px source width so it stays sharp */
.facts{margin:0; border-top:1px solid var(--line)}
.facts > div{display:flex; justify-content:space-between; gap:var(--s3); padding:13px 0; border-bottom:1px solid var(--line)}
.facts dt{color:var(--muted); padding-top:3px}
.facts dd{margin:0; font-size:var(--t-sm); text-align:right; font-variant-numeric:tabular-nums}
.quote{margin:var(--gap-block) 0 0; padding-left:var(--s3); border-left:1px solid var(--line); max-width:62ch}
.quote p{font-size:var(--t-lead); font-weight:300; letter-spacing:-.02em; line-height:1.35}
.quote cite{display:block; margin-top:var(--s2); color:var(--muted); font-style:normal}

/* ── gallery: 3:2 kadrai, parašas po kiekvienu ───────────── */
.gal{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
.gal__f{margin:0}
.gal__i{display:block; width:100%; padding:0; border:0; background:var(--ink-2); overflow:hidden; cursor:pointer; aspect-ratio:3/2}
.gal__i img{width:100%; height:100%; object-fit:cover; transition:transform 700ms var(--e)}
.gal__i:hover img{transform:scale(1.03)}
.gal__cap{margin-top:10px; color:var(--muted); font-size:var(--t-sm)}

/* ── form ────────────────────────────────────────────────── */
.sec--form{border-top:1px solid var(--line)}
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:var(--gap-block)}
.form-grid__l h2{font-size:var(--t-h2); line-height:1.08; letter-spacing:-.028em; margin-bottom:var(--s3); max-width:16ch}
.contacts{list-style:none; margin:var(--gap-block) 0 0; padding:0; border-top:1px solid var(--line)}
.contacts li{display:flex; justify-content:space-between; align-items:baseline; gap:var(--s3); padding:14px 0; border-bottom:1px solid var(--line); font-size:var(--t-sm)}
.contacts a{color:var(--text); border-bottom:1px solid var(--line); transition:border-color var(--d-ui) var(--e);
  padding:14px 0; margin:-14px 0}  /* nematoma 48px tap zona */
.contacts a:hover{border-bottom-color:var(--text)}
.field{margin-bottom:var(--s3)}
.field label{display:block; color:var(--muted); margin-bottom:10px}
.field .opt{text-transform:none; letter-spacing:.02em; color:#A79E93}
.field input,.field textarea{
  -webkit-appearance:none; appearance:none;
  width:100%; background:transparent; border:1px solid var(--line); border-radius:var(--r);
  color:var(--text); font-family:var(--f); font-size:var(--t-body); padding:14px 16px; min-height:52px;
  transition:border-color var(--d-ui) var(--e)
}
.field textarea{resize:vertical; line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:var(--muted); opacity:.6}
.field input:focus,.field textarea:focus{outline:none; border-color:var(--gold)}
.field{position:relative}
.file-input{position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.field .file-btn{
  display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; margin:0;
  border:1px solid var(--line); border-radius:var(--r); color:var(--text); cursor:pointer;
  font-family:var(--f); font-size:var(--t-sm); font-weight:500; letter-spacing:.02em; text-transform:none;
  transition:border-color var(--d-ui) var(--e)
}
.field .file-btn:hover{border-color:var(--text)}
.file-input:focus-visible ~ .file-btn{outline:2px solid var(--gold); outline-offset:3px}
.field.is-bad input,.field.is-bad textarea{border-color:var(--gold)}
.err{font-size:var(--t-sm); color:var(--gold); margin-top:7px}
.file-note{font-size:var(--t-sm); color:var(--muted); margin-top:8px}
.form__status{margin-top:var(--s3); font-size:var(--t-sm); color:var(--muted)}
.form__status.is-ok{color:var(--text)}
.form__status.is-bad{color:var(--gold)}
.form__fine{margin-top:var(--s2); font-size:var(--t-sm); color:#A79E93}
#submit[disabled]{opacity:.55; cursor:default}

/* ── footer ──────────────────────────────────────────────── */
.foot{border-top:1px solid var(--line); padding:var(--gap-sec) 0 var(--gap-block)}
.foot__in{display:grid; grid-template-columns:1.4fr .8fr .8fr; gap:var(--gap-block); align-items:start}
.foot__brand img{width:150px; margin-bottom:var(--s2)}
.foot__brand p{font-size:var(--t-sm); color:var(--muted)}
.foot__col p:first-child{margin-bottom:10px}
.foot__lines span{display:block}
.foot__lines .sep{display:none}
.foot__col p{font-size:var(--t-sm); color:var(--muted)}
.foot__col a{color:var(--text); border-bottom:1px solid transparent; transition:border-color var(--d-ui) var(--e)}
.foot__col a:hover{border-bottom-color:var(--text)}
.foot__legal{grid-column:1/-1; margin-top:var(--gap-block); padding-top:var(--s3); border-top:1px solid var(--line); color:#A79E93}

.callbar{display:none}

/* ── lightbox ────────────────────────────────────────────── */
.lb{position:fixed; inset:0; z-index:300; background:rgba(10,9,9,.96); display:flex; align-items:center; justify-content:center; padding:64px 72px}
.lb[hidden]{display:none}
.lb__f{margin:0; max-width:1200px; width:100%; text-align:center}
.lb__f img{max-height:78vh; max-height:78svh; width:auto; margin:0 auto; object-fit:contain}
.lb__f figcaption{margin-top:var(--s3); color:var(--muted)}
.lb__x,.lb__nav{
  position:absolute; background:transparent; border:1px solid var(--line); color:var(--text);
  width:52px; height:52px; border-radius:var(--r); cursor:pointer; font-size:var(--t-lead); line-height:1;
  display:flex; align-items:center; justify-content:center;
  transition:border-color var(--d-ui) var(--e)
}
.lb__x:hover,.lb__nav:hover{border-color:var(--text)}
.lb__x{top:24px; right:24px}
.lb__nav{top:50%; margin-top:-26px}
.lb__nav--p{left:24px} .lb__nav--n{right:24px}

/* ── reveal: one behaviour, 70ms stagger ─────────────────── */
.js .rv{opacity:0; transform:translate3d(0,16px,0)}
.js .rv.is-in{
  opacity:1; transform:translate3d(0,0,0);
  transition:opacity 380ms linear var(--rd,0ms), transform var(--d-rev) var(--e) var(--rd,0ms);
}
/* media atidengiama clip'u iš viršaus, kartu su lengvu scale settle —
   stebimas .rv TĖVAS, ne pats img (clip-path ant stebimo elemento žudo IO) */
.js .rv .cw__l img,.js .rv .svc__media img,.js .rv .mvid video,.js .gal.rv img{
  clip-path:inset(0 0 100% 0); transform:scale(1.04);
  transition:clip-path 900ms var(--e2) var(--rd,0ms), transform 900ms var(--e2) var(--rd,0ms);
}
.js .rv.is-in .cw__l img,.js .rv.is-in .svc__media img,.js .rv.is-in .mvid video,.js .gal.rv.is-in img{
  clip-path:inset(0 0 0 0); transform:none;
}
/* hover transition grąžinama po reveal'o */
.js .gal.rv.is-in .gal__i img{transition:transform 700ms var(--e)}

/* ── responsive ──────────────────────────────────────────── */
@media (max-width:1100px){
  :root{--pad:32px}
  .head--split{grid-template-columns:1fr; gap:var(--s4); align-items:start}
  .head__l{max-width:100%}
  .ba-grid{grid-template-columns:1fr}
  .ba-rail{position:static}
  .ba-index{display:none}
}
@media (max-width:900px){
  :root{--t-display:38px; --t-h2:22px; --t-lead:17px; --pad:20px}
  .hero h1{max-width:none; letter-spacing:-.032em}
  .hero__in{margin-top:-96px}
  .hero__l2{padding-left:.6em}
  .hero__sub{max-width:none; margin-left:0}
  .hero__cols{grid-template-columns:1fr}
  .head h2,.head h3{max-width:none}
  .nav__links,.nav__tel{display:none}
  .nav__toggle{display:flex}
  .nav.is-open .nav__panel{display:flex}
  .nav.is-open{background:var(--ink)}
  .nav__brand img{width:140px}
  .form-grid{grid-template-columns:1fr; gap:var(--gap-block)}
  .cmp__grid{grid-template-columns:1fr; gap:var(--gap-block)}
  .cmp__media{max-width:320px}
  .svc{grid-template-columns:1fr; gap:0}
  .svc__i{display:grid; grid-template-columns:120px minmax(0,1fr); gap:var(--s2) var(--s4);
    align-items:start; padding:var(--s4) 0}
  .svc__i:first-child{padding-top:0}
  .svc__i + .svc__i{border-top:1px solid var(--line)}
  .svc__media{grid-column:1; grid-row:1/3; margin:0}
  .svc__i h3{grid-column:2; grid-row:1; margin-bottom:0}
  .svc__i p{grid-column:2; grid-row:2; margin-top:0}
  .foot__in{grid-template-columns:1fr 1fr}
  .foot__brand{grid-column:1/-1}
}
@media (max-width:700px){
  .hero__plate{height:52vh; height:52svh}
  .hero__act{display:none}
  .cmp__t{width:100%; table-layout:auto}
  .cmp__t thead{display:none}
  .cmp__t tbody tr{display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); padding-bottom:12px}
  .cmp__t tbody th{display:block; grid-column:1/-1; width:auto; padding:14px 0 6px; border:0;
    font-family:var(--m); font-size:var(--t-label); font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--muted)}
  .cmp__t td{display:block; width:auto; padding:0; border:0}
  .cmp__t td::before{content:attr(data-l); display:block; font-family:var(--m); font-size:var(--t-label);
    letter-spacing:.14em; text-transform:uppercase; color:var(--muted); opacity:.7; margin-bottom:3px}
  .cmp__media{max-width:none}
  .cmp__media video{aspect-ratio:4/5}
  .more > div{grid-template-columns:1fr; gap:6px}
  .svc__i{grid-template-columns:104px minmax(0,1fr)}
  .gal{grid-template-columns:repeat(2,1fr)}
  .foot__in{grid-template-columns:1fr}
  .foot{padding-bottom:104px}
  .lb{padding:56px 16px}
  .lb__nav{width:44px; height:44px; margin-top:-22px}
  .lb__nav--p{left:8px} .lb__nav--n{right:8px}
  .lb__x{top:12px; right:12px; width:44px; height:44px}
  .lb__f img{max-height:66vh; max-height:66svh}
}

html.qa .hero__plate{height:560px}
html.qa .rv{opacity:1 !important; transform:none !important}
html.qa .hero__plate img{animation:none}
html.qa .rv img,html.qa .rv video{transform:none !important; clip-path:none !important}

/* reduced-motion tvarkoma žemiau — mobile judesys nebeišjungiamas */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important; transition-duration:.01ms !important}
  .js .hero__plate img{animation:none}
  .js .rv{opacity:1; transform:none}
  .js .rv .cw__l img,.js .rv .svc__media img,.js .rv .mvid video,.js .gal.rv img{transform:none; clip-path:none}
}


/* ═══════════════════════════════════════════════════════════════
   COMPONENTS — before/after slider, media blocks, rails, motion
   Judesys: tik transform/opacity, ease-out, 400–700ms.
   ═══════════════════════════════════════════════════════════════ */

/* mono index above every H2 — vienintelis auksinis akcentas sekcijoje */
.ix{font-family:var(--m); font-size:var(--t-label); font-weight:500; letter-spacing:.14em;
  color:var(--gold); margin:0 0 12px}

/* ── D1 · before / after ─────────────────────────────────────── */
.cw{margin:0}
.cw__stage{
  position:relative; aspect-ratio:3/2; overflow:hidden; background:var(--ink-2);
  border-radius:var(--r); border:1px solid var(--line-2);
  touch-action:pan-y; cursor:ew-resize; -webkit-user-select:none; user-select:none;
}
.cw__l{position:absolute; inset:0}
.cw__l img{width:100%; height:100%; object-fit:cover; -webkit-user-drag:none; pointer-events:none}
.cw__l--b{clip-path:inset(0 calc(100% - var(--p,50%)) 0 0)}
.cw__stage::before{
  content:""; position:absolute; inset:0 0 auto; height:72px; z-index:2; pointer-events:none;
  background:linear-gradient(180deg, rgba(18,16,16,.42), rgba(18,16,16,0));
}
.cw__lbl{
  position:absolute; top:12px; z-index:3; margin:0;
  font-family:var(--m); font-size:11px; font-weight:500; letter-spacing:.12em;
  text-transform:uppercase; color:#fff; opacity:.7; pointer-events:none;
}
.cw__lbl--b{left:12px}
.cw__lbl--a{right:12px}
.cw__line{
  position:absolute; top:0; bottom:0; left:var(--p,50%); z-index:4;
  width:1px; background:rgba(255,255,255,.6); pointer-events:none;
}
.cw__knob{
  position:absolute; top:50%; left:var(--p,50%); z-index:5;
  width:36px; height:36px; margin:-18px 0 0 -18px; padding:0;
  border:1px solid var(--gold); border-radius:50%; background:rgba(18,16,16,.55);
  display:flex; align-items:center; justify-content:center; gap:3px; cursor:ew-resize;
}
.cw__knob svg{width:7px; height:11px; display:block; fill:none;
  stroke:rgba(255,255,255,.85); stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round}
.cw__cap{margin-top:14px; color:var(--cap-c); font-size:13px}
/* noscript pora — tas pats kadras be slinkties */
.cw__ns{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.cw__ns figure{margin:0}
.cw__ns img{width:100%; aspect-ratio:3/2; object-fit:cover; border-radius:var(--r); border:1px solid var(--line-2)}
.cw__ns figcaption{margin-top:8px; font-family:var(--m); font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted)}
.cw__ns .cw__cap{grid-column:1/-1}

/* thumbnail strip — 56px squares, active gets the gold hairline */
.cw__thumbs{
  list-style:none; display:flex; gap:8px; margin:14px 0 0; padding:0;
  overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.cw__thumbs::-webkit-scrollbar{display:none}
.cw__thumbs li{flex:0 0 auto}
.cw__t{
  width:56px; height:56px; padding:0; border:1px solid var(--line-2); border-radius:var(--r);
  background:var(--ink-2); overflow:hidden; cursor:pointer; display:block; opacity:.65;
  transition:opacity 300ms var(--e), border-color 300ms var(--e);
}
.cw__t img{width:100%; height:100%; object-fit:cover}
.cw__t.is-cur{opacity:1; border-color:var(--gold)}

/* ── media block: full-bleed video ───────────────────────────── */
.mvid{margin:var(--gap-block) 0 0}
.mvid video{
  width:100%; aspect-ratio:3/2; object-fit:cover; display:block; background:var(--ink-2);
  border-radius:var(--r); border:1px solid var(--line-2);
}
.mvid--flush{margin:0}
.mvid--wide video{aspect-ratio:16/9}
.sec.sec--clip{padding-top:0}
.sec.sec--why{padding-top:0}
.js .sec--clip::before,.js .sec--why::before{content:none}
.mvid--studio{margin:0 0 var(--gap-block)}
.mvid--studio video{aspect-ratio:16/9}
.svc__media--v{position:relative}
.svc__media--v video{width:100%; height:100%; object-fit:cover; display:block; background:var(--ink-2)}

/* ── iOS Low Power: autoplay užblokuotas → plona play ikona ──── */
.vwrap{position:relative}
.v-play{
  position:absolute; left:50%; top:50%; width:44px; height:44px; margin:-22px 0 0 -22px;
  padding:0; border:1px solid var(--gold); border-radius:50%; background:rgba(18,16,16,.45);
  display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:3;
  opacity:0; pointer-events:none; transition:opacity 400ms var(--e);
}
.v-play.is-on{opacity:1; pointer-events:auto}
.v-play svg{pointer-events:none}
.v-play svg{width:14px; height:14px; display:block; margin-left:2px; fill:#fff}
.v-play:active{transform:scale(.98)}

/* ── C2 · video rail ─────────────────────────────────────────── */
.vrail{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap-block)}
.vrail__m{overflow:hidden; background:var(--ink-2); border-radius:var(--r); border:1px solid var(--line-2)}
.vrail__m video{width:100%; aspect-ratio:9/16; object-fit:cover; display:block}
.vrail .cap{margin-top:12px; color:var(--cap-c); font-size:13px}

/* ── F3 · hairline drawn in between sections ─────────────────── */
.sec,.foot{position:relative}
.js .sec::before,.js .foot::before{
  content:""; position:absolute; top:0; left:0; right:0; height:1px; background:var(--line-2);
  transform:scaleX(0); transform-origin:left; transition:transform 700ms var(--e);
}
.js .sec.is-in::before,.js .foot.is-in::before{transform:scaleX(1)}
.sec--form{border-top:0}
.foot{border-top:0}

/* ── F7 · price ──────────────────────────────────────────────── */
.more .price,.price{display:block; color:var(--gold); font-size:28px; font-weight:300; line-height:1.1;
  letter-spacing:-.03em; margin-bottom:6px; font-variant-numeric:tabular-nums}

/* ── F1 · hero: settle + line-by-line rise + parallax ────────── */
.js .hero__plate img{animation:heroSettle 1800ms cubic-bezier(.22,.61,.36,1) both; will-change:transform}
@keyframes heroSettle{from{transform:scale(1.06)}to{transform:scale(1)}}
.js .hero h1 span,.js .hero__sub{display:block; opacity:0; transform:translate3d(0,18px,0)}
.js .hero h1 span{animation:heroLine 620ms cubic-bezier(.22,.61,.36,1) both}
.js .hero__sub{animation:heroLine 620ms cubic-bezier(.22,.61,.36,1) 300ms both}
.js .hero__l1{animation-delay:100ms}
.js .hero__l2{animation-delay:200ms}
@keyframes heroLine{to{opacity:1; transform:translate3d(0,0,0)}}

/* ═══════════════════════════════════════════════════════════════
   MOBILE — 390/430px pirmiausia. Media edge-to-edge, tekstas 22px.
   ═══════════════════════════════════════════════════════════════ */
@media (max-width:760px){
  :root{
    --pad:22px; --gap-sec:56px; --gap-block:24px;
    --t-h2:30px; --t-body:16px; --t-sm:15px;
  }
  body{font-size:16px; line-height:1.5; color:var(--body-c)}
  .sec{padding:var(--gap-sec) 0}
  .sec--ba{padding-top:var(--gap-sec)}
  .head{margin-bottom:28px}
  .head h2,.head h3,.ba-rail h2,.form-grid__l h2{
    font-size:var(--t-h2); line-height:1.1; color:var(--text); letter-spacing:-.03em; margin-bottom:14px}
  .lead{font-size:16px; line-height:1.5; color:var(--body-c)}

  /* media pralaužia 22px paraštę */
  .bleed,.cw__stage,.mvid,.svc__media{
    margin-left:calc(var(--pad)*-1); margin-right:calc(var(--pad)*-1);
    width:calc(100% + var(--pad)*2); max-width:none;
  }
  .cw__stage{border-left:0; border-right:0; border-radius:0}
  .mvid video{border-left:0; border-right:0; border-radius:0}

  /* B — hero: tekstas ant nuotraukos apačioje (pilnas ekranas — žr. ≤1100 bloką) */
  .hero h1{margin-bottom:18px}
  .hero__sub{color:var(--text); opacity:.92}
  .hero__meta{margin-top:24px; padding-top:16px}

  /* D2 — slankiklis + miniatiūros */
  .cw__cap{padding:0 var(--pad)}
  .cw__thumbs{padding:0 var(--pad)}

  /* D3 — #darbas: viena pora vietoj keturių */
  .ba-rail .lead{margin-top:0}
  .ba-grid{gap:14px}
  .cw__cap{margin-top:10px}
  .cw__thumbs{margin-top:10px}
  .cmp{margin-top:var(--gap-sec)}
  .cmp__grid{gap:0}

  /* E3 — palyginimas: viena antraštės eilutė, be pakartotų etikečių */
  .cmp__t{width:100%; table-layout:fixed; border-collapse:collapse}
  .cmp__t thead{display:block}
  .cmp__t thead tr{display:grid; grid-template-columns:1fr 1fr}
  .cmp__t .cmp__t-k{display:none}
  .cmp__t thead th{padding:0 0 10px; border-bottom:1px solid var(--line-2); font-size:10px; letter-spacing:.1em}
  .cmp__t tbody{display:block}
  .cmp__t tbody tr{display:grid; grid-template-columns:1fr 1fr;
    border-bottom:1px solid var(--line-2); padding-bottom:12px}
  .cmp__t tbody th{display:block; grid-column:1/-1; width:auto; padding:14px 0 4px; border:0;
    font-family:var(--m); font-size:10px; font-weight:500; letter-spacing:.1em;
    text-transform:uppercase; color:var(--muted)}
  .cmp__t td{display:block; width:auto; padding:0; border:0; font-size:15px}
  .cmp__t td::before{content:none}
  .cmp__note{margin-top:var(--s3); font-size:14px}
  .cmp__cta{margin-top:var(--s3); width:100%}

  /* E2 — paslaugų kortelė vertikali */
  .svc{grid-template-columns:1fr; gap:0}
  .svc__i{display:block; padding:20px 0}
  .svc__i:first-child{padding-top:0}
  .svc__i + .svc__i{border-top:1px solid var(--line-2)}
  .svc__media{aspect-ratio:16/9; margin:0 calc(var(--pad)*-1) 14px; border-radius:0}
  .svc__i h3{font-size:20px; color:var(--text); margin-bottom:8px; letter-spacing:-.02em}
  .svc__i p{font-size:15px; color:var(--desc-c); line-height:1.5}
  .more > div{grid-template-columns:1fr; gap:8px; padding:18px 0}
  .more dd{font-size:15px; color:var(--desc-c)}
  .more .price,.price{font-size:40px; margin-bottom:8px}

  /* studija */
  .quote{margin-top:var(--s3)}
  .quote p{font-size:18px}
  .facts dd{font-size:15px}

  /* E4 — #darbai: horizontalus scroll-snap, 72vw kortelės */
  .sec--gal .head{margin-bottom:28px}
  .gal{
    display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
    padding:0 var(--pad) 4px; margin:0;
  }
  .gal::-webkit-scrollbar{display:none}
  .gal > li{flex:0 0 72vw; scroll-snap-align:center}
  .gal__i{aspect-ratio:3/2; border-radius:var(--r); border:1px solid var(--line-2)}
  .gal__cap{font-size:13px; color:var(--cap-c); margin-top:10px}

  /* C2 — video juosta: 78vw, matosi 1,2 kortelės */
  .sec--video .head{margin-bottom:28px}
  .vrail{
    display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
    padding:0 var(--pad) 4px;
  }
  .vrail::-webkit-scrollbar{display:none}
  .vrail__i{flex:0 0 60vw; scroll-snap-align:center}

  /* F4 — centrinė kortelė pilna, šoninės atsitraukia */
  .js .vrail__i,.js .gal > li{
    transform:scale(.95); opacity:.65; transform-origin:center;
    transition:transform 300ms var(--e), opacity 300ms var(--e);
  }
  .js .vrail__i.is-mid,.js .gal > li.is-mid{transform:scale(1); opacity:1}

  /* kontaktų puslapis: rekvizitų etiketės ilgesnės nei formos bloke,
     todėl telefone etiketė eina virš reikšmės, o ne šalia jos */
  .contacts--page li{display:block}
  .contacts--page li .mono{display:block; margin-bottom:5px}

  /* E5 — forma */
  .form-grid{gap:var(--s3)}
  .contacts{margin-top:var(--s3)}
  .field{margin-bottom:18px}
  .contacts li{padding:13px 0}
  .contacts a{padding:13px 0; margin:-13px 0}
  .field input,.field textarea{min-height:52px; border:1px solid #333; font-size:16px}
  .field input:focus,.field textarea:focus{border:1px solid var(--gold)}
  .field .file-btn{width:100%; border-color:#333}
  .form-grid__l h2{font-size:var(--t-h2)}

  /* E6 — footer ≤380px */
  .foot{padding:36px 0 calc(24px + env(safe-area-inset-bottom))}
  .foot__in{display:block}
  .foot__brand img{width:124px; margin-bottom:10px}
  .foot__brand p{font-size:13px; color:var(--cap-c)}
  .foot__col{margin-top:18px}
  .foot__col p:first-child{margin-bottom:6px}
  .foot__col p{font-size:13px; line-height:1.5}
  .foot__lines span{display:inline}
  .foot__lines .sep{display:inline; font-weight:400; color:var(--muted); opacity:.55}
  .foot__legal{margin-top:18px; padding-top:14px; font-size:10px}

  /* E9 — hamburger: viso ekrano juodas overlay */
  .nav__panel{
    position:fixed; inset:0; z-index:120; display:none; flex-direction:column;
    justify-content:center; padding:0 var(--pad) calc(28px + env(safe-area-inset-bottom));
    background:#000; border:0; overflow-y:auto;
  }
  .nav.is-open .nav__panel{display:flex}
  .nav.is-open{background:transparent}
  .nav__panel-in{display:flex; flex-direction:column; margin:auto 0}
  .nav__panel a{
    font-size:28px; line-height:1.2; padding:12px 0; border:0; color:var(--text);
    letter-spacing:-.03em; opacity:0; transform:translate3d(0,14px,0);
  }
  .nav.is-open .nav__panel a{animation:navIn 420ms cubic-bezier(.22,.61,.36,1) both}
  .nav.is-open .nav__panel-in a:nth-child(1){animation-delay:60ms}
  .nav.is-open .nav__panel-in a:nth-child(2){animation-delay:120ms}
  .nav.is-open .nav__panel-in a:nth-child(3){animation-delay:180ms}
  .nav.is-open .nav__panel-in a:nth-child(4){animation-delay:240ms}
  .nav.is-open .nav__panel-in a:nth-child(5){animation-delay:300ms}
  .nav.is-open .nav__panel-in a:nth-child(6){animation-delay:360ms}
  .nav__panel-tel{
    margin-top:auto; color:var(--gold) !important; font-size:20px !important;
    font-family:var(--m); letter-spacing:.04em; animation-delay:420ms !important;
  }
  .nav__toggle{position:relative; z-index:130}
  .nav.is-open .nav__toggle span{background:var(--text)}
  @keyframes navIn{to{opacity:1; transform:translate3d(0,0,0)}}

  /* E1 — sticky juosta tik kai hero išėjo iš viewport'o */
  .callbar{
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
    position:fixed; left:0; right:0; bottom:0; z-index:150; height:64px;
    padding:8px 12px; padding-bottom:calc(8px + env(safe-area-inset-bottom));
    background:rgba(18,16,16,.94); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    border-top:1px solid var(--line-2);
    transform:translate3d(0,110%,0); transition:transform 250ms cubic-bezier(.22,.61,.36,1);
  }
  .callbar.is-on{transform:translate3d(0,0,0)}
  .callbar a{display:flex; align-items:center; justify-content:center; border-radius:var(--r);
    font-size:14px; font-weight:500; border:1px solid var(--line-2); color:var(--text)}
  .callbar a:active{transform:scale(.98)}
  .callbar .callbar__b{background:var(--gold); color:var(--ink); border-color:var(--gold)}
  .foot{padding-bottom:calc(88px + env(safe-area-inset-bottom))}

  /* inline CTA mobile paslėpti — juostoje jau yra */
  .cmp__cta,.hero__act{display:none}
}

/* ── F2 · reveal ─────────────────────────────────────────────── */
.js .rv{opacity:0; transform:translate3d(0,16px,0)}
.js .rv.is-in{
  opacity:1; transform:translate3d(0,0,0);
  transition:opacity 500ms cubic-bezier(.22,.61,.36,1) var(--rd,0ms),
             transform 500ms cubic-bezier(.22,.61,.36,1) var(--rd,0ms);
}
.js .rv .cw__l img,.js .rv .svc__media img,.js .rv .svc__media video,
.js .rv .mvid video,.js .gal.rv img,.js .vrail.rv .vrail__m video{
  clip-path:inset(0 0 100% 0);
  transition:clip-path 700ms cubic-bezier(.22,.61,.36,1) var(--rd,0ms);
}
.js .rv.is-in .cw__l img,.js .rv.is-in .svc__media img,.js .rv.is-in .svc__media video,
.js .rv.is-in .mvid video,.js .gal.rv.is-in img,.js .vrail.rv.is-in .vrail__m video{
  clip-path:inset(0 0 0 0);
}

/* ── prefers-reduced-motion: viskas išjungiama ───────────────── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important;
  }
  .js .hero__plate img{animation:none; transform:none !important}
  .js .hero h1 span,.js .hero__sub{opacity:1; transform:none; animation:none}
  .js .rv{opacity:1; transform:none}
  .js .rv .cw__l img,.js .rv .svc__media img,.js .rv .svc__media video,
  .js .rv .mvid video,.js .gal.rv img,.js .vrail.rv .vrail__m video{clip-path:none}
  .js .sec::before,.js .foot::before{transform:scaleX(1)}
  .js .vrail__i,.js .gal > li{transform:none; opacity:1}
  .callbar{transition:none}
  .nav.is-open .nav__panel a{animation:none; opacity:1; transform:none}
}

/* QA capture */
html.qa .callbar{display:none}
html.qa .js .sec::before{transform:scaleX(1)}
html.qa .vrail__i,html.qa .gal > li{transform:none !important; opacity:1 !important}
html.qa .hero h1 span,html.qa .hero__sub{opacity:1 !important; transform:none !important; animation:none !important}


/* ── hero per visą pirmą ekraną (telefonai ir planšetės portrete) ──
   Ta pati kompozicija kaip anksčiau: horizontali plokštė su VISU Urus
   priekiu, laiptuota antraštė kerta jos apatinį kraštą, po ja paantraštė;
   hero ištemptas iki 100svh — adreso/valandų eilutė prispausta prie ekrano
   apačios, kad pirmame ekrane būtų tik hero.                              */
@media (max-width:1100px){
  .hero{
    position:relative; overflow:hidden;
    min-height:100vh; min-height:100svh;
    display:flex; flex-direction:column;
  }
  .hero__plate{position:relative; height:58vh; height:58svh; flex:0 0 auto}
  html.qa .hero__plate{height:58svh}
  .hero__plate img{height:100%; object-position:50% 48%}
  .hero__in{
    flex:1 1 auto; display:flex; flex-direction:column;
    margin-top:-96px; padding-bottom:calc(20px + env(safe-area-inset-bottom));
  }
  .hero__meta{margin-top:auto; padding-top:16px}
}
@media (max-width:1100px) and (min-width:761px){
  .hero__in{margin-top:-140px}
}

/* telefonai: pilnas kadras (1400×1180) per visą plotį — nieko nekerpa,
   antraštė didesnė ir kerta plokštės apačią, meta eilutė ekrano apačioje */
@media (max-width:760px){
  .hero__plate{height:auto; aspect-ratio:1400/1180}
  html.qa .hero__plate{height:auto}
  .hero__plate img{object-position:50% 50%}
  .hero__plate::after{
    background:linear-gradient(180deg,
      rgba(18,16,16,.46) 0%,
      rgba(18,16,16,.10) 26%,
      rgba(18,16,16,.16) 58%,
      rgba(18,16,16,.72) 84%,
      rgb(18,16,16) 100%);
  }
  /* su šia horizontalia nuotrauka automobilio priekis telefone užima ~39 %
     ekrano — 100svh paliktų ~470px tuštumos, tad hero = turinys (min 72 %), meta apačioje */
  .hero{min-height:72vh; min-height:72svh}
  .hero__in{margin-top:-72px}
  .hero h1{font-size:42px; letter-spacing:-.035em; margin-bottom:18px}
  .hero__l2{padding-left:.45em}
  .hero__sub{font-size:18px; max-width:30ch}
  .hero__meta{margin-top:auto; padding-top:16px}
  .hero__in{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
}


/* ── atsiliepimai: citatos stilius, be žvaigždučių, be karuselės ──── */
.rev__stat{margin-top:-8px; font-size:var(--t-sm); color:var(--muted)}
.rev__stat a{color:var(--text); border-bottom:1px solid var(--line); padding-bottom:2px;
  transition:border-color var(--d-ui) var(--e)}
.rev__stat a:hover{border-bottom-color:var(--text)}
.rev{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gap-block)}
.rev__i{padding-left:var(--s3); border-left:1px solid var(--line); max-width:62ch}
.rev__meta{display:flex; flex-wrap:wrap; gap:6px 12px; margin-bottom:12px;
  font-family:var(--m); font-size:var(--t-label); font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--muted)}
.rev__name{color:var(--text)}
.rev__t{font-size:var(--t-lead); font-weight:300; letter-spacing:-.02em; line-height:1.35}
/* „Rodyti daugiau" — vienas mygtukas visiems suskleistiems sąrašams */
.showall{
  display:inline-flex; align-items:center; justify-content:center; margin-top:var(--gap-block);
  min-height:48px; padding:12px 22px; border:1px solid var(--line); border-radius:var(--r);
  background:transparent; color:var(--text); font-family:var(--f); font-size:var(--t-sm); font-weight:500;
  letter-spacing:.02em; cursor:pointer; transition:border-color var(--d-ui) var(--e), transform 100ms var(--e);
}
.showall[hidden]{display:none}
.showall:hover{border-color:var(--text)}
.showall:active{transform:scale(.98)}
/* suskleisti elementai: [hidden] turi nugalėti grid/flex display taisykles */
[data-collapse] > [hidden],[data-collapse-m] > [hidden]{display:none !important}
@media (max-width:1100px){ .rev{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:760px){
  .rev{grid-template-columns:1fr; gap:30px}
  .rev__i{padding-left:18px}
  .rev__t{font-size:18px}
  .showall{width:100%}
  .rev__stat{margin-top:-4px}
}


/* ── straipsniai: kortelės, straipsnis, DUK ───────────────────── */
.cards{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gap-block) var(--gap-sec)}
.card{border-top:1px solid var(--line); padding-top:18px}
.card h3{font-size:var(--t-lead); font-weight:400; letter-spacing:-.02em; line-height:1.3; margin-bottom:10px}
.card h3 a{color:var(--text)}
.card p{font-size:var(--t-sm); color:var(--muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.card__more,.cards__all a{display:inline-block; margin-top:14px; font-size:var(--t-sm); color:var(--text);
  border-bottom:1px solid var(--line); padding-bottom:2px; transition:border-color var(--d-ui) var(--e)}
.card__more:hover,.cards__all a:hover{border-bottom-color:var(--text)}
.cards__all{margin-top:var(--gap-block)}
.crumbs{display:flex; gap:10px; margin-bottom:var(--s4); font-family:var(--m); font-size:var(--t-label);
  letter-spacing:.14em; text-transform:uppercase; color:var(--muted)}
.crumbs a{color:var(--muted); transition:color var(--d-ui) var(--e)}
.crumbs a:hover{color:var(--text)}
.sec--art,.sec--list{padding-top:calc(78px + var(--gap-sec))}
.sec--dukpage .head{margin-bottom:var(--s3)}
.sec--dukpage .faq{margin-top:0}
#duk .cards__all{margin-top:var(--s3)}
.sec--list .head h1{font-size:var(--t-h2); line-height:1.08; margin-bottom:var(--s3)}
.art{max-width:70ch}
.art h1{font-size:clamp(30px,4.6vw,48px); line-height:1.08; letter-spacing:-.03em; margin-bottom:var(--s3); text-wrap:balance}
.art h2{font-size:clamp(24px,3vw,30px); line-height:1.15; letter-spacing:-.025em; margin:0 0 14px}
.art h3{font-size:20px; font-weight:400; letter-spacing:-.02em; margin:26px 0 8px}
.art p{margin:0 0 1em; font-size:17px; line-height:1.6; color:var(--body-c)}
.art ul{margin:0 0 1.2em; padding-left:1.15em}
.art li{margin:0 0 .3em; font-size:17px; line-height:1.55; color:var(--body-c)}
.art__s{margin-top:44px}
.art__lead{margin-top:0}
.art__lead p:first-of-type{font-size:19px; line-height:1.5; color:var(--text)}
.art .faq{margin-top:8px}
.cta{margin-top:56px; padding-top:28px; border-top:1px solid var(--line-2)}
.cta__t{font-size:var(--t-lead); font-weight:300; letter-spacing:-.02em; line-height:1.35; margin-bottom:var(--s3); max-width:36ch}

/* DUK accordion — <details>, be ikonų bibliotekų */
.faq{border-top:1px solid var(--line-2)}
.faq details{border-bottom:1px solid var(--line-2)}
.faq summary{
  cursor:pointer; list-style:none; padding:16px 0; font-size:17px; line-height:1.4; color:var(--text);
  display:flex; justify-content:space-between; align-items:baseline; gap:16px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; font-family:var(--m); font-size:18px; color:var(--gold); flex:0 0 auto;
  transition:transform var(--d-mid) var(--e)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details > div{padding:0 0 18px; max-width:62ch}
.faq details > div p{margin:0 0 .8em; font-size:16px; line-height:1.55; color:var(--body-c)}
.faq details > div p:last-child{margin-bottom:0}
@media (max-width:1100px){ .cards{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:760px){
  .cards{grid-template-columns:1fr; gap:30px}
  .card{padding-top:22px}
  .faq summary{padding:19px 0}
  .faq details > div{padding-bottom:20px}
  .sec--art,.sec--list{padding-top:calc(78px + 24px)}
  .art h1{font-size:30px}
  .art h2{font-size:24px}
  .art p,.art li{font-size:16px}
  .art__lead p:first-of-type{font-size:18px}
  .art__s{margin-top:36px}
  .cta .btn{width:100%}
}

/* ── registracija (nevaziuoja.lt), partnerio ženkliukas, žemėlapis ── */
.btn--ghost{background:transparent; color:var(--text); border-color:var(--gold)}
.btn--ghost:hover{background:transparent; color:var(--text); border-color:var(--text)}
.nav__links a.nav__reg{align-self:center; min-height:40px; padding:8px 16px; color:var(--ink); white-space:nowrap}
.nav__links a.nav__reg::after{content:none}
.nav__links a.nav__reg:hover{color:var(--ink)}
.nav__panel a.nav__reg{align-self:flex-start; min-height:48px; margin-top:var(--s3); padding:12px 26px;
  font-size:16px; letter-spacing:.02em; color:var(--ink); border:1px solid var(--gold)}
.partner-badge{grid-column:1/-1; justify-self:start; display:inline-block; margin-top:calc(18px - var(--gap-block)); line-height:0}
.partner-badge img{width:221px; height:28px}
/* kompiuteryje ženkliukas dešinėje, copyright eilutėje (abu 2-oje footerio eilutėje) */
@media (min-width:901px){
  .foot__legal,.partner-badge{grid-row:2}
  .partner-badge{justify-self:end; align-self:end; margin:0 0 -5px}
}
.contacts li.contacts__map{display:block}
.map{overflow:hidden; line-height:0; border:1px solid var(--line-2); border-radius:var(--r); background:var(--ink-2)}
.map iframe{display:block; width:100%; height:320px}
.contacts a.map__link{display:inline-block; margin:12px 0 0; padding:0 0 3px}
.contacts li.contacts__reg{display:block}
.contacts .btn{border-bottom:1px solid var(--gold); padding:14px 30px; margin:6px 0}
.contacts .btn:hover{border-color:var(--text)}
@media (max-width:760px){
  .map iframe{height:260px}
  .partner-badge{margin-top:calc(38px - var(--gap-block))}
  .partner-badge img{width:189px; height:24px}
}

/* ── nav išskleidžiami sąrašai: Rezultatai / Patarimai / Kontaktai ── */
.nav__links{align-items:center}
.dd{position:relative}
.dd__btn{display:inline-flex; align-items:center; gap:7px; padding:6px 0; background:none; border:0; cursor:pointer;
  font:inherit; color:var(--text); letter-spacing:inherit}
.dd__ch{transition:transform var(--d-mid) var(--e); opacity:.7}
.dd.is-open .dd__ch{transform:rotate(180deg)}
.dd__menu{position:absolute; top:calc(100% + 16px); left:-22px; min-width:190px; z-index:120;
  display:flex; flex-direction:column; padding:10px 22px;
  background:var(--ink); border:1px solid var(--line); border-radius:var(--r);
  opacity:0; visibility:hidden; transform:translate3d(0,-6px,0);
  transition:opacity 200ms var(--e) 150ms, transform 200ms var(--e) 150ms, visibility 0s linear 350ms}
/* nematomas tiltelis, kad pelė nepamestų sąrašo pakeliui žemyn */
.dd__menu::before{content:""; position:absolute; left:0; right:0; top:-17px; height:17px}
.nav__links .dd__menu a{padding:11px 0; white-space:nowrap; align-self:flex-start}
.nav__links .dd__menu a + a{margin-top:2px}
.dd.is-open .dd__menu{opacity:1; visibility:visible; transform:none; transition-delay:0s}
@media (hover:hover){
  .dd:hover .dd__menu{opacity:1; visibility:visible; transform:none; transition-delay:0s}
  .dd:hover .dd__ch{transform:rotate(180deg)}
}
/* mobilus meniu: grupės su antraštėmis */
.nav__grp{margin:var(--s3) 0 2px; font-family:var(--m); font-size:var(--t-label); font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--muted)}
@media (max-width:760px){
  .nav__panel a.nav__sub{font-size:22px; padding:8px 0}
  .nav__grp{opacity:0; transform:translate3d(0,14px,0)}
  .nav.is-open .nav__grp{animation:navIn 420ms cubic-bezier(.22,.61,.36,1) both}
}
/* 901–1099px juosta netelpa, todėl meniu per mygtuką kaip planšetėje */
@media (min-width:901px) and (max-width:1099px){
  .nav__links,.nav__tel{display:none}
  .nav__toggle{display:flex}
  .nav.is-open .nav__panel{display:flex}
  .nav.is-open{background:var(--ink)}
}
/* planšetės meniu (761–1099px): punktai stulpeliu, kaip telefone */
.nav__panel-in{display:flex; flex-direction:column}
@media (min-width:761px) and (max-width:1099px){
  .nav__panel{max-height:calc(100vh - 78px); max-height:calc(100dvh - 78px); overflow-y:auto; overscroll-behavior:contain}
}