/* ══ VASILIAUSKAS IR PARTNERIAI — 2026-09 dizaino sistema ═══════════════════
   ⛔ Vienas tinklelis, viena skalė. Reikšmės 1:1 iš Claude Design drobės
      (artifact NLBPp7pt5tczGY8x5mV2S9). Keičiant — keisti ir drobę.        */
/* ⛔ 2026-10-09 vak. — ŠRIFTAI IŠ SAVO SERVERIO (buvo fonts.googleapis.com: kita kilmė + blokuojantis CSS, telefone −0,8 s iki pirmo
   vaizdo). Tie patys „Google Fonts“ failai (Fraunces v38 SOFT/WONK 0, opsz+wght; Instrument Sans v4), tik latin + latin-ext. */
@font-face {font-family: 'Fraunces';font-style: normal;font-weight: 300 700;font-display: swap;src: url(/assets/fonts/fraunces-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Fraunces';font-style: normal;font-weight: 300 700;font-display: swap;src: url(/assets/fonts/fraunces-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Instrument Sans';font-style: normal;font-weight: 400 700;font-stretch: 100%;font-display: swap;src: url(/assets/fonts/instrumentsans-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Instrument Sans';font-style: normal;font-weight: 400 700;font-stretch: 100%;font-display: swap;src: url(/assets/fonts/instrumentsans-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ⛔ 2026-10-20 — ATSARGINIAI ŠRIFTAI FRAUNCES PLOČIO (šrifto šuolis, CLS). Šriftai `swap` ⇒ pirmame apsilankyme puslapis
   išdėstomas atsarginiu šriftu, o Fraunces platesnis už Georgia (~4 %) ir Times (~15 %): atėjus Fraunces antraštės
   persilauždavo ir viskas po jomis pasislinkdavo. /kontaktai/ telefone „Registruokitės konsultacijai“ 1 → 2 eil. nustumdavo
   kontaktų bloko rozetę (ji prisegta prie bloko apačios): CLS 0,109, Lighthouse telefone 92. Čia — TIE PATYS sistemos šriftai,
   tik su-mastelinti (`size-adjust`), kad eilutės lūžtų ten pat; aukštis = Fraunces (978/255 ‰ ÷ mastelis). Galutinis vaizdas
   NEPAKITO: jie rodomi tik tol, kol Fraunces dar neatėjo. G = Georgia (Mac, iPhone, Windows) · N = Noto Serif (Android) ·
   T = Times New Roman / Liberation Serif / Tinos (Linux — ir „PageSpeed“ serveriai). Fraunces plotis priklauso nuo optinio
   dydžio ⇒ telefone (antraštės 29–30 px) ir ≥701 px (42–46 px) — atskiri rinkiniai (:root ir @media žemiau). Masteliai parinkti
   matuojant VISUS 80 puslapių su sulaikytais šriftais. ⛔ Keičiant antraštes ar šriftą — `node tools/verify_v2_fontjump.mjs`. */
@font-face{font-family:"Fraunces FB G";src:local("Georgia");size-adjust:104.5%;ascent-override:93.59%;descent-override:24.40%;line-gap-override:0%}
@font-face{font-family:"Fraunces FB N";src:local("Noto Serif"),local("NotoSerif-Regular");size-adjust:97.5%;ascent-override:100.31%;descent-override:26.15%;line-gap-override:0%}
@font-face{font-family:"Fraunces FB T";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif"),local("LiberationSerif-Regular"),local("Tinos"),local("Tinos-Regular");size-adjust:115.5%;ascent-override:84.68%;descent-override:22.08%;line-gap-override:0%}
@font-face{font-family:"Fraunces FB G2";src:local("Georgia");size-adjust:102%;ascent-override:95.88%;descent-override:25.00%;line-gap-override:0%}
@font-face{font-family:"Fraunces FB N2";src:local("Noto Serif"),local("NotoSerif-Regular");size-adjust:96%;ascent-override:101.88%;descent-override:26.56%;line-gap-override:0%}
@font-face{font-family:"Fraunces FB T2";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif"),local("LiberationSerif-Regular"),local("Tinos"),local("Tinos-Regular");size-adjust:113%;ascent-override:86.55%;descent-override:22.57%;line-gap-override:0%}


:root{
  --w:1240px; --pad:100px; --gap:24px;
  /* ── VIENA TARPŲ SKALĖ ──────────────────────────────────────────────────
     ⛔ Anksčiau tarpai buvo 5/6/8/9/10/14/16/18/20/22/28/32/34/40/72 px be
        jokios sistemos. Dabar viskas remiasi šitais žingsniais.           */
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px; --s-5:48px; --s-6:64px; --s-7:96px;
  --s-head:40px;   /* nuo sekcijos antraštės iki jos turinio — VISUR vienodai */
  --ground:#FFFDFA; --plane:#F7F6F3; --black:#141310;
  --gold:#8B631C; --gold-dark:#C8A452; --hair:#E9E7E2;
  --ink:#141310; --body:#55534D; --muted:#8A877F;
  --r:20px; --r-sm:14px;
  --disp:"Fraunces","Fraunces FB G","Fraunces FB N","Fraunces FB T",Georgia,"Times New Roman",serif;
  --sans:"Instrument Sans",system-ui,-apple-system,sans-serif;
  --sec:128px;   /* oras tarp sekcijų */
}
/* ≥701 px antraštės didesnės (42–46 px) — Fraunces ten santykinai siauresnis ⇒ kiti atsarginių šriftų masteliai (žr. viršų) */
@media (min-width:701px){:root{--disp:"Fraunces","Fraunces FB G2","Fraunces FB N2","Fraunces FB T2",Georgia,"Times New Roman",serif}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,figure{margin:0}
button{font:inherit}
/* ⛔ 2026-09-22 savininko nurodymu: jokio fokuso rėmelio. */
:focus-visible{outline:none}

.wrap{width:min(var(--w),100% - var(--pad)*2);margin-inline:auto}
.sec{padding-top:var(--sec)}
.plane{background:var(--plane)}

/* ── ANTRAŠTĖ ───────────────────────────────────────────────────────────── */
.hdr{height:88px;display:flex;align-items:center;box-shadow:inset 0 -1px 0 var(--hair);
  background:var(--ground);position:sticky;top:0;z-index:40}
.hdr__in{display:flex;align-items:center;width:min(var(--w),100% - var(--pad)*2);margin-inline:auto}
.hdr__logo{width:122px;height:54px;object-fit:contain;object-position:left center}
.nav{flex-grow:1;display:flex;gap:28px;justify-content:center}
.nav a{font-size:15px}
.nav a:hover{color:var(--gold)}
.hdr__r{display:flex;align-items:center;gap:18px}
.tel{font-size:15px;font-weight:600}
.lang{display:flex;align-items:center;gap:2px;background:var(--plane);border-radius:999px;padding:3px}
.lang a,.lang span{font-size:12.5px;line-height:1;padding:6px 10px;font-weight:500;color:var(--muted)}
.lang .on{background:var(--ink);color:#fff;border-radius:999px;padding:6px 11px;font-weight:600}
.burger,.hdr__call{display:none;width:40px;height:40px;border-radius:999px;background:var(--plane);
  border:0;align-items:center;justify-content:center;flex-shrink:0}

/* ── MYGTUKAI ───────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-size:16px;font-weight:600;padding:17px 28px;border-radius:999px;line-height:1;border:0;cursor:pointer}
.btn--pri{background:var(--gold);color:#fff}
.btn--sec{background:var(--ground);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.btn--sm{font-size:14px;padding:13px 22px}
.btn--pri:hover{background:#7A5617}
.btn--sec:hover{background:var(--plane)}

/* ── HERO ───────────────────────────────────────────────────────────────── */
.hero{padding-top:64px}
.hero__in{display:flex;gap:48px;align-items:center}
.hero__c{flex:1 1 640px;min-width:0}
.eyebrow{font-size:15px;font-weight:600;color:var(--gold)}
h1,.h1{font-family:var(--disp);font-weight:400;font-size:64px;line-height:1.06;letter-spacing:-.015em}
.hero__lead{margin-top:24px;font-size:17px;line-height:1.68;color:var(--body);max-width:560px}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero__img{flex:0 0 552px;height:440px;object-fit:cover;border-radius:var(--r)}

/* ── FAKTAI ─────────────────────────────────────────────────────────────── */
.facts{background:var(--plane);border-radius:var(--r);padding:var(--s-4) var(--s-5);margin-top:var(--s-6);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.fact__v{font-family:var(--disp);font-size:40px;line-height:1;display:flex;align-items:center;gap:8px}
.fact__k{font-size:14px;color:var(--body);margin-top:8px}

/* ── SEKCIJOS ANTGALIS ──────────────────────────────────────────────────── */
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gap)}
.head__lab{font-size:14px;color:var(--muted)}
h2,.h2{font-family:var(--disp);font-weight:400;font-size:42px;line-height:1.1;letter-spacing:-.01em;margin-top:10px}
.more{font-size:14px;font-weight:600;color:var(--gold);white-space:nowrap}

/* ── KAIP VYKSTA ────────────────────────────────────────────────────────── */
.rail{position:relative;height:1px;margin:36px 0 36px;background:var(--hair)}
.rail i{position:absolute;top:-3px;width:7px;height:7px;border-radius:999px;background:var(--gold)}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.step{display:flex;flex-direction:column;gap:18px}
.step h3{font-family:var(--disp);font-size:24px;font-weight:500;line-height:1.2}
.step p{font-size:15px;line-height:1.6;color:var(--body)}

/* ── SRIČIŲ KORTELĖS IR PLYTELĖS ────────────────────────────────────────── */
.acard{background:var(--plane);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;
  gap:14px;min-height:186px}
.acard:hover{background:#F1EFEA}
.acard__top{display:flex;align-items:center;justify-content:space-between}
.acard__n{font-size:12.5px;font-weight:600;color:var(--gold)}
.acard__n--q{color:var(--muted)}
.acard h3{font-family:var(--disp);font-size:23px;font-weight:500;line-height:1.2}
.acard p{font-size:14.5px;line-height:1.55;color:var(--body)}
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap);margin-top:var(--gap)}
.tile{background:var(--plane);border-radius:var(--r-sm);min-height:56px;display:flex;align-items:center;
  gap:10px;padding:10px 18px;font-size:14.5px;font-weight:500}
.tile:hover{background:#F1EFEA}
.tile--dark{background:var(--black);color:#fff;justify-content:center;font-weight:600}
.tile--dark:hover{background:#000}

/* ── BYLOS KORTELĖ IR KOPĖTĖLĖS ─────────────────────────────────────────── */
.ccard{background:var(--plane);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;
  gap:18px;min-height:330px}
.ccard:hover{background:#F1EFEA}
.ccard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pill{background:#fff;color:var(--gold);font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:999px;
  white-space:nowrap}
.code{text-align:right}
.code b{font-family:var(--disp);font-size:30px;line-height:1;color:var(--gold);font-weight:400;display:block}
.code span{font-size:12px;color:var(--muted);margin-top:4px;display:block}
.ccard h3{font-size:17px;font-weight:600;line-height:1.42}
.ccard p{font-size:14px;line-height:1.55;color:var(--body)}
.lad{position:relative;margin-top:auto;padding-top:4px}
.lad::before{content:"";position:absolute;left:5px;right:5px;top:9px;height:1px;background:var(--hair)}
.lad__r{position:relative;display:grid;gap:8px}
.lad__i{display:flex;flex-direction:column;gap:9px}
.lad__d{width:10px;height:10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--hair)}
.lad__t{font-size:11px;line-height:1.3;color:var(--muted)}
.lad__i.on .lad__d{background:var(--gold);box-shadow:none}
.lad__i.on .lad__t{color:var(--gold);font-weight:600}

/* ── ŽMONĖS ─────────────────────────────────────────────────────────────── */
.pcard{background:var(--plane);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.pcard img{width:100%;height:340px;object-fit:cover;object-position:top center;background:#fff}
.pcard__b{padding:24px 28px 28px;flex-grow:1;display:flex;flex-direction:column}
.pcard h3{font-family:var(--disp);font-size:24px;font-weight:500;line-height:1.2}
.pcard__r{font-size:13.5px;color:var(--muted);margin-top:6px}
.pcard p{font-size:14px;line-height:1.55;color:var(--body);margin-top:12px}
.pcard__f{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.pcard__f a:first-child{font-size:15px;font-weight:600;color:var(--gold)}
.dl{margin-top:18px}
.dl__r{padding:13px 0;box-shadow:inset 0 -1px 0 var(--hair);display:flex;justify-content:space-between;gap:14px}
.dl__k{font-size:13px;color:var(--muted)}
.dl__v{font-size:14px;font-weight:500;text-align:right}

/* ── JUOSTA SU NUOTRAUKA ────────────────────────────────────────────────── */
.band{position:relative;height:360px;overflow:hidden;margin-top:var(--sec)}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.band::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(33,26,18,.72) 0%,rgba(33,26,18,.30) 62%,rgba(33,26,18,.10) 100%)}
.band__c{position:absolute;inset:0;display:flex;align-items:center;z-index:2}
.band__c p:first-child{font-family:var(--disp);font-size:34px;line-height:1.2;color:#fff;max-width:740px}
.band__c p+p{margin-top:14px;font-size:15.5px;line-height:1.6;color:#EFE4D2;max-width:560px}

/* ── DUK ────────────────────────────────────────────────────────────────── */
.faq{margin-top:32px}
.faq details{box-shadow:inset 0 -1px 0 var(--hair)}
.faq details[open]{background:var(--plane);border-radius:var(--r-sm);box-shadow:none;margin-bottom:8px;padding:0 28px}
.faq summary{list-style:none;cursor:pointer;min-height:64px;display:flex;align-items:center;
  justify-content:space-between;gap:24px;font-size:17px;padding:14px 28px}
.faq details[open] summary{padding:24px 0 0;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:12px;height:12px;flex-shrink:0;border-right:1.6px solid var(--muted);
  border-bottom:1.6px solid var(--muted);transform:rotate(45deg) translate(-3px,-3px)}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.faq__a{font-size:15px;line-height:1.7;color:var(--body);padding:14px 0 24px}
.faq__m{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--gold)}
.faq__area{font-size:13.5px;color:var(--muted);margin-left:auto;margin-right:20px}

/* ── JUODA JUOSTA · REGISTRACIJA ────────────────────────────────────────── */
.cta{background:var(--black);padding:var(--s-7) 0;margin-top:var(--sec)}
.cta__in{display:flex;gap:64px;align-items:flex-start}
.cta__l{flex:0 0 440px}
.cta .eyebrow{color:var(--gold-dark)}
.cta h2{color:#fff}
.cta__dl{margin-top:20px}
.cta__r{padding:20px 0;box-shadow:inset 0 -1px 0 rgba(255,255,255,.14)}
.cta__k{font-size:13.5px;color:rgba(255,255,255,.58)}
.cta__v{font-size:17px;font-weight:500;color:#fff;margin-top:6px;display:block}
.map{margin-top:28px;min-height:150px;border-radius:var(--r-sm);background:rgba(255,255,255,.07);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;
  width:100%;border:0;cursor:pointer}
.map b{font-size:15px;font-weight:600;color:var(--gold-dark)}
.map span{font-size:12.5px;color:rgba(255,255,255,.62)}
.map iframe{width:100%;height:100%;border:0;border-radius:var(--r-sm)}
.form{flex-grow:1;background:#fff;border-radius:var(--r);padding:32px}
.form__i{font-size:15px;line-height:1.6;color:var(--body)}
.fgrid{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.fgrid .fw{grid-column:1 / -1}
.f label{display:block;font-size:13px;color:var(--body);margin-bottom:8px}
.f input,.f select,.f textarea{width:100%;height:50px;background:#fff;border-radius:10px;
  border:1px solid var(--hair);padding:0 16px;font:inherit;font-size:15px;color:var(--ink)}
.f textarea{height:108px;padding:14px 16px;resize:vertical}
.f select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),
  linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;
  background-repeat:no-repeat}
.chk{margin-top:20px;display:flex;align-items:flex-start;gap:12px;font-size:13.5px;color:var(--body);line-height:1.5}
.chk input{width:18px;height:18px;margin:2px 0 0;flex-shrink:0}
.form .btn{margin-top:24px}

/* ── ŠONINĖ KORTELĖ ─────────────────────────────────────────────────────── */
.split{display:flex;gap:64px;align-items:flex-start}
.split__m{flex-grow:1;min-width:0}
.side{flex:0 0 360px}
.sidecard{background:var(--plane);border-radius:var(--r);padding:28px}
.sidecard .dl__r:last-child{box-shadow:none}
.sidecta{margin-top:var(--gap);background:var(--black);border-radius:var(--r);padding:28px}
.sidecta h3{font-family:var(--disp);font-size:24px;font-weight:500;line-height:1.24;color:#fff}
.sidecta p{margin:12px 0 20px;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.72)}
.sidecta a.tel2{display:block;margin-top:14px;font-size:15px;font-weight:600;color:var(--gold-dark)}

/* ── TEKSTO PUSLAPIS ────────────────────────────────────────────────────── */
.prose{max-width:760px}
.prose p{font-size:17px;line-height:1.78;color:var(--body);margin-bottom:22px}
.prose h2{font-size:28px;line-height:1.16;margin:44px 0 14px}
.prose h2:first-child{margin-top:0}
.rez{margin-top:14px;background:var(--plane);border-radius:var(--r);padding:28px 32px;border-top:3px solid var(--gold)}
.rez b{font-size:14px;font-weight:600;color:var(--gold)}
.rez p{margin:10px 0 0;font-size:17px;line-height:1.7;color:var(--ink)}

/* ── ANTGALIS ───────────────────────────────────────────────────────────── */
.ph{background:var(--plane);padding:var(--s-5) 0 var(--s-6)}
.crumb{display:flex;gap:10px;font-size:13.5px;flex-wrap:wrap}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--gold)}
.crumb i{color:var(--hair);font-style:normal}
.ph__in{margin-top:var(--s-head);display:flex;gap:64px;align-items:flex-end}
.ph__c{flex:1 1 700px;min-width:0}
.ph__lead{margin-top:20px;font-size:17px;line-height:1.72;color:var(--body)}
.statcard{background:#fff;border-radius:var(--r);padding:24px}
.statcard b{font-family:var(--disp);font-size:40px;line-height:1;color:var(--gold);font-weight:400;display:block}
.statcard span{margin-top:8px;font-size:14px;line-height:1.5;color:var(--body);display:block}

/* ── TAMSI SEKCIJA (pastabos, apie) ─────────────────────────────────────── */
.dark{background:var(--black);padding:var(--s-7) 0;margin-top:var(--sec)}
/* ⛔⛔ Tarp dviejų NEBALTŲ blokų negali likti baltos juostos — jie turi liestis.
      (juoda sekcija → nuotraukos juosta → juoda registracija ir atvirkščiai)  */
.dark+.band,.band+.dark,.dark+.cta,.band+.cta,.cta+.band{margin-top:0}
.dark .eyebrow{color:var(--gold-dark)}
.dark h2{color:#fff}
.note{border-top:2px solid var(--gold-dark);padding-top:22px}
.note p{font-size:15px;line-height:1.72;color:rgba(255,255,255,.80)}
.dark p{color:rgba(255,255,255,.80)}
.dark li{color:rgba(255,255,255,.80);font-size:15.5px;line-height:1.65;margin-bottom:12px}

/* ── PORAŠTĖ ────────────────────────────────────────────────────────────── */
.ftr{padding-top:var(--sec);padding-bottom:56px}
.ftr__in{display:flex;justify-content:space-between;gap:var(--gap);flex-wrap:wrap}
.ftr__b{width:360px}
.ftr__b img{width:150px;height:66px;object-fit:contain;object-position:left center}
.ftr__b p{margin-top:20px;font-size:14px;line-height:1.7;color:var(--body)}
.ftr__b .tel{display:inline-block;margin-top:14px;color:var(--gold);font-size:15px}
.ftr__c{width:240px}
.ftr__c--n{width:200px}
.ftr__h{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:12px}
.ftr__c a{display:block;font-size:14px;line-height:2.05;color:var(--body)}
.ftr__c a:hover{color:var(--gold)}
.soc{margin-top:20px;display:flex;gap:10px}
.soc a{width:40px;height:40px;border-radius:999px;background:var(--plane);display:flex;
  align-items:center;justify-content:center}
.ftr__bot{margin-top:40px;padding-top:24px;box-shadow:inset 0 1px 0 var(--hair);display:flex;
  justify-content:space-between;gap:16px;font-size:13px;color:var(--muted);flex-wrap:wrap}

/* ── 404 ────────────────────────────────────────────────────────────────── */
.e404{padding-top:120px;text-align:center}
.e404 b{font-family:var(--disp);font-size:140px;line-height:1;color:var(--gold);font-weight:400;display:block}
.e404 h1{margin-top:24px;font-size:48px}
.e404 p{margin:20px auto 0;max-width:560px;font-size:17px;line-height:1.7;color:var(--body)}
.e404 .row{justify-content:center}

/* ── LIPNI JUOSTA (telefonas) ───────────────────────────────────────────── */
.sticky{display:none}

/* ══ PLANŠETĖ ══════════════════════════════════════════════════════════════ */
@media (max-width:1100px){
  :root{--pad:48px;--sec:96px}
  h1,.h1{font-size:50px}
  h2,.h2{font-size:34px}
  .hero__in{flex-direction:column;align-items:stretch}
  .hero__img{flex:none;width:100%;height:360px}
  .hero__lead{max-width:none}
  .nav{gap:20px}
  .nav a{font-size:14px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .split{flex-direction:column;gap:40px}
  .side{flex:none;width:100%}
  .cta__in{flex-direction:column;gap:32px}
  .cta__l{flex:none;width:100%}
  .form{width:100%}
  .ph__in{flex-direction:column;align-items:stretch;gap:28px}
  .band__c p:first-child{font-size:28px}
  .rail{display:none}
  .ftr__in{gap:32px}
}

/* ══ TELEFONAS ═════════════════════════════════════════════════════════════ */
@media (max-width:700px){
  :root{--pad:20px;--gap:12px;--sec:72px;--r:18px;--r-sm:14px}
  body{font-size:15.5px}
  h1,.h1{font-size:38px;line-height:1.08}
  h2,.h2{font-size:30px;line-height:1.12;margin-top:8px}
  .hdr{height:64px}
  .hdr__logo{width:96px;height:42px}
  .nav{display:none}
  .nav.open{display:flex;position:fixed;inset:64px 0 auto;background:var(--ground);flex-direction:column;
    gap:0;padding:8px 20px 24px;box-shadow:0 12px 24px rgba(20,19,16,.10);z-index:39}
  .nav.open a{padding:16px 0;box-shadow:inset 0 -1px 0 var(--hair);font-size:17px}
  .burger,.hdr__call{display:flex}
  .hdr__r{gap:8px}
  .hdr__r .tel{display:none}
  .hdr__r .btn{display:none}
  .hero{padding-top:32px}
  .hero__img{height:200px;order:-1;margin-top:22px}
  .hero__c{display:flex;flex-direction:column}
  .hero__c h1{order:-2}
  .hero__c .eyebrow{order:-3}
  .hero__lead{margin-top:22px}
  .row{margin-top:22px;flex-direction:column}
  .row .btn{width:100%;font-size:15.5px;padding:16px 20px}
  .facts{margin-top:40px;padding:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .fact__v{font-size:30px;gap:7px}
  .fact__k{font-size:13px;margin-top:6px}
  .head{flex-direction:column;align-items:flex-start;gap:12px}
  .g4,.g3,.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g1m{grid-template-columns:1fr !important}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
  .tile{min-height:88px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;font-size:14px}
  .tile--dark{align-items:center;justify-content:center}
  .acard{padding:20px;min-height:0;gap:10px}
  .acard h3{font-size:19px}
  .acard p{font-size:14px}
  .ccard{padding:22px;min-height:0;gap:16px}
  .code b{font-size:26px}
  .pcard img{height:280px}
  .pcard__b{padding:20px 22px 22px}
  .pcard h3{font-size:22px}
  .band{height:214px;margin-top:40px}
  .band::after{background:linear-gradient(180deg,rgba(33,26,18,.30) 0%,rgba(33,26,18,.82) 100%)}
  .band__c{align-items:flex-end;padding-bottom:22px}
  .band__c p:first-child{font-size:24px;line-height:1.22}
  .band__c p+p{font-size:13.5px;margin-top:10px}
  .faq summary{font-size:15.5px;padding:18px 20px;min-height:0;align-items:flex-start;line-height:1.4}
  .faq details[open]{padding:0 20px}
  .faq details[open] summary{padding:18px 0 0}
  .faq__area{display:none}
  .faq__a{font-size:14px;padding:12px 0 18px}
  .cta{padding:40px 0;margin-top:40px}
  .form{padding:24px}
  .fgrid{grid-template-columns:1fr;gap:14px}
  .prose p{font-size:15.5px;line-height:1.75;margin-bottom:18px}
  .prose h2{font-size:23px;margin:32px 0 10px}
  .rez{padding:22px}
  .rez p{font-size:15.5px}
  .ph{padding:24px 0 32px}
  .ph__in{margin-top:22px;gap:20px}
  .ph__lead{margin-top:14px;font-size:15.5px;line-height:1.7}
  .statcard{padding:18px;border-radius:16px}
  .statcard b{font-size:30px}
  .statcard span{font-size:13px;margin-top:6px}
  .dark{padding:40px 0;margin-top:40px}
  .step{gap:12px}
  .step h3{font-size:19px}
  .step p{font-size:14px}
  .ftr{padding-bottom:110px}
  .ftr__in{flex-direction:column;gap:24px}
  .ftr__b,.ftr__c,.ftr__c--n{width:100%}
  .ftr__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
  .e404{padding-top:56px}
  .e404 b{font-size:96px}
  .e404 h1{font-size:34px;margin-top:16px}
  .e404 p{font-size:15.5px;margin-top:14px}
  .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;height:84px;align-items:center;gap:10px;
    padding:0 20px;background:var(--ground);
    box-shadow:inset 0 1px 0 var(--hair);z-index:45}
  .sticky .btn{flex:1 1 0;height:52px;padding:0}
  .sticky .btn--pri{flex:1.35 1 0}
}

/* ══ PLANŠETĖ ══════════════════════════════════════════════════════════════ */
@media (max-width:1100px){
  :root{--pad:48px;--sec:96px}
  h1,.h1{font-size:50px}
  h2,.h2{font-size:34px}
  .hero__in{flex-direction:column;align-items:stretch}
  .hero__img{flex:none;width:100%;height:360px}
  .hero__lead{max-width:none}
  .nav{gap:20px}
  .nav a{font-size:14px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .split{flex-direction:column;gap:40px}
  .side{flex:none;width:100%}
  .cta__in{flex-direction:column;gap:32px}
  .cta__l{flex:none;width:100%}
  .form{width:100%}
  .ph__in{flex-direction:column;align-items:stretch;gap:28px}
  .band__c p:first-child{font-size:28px}
  .rail{display:none}
  .ftr__in{gap:32px}
}

/* ══ TELEFONAS ═════════════════════════════════════════════════════════════ */
@media (max-width:700px){
  :root{--pad:20px;--gap:12px;--sec:72px;--r:18px;--r-sm:14px}
  body{font-size:15.5px}
  h1,.h1{font-size:38px;line-height:1.08}
  h2,.h2{font-size:30px;line-height:1.12;margin-top:8px}
  .hdr{height:64px}
  .hdr__logo{width:96px;height:42px}
  .nav{display:none}
  .nav.open{display:flex;position:fixed;inset:64px 0 auto;background:var(--ground);flex-direction:column;
    gap:0;padding:8px 20px 24px;box-shadow:0 12px 24px rgba(20,19,16,.10);z-index:39}
  .nav.open a{padding:16px 0;box-shadow:inset 0 -1px 0 var(--hair);font-size:17px}
  .burger,.hdr__call{display:flex}
  .hdr__r{gap:8px}
  .hdr__r .tel{display:none}
  .hdr__r .btn{display:none}
  .hero{padding-top:32px}
  .hero__img{height:200px;order:-1;margin-top:22px}
  .hero__c{display:flex;flex-direction:column}
  .hero__c h1{order:-2}
  .hero__c .eyebrow{order:-3}
  .hero__lead{margin-top:22px}
  .row{margin-top:22px;flex-direction:column}
  .row .btn{width:100%;font-size:15.5px;padding:16px 20px}
  .facts{margin-top:40px;padding:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .fact__v{font-size:30px;gap:7px}
  .fact__k{font-size:13px;margin-top:6px}
  .head{flex-direction:column;align-items:flex-start;gap:12px}
  .g4,.g3,.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g1m{grid-template-columns:1fr !important}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
  .tile{min-height:88px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;font-size:14px}
  .tile--dark{align-items:center;justify-content:center}
  .acard{padding:20px;min-height:0;gap:10px}
  .acard h3{font-size:19px}
  .acard p{font-size:14px}
  .ccard{padding:22px;min-height:0;gap:16px}
  .code b{font-size:26px}
  .pcard img{height:280px}
  .pcard__b{padding:20px 22px 22px}
  .pcard h3{font-size:22px}
  .band{height:214px;margin-top:40px}
  .band::after{background:linear-gradient(180deg,rgba(33,26,18,.30) 0%,rgba(33,26,18,.82) 100%)}
  .band__c{align-items:flex-end;padding-bottom:22px}
  .band__c p:first-child{font-size:24px;line-height:1.22}
  .band__c p+p{font-size:13.5px;margin-top:10px}
  .faq summary{font-size:15.5px;padding:18px 20px;min-height:0;align-items:flex-start;line-height:1.4}
  .faq details[open]{padding:0 20px}
  .faq details[open] summary{padding:18px 0 0}
  .faq__area{display:none}
  .faq__a{font-size:14px;padding:12px 0 18px}
  .cta{padding:40px 0;margin-top:40px}
  .form{padding:24px}
  .fgrid{grid-template-columns:1fr;gap:14px}
  .prose p{font-size:15.5px;line-height:1.75;margin-bottom:18px}
  .prose h2{font-size:23px;margin:32px 0 10px}
  .rez{padding:22px}
  .rez p{font-size:15.5px}
  .ph{padding:24px 0 32px}
  .ph__in{margin-top:22px;gap:20px}
  .ph__lead{margin-top:14px;font-size:15.5px;line-height:1.7}
  .statcard{padding:18px;border-radius:16px}
  .statcard b{font-size:30px}
  .statcard span{font-size:13px;margin-top:6px}
  .dark{padding:40px 0;margin-top:40px}
  .step{gap:12px}
  .step h3{font-size:19px}
  .step p{font-size:14px}
  .ftr{padding-bottom:110px}
  .ftr__in{flex-direction:column;gap:24px}
  .ftr__b,.ftr__c,.ftr__c--n{width:100%}
  .ftr__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
  .e404{padding-top:56px}
  .e404 b{font-size:96px}
  .e404 h1{font-size:34px;margin-top:16px}
  .e404 p{font-size:15.5px;margin-top:14px}
  .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;height:84px;align-items:center;gap:10px;
    padding:0 20px;background:var(--ground);
    box-shadow:inset 0 1px 0 var(--hair);z-index:45}
  .sticky .btn{flex:1 1 0;height:52px;padding:0}
  .sticky .btn--pri{flex:1.35 1 0}
}


/* ── PATAISOS: flex-basis stulpelyje virsta AUKŠČIU ─────────────────────────
   ⛔ `flex:1 1 640px` eilutėje = plotis, o stulpelyje = AUKŠTIS. Todėl visi
      pločio bazės nuliuojami, kai maketas virsta stulpeliu.                */
.ph__aside{flex:1 1 320px}
.pbig{flex:1 1 420px;max-width:480px;height:460px;object-fit:cover;object-position:top center;
  border-radius:var(--r);background:#fff}
.side--toc{flex:0 0 320px}
.side--wide{flex:1 1 380px}
@media (max-width:1100px){
  .hero__c,.ph__c,.ph__aside,.side--toc,.side--wide{flex:none;width:100%}
  .pbig{flex:none;width:100%;max-width:none;height:420px}
}
@media (max-width:700px){
  .hero__in{flex-direction:column;gap:0}
  .hero__c{display:contents}
  .hero__c .eyebrow{order:1}
  .hero__c h1{order:2}
  .hero__img{order:3;width:100%;height:200px;margin-top:22px;flex:none}
  .hero__lead{order:4;margin-top:22px}
  .hero__c .row{order:5}
  .steps3,.steps4{grid-template-columns:1fr !important}
  .steps3 .step,.steps4 .step{flex-direction:row;gap:16px;align-items:flex-start;
    padding:18px 0;box-shadow:inset 0 -1px 0 var(--hair)}
  .steps3 .step svg,.steps4 .step>span:first-child{flex-shrink:0}
  .steps3 .step>*:not(svg),.steps4 .step>*:not(:first-child){grid-column:2}
  .steps3 .step{display:grid;grid-template-columns:44px 1fr;column-gap:16px;row-gap:6px}
  .steps4 .step{display:grid;grid-template-columns:34px 1fr;column-gap:14px;row-gap:6px}
  .steps3 .step svg{grid-row:1 / span 2}
  .steps4 .step>span:first-child{grid-row:1 / span 2;font-size:26px}
  .acard p{display:none}
  .acard{min-height:88px;gap:8px;justify-content:center}
  .acard h3{font-size:16px;line-height:1.3}
  .acard__top{align-items:flex-start}
  .acard__n{font-size:11.5px}
  .sits .acard p{display:-webkit-box}
  .sits .acard{min-height:0;justify-content:flex-start}
  .e404 .acard p{display:block}
  .e404 .acard{min-height:0;justify-content:flex-start}
  .pbig{height:320px}
}
@media (max-width:700px){
  .cases,.people,.sibs{grid-template-columns:minmax(0,1fr) !important}
  .cases .ccard p{display:block}
  .people .pcard img{height:300px}
  .lad__t{font-size:10.5px}
}
.h1--case{margin-top:22px;font-size:46px;line-height:1.16}
.h1--name{margin-top:16px;font-size:58px}
.bigcode{font-family:var(--disp);font-size:64px;line-height:1;color:var(--gold);display:block}
@media (max-width:1100px){
  .h1--case{font-size:38px}
  .h1--name{font-size:46px}
  .bigcode{font-size:52px}
}
@media (max-width:700px){
  .h1--case{font-size:29px;line-height:1.22;margin-top:16px}
  .h1--name{font-size:32px;margin-top:10px}
  .bigcode{font-size:40px}
  h1,.h1{overflow-wrap:break-word}
}
/* ⛔ stulpelyje `align-items:flex-start` suspaudžia vaikus iki turinio pločio
   ir jie IŠLENDA iš konteinerio. Perjungus į stulpelį — visada stretch.     */
.ph__in--end{align-items:flex-end}
.ph__in--center{align-items:center;margin-top:36px}
.split--wide{gap:80px}
@media (max-width:1100px){
  .split,.cta__in,.ph__in,.ph__in--end,.ph__in--center,.hero__in{align-items:stretch}
  .split__m,.prose{width:100%;max-width:100%}
  .split--wide{gap:40px}
}
/* ⛔ grid `1fr` turi automatinį MIN-CONTENT minimumą — ilgas vaikas praplečia
   takelį ir išlenda. Visur `minmax(0,1fr)`, o flex vaikams `min-width:0`.  */
.acard>*,.ccard>*,.pcard>*,.step>*{min-width:0}
.acard h3,.ccard h3,.pcard h3,.step h3,.prose h2{overflow-wrap:break-word}
@media (max-width:700px){
  .sibs .acard{flex-direction:column}
  .sibs .acard img{width:100%;height:200px}
  .sibs .acard>span{padding:16px 20px 20px !important}
}
/* ── siauri telefonai (≤380) ─────────────────────────────────────────────── */
.tile,.dl__v,.cta__v,.ftr__c a,.crumb,.pill{overflow-wrap:break-word}
.dl__r{align-items:baseline}
@media (max-width:380px){
  :root{--pad:16px}
  .tiles{grid-template-columns:minmax(0,1fr)}
  .tile{min-height:56px;flex-direction:row;align-items:center;gap:10px}
  .g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}
  .facts{grid-template-columns:minmax(0,1fr);gap:18px}
  .dl__r,.cta__r{flex-direction:column;gap:2px}
  .dl__v,.cta__v{text-align:left}
}
/* ⛔ inline grid-template-columns nugalėdavo @media — todėl klasės. */
.tiles--6{grid-template-columns:repeat(6,minmax(0,1fr))}
.tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){ .tiles--6,.tiles--4{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:700px){ .tiles--6,.tiles--4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:380px){ .tiles--6,.tiles--4{grid-template-columns:minmax(0,1fr)} }
.faq__m{display:block}

/* ══ KROVIKLIS ═════════════════════════════════════════════════════════════
   Vienas ženklas — jų pačių pilnas logotipas — žiedo centre, aplink jį
   brėžiamas VISAS žiedas. ⛔ VP nesikartoja. ⛔ Ženklas NEPERPIEŠTAS.
   ⛔ Jokio blankaus žiedo fone — linija pradedama nuo nulio.
   ⛔⛔ `pathLength="100"` — BŪTINA. Be jo `stroke-dasharray` matuojamas
      apskritimo vartotojo vienetais (2π·62 ≈ 389,6), o `vector-effect:
      non-scaling-stroke` tuos brūkšnius perskaičiuoja į EKRANO pikselius.
      SVG padidintas 272/132 = 2,06× ⇒ 390 ekrano px padengia tik ~48 %
      ir žiedas SUSTOJA PUSIAUKELĖJE. `pathLength` normuoja kelią iki 100
      bet kokiame mastelyje, tad 100/100 visada yra lygiai vienas ratas.   */
.pre{position:fixed;inset:0;z-index:100;background:var(--ground);display:flex;
  align-items:center;justify-content:center;animation:pre-hold 1.7s cubic-bezier(.4,0,.2,1) forwards}
@keyframes pre-hold{0%,80%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.pre__w{position:relative;display:flex;flex-direction:column;align-items:center}
.pre__ring{position:relative;width:272px;height:272px;display:flex;align-items:center;justify-content:center}
.pre__ring svg{position:absolute;inset:0;width:272px;height:272px;transform:rotate(-90deg)}
/* ⛔ stroke-width 0.5 vartotojo vienetais × 2,06 mastelis ≈ 1,03 px ekrane —
      plaukelis lieka plaukeliu ir BE `non-scaling-stroke`.                 */
.pre__ring circle{fill:none;stroke:var(--gold);stroke-width:.5;stroke-linecap:round;
  stroke-dasharray:100;stroke-dashoffset:100;animation:ring-draw .82s cubic-bezier(.4,.04,.2,1) .04s forwards}
.pre__logo{width:178px;height:auto;opacity:0;transform:scale(.94);
  animation:logo-in .64s cubic-bezier(.19,.72,.28,1) .16s forwards}
@keyframes ring-draw{to{stroke-dashoffset:0}}
@keyframes logo-in{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pre{display:none}}
/* ⛔ Kroviklis — TIK pirmame apsilankymo puslapyje. Klasę `pre-seen` dar <head>'e
   uždeda `sessionStorage` patikra (build_v2.py → head()), tad kituose puslapiuose
   jis nepasirodo nė akimirkai ir turinys pradeda išnirti iš karto. */
.pre-seen .pre{display:none}
@media (max-width:700px){.pre__ring{width:216px;height:216px}
  .pre__ring svg{width:216px;height:216px}.pre__logo{width:142px}}
@media (max-width:380px){.pre__ring{width:190px;height:190px}
  .pre__ring svg{width:190px;height:190px}.pre__logo{width:124px}}


/* ══ PLANŠETĖ ══════════════════════════════════════════════════════════════ */
@media (max-width:1100px){
  :root{--pad:48px;--sec:96px}
  h1,.h1{font-size:50px}
  h2,.h2{font-size:34px}
  .hero__in{flex-direction:column;align-items:stretch}
  .hero__img{flex:none;width:100%;height:360px}
  .hero__lead{max-width:none}
  .nav{gap:20px}
  .nav a{font-size:14px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .split{flex-direction:column;gap:40px}
  .side{flex:none;width:100%}
  .cta__in{flex-direction:column;gap:32px}
  .cta__l{flex:none;width:100%}
  .form{width:100%}
  .ph__in{flex-direction:column;align-items:stretch;gap:28px}
  .band__c p:first-child{font-size:28px}
  .rail{display:none}
  .ftr__in{gap:32px}
}

/* ══ TELEFONAS ═════════════════════════════════════════════════════════════ */
@media (max-width:700px){
  :root{--pad:20px;--gap:12px;--sec:72px;--r:18px;--r-sm:14px}
  body{font-size:15.5px}
  h1,.h1{font-size:38px;line-height:1.08}
  h2,.h2{font-size:30px;line-height:1.12;margin-top:8px}
  .hdr{height:64px}
  .hdr__logo{width:96px;height:42px}
  .nav{display:none}
  .nav.open{display:flex;position:fixed;inset:64px 0 auto;background:var(--ground);flex-direction:column;
    gap:0;padding:8px 20px 24px;box-shadow:0 12px 24px rgba(20,19,16,.10);z-index:39}
  .nav.open a{padding:16px 0;box-shadow:inset 0 -1px 0 var(--hair);font-size:17px}
  .burger,.hdr__call{display:flex}
  .hdr__r{gap:8px}
  .hdr__r .tel{display:none}
  .hdr__r .btn{display:none}
  .hero{padding-top:32px}
  .hero__img{height:200px;order:-1;margin-top:22px}
  .hero__c{display:flex;flex-direction:column}
  .hero__c h1{order:-2}
  .hero__c .eyebrow{order:-3}
  .hero__lead{margin-top:22px}
  .row{margin-top:22px;flex-direction:column}
  .row .btn{width:100%;font-size:15.5px;padding:16px 20px}
  .facts{margin-top:40px;padding:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .fact__v{font-size:30px;gap:7px}
  .fact__k{font-size:13px;margin-top:6px}
  .head{flex-direction:column;align-items:flex-start;gap:12px}
  .g4,.g3,.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g1m{grid-template-columns:1fr !important}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
  .tile{min-height:88px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;font-size:14px}
  .tile--dark{align-items:center;justify-content:center}
  .acard{padding:20px;min-height:0;gap:10px}
  .acard h3{font-size:19px}
  .acard p{font-size:14px}
  .ccard{padding:22px;min-height:0;gap:16px}
  .code b{font-size:26px}
  .pcard img{height:280px}
  .pcard__b{padding:20px 22px 22px}
  .pcard h3{font-size:22px}
  .band{height:214px;margin-top:40px}
  .band::after{background:linear-gradient(180deg,rgba(33,26,18,.30) 0%,rgba(33,26,18,.82) 100%)}
  .band__c{align-items:flex-end;padding-bottom:22px}
  .band__c p:first-child{font-size:24px;line-height:1.22}
  .band__c p+p{font-size:13.5px;margin-top:10px}
  .faq summary{font-size:15.5px;padding:18px 20px;min-height:0;align-items:flex-start;line-height:1.4}
  .faq details[open]{padding:0 20px}
  .faq details[open] summary{padding:18px 0 0}
  .faq__area{display:none}
  .faq__a{font-size:14px;padding:12px 0 18px}
  .cta{padding:40px 0;margin-top:40px}
  .form{padding:24px}
  .fgrid{grid-template-columns:1fr;gap:14px}
  .prose p{font-size:15.5px;line-height:1.75;margin-bottom:18px}
  .prose h2{font-size:23px;margin:32px 0 10px}
  .rez{padding:22px}
  .rez p{font-size:15.5px}
  .ph{padding:24px 0 32px}
  .ph__in{margin-top:22px;gap:20px}
  .ph__lead{margin-top:14px;font-size:15.5px;line-height:1.7}
  .statcard{padding:18px;border-radius:16px}
  .statcard b{font-size:30px}
  .statcard span{font-size:13px;margin-top:6px}
  .dark{padding:40px 0;margin-top:40px}
  .step{gap:12px}
  .step h3{font-size:19px}
  .step p{font-size:14px}
  .ftr{padding-bottom:110px}
  .ftr__in{flex-direction:column;gap:24px}
  .ftr__b,.ftr__c,.ftr__c--n{width:100%}
  .ftr__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
  .e404{padding-top:56px}
  .e404 b{font-size:96px}
  .e404 h1{font-size:34px;margin-top:16px}
  .e404 p{font-size:15.5px;margin-top:14px}
  .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;height:84px;align-items:center;gap:10px;
    padding:0 20px;background:var(--ground);
    box-shadow:inset 0 1px 0 var(--hair);z-index:45}
  .sticky .btn{flex:1 1 0;height:52px;padding:0}
  .sticky .btn--pri{flex:1.35 1 0}
}

/* ══ PLANŠETĖ ══════════════════════════════════════════════════════════════ */
@media (max-width:1100px){
  :root{--pad:48px;--sec:96px}
  h1,.h1{font-size:50px}
  h2,.h2{font-size:34px}
  .hero__in{flex-direction:column;align-items:stretch}
  .hero__img{flex:none;width:100%;height:360px}
  .hero__lead{max-width:none}
  .nav{gap:20px}
  .nav a{font-size:14px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .split{flex-direction:column;gap:40px}
  .side{flex:none;width:100%}
  .cta__in{flex-direction:column;gap:32px}
  .cta__l{flex:none;width:100%}
  .form{width:100%}
  .ph__in{flex-direction:column;align-items:stretch;gap:28px}
  .band__c p:first-child{font-size:28px}
  .rail{display:none}
  .ftr__in{gap:32px}
}

/* ══ TELEFONAS ═════════════════════════════════════════════════════════════ */
@media (max-width:700px){
  :root{--pad:20px;--gap:12px;--sec:72px;--r:18px;--r-sm:14px}
  body{font-size:15.5px}
  h1,.h1{font-size:38px;line-height:1.08}
  h2,.h2{font-size:30px;line-height:1.12;margin-top:8px}
  .hdr{height:64px}
  .hdr__logo{width:96px;height:42px}
  .nav{display:none}
  .nav.open{display:flex;position:fixed;inset:64px 0 auto;background:var(--ground);flex-direction:column;
    gap:0;padding:8px 20px 24px;box-shadow:0 12px 24px rgba(20,19,16,.10);z-index:39}
  .nav.open a{padding:16px 0;box-shadow:inset 0 -1px 0 var(--hair);font-size:17px}
  .burger,.hdr__call{display:flex}
  .hdr__r{gap:8px}
  .hdr__r .tel{display:none}
  .hdr__r .btn{display:none}
  .hero{padding-top:32px}
  .hero__img{height:200px;order:-1;margin-top:22px}
  .hero__c{display:flex;flex-direction:column}
  .hero__c h1{order:-2}
  .hero__c .eyebrow{order:-3}
  .hero__lead{margin-top:22px}
  .row{margin-top:22px;flex-direction:column}
  .row .btn{width:100%;font-size:15.5px;padding:16px 20px}
  .facts{margin-top:40px;padding:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .fact__v{font-size:30px;gap:7px}
  .fact__k{font-size:13px;margin-top:6px}
  .head{flex-direction:column;align-items:flex-start;gap:12px}
  .g4,.g3,.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g1m{grid-template-columns:1fr !important}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
  .tile{min-height:88px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;font-size:14px}
  .tile--dark{align-items:center;justify-content:center}
  .acard{padding:20px;min-height:0;gap:10px}
  .acard h3{font-size:19px}
  .acard p{font-size:14px}
  .ccard{padding:22px;min-height:0;gap:16px}
  .code b{font-size:26px}
  .pcard img{height:280px}
  .pcard__b{padding:20px 22px 22px}
  .pcard h3{font-size:22px}
  .band{height:214px;margin-top:40px}
  .band::after{background:linear-gradient(180deg,rgba(33,26,18,.30) 0%,rgba(33,26,18,.82) 100%)}
  .band__c{align-items:flex-end;padding-bottom:22px}
  .band__c p:first-child{font-size:24px;line-height:1.22}
  .band__c p+p{font-size:13.5px;margin-top:10px}
  .faq summary{font-size:15.5px;padding:18px 20px;min-height:0;align-items:flex-start;line-height:1.4}
  .faq details[open]{padding:0 20px}
  .faq details[open] summary{padding:18px 0 0}
  .faq__area{display:none}
  .faq__a{font-size:14px;padding:12px 0 18px}
  .cta{padding:40px 0;margin-top:40px}
  .form{padding:24px}
  .fgrid{grid-template-columns:1fr;gap:14px}
  .prose p{font-size:15.5px;line-height:1.75;margin-bottom:18px}
  .prose h2{font-size:23px;margin:32px 0 10px}
  .rez{padding:22px}
  .rez p{font-size:15.5px}
  .ph{padding:24px 0 32px}
  .ph__in{margin-top:22px;gap:20px}
  .ph__lead{margin-top:14px;font-size:15.5px;line-height:1.7}
  .statcard{padding:18px;border-radius:16px}
  .statcard b{font-size:30px}
  .statcard span{font-size:13px;margin-top:6px}
  .dark{padding:40px 0;margin-top:40px}
  .step{gap:12px}
  .step h3{font-size:19px}
  .step p{font-size:14px}
  .ftr{padding-bottom:110px}
  .ftr__in{flex-direction:column;gap:24px}
  .ftr__b,.ftr__c,.ftr__c--n{width:100%}
  .ftr__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
  .e404{padding-top:56px}
  .e404 b{font-size:96px}
  .e404 h1{font-size:34px;margin-top:16px}
  .e404 p{font-size:15.5px;margin-top:14px}
  .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;height:84px;align-items:center;gap:10px;
    padding:0 20px;background:var(--ground);
    box-shadow:inset 0 1px 0 var(--hair);z-index:45}
  .sticky .btn{flex:1 1 0;height:52px;padding:0}
  .sticky .btn--pri{flex:1.35 1 0}
}


/* ── PATAISOS: flex-basis stulpelyje virsta AUKŠČIU ─────────────────────────
   ⛔ `flex:1 1 640px` eilutėje = plotis, o stulpelyje = AUKŠTIS. Todėl visi
      pločio bazės nuliuojami, kai maketas virsta stulpeliu.                */
.ph__aside{flex:1 1 320px}
.pbig{flex:1 1 420px;max-width:480px;height:460px;object-fit:cover;object-position:top center;
  border-radius:var(--r);background:#fff}
.side--toc{flex:0 0 320px}
.side--wide{flex:1 1 380px}
@media (max-width:1100px){
  .hero__c,.ph__c,.ph__aside,.side--toc,.side--wide{flex:none;width:100%}
  .pbig{flex:none;width:100%;max-width:none;height:420px}
}
@media (max-width:700px){
  .hero__in{flex-direction:column;gap:0}
  .hero__c{display:contents}
  .hero__c .eyebrow{order:1}
  .hero__c h1{order:2}
  .hero__img{order:3;width:100%;height:200px;margin-top:22px;flex:none}
  .hero__lead{order:4;margin-top:22px}
  .hero__c .row{order:5}
  .steps3,.steps4{grid-template-columns:1fr !important}
  .steps3 .step,.steps4 .step{flex-direction:row;gap:16px;align-items:flex-start;
    padding:18px 0;box-shadow:inset 0 -1px 0 var(--hair)}
  .steps3 .step svg,.steps4 .step>span:first-child{flex-shrink:0}
  .steps3 .step>*:not(svg),.steps4 .step>*:not(:first-child){grid-column:2}
  .steps3 .step{display:grid;grid-template-columns:44px 1fr;column-gap:16px;row-gap:6px}
  .steps4 .step{display:grid;grid-template-columns:34px 1fr;column-gap:14px;row-gap:6px}
  .steps3 .step svg{grid-row:1 / span 2}
  .steps4 .step>span:first-child{grid-row:1 / span 2;font-size:26px}
  .acard p{display:none}
  .acard{min-height:88px;gap:8px;justify-content:center}
  .acard h3{font-size:16px;line-height:1.3}
  .acard__top{align-items:flex-start}
  .acard__n{font-size:11.5px}
  .sits .acard p{display:-webkit-box}
  .sits .acard{min-height:0;justify-content:flex-start}
  .e404 .acard p{display:block}
  .e404 .acard{min-height:0;justify-content:flex-start}
  .pbig{height:320px}
}
@media (max-width:700px){
  .cases,.people,.sibs{grid-template-columns:minmax(0,1fr) !important}
  .cases .ccard p{display:block}
  .people .pcard img{height:300px}
  .lad__t{font-size:10.5px}
}
.h1--case{margin-top:22px;font-size:46px;line-height:1.16}
.h1--name{margin-top:16px;font-size:58px}
.bigcode{font-family:var(--disp);font-size:64px;line-height:1;color:var(--gold);display:block}
@media (max-width:1100px){
  .h1--case{font-size:38px}
  .h1--name{font-size:46px}
  .bigcode{font-size:52px}
}
@media (max-width:700px){
  .h1--case{font-size:29px;line-height:1.22;margin-top:16px}
  .h1--name{font-size:32px;margin-top:10px}
  .bigcode{font-size:40px}
  h1,.h1{overflow-wrap:break-word}
}
/* ⛔ stulpelyje `align-items:flex-start` suspaudžia vaikus iki turinio pločio
   ir jie IŠLENDA iš konteinerio. Perjungus į stulpelį — visada stretch.     */
.ph__in--end{align-items:flex-end}
.ph__in--center{align-items:center;margin-top:36px}
.split--wide{gap:80px}
@media (max-width:1100px){
  .split,.cta__in,.ph__in,.ph__in--end,.ph__in--center,.hero__in{align-items:stretch}
  .split__m,.prose{width:100%;max-width:100%}
  .split--wide{gap:40px}
}
/* ⛔ grid `1fr` turi automatinį MIN-CONTENT minimumą — ilgas vaikas praplečia
   takelį ir išlenda. Visur `minmax(0,1fr)`, o flex vaikams `min-width:0`.  */
.acard>*,.ccard>*,.pcard>*,.step>*{min-width:0}
.acard h3,.ccard h3,.pcard h3,.step h3,.prose h2{overflow-wrap:break-word}
@media (max-width:700px){
  .sibs .acard{flex-direction:column}
  .sibs .acard img{width:100%;height:200px}
  .sibs .acard>span{padding:16px 20px 20px !important}
}
/* ── siauri telefonai (≤380) ─────────────────────────────────────────────── */
.tile,.dl__v,.cta__v,.ftr__c a,.crumb,.pill{overflow-wrap:break-word}
.dl__r{align-items:baseline}
@media (max-width:380px){
  :root{--pad:16px}
  .tiles{grid-template-columns:minmax(0,1fr)}
  .tile{min-height:56px;flex-direction:row;align-items:center;gap:10px}
  .g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}
  .facts{grid-template-columns:minmax(0,1fr);gap:18px}
  .dl__r,.cta__r{flex-direction:column;gap:2px}
  .dl__v,.cta__v{text-align:left}
}
/* ⛔ inline grid-template-columns nugalėdavo @media — todėl klasės. */
.tiles--6{grid-template-columns:repeat(6,minmax(0,1fr))}
.tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){ .tiles--6,.tiles--4{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:700px){ .tiles--6,.tiles--4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:380px){ .tiles--6,.tiles--4{grid-template-columns:minmax(0,1fr)} }
.faq__m{display:block}

/* ══ KROVIKLIS ═════════════════════════════════════════════════════════════
   Jų pačių ženklas, atidengiamas auksiniu perbraukimu. ⛔ Ženklas NEPERPIEŠTAS —
   animuojamas tas pats PNG per mask. Niekada neblokuoja turinio: CSS pats
   nuima, JS tik pagreitina, be JS — dingsta vienodai.                        */


/* ══ PATAISOS 2026-09-21 ═══════════════════════════════════════════════════ */
/* 1. etiketė per arti antraštės */
.eyebrow{display:block;margin-bottom:18px}
.hero__c .eyebrow{margin-bottom:18px}
.cta .eyebrow,.dark .eyebrow{margin-bottom:12px}

/* 2. DUK — atviras klausimas nebesiliečia su kaimynais */
.faq details{margin:0}
.faq details[open]{margin:10px 0;padding:0 28px}
.faq details[open]+details{box-shadow:inset 0 -1px 0 var(--hair)}
.faq details:last-child{box-shadow:none}
.faq details[open] summary{padding:var(--s-3) 0 0}
.faq__a{padding:14px 0 var(--s-3)}

/* 3. žemėlapis — po paspaudimo lieka tokio pat dydžio */
.map{min-height:220px;height:220px}
.map__f{margin-top:28px;width:100%;height:220px;border:0;border-radius:var(--r-sm);display:block;background:rgba(255,255,255,.07)}
@media (max-width:700px){.map,.map__f{height:180px;min-height:180px}}

/* 4. „Sritys“ sąrašo puslapis */
.aindex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:32px}
@media (max-width:1100px){.aindex{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.aindex{grid-template-columns:minmax(0,1fr)}
  .aindex .acard{min-height:0;justify-content:flex-start}
  .aindex .acard p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
.eyebrow--inline{display:inline;margin:0}
.prose .rv--rise h2{margin-top:0}
.prose .rv--rise+.rv--rise{margin-top:44px}

/* ══ PATAISOS 2026-09-21 · VAKARAS — forma, kontaktų eilutės, žemėlapis ════ */

/* ── 1. KONTAKTŲ EILUTĖS SU IKONOMIS ──────────────────────────────────────
   Keturios eilutės, viena ikona kiekvienai. Telefonas ir el. paštas — visa
   eilutė yra nuoroda, tad pelės taikinys didesnis nei tekstas.            */
.cta__dl{margin-top:22px}
.cta__r{display:flex;align-items:center;gap:16px;padding:16px 0;position:relative;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.14)}
.cta__r::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;
  background:var(--gold-dark);transition:width .55s cubic-bezier(.22,.61,.36,1)}
.cta__ic{flex:0 0 46px;width:46px;height:46px;border-radius:13px;display:flex;
  align-items:center;justify-content:center;color:var(--gold-dark);
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045);
  transition:border-color .35s,background .35s,box-shadow .35s,
             transform .4s cubic-bezier(.22,.61,.36,1)}
.cta__ic svg{width:21px;height:21px;display:block;
  transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.cta__t{min-width:0}
.cta__k{font-size:13.5px;color:rgba(255,255,255,.58);transition:color .3s}
.cta__v{font-size:17px;font-weight:500;color:#fff;margin-top:4px;display:block;
  transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.cta__r--a{cursor:pointer}

/* ── 2. HOVER / FOCUS ──────────────────────────────────────────────────────
   Auksinė linija nubrėžiama po eilute, ikonos plytelė pakyla ir įsižiebia,
   reikšmė pastumiama. Klaviatūra gauna tą patį per :focus-visible.        */
.cta__r--a:hover::after,.cta__r--a:focus-visible::after{width:100%}
.cta__r--a:hover .cta__ic,.cta__r--a:focus-visible .cta__ic{
  border-color:var(--gold-dark);background:rgba(200,164,82,.14);
  transform:translateY(-2px);box-shadow:0 10px 22px rgba(200,164,82,.16)}
.cta__r--a:hover .cta__k,.cta__r--a:focus-visible .cta__k{color:var(--gold-dark)}
.cta__r--a:hover .cta__v,.cta__r--a:focus-visible .cta__v{transform:translateX(5px)}
.cta__r--a:focus-visible{outline:none}
/* nenuorodinės eilutės — tik tyli reakcija, kad nesirodytų paspaudžiamos */
.cta__r--pin:hover .cta__ic,.cta__r--clock:hover .cta__ic{
  border-color:rgba(200,164,82,.5);background:rgba(200,164,82,.08)}

@media (prefers-reduced-motion:no-preference){
  .cta__r--tel:hover .cta__ic svg,.cta__r--tel:focus-visible .cta__ic svg{animation:cic-ring .66s ease}
  .cta__r--mail:hover .cta__ic svg,.cta__r--mail:focus-visible .cta__ic svg{animation:cic-fly .6s ease}
  .cta__r--pin:hover .cta__ic svg{animation:cic-drop .6s ease}
  .cta__r--clock:hover .cic__h{animation:cic-tick .9s cubic-bezier(.5,0,.3,1);
    transform-origin:12px 12px;transform-box:view-box}
}
@keyframes cic-ring{0%,100%{transform:rotate(0)}18%{transform:rotate(-14deg)}
  38%{transform:rotate(11deg)}58%{transform:rotate(-7deg)}78%{transform:rotate(4deg)}}
@keyframes cic-fly{0%,100%{transform:translateY(0)}45%{transform:translateY(-5px) scale(1.05)}}
@keyframes cic-drop{0%,100%{transform:translateY(0)}38%{transform:translateY(-4px)}72%{transform:translateY(1.5px)}}
@keyframes cic-tick{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* ── 3. ŽEMĖLAPIS BAIGIASI TAME PAČIAME LYGYJE KAIP FORMA ─────────────────
   Kairysis stulpelis ištempiamas iki eilės aukščio, žemėlapis užima visą
   likusią vietą. ⛔ Tik plačiame makete — telefone blokai sukrauti.       */
@media (min-width:1101px){
  .cta__in{align-items:stretch}
  .cta__l{display:flex;flex-direction:column}
  .map{margin-top:28px;flex:1 1 auto;height:auto;min-height:240px}
  .map__f{margin-top:28px;flex:1 1 auto;height:auto;min-height:240px}
}
.map{transition:border-color .35s,background .35s}
.map:hover{background:rgba(200,164,82,.09);box-shadow:inset 0 0 0 1px rgba(200,164,82,.42)}
.map:hover b{color:#D9BC77}

/* ── 4. PRIVALOMI LAUKAI ──────────────────────────────────────────────────
   Žvaigždutė tik ženklas; tikrąją prievolę nešioja `required` atributas,
   o `novalidate` nuimtas — naršyklė dabar tikrai neleidžia siųsti tuščio. */
.req{color:var(--gold);font-weight:600}
.form__req{margin-top:16px;font-size:12.5px;color:var(--muted)}
.f input:required:focus,.f textarea:required:focus,
.f input:focus,.f select:focus,.f textarea:focus{
  border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(139,99,28,.12)}
/* ⛔ NE `:invalid` — laukai be `placeholder` atributo jį atitinka nuo pat
   įkrovimo, tad tuščia forma nusidažydavo raudonai. `:user-invalid` suveikia
   tik po to, kai žmogus pats palieka lauką netinkamai užpildytą.          */
.f input:user-invalid,.f textarea:user-invalid{border-color:#B4472F}
.f input:user-invalid:focus,.f textarea:user-invalid:focus{
  box-shadow:0 0 0 3px rgba(180,71,47,.12)}

.head__ic{display:block;line-height:0}
.head__ic svg{display:block}

/* ══ JUDESYS v3 · „BYLA ATSIVERIA" — GREIČIAU, TYLIAU, BE STRIGIMO (2026-09-23) ══
   Jo žodžiai: „on iphone low power mode website effects are kinda lagging…
   make it less laggy and more subtle and more faster whole website".
   ⛔⛔ KODĖL STRIGO: iPhone taupymo režime „Safari" viską, ką turi perpiešti
      pagrindinė gija, rodo tik 30 kadrų/s ir lėtesniu procesoriumi. Sklandžiai
      (vaizdo plokštėje, be perpiešimo) sukasi TIK `opacity` ir `transform`.
      · `clip-path` išnirimai IŠMESTI (antraštės, portretai, hero, juosta) —
        juos „Safari" perpiešdavo KAS KADRĄ, o juostos nuotrauka yra 1400×1867;
      · jokių atšokimų (`--ep` nebeperšoka), keliai ≤12 px, mastelis ≤1,04;
      · trukmės 0,3–0,7 s (buvo 0,85–1,7 s), kaskados vėlinimai ≤0,36 s;
      · formos laukai nebeatkeliauja po vieną — skydas atsiranda VIENU judesiu.
   ⛔⛔ VISKAS — `animation … both` po `.js`; NIEKADA transition. Be JS ir
      robotams turinys matomas iš karto.
   ⛔ Judesys NIEKO NEPRIDEDA prie rimties būsenos. Dizainas nepakitęs.
   --e atvykimas · --ep ikonų „įsistatymas" (be atšokimo) · --er brėžiama linija. */
:root{--e:cubic-bezier(.2,.65,.3,1);--ep:cubic-bezier(.3,.8,.4,1);
      --er:cubic-bezier(.45,.05,.25,1)}

@media (prefers-reduced-motion:no-preference){
.js .rv{--d:0ms;opacity:0}

/* ⛔⛔⛔ BAZINĖJE (DAR NEATIDENGTOJE) BŪSENOJE NEGALI BŪTI `clip-path` —
   pilnai apkirpto elemento plotas IntersectionObserver'iui = 0, ir jis
   NIEKADA nesuveikia. Dabar `clip-path` nebėra ir kadruose, bet apsauga lieka. */
.js .rv,.js .rv--head,.js .rv--num,.js .rv--photo,.js .rv--rise,
.js .rv--card,.js .band .rv--photo{clip-path:none}

/* ── 1 · ANTRAŠTĖ — pakyla ir nusistoja ────────────────────────────────── */
.js .rv--head.in{animation:m-head .55s var(--e) var(--d) both}
@keyframes m-head{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* sekcijos antraštė = trys taktai: etiketė · pavadinimas · nuoroda */
.js .head.rv--head.in{animation:m-fade .3s var(--e) var(--d) both;clip-path:none;filter:none}
.js .head.rv--head.in .head__lab{animation:m-slide .45s var(--e) var(--d) both}
.js .head.rv--head.in h2,.js .head.rv--head.in .h2{
  animation:m-head .55s var(--e) calc(var(--d) + 40ms) both}
.js .head.rv--head.in .more{animation:m-slide .45s var(--e) calc(var(--d) + 120ms) both}
@keyframes m-fade{from{opacity:0}to{opacity:1}}
@keyframes m-slide{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ── 2 · BENDRAS PAKILIMAS — pastraipos, žingsniai, pastabos ────────────── */
.js .rv.in{animation:m-rise .55s var(--e) var(--d) both}
@keyframes m-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* žingsnis: ikona · antraštė · tekstas */
.js .step.rv.in{animation:m-fade .35s var(--e) var(--d) both}
.js .step.rv.in svg{animation:m-pop .45s var(--ep) var(--d) both}
.js .step.rv.in h3{animation:m-head .5s var(--e) calc(var(--d) + 50ms) both}
.js .step.rv.in p{animation:m-rise .5s var(--e) calc(var(--d) + 100ms) both}
@keyframes m-pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}

/* ── 3 · KORTELĖ — popierius nusėda ────────────────────────────────────── */
.js .rv--card.in{animation:m-card .55s var(--e) var(--d) both}
@keyframes m-card{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* srities kortelė: ikona įsistato */
.js .acard.rv--card.in > .acard__top svg{animation:m-pop .4s var(--ep) calc(var(--d) + 60ms) both}
@keyframes m-slidex{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}
/* bylos kortelė: kodas įspaudžiamas */
.js .ccard.rv--card.in .code b{animation:m-drop .45s var(--e) calc(var(--d) + 60ms) both}
@keyframes m-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* portretas: kortelė jau išryškėja pati, tad nuotrauka tik nustoja artintis
   (`.pcard` turi `overflow:hidden` — padidinimas neišlenda už kortelės) */
.js .pcard.rv--card.in img{animation:m-settle .7s var(--e) var(--d) both}
.js .pcard.rv--card.in .pcard__b > *{animation:m-rise .5s var(--e) calc(var(--d) + 120ms) both}
@keyframes m-settle{from{transform:scale(1.04)}to{transform:none}}

/* ── 4 · SKAIČIAI ──────────────────────────────────────────────────────── */
.js .rv--num.in{animation:m-fade .3s var(--e) var(--d) both}
.js .rv--num.in .fact__v{animation:m-rise .5s var(--e) var(--d) both}
.js .rv--num.in .fact__v svg{animation:m-pop .4s var(--ep) calc(var(--d) + 150ms) both}
.js .rv--num.in .fact__k{animation:m-slide .45s var(--e) calc(var(--d) + 80ms) both}

/* ── 5 · NUOTRAUKOS IR JUOSTA — išryškėja ir nustoja artintis ──────────── */
.js .rv--photo.in{animation:m-photo .7s var(--e) var(--d) both}
@keyframes m-photo{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
.js .band .rv--photo.in{animation:m-band .9s var(--e) var(--d) both}
@keyframes m-band{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
/* juostos parašas pakyla PO nuotraukos */
.js .rv--caption.in{animation:m-fade .4s var(--e) calc(var(--d) + 200ms) both}

/* ── 6 · PLYTELĖ — įspaudžiama, ikona atsistato ─────────────────────────── */
.js .rv--stamp.in{animation:m-stamp .45s var(--ep) var(--d) both}
.js .rv--stamp.in svg{animation:m-tilt .45s var(--e) calc(var(--d) + 40ms) both}
@keyframes m-stamp{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@keyframes m-tilt{from{opacity:0;transform:rotate(-4deg) scale(.95)}to{opacity:1;transform:none}}

/* ── 7 · KOPĖTĖLĖS — bėgelis nubrėžiamas, pakopos paeiliui ──────────────── */
.js .rv--lad.in{animation:m-fade .3s var(--e) var(--d) both}
.js .rv--lad::before{transform:scaleX(0);transform-origin:left center}
.js .rv--lad.in::before{animation:m-draw .5s var(--er) calc(var(--d) + 40ms) both}
@keyframes m-draw{to{transform:scaleX(1)}}
.js .rv--lad .lad__d{transform:scale(0)}
.js .rv--lad .lad__t{opacity:0}
.js .rv--lad.in .lad__i:nth-child(1) .lad__d{animation:m-pop .35s var(--ep) calc(var(--d) + 140ms) both}
.js .rv--lad.in .lad__i:nth-child(2) .lad__d{animation:m-pop .35s var(--ep) calc(var(--d) + 200ms) both}
.js .rv--lad.in .lad__i:nth-child(3) .lad__d{animation:m-pop .35s var(--ep) calc(var(--d) + 260ms) both}
.js .rv--lad.in .lad__i:nth-child(4) .lad__d{animation:m-pop .35s var(--ep) calc(var(--d) + 320ms) both}
.js .rv--lad.in .lad__i:nth-child(1) .lad__t{animation:m-fade .35s var(--e) calc(var(--d) + 170ms) both}
.js .rv--lad.in .lad__i:nth-child(2) .lad__t{animation:m-fade .35s var(--e) calc(var(--d) + 230ms) both}
.js .rv--lad.in .lad__i:nth-child(3) .lad__t{animation:m-fade .35s var(--e) calc(var(--d) + 290ms) both}
.js .rv--lad.in .lad__i:nth-child(4) .lad__t{animation:m-fade .35s var(--e) calc(var(--d) + 350ms) both}
/* pasiekta pakopa — vienas švelnus taktas */
.js .rv--lad.in .lad__i.on .lad__d{animation:m-reach .45s var(--ep) calc(var(--d) + 360ms) both}
@keyframes m-reach{0%{transform:scale(0)}60%{transform:scale(1.15)}100%{transform:none}}

/* ── 8 · DUOMENŲ EILUTĖ — linija nubrėžiama ────────────────────────────── */
.js .rv--row{position:relative}
.js .rv--row::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--hair);transform:scaleX(0);transform-origin:left center}
.js .rv--row.in{animation:m-fade .3s var(--e) var(--d) both}
.js .rv--row.in::after{animation:m-draw .45s var(--er) var(--d) both}

/* ── 9 · BYLOS KODAS — įspaudžiamas, auksinis brūkšnys pralekia ─────────── */
.js .rv--strike{position:relative}
.js .rv--strike::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:2px;
  background:var(--gold);transform:scaleX(0);transform-origin:left center;opacity:0}
.js .rv--strike.in{animation:m-drop .5s var(--e) var(--d) both}
.js .rv--strike.in::after{animation:m-sweep .7s var(--er) calc(var(--d) + 120ms) both}
@keyframes m-sweep{0%{transform:scaleX(0);opacity:0}
  22%{opacity:.7}
  55%{transform:scaleX(1);opacity:.7}
  100%{transform:scaleX(1);opacity:0}}

/* ── 10 · REZULTATAS — prispaudžiamas iš kairės ─────────────────────────── */
.js .rv--seal.in{animation:m-seal .55s var(--e) var(--d) both}
@keyframes m-seal{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}

/* ── 11 · PROZA — pastraipa po pastraipos ──────────────────────────────── */
.js .rv--ink.in{animation:m-ink .5s var(--e) var(--d) both}
@keyframes m-ink{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ── 12 · DUK EILUTĖ — linija nubrėžiama ───────────────────────────────── */
.js .rv--faqrow{position:relative}
.js .rv--faqrow::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--hair);transform:scaleX(0);transform-origin:left center}
.js .rv--faqrow[open]::after{display:none}
.js .rv--faqrow.in{animation:m-fade .3s var(--e) var(--d) both}
.js .rv--faqrow.in::after{animation:m-draw .45s var(--er) var(--d) both}

/* ── 13 · KONTAKTŲ EILUTĖ juodoje juostoje ──────────────────────────────── */
.js .rv--contact.in{animation:m-fade .3s var(--e) var(--d) both}
.js .rv--contact.in .cta__ic{animation:m-pop .4s var(--ep) calc(var(--d) + 40ms) both}
.js .rv--contact.in .cta__t{animation:m-slidex .4s var(--e) calc(var(--d) + 70ms) both}

/* ── 14 · KELIAS (crumb) — nariai paeiliui ─────────────────────────────── */
.js .rv--crumb.in{animation:m-fade .25s var(--e) var(--d) both}
.js .rv--crumb.in > *{animation:m-slidex .35s var(--e) var(--d) both}
.js .rv--crumb.in > *:nth-child(2){animation-delay:calc(var(--d) + 25ms)}
.js .rv--crumb.in > *:nth-child(3){animation-delay:calc(var(--d) + 50ms)}
.js .rv--crumb.in > *:nth-child(4){animation-delay:calc(var(--d) + 75ms)}
.js .rv--crumb.in > *:nth-child(5){animation-delay:calc(var(--d) + 100ms)}
.js .rv--crumb.in > *:nth-child(6){animation-delay:calc(var(--d) + 125ms)}
.js .rv--crumb.in > *:nth-child(n+7){animation-delay:calc(var(--d) + 150ms)}

/* ── 15 · TYLIOS NUORODOS — „visos sritys →", telefonas šone ───────────── */
.js .rv--slide.in{animation:m-slidex .4s var(--e) var(--d) both}

/* ── 16 · BĖGELIS (procesas) ───────────────────────────────────────────── */
.js .rail.rv--rail{transform:scaleX(0);opacity:1;transform-origin:left center}
.js .rail.rv--rail.in{animation:m-draw .6s var(--er) both}
.js .rail i{transform:scale(0)}
.js .rail.in i{animation:m-pop .35s var(--ep) both}
.js .rail.in i:nth-child(1){animation-delay:.2s}
.js .rail.in i:nth-child(2){animation-delay:.3s}
.js .rail.in i:nth-child(3){animation-delay:.4s}
.js .rail.in i:nth-child(4){animation-delay:.5s}

/* ── 17 · DIAGRAMOS JUOSTOS ────────────────────────────────────────────── */
.js .bars rect{transform-origin:left center;transform:scaleX(0)}
.js .bars.in rect{animation:m-draw .6s var(--e) both}
.js .bars.in rect:nth-of-type(2){animation-delay:.06s}
.js .bars.in rect:nth-of-type(3){animation-delay:.12s}
.js .bars.in rect:nth-of-type(4){animation-delay:.18s}

/* ── 18 · FORMA — skydas pakyla VIENU judesiu ──────────────────────────────
   ⛔ Laukų kaskada (12 atskirų animacijų, iki 1,2 s) išimta — telefone forma
      užima kelis ekranus ir būtent ten judesys atrodė lėtas ir sunkus.      */
.js .rv--panel.in{animation:m-card .55s var(--e) var(--d) both}

/* ── 19 · MIKRO-SĄVEIKOS (nepakitusios) ────────────────────────────────── */
.acard,.tile,.ccard,.pcard,.btn,.statcard{transition:background .2s ease,box-shadow .25s ease,transform .25s ease}
.acard:hover,.ccard:hover,.pcard:hover{transform:translateY(-3px)}
.tile:hover{transform:translateY(-2px)}
.btn:active{transform:scale(.98)}
.pcard img,.hero__img{transition:transform .7s var(--e)}
.pcard:hover img{transform:scale(1.03)}
}

/* ⛔ Sumažinto judesio nustatymas — viskas rimties būsenoje ir matoma. */
@media (prefers-reduced-motion:reduce){
  .js .rv,.js .rv.in{opacity:1!important;animation:none!important;transform:none!important;
    clip-path:none!important;filter:none!important}
  .js .rv--lad .lad__d,.js .rail i,.js .bars rect,.js .rv--stamp.in svg{transform:none!important}
  .js .rv--lad .lad__t{opacity:1!important}
  .js .rv--row::after,.js .rv--faqrow::after,.js .rv--strike::after{display:none}
}

/* ══ KLIKINAMI ELEMENTAI — ŽYMEKLIS IR HOVER VISUR ══════════════════════
   ⛔ Auditas 2026-09-22: 9 iš 18 klikinamų tipų neturėjo JOKIO hover, o
      `.burger` net žymeklio. Čia sutvarkyta viskas vienu principu:
      **auksinė linija nubrėžiama iš kairės + spalva pereina į auksą.**
   ⛔ Ant tamsaus fono auksas visada `--gold-dark`, ant šviesaus — `--gold`.
   ⛔ Judesys tik `transform` / `background-size` / `color` — jokių perpiešimų.
   ⛔ Viskas po `@media (hover:hover)`, kad liestukiniuose ekranuose hover
      būsena neįstrigtų po paspaudimo.                                      */

a,button,summary,label.chk,[role="button"]{cursor:pointer}
.chk input,.f input,.f select,.f textarea{cursor:auto}
.f select{cursor:pointer}

/* ── 1. Tekstinė nuoroda: brūkšnys nubrėžiamas iš kairės ─────────────────── */
.nav a,.crumb a,.more,.faq__m,.tel,.tel2,.pcard__f a,a.dl__v,.ftr__bot a{
  background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;
  transition:background-size .38s cubic-bezier(.22,.61,.36,1),color .25s ease}
@media (hover:hover){
  .nav a:hover,.crumb a:hover,.more:hover,.faq__m:hover,.tel:hover,
  .pcard__f a:hover,a.dl__v:hover{background-size:100% 1px;color:var(--gold)}
  /* tamsioje kortelėje — šviesesnis auksas */
  .sidecta .tel2:hover,.cta .tel2:hover{background-size:100% 1px;color:var(--gold-dark)}
  .tel2:hover{background-size:100% 1px}
}

/* ── 2. Poraštės sąrašai: blokinės nuorodos, tad ne brūkšnys, o poslinkis ── */
.ftr__c a{transition:color .25s ease,transform .3s cubic-bezier(.22,.61,.36,1)}
@media (hover:hover){.ftr__c a:hover{color:var(--gold);transform:translateX(4px)}}

/* ── 3. Mygtukai: pakyla ir šiek tiek pasunkėja ──────────────────────────── */
.btn{transition:background .22s ease,transform .28s cubic-bezier(.22,.61,.36,1),
     box-shadow .28s ease}
@media (hover:hover){
  .btn--pri:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(139,99,28,.24)}
  /* ⛔ .btn--sec rėmelis yra `box-shadow:inset` — pakylėjimo šešėlį BŪTINA
        rašyti KARTU su juo, antraip rėmelis dingsta užvedus. */
  .btn--sec:hover{transform:translateY(-2px);
    box-shadow:inset 0 0 0 1px var(--ink),0 8px 20px rgba(20,19,16,.10)}
}
.btn:active{transform:translateY(0) scale(.985)}

/* ── 4. Apvalūs ikonų mygtukai: meniu, skambutis, socialiniai ────────────── */
.burger,.hdr__call,.soc a{transition:background .25s ease,transform .3s cubic-bezier(.22,.61,.36,1)}
@media (hover:hover){
  .burger:hover,.hdr__call:hover{background:#EDEBE5;transform:translateY(-1px)}
  .soc a:hover{background:var(--gold);transform:translateY(-2px)}
  .soc a:hover svg{stroke:#fff;fill:#fff}
  .soc a:hover svg[fill="none"]{fill:none;stroke:#fff}
}

/* ── 5. Kalbos perjungiklis ──────────────────────────────────────────────── */
.lang a{transition:color .22s ease,background .22s ease;border-radius:999px}
@media (hover:hover){.lang a:hover{color:var(--ink);background:#EDEBE5}}

/* ── 6. DUK klausimas: fonas šviesėja, rodyklė pajuda ────────────────────── */
.faq summary{transition:background .25s ease,color .25s ease}
.faq summary::after{transition:transform .3s cubic-bezier(.22,.61,.36,1),border-color .25s ease}
@media (hover:hover){
  .faq details:not([open]) summary:hover{background:var(--plane);color:var(--gold)}
  .faq details:not([open]) summary:hover::after{border-color:var(--gold);transform:rotate(45deg) translate(2px,2px)}
}

/* ── 7. Žemėlapio mygtukas ir kortelės jau turi savo hover (žr. aukščiau) ── */

/* ══ PATAISOS 2026-09-22 (jo pastabos) ═════════════════════════════════════
   ⛔ Šis blokas yra FAILO GALE SĄMONINGAI: tos pačios medijos užklausos
   site.css'e pasikartoja po 4 kartus, tad laimi PASKUTINĖ. Taisant aukščiau
   pakeitimas tyliai nieko nedaro.                                          */

/* ── 8. Plytelės: srities vardas NELŪŽTA į naują eilutę ───────────────────
   Buvo 6 vienodo pločio grid stulpeliai, tad „Nekilnojamojo turto teisė" ir
   „Administracinė teisė" skildavo per pusę (išmatuota: /sritys/<sritis>/
   ties 1440px lūžo 4 iš 5). Dabar plytelė platesnė tiek, kiek jos vardas,
   o eilę užpildo `flex-grow`. Netilpusios persiverčia VISOS, ne raidėmis.
   ⛔ Telefonams (≤700px) LIEKA senas grid — ten plytelė yra stulpelis su
   ikona virš teksto, ir ten lūžis yra sąmoningas.                          */
@media (min-width:701px){
  .tiles,.tiles--4,.tiles--6{display:flex;flex-wrap:wrap}
  .tile{white-space:nowrap;flex:1 1 auto}
}

/* ── 9. DUK: atidarius tarpas viršuje ir apačioje vienodas ────────────────
   `min-height:64px` galiojo ir atidarytam klausimui: 24px paraštė + 13px
   likučio, centruoto per `align-items:center`, duodavo 33px viršuje prieš
   28px apačioje. Nuėmus min-height — 27 prieš 29.                          */
.faq details[open] summary{min-height:0}

/* ── 10. Hover brūkšnys — po ŽODŽIAIS, ne per visą plotį ──────────────────
   Brūkšnys yra `background-size:100% 1px`, t. y. 100 % ELEMENTO pločio.
   Dvi nuorodos buvo `display:block` ⇒ brūkšnys ėjo per visą kortelę:
   `.faq__m` (1184px vietoj 91px) ir `.sidecta .tel2` (304px vietoj 111px).
   Blokinės jos turi likti (privalo prasidėti iš naujos eilutės), tad
   susitraukia iki turinio.                                                 */
.faq__m,.sidecta a.tel2,.cta a.tel2{width:-webkit-fit-content;width:fit-content}

/* ── 11. „Principai" sulygintas su „Apie bendriją" ───────────────────────
   Kairėje plika 42px antraštė, dešinėje — 2px žalvario juostelė + 22px
   paraštė + 24px antraštė, todėl jos raidžių viršus buvo 21px žemiau
   (bazinės linijos sutapo, bet akis lygina VIRŠŲ). Juostelė lieka.
   ⛔ 21px = IŠMATUOTA ties esamais šriftais; `verify_v2.mjs` tikrina, kad
   skirtumas būtų 0 — pakeitus antraščių dydžius testas parodys.            */
.dark .side--wide>.note:first-child{margin-top:-21px}
/* ⛔ `.split{flex-direction:column}` įsijungia ties max-width:1100px (273 ir 381 eil.),
   NE 1000px — sukrautuose stulpeliuose neigiama paraštė būtų nesąmonė. */
@media (max-width:1100px){ .dark .side--wide>.note:first-child{margin-top:0} }

/* ══ MOBILUSIS 2026-09-22 ══════════════════════════════════════════════════
   ⛔ Vėl: failo GALE, nes aukščiau tos pačios medijos užklausos kartojasi 4×. */

/* ── 12. Poraštė: telefone DU stulpeliai po 50 %, be tarpo iš niekur ─────
   ⛔ `row-gap` PRIVALO būti 0. Sričių sąrašas yra DVI skiltys (desktop'e du
   stulpeliai), tad bet koks eilių tarpas atsiveria tarp „Administracinė
   teisė" ir „Transporto teisė" — būtent jį jis ir pamatė. Vertikalų ritmą
   kuria pačios nuorodos (`line-height:2.05` = 28,7px), todėl su 0 tarpu
   abi skiltys sulimpa į vieną tolygų sąrašą.                              */
@media (max-width:700px){
  .ftr__in{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:0;align-items:start}
  .ftr__cols{display:contents !important}
  .ftr__b{grid-column:1 / -1;width:auto;margin-bottom:30px}
  .ftr__c{width:auto}
  .ftr__c--areas{grid-column:1;grid-row:2}
  .ftr__c--cont{grid-column:1;grid-row:3}
  .ftr__c--cont .ftr__h--empty{display:none}
  .ftr__c--n{grid-column:2;grid-row:2 / span 2;width:auto}
  .ftr__bot{flex-direction:column;align-items:flex-start;gap:6px}
  .soc{margin-top:22px}
}

/* ── 13. Faktų juosta: „Nuo 1998 m." NIEKADA nelūžta ─────────────────────
   Išmatuota: 381–479px juosta buvo 2 stulpelių, langelis 140–160px, o
   „Nuo 1998 m." 30px Fraunces užima 172px ⇒ lūždavo į dvi eilutes.
   Vienas stulpelis iki 479px + `nowrap` kaip garantija.                    */
@media (max-width:479px){ .facts{grid-template-columns:minmax(0,1fr) !important;gap:20px} }
@media (max-width:700px){
  .fact__v{white-space:nowrap;display:flex;align-items:center;line-height:1}
  .fact__k{margin-top:7px;line-height:1.35}
  .facts{align-items:start}
}

/* ── 14. Daugiau oro po „Kaip vyksta pirmas kreipimasis" ────────────────── */
@media (max-width:700px){
  .steps3{gap:var(--s-4)}
  .steps3 .step{padding-bottom:var(--s-3)}
  .rail{margin-bottom:var(--s-3)}
  section.sec:has(.steps3){padding-bottom:var(--s-6)}
}

/* ── 15. Telefone nerodom dubliuotos „Visos teisės sritys" nuorodos ───────
   Juodoji „Visos 11 →" plytelė lieka — jo nurodymas.                       */
@media (max-width:700px){ .more--dup{display:none} }

/* ── 16. Plytelė atrodo LYGIAI taip pat kaip kortelė ─────────────────────
   Buvo: kortelė = ikona virš 18px Fraunces antraštės, plytelė = ikona ir
   14px Instrument Sans vienoje eilutėje. Telefone jos stovi viena po kitos
   ir skirtumas krito į akis. Dabar plytelė paveldi kortelės sandarą;
   juodoji „Visos 11" sąmoningai lieka kitokia.                             */
/* ⛔ Plytelių tinklelis privalo sutapti su kortelių (`.g3`): 2 stulpeliai iki
   380px ribos, toliau 1. Kitaip telefone kortelės stovi po dvi, o plytelės
   per visą plotį — tas pats skirtumas, tik kita forma.                     */
@media (max-width:700px){
  .tiles,.tiles--4,.tiles--6{display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:var(--gap)}
  .tile--dark{grid-column:1 / -1}
  /* ⛔ Dydžiai TIKSLIAI kaip `.acard` tame pačiame ruože (677/678 eil.),
     antraip plytelė vėl atrodo kitaip nei kortelė greta jos. */
  .tile{min-height:0;flex-direction:column;align-items:flex-start;gap:10px;
        padding:20px;font-family:var(--disp);font-size:19px;font-weight:400;
        line-height:1.3;color:var(--ink);white-space:normal;border-radius:var(--r)}
  .tile svg{width:22px;height:22px}
  .tile--dark{flex-direction:row;align-items:center;justify-content:center;gap:8px;
              padding:20px 24px;font-family:var(--sans);font-size:15px;font-weight:600;color:#fff}
  .tile--dark svg{display:none}
}

/* ── 17. ANTRAŠTĖ SLEPIASI, APATINĖ JUOSTA PASIRODO ──────────────────────
   ⛔ Antraštė LIEKA `position:sticky` ir tik transformuojama — ją ištraukus
   iš srauto (`fixed`) puslapis šoktelėtų 64px. Juosta pradeda paslėpta.   */
@media (max-width:700px){
  .hdr{transition:transform .3s cubic-bezier(.22,.61,.36,1)}
  .hdr.up{transform:translateY(-102%)}
  .sticky{transform:translateY(calc(100% + 8px));
          transition:transform .3s cubic-bezier(.22,.61,.36,1);
          padding-bottom:env(safe-area-inset-bottom);
          height:calc(84px + env(safe-area-inset-bottom))}
  .sticky.on{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .hdr,.sticky{transition:none}
}

/* ── 18. ŠONINIS STALČIUS ────────────────────────────────────────────────
   ⛔ Animuojama TIK transform/opacity (žr. 2026-09-22 mirgėjimo pamoką):
   jokio `filter:blur` ant teksto, jokių animuojamų `box-shadow`.          */
.scrim{position:fixed;inset:0;z-index:60;background:rgba(26,22,18,.42);
  opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.22,.61,.36,1)}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;display:none;
  width:min(86vw,360px);flex-direction:column;background:var(--ground);
  padding:18px 24px calc(26px + env(safe-area-inset-bottom));
  box-shadow:-20px 0 60px rgba(26,22,18,.20);
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  transform:translateX(102%);visibility:hidden;
  transition:transform .38s cubic-bezier(.22,.61,.36,1),visibility 0s linear .38s}
@media (max-width:700px){ .drawer{display:flex} }
.drawer.on{transform:translateX(0);visibility:visible;transition-delay:0s,0s}
html.drawer-open,html.drawer-open body{overflow:hidden}
/* ⛔ 2026-10-22 Ringa: „when side menu on mobile opened, you shouldnt be able to scroll behind a website“ — iPhone'o Safari
   `overflow:hidden` braukimo pirštu nesustabdo. Tamsi juosta pirštui negyva; likusį darbą daro scenarijus (build_v2.py `lock`). */
.scrim{touch-action:none}

.drawer__top{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-bottom:22px;box-shadow:inset 0 -1px 0 var(--hair)}
.drawer__logo{width:96px;height:42px;object-fit:contain;object-position:left center}
.drawer__x{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  border:0;border-radius:999px;background:var(--plane);cursor:pointer;
  transition:background .2s ease,transform .3s cubic-bezier(.22,.61,.36,1)}
.drawer__x:active{transform:scale(.92)}

/* ⭐ Nuorodos ĮKRENTA pakopomis — kiekviena 55ms vėliau. Uždarant vėlinimo
   nėra, kad stalčius užsidarytų iškart ir neatrodytų lėtas.               */
.drawer__nav{display:flex;flex-direction:column;padding:26px 0 8px}
.drawer__nav a{display:block;padding:14px 0;font-family:var(--disp);font-size:27px;
  line-height:1.15;color:var(--ink);box-shadow:inset 0 -1px 0 var(--hair);
  opacity:0;transform:translateX(16px);
  transition:opacity .001s,transform .001s,color .22s ease}
.drawer__nav a:last-child{box-shadow:none}
.drawer__nav a[aria-current="page"]{color:var(--gold)}
.drawer.on .drawer__nav a{opacity:1;transform:none;
  transition:opacity .3s ease,transform .4s cubic-bezier(.22,.61,.36,1),color .22s ease}
.drawer.on .drawer__nav a:nth-child(1){transition-delay:.06s,.06s,0s}
.drawer.on .drawer__nav a:nth-child(2){transition-delay:.095s,.095s,0s}
.drawer.on .drawer__nav a:nth-child(3){transition-delay:.13s,.13s,0s}
.drawer.on .drawer__nav a:nth-child(4){transition-delay:.165s,.165s,0s}

.drawer__f{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:12px;
  opacity:0;transform:translateY(10px);
  transition:opacity .001s,transform .001s}
.drawer.on .drawer__f{opacity:1;transform:none;
  transition:opacity .3s ease .18s,transform .38s cubic-bezier(.22,.61,.36,1) .18s}
.drawer__f .btn{width:100%;height:52px}
.lang--d{align-self:flex-start;margin-bottom:4px}

/* ⭐ Burgeris virsta kryželiu — trys brūkšniai, ne ikonos sukeitimas. */
.burger svg path{transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .2s ease;
  transform-origin:center}
.burger.is-x svg path:nth-child(1){transform:translateY(5px) rotate(45deg)}
.burger.is-x svg path:nth-child(2){opacity:0;transform:scaleX(.2)}
.burger.is-x svg path:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

@media (prefers-reduced-motion:reduce){
  .drawer,.scrim,.drawer__nav a,.drawer__f,.burger svg path{transition-duration:.001s !important;
    transition-delay:0s !important}
}

@media (max-width:380px){
  .tiles,.tiles--4,.tiles--6{grid-template-columns:minmax(0,1fr) !important}
}

/* ── 19. FORMA: laukai nebeišlenda iš formos telefone ────────────────────
   ⛔⛔ Mobilusis `.fgrid` buvo `grid-template-columns:1fr` (4 kopijose).
   `1fr` turi AUTOMATINĮ min-content minimumą — apie tai įspėja ir pats šis
   failas 906 eil. — tad platus vaikas praplečia takelį ir išlenda.
   Kaltininkas: `<input type=date>`. Chrome jo min-content = 182px (dar telpa
   į 302px), o iOS Safari native valdiklis platesnis ⇒ takelis išsipučia ir
   laukai iššoka už formos paraščių. Būtent tai jis ir matė telefone.
   ⛔ `minmax(0,1fr)` VIENO neužtenka: grid vaikas turi `min-width:auto`,
   tad nulinis minimumas dedamas ir langeliui, ir pačiam laukui.           */
@media (max-width:700px){
  .fgrid{grid-template-columns:minmax(0,1fr) !important}
  .fgrid > *{min-width:0}
}
.f input,.f select,.f textarea{min-width:0;max-width:100%}
/* ⛔ iOS Safari nepaiso `width` ant native datos valdiklio, kol nenuimta
   jo paties išvaizda. `background`/rėmelį aprašo mūsų taisyklės aukščiau. */
.f input[type=date]{-webkit-appearance:none;appearance:none}
.f textarea{resize:vertical}

/* ⛔ Siauruose telefonuose `.acard h3` nukrenta iki 16px/1.3 — plytelė privalo
   nukristi kartu, kitaip vėl atsiranda „kodėl tekstas mažesnis" skirtumas. */
@media (max-width:420px){ .tile{font-size:16px;line-height:1.3} }

/* ══ 20. AKORDEONAS — situacijos · „Ką verta žinoti" · praktika ═══════════
   Kompiuteryje `.ac--card` lieka trijų kortelių tinklelis (be daugtaškio —
   tekstas PILNAS), telefone virsta akordeonu. `.ac--dark` (juodoji sekcija)
   yra akordeonas VISUR. ⛔ Animuojamas tik `.ac__p` aukštis, kurį nustato JS;
   be JS viskas lieka atidaryta ir perskaitoma.                             */
.ac{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.ac--dark{grid-template-columns:minmax(0,1fr);gap:0;max-width:940px}
.ac__i{background:var(--plane);border-radius:var(--r);padding:28px;min-width:0}
.ac--dark .ac__i{background:transparent;border-radius:0;padding:0;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.14)}
.ac--dark .ac__i:first-child{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),
  inset 0 -1px 0 rgba(255,255,255,.14)}
.ac__i summary{list-style:none;display:flex;align-items:flex-start;gap:16px;cursor:default}
.ac__i summary::-webkit-details-marker{display:none}
.ac__i h3{flex:1 1 auto;min-width:0;font-family:var(--disp);font-size:20px;
  font-weight:400;line-height:1.3;color:var(--ink);overflow-wrap:break-word}
.ac--dark .ac__i h3{color:#fff;font-size:21px}
.ac__p p{margin-top:12px;font-size:15px;line-height:1.7;color:var(--body)}
.ac--dark .ac__p p{color:rgba(255,255,255,.80);margin-top:14px}

/* ⛔ Rodyklė rodoma tik ten, kur akordeonas TIKRAI atsidaro/užsidaro —
   klasę `is-ac` uždeda JS, tad kompiuterio kortelėse jos nėra ir niekas
   neatrodo spaudžiamas be reikalo. */
.ac__x{display:none;flex:0 0 auto;width:12px;height:12px;margin-top:7px;
  border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);
  transform:rotate(45deg);transform-origin:center;
  transition:transform .26s cubic-bezier(.22,.61,.36,1),border-color .22s ease}
.ac--dark .ac__x{border-color:rgba(255,255,255,.55)}
.ac.is-ac .ac__x{display:block}
.ac.is-ac .ac__i summary{cursor:pointer}
.ac.is-ac .ac__i[open] .ac__x{transform:rotate(-135deg) translate(-3px,-3px)}
.ac.is-ac .ac__p{overflow:hidden;transition:height .3s cubic-bezier(.22,.61,.36,1)}
@media (hover:hover){
  .ac.is-ac .ac__i summary:hover h3{color:var(--gold)}
  .ac--dark.is-ac .ac__i summary:hover h3{color:var(--gold-dark)}
  .ac.is-ac .ac__i summary:hover .ac__x{border-color:var(--gold)}
}
/* juodoji sekcija akordeonu — ir kompiuteryje */
.ac--dark.is-ac .ac__i{padding:22px 0}
.ac--dark.is-ac .ac__i h3{font-size:20px}

@media (max-width:1100px){ .ac--card{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:700px){
  /* ⛔ Telefone JOKIŲ dviejų stulpelių: būtent dėl jų antraštės lūždavo po
     vieną žodį į eilutę. Viena juosta, 17px antraštė.                      */
  .ac,.ac--card{grid-template-columns:minmax(0,1fr) !important;gap:var(--s-1)}
  .ac--card .ac__i{padding:18px 20px}
  .ac__i h3,.ac--dark .ac__i h3{font-size:17px;line-height:1.35}
  .ac__p p{font-size:14.5px;line-height:1.65}
  .ac--dark{max-width:none}
  .ac--dark.is-ac .ac__i{padding:18px 0}
}
@media (prefers-reduced-motion:reduce){ .ac.is-ac .ac__p{transition:none} }

/* ── 21. Antraštė telefone TIKRAI per visą plotį ─────────────────────────
   ⛔ `.hdr__in` buvo teisingo pločio (20/20), bet `.hdr__r` neturėjo
   `margin-left:auto`. Telefone `.nav` yra `display:none`, tad logotipas ir
   valdikliai susispausdavo į kairę, o dešinėje likdavo 58px tuštumos —
   būtent tai ir atrodė kaip „80 % pločio".                                */
.hdr__r{margin-left:auto}

/* ── 22. /sritys/ antgalio plytelės telefone — dvi per eilutę ───────────── */
@media (max-width:700px){
  /* ⛔ Plytelės eina PO DVI eilutėje (jo prašymas /sritys/ „11 sričių" ir
     „19 pavyzdžių"), o mygtukas visada per visą plotį po jomis. Viena
     plytelė be poros savaime išsitempia per 100 %, nes `flex-grow:1`.  */
  .ph__aside{flex-direction:row !important;flex-wrap:wrap;gap:12px !important}
  .ph__aside > .statcard{flex:1 1 calc(50% - 6px);min-width:0}
  .ph__aside > .btn{flex:1 1 100%}
  .ph__aside .statcard b{font-size:26px}
  .ph__aside .statcard span{font-size:12.5px}
}

/* ══ 23. SKIRTUKAI + ANIMUOTA SCENA („Ką verta žinoti") ═══════════════════
   ⛔ Juodoji sekcija su siauru akordeonu atrodė tuščia — pusė juostos buvo
   nieko. Dabar: kairėje skirtukų sąrašas ir aktyvus tekstas, dešinėje scena.
   ⛔ Be JS matomi VISI tekstai — nieko neslepia vien CSS.                   */
.tb{display:block}
.tb__t{display:flex;align-items:flex-start;gap:14px;width:100%;padding:18px 0;
  background:none;border:0;text-align:left;cursor:pointer;color:#fff;
  font-family:var(--disp);font-size:20px;font-weight:400;line-height:1.3;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.14)}
.tb__t > span:first-child{flex:1 1 auto;min-width:0}
.tb__x{flex:0 0 auto;width:11px;height:11px;margin-top:7px;
  border-right:1.6px solid rgba(255,255,255,.5);border-bottom:1.6px solid rgba(255,255,255,.5);
  transform:rotate(45deg);transition:transform .26s var(--e,cubic-bezier(.22,.61,.36,1)),
  border-color .22s ease}
.tb__p p{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.80)}
.tb__a{display:none}

/* ── Kompiuteryje: du stulpeliai ───────────────────────────────────────── */
@media (min-width:901px){
  .tb{display:grid;grid-template-columns:minmax(0,1fr) 340px;
      column-gap:64px;align-items:start}
  .tb__l{grid-column:1;grid-row:1;display:flex;flex-direction:column}
  /* ⛔ VISI tekstai dedami į TĄ PATĮ langelį — kitaip skirtukai „šokinėtų“,
     nes kiekvienas tekstas kitokio ilgio; aukštį laiko ilgiausias. */
  .tb__p{grid-column:1;grid-row:2;margin-top:26px;min-width:0;
    opacity:0;transform:translateY(8px);pointer-events:none;
    transition:opacity .34s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
  .tb__p.is-on{opacity:1;transform:none;pointer-events:auto}
  .tb__a{grid-column:2;grid-row:1 / span 2;display:block;position:relative;
    align-self:center;color:var(--gold-dark);aspect-ratio:320/280}
  .tb__t{transition:color .24s ease,padding-left .38s cubic-bezier(.22,.61,.36,1)}
  .tb__t.is-on{color:var(--gold-dark);padding-left:18px}
  /* auksinė juostelė, kuri nubrėžiama iš viršaus */
  .tb__t::before{content:"";position:absolute;left:0;width:2px;height:100%;
    background:var(--gold-dark);transform:scaleY(0);transform-origin:top;
    transition:transform .42s cubic-bezier(.22,.61,.36,1)}
  .tb__t{position:relative}
  .tb__t.is-on::before{transform:scaleY(1)}
  .tb__t.is-on .tb__x{transform:rotate(-45deg);border-color:var(--gold-dark)}
  @media (hover:hover){ .tb__t:not(.is-on):hover{color:#fff;padding-left:8px}
    .tb__t:not(.is-on):hover .tb__x{border-color:rgba(255,255,255,.85)} }
}
/* JS nepasiekus (arba <901px) tekstai tiesiog matomi vienas po kito */
.tb__p{margin-top:12px;margin-bottom:8px}

/* ── Telefone: akordeonas ─────────────────────────────────────────────── */
@media (max-width:900px){
  .tb.is-acc .tb__p{overflow:hidden;
    transition:height .3s cubic-bezier(.22,.61,.36,1)}
  .tb.is-acc .tb__t.is-on .tb__x{transform:rotate(-135deg) translate(-3px,-3px)}
  .tb__t{font-size:17px;line-height:1.35;padding:16px 0}
  .tb__p p{font-size:14.5px;line-height:1.65}
  /* ⛔ Jokių paraščių ant paties skydelio — suskleistas jis privalo būti
     TIKRAI 0px aukščio, kitaip lieka matoma plonytė juostelė. */
  .tb__p{margin-top:0;margin-bottom:0;padding-bottom:0}
  .tb.is-acc .tb__p p{padding-bottom:18px}
  /* ⛔ Mygtukai ir tekstai turi eiti pakaitomis — grid `order` pagal --r. */
  .tb{display:flex;flex-direction:column}
  .tb__l{display:contents}
  .tb__t{order:var(--r)}
  .tb__p{order:var(--r)}
}

/* ══ 24. SCENŲ ANIMACIJA ══════════════════════════════════════════════════
   ⛔ Tik `opacity`, `transform` ir `stroke-dashoffset`. Jokio `filter`,
   jokio animuojamo `box-shadow`/`clip-path` — 2026-09-22 mirgėjimo pamoka.  */
.sc{position:absolute;inset:0;width:100%;height:100%;
  opacity:0;transform:scale(.97);pointer-events:none;
  transition:opacity .40s ease,transform .55s cubic-bezier(.22,.61,.36,1)}
.sc.is-on{opacity:1;transform:none}
.sc .dr,.sc .arc,.sc .lines path,.sc .link,.sc .tick{
  stroke-dasharray:100;stroke-dashoffset:100}
.sc.is-on .dr,.sc.is-on .arc,.sc.is-on .lines path,.sc.is-on .link,.sc.is-on .tick{
  animation:sc-draw .95s cubic-bezier(.33,.9,.35,1) both;
  animation-delay:calc(var(--i,0) * 110ms + 120ms)}
@keyframes sc-draw{to{stroke-dashoffset:0}}

.sc .fd,.sc .days rect,.sc .win rect,.sc .chain rect,.sc .bubble{opacity:0}
.sc.is-on .fd,.sc.is-on .bubble{animation:sc-fd .5s ease both;
  animation-delay:calc(var(--i,0) * 110ms + 420ms)}
.sc.is-on .days rect,.sc.is-on .win rect,.sc.is-on .chain rect{
  animation:sc-pop .46s cubic-bezier(.34,1.3,.5,1) both;
  animation-delay:calc(var(--i,0) * 85ms + 520ms);transform-box:fill-box;transform-origin:center}
@keyframes sc-fd{to{opacity:1}}
@keyframes sc-pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}

.sc .grow rect,.sc .bars rect,.sc .stack ellipse{opacity:0;transform-box:fill-box}
.sc.is-on .grow rect,.sc.is-on .bars rect{transform-origin:bottom;
  animation:sc-grow .62s cubic-bezier(.22,.8,.3,1) both;
  animation-delay:calc(var(--i,0) * 130ms + 480ms)}
@keyframes sc-grow{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:none}}
.sc.is-on .stack ellipse{transform-origin:center;
  animation:sc-coin .5s cubic-bezier(.34,1.2,.5,1) both;
  animation-delay:calc(var(--i,0) * 120ms + 440ms)}
@keyframes sc-coin{from{opacity:0;transform:translateY(-22px) scaleX(.85)}to{opacity:1;transform:none}}

/* nuolatiniai, ramūs judesiai */
.sc.is-on .spin{animation:sc-spin var(--dur,9s) linear infinite;
  transform-box:view-box;transform-origin:var(--org,160px 140px)}
@keyframes sc-spin{to{transform:rotate(360deg)}}
.sc.is-on .sway{animation:sc-sway var(--dur,6.5s) ease-in-out infinite;
  transform-box:view-box;transform-origin:var(--org,160px 82px)}
@keyframes sc-sway{0%,100%{transform:rotate(-3.2deg)}50%{transform:rotate(3.2deg)}}
.sc.is-on .pulse{animation:sc-pulse 2.6s ease-in-out infinite;transform-box:fill-box;
  transform-origin:center;animation-delay:1s}
@keyframes sc-pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}
.sc.is-on .mark,.sc.is-on .stamp{opacity:0;animation:sc-stamp .55s cubic-bezier(.3,1.25,.5,1) both;
  animation-delay:1s;transform-box:fill-box;transform-origin:center}
@keyframes sc-stamp{from{opacity:0;transform:scale(1.5) rotate(-8deg)}to{opacity:.85;transform:none}}
.sc.is-on .roll{animation:sc-roll 5.5s ease-in-out infinite}
@keyframes sc-roll{0%,100%{transform:translateX(-9px)}50%{transform:translateX(9px)}}
.sc .road{stroke-dasharray:14 16}
.sc.is-on .road{animation:sc-road 1.6s linear infinite}
@keyframes sc-road{to{stroke-dashoffset:-30}}
.sc.is-on .drop{animation:sc-drop 3.4s ease-in-out infinite;transform-box:fill-box}
@keyframes sc-drop{0%{opacity:0;transform:translateY(-40px)}22%,70%{opacity:1;transform:none}
  100%{opacity:0;transform:translateY(-40px)}}
.sc.is-on .weak{animation:sc-weak 2.4s ease-in-out infinite}
@keyframes sc-weak{0%,100%{opacity:.25}50%{opacity:1}}
.sc.is-on .dot3{opacity:0;animation:sc-dot 1.6s ease-in-out infinite;
  animation-delay:calc(var(--i,0) * 200ms + .9s)}
@keyframes sc-dot{0%,100%{opacity:.2}40%{opacity:1}}
.sc.is-on .hammer{animation:sc-ham 3.2s cubic-bezier(.5,0,.4,1) infinite;
  transform-box:view-box;transform-origin:var(--org,196px 96px)}
@keyframes sc-ham{0%,55%{transform:rotate(-26deg)}70%{transform:rotate(4deg)}
  78%{transform:rotate(-6deg)}100%{transform:rotate(-26deg)}}
.sc.is-on .trace{opacity:.9}

@media (prefers-reduced-motion:reduce){
  .sc *,.sc.is-on *{animation:none !important;stroke-dashoffset:0 !important;opacity:1 !important;
    transform:none !important}
  .sc{transition:none}
}

/* ── 25. Scenos „padėklas": žiedas lieka, keičiasi tik piešinys ─────────── */
@media (min-width:901px){
  .tb{grid-template-columns:minmax(0,1fr) 400px;column-gap:72px}
  .tb__p p{max-width:700px}
  .tb__a{width:400px}
}
.tb__stage{position:absolute;inset:0;width:100%;height:100%;color:var(--gold-dark)}
.tb__ring{transform-box:view-box;transform-origin:160px 140px;
  animation:tb-ring 64s linear infinite}
@keyframes tb-ring{to{transform:rotate(360deg)}}
.sc{stroke-width:1.75}
@media (prefers-reduced-motion:reduce){ .tb__ring{animation:none} }

/* ══ 26. 2026-09-22 — JO PASTABŲ RINKINYS ════════════════════════════════ */

/* ── a) Auksinė skirtuko juostelė NEBEIŠLENDA ────────────────────────────
   ⛔ `::before` turėjo `height:100%`, bet ne `top`. Be `top` jis statomas
   į statinę vietą, t. y. PO `padding-top:18px`, tad 18px išlįsdavo žemiau.  */
@media (min-width:901px){
  .tb__t::before{top:0;bottom:0;height:auto}
}
/* telefone `order` perima `--o`, kad antraštė ir jos tekstas eitų greta */
@media (max-width:900px){
  .tb__t{order:var(--o)}
  .tb__p{order:var(--o)}
}

/* ── b) Faktų juosta: 4 blokai (2×2), o ne stulpelis ─────────────────────
   ⛔ „Nuo 1998 m." 30px Fraunces = 172px ir į 140px langelį netilpo — todėl
   anksčiau buvau perjungęs į vieną stulpelį. Jis nori keturių blokų, tad
   mažinamas pats užrašas: 23px ⇒ ~132px ir telpa net 360px ekrane.        */
@media (max-width:700px){
  .facts{grid-template-columns:repeat(2,minmax(0,1fr)) !important;
         gap:20px 14px !important;align-items:start}
  .fact__v{font-size:23px !important;white-space:nowrap;display:flex;align-items:center;gap:5px;
           line-height:1.15}
  .fact__v svg{width:17px;height:17px}
  .fact__k{font-size:12.5px;margin-top:5px;line-height:1.35}
}
@media (max-width:360px){ .fact__v{font-size:21px !important} }

/* ── c) Plytelė ir kortelė — VIENODAS svoris ─────────────────────────────
   ⛔ `.acard h3` yra 500, o `.tile` buvo 400 — todėl „Transporto teisė"
   atrodė plonesnė už „Administracinė teisė". */
@media (max-width:700px){ .tile{font-weight:500} }

/* ── d) „Visos N" plytelė — pusė pločio, į likusį langelį ───────────────
   ⛔ `grid-column:1 / -1` ją tempė per visą plotį ir paliko tuščią langelį. */
@media (max-width:700px){ .tile--dark{grid-column:auto} }

/* ── e) /bylos/ — tarpas po plytele ir pilės, kurios nebesispaudžia ──────
   ⛔ Pilės buvo `.tile`, tad paveldėjo telefono stulpelinę kryptį ir 20px
   paraštę — skaičius nukrisdavo į antrą eilutę, o plytelė išpampdavo iki
   74px. Pilė privalo likti viena eilute.                                  */
@media (max-width:700px){
  .ph .bars{margin-top:var(--s-3) !important}
  .ph .pillrow{gap:8px !important;margin-top:var(--s-3) !important}
  .ph .pillrow .tile{flex-direction:row !important;align-items:center !important;
    min-height:0 !important;padding:9px 15px !important;font-size:14px !important;
    gap:6px !important;width:auto;border-radius:999px !important;font-weight:500}
  .ph .pillrow .tile b{font-size:14px}
}

/* ── f) Bylos kodas telefone — iš kairės ────────────────────────────────── */
@media (max-width:700px){
  .casecode{text-align:left !important;width:100%}
  .casecode .bigcode{font-size:40px}
}

/* ── g) Poraštėje kiek daugiau oro tarp stulpelių ──────────────────────── */
/* ⛔ Vien padidinus tarpą iki 32px stulpeliai susiaurėjo iki 159px ir
   „Nekilnojamojo turto teisė" nulūžo į dvi eilutes — atrodė kaip vėl
   atsiradęs netolygus tarpas. Sričių sąrašui reikia daugiau vietos nei
   „Kontorai" (ilgiausia ten — „Privatumo politika"), tad stulpeliai
   NELYGŪS: 1.16fr / 0.84fr. Taip ir tarpas didesnis, ir niekas nelūžta. */
/* ⛔⛔ Stulpeliai LIEKA 50/50 — tai jo ankstesnis aiškus prašymas („teises
   sritys 50% ir kontora 50%"). Buvau padaręs 1.16fr/0.84fr, kad tilptų
   „Nekilnojamojo turto teisė" — tai prieštaravo jo nurodymui, testas pagavo.
   ⛔ Didesnis tarpas siaurina stulpelį, tad ilgiausias vardas telpa tik
   truputį sumažinus raidę: 14 → 13.5px. Patikrinta — nė viena nuoroda
   nebelūžta nuo 320px iki 700px.                                          */
@media (min-width:375px) and (max-width:700px){
  .ftr__in{grid-template-columns:1fr 1fr;column-gap:26px}
  .ftr__c a{font-size:13.5px}
}
/* ⛔ Po 375px stulpelis lieka ~131px, o „Nekilnojamojo turto teisė" (24 sim.)
   netelpa NĖ PRIE VIENO įskaitomo dydžio (net 11px reikia ~127px). Tokiuose
   telefonuose poraštė – VIENAS stulpelis; tai geriau nei du suspausti.
   ⛔ Jo telefonas yra 390px, tad jis mato du stulpelius, kaip ir prašė.    */
@media (max-width:374px){
  .ftr__in{grid-template-columns:minmax(0,1fr)}
  .ftr__c--n{grid-column:1;grid-row:4;margin-top:26px}
  .ftr__c a{font-size:14px}
}

/* ── h) Advokatai telefone — kortelė per visą plotį ─────────────────────
   ⛔ Portretas + vardas + pareigos + aprašas į 165px netelpa. */
@media (max-width:700px){
  .people,.g3.people{grid-template-columns:minmax(0,1fr) !important}
  .acard--adv{grid-column:1 / -1}
  .g3:has(.acard--adv){grid-template-columns:minmax(0,1fr) !important}
}

/* ── i) Kontaktų telefono numeris su ikona ──────────────────────────────── */
.pnum{display:inline-flex;align-items:center;gap:9px;margin-top:10px;
  font-size:17px;font-weight:600;color:var(--gold)}
.pnum svg{flex:0 0 auto}
@media (hover:hover){ .pnum:hover{color:var(--gold-dark)} }

/* ── k) /bylos/ diagramos kortelė telefone arčiau plytelės ──────────────── */
@media (max-width:700px){
  .chartcard{margin-top:var(--s-3) !important;padding:20px !important}
  .chartcard .g4{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
}

/* ══ 27. 2026-09-22 vakaras — trys tarpų/tvarkos pataisos ════════════════ */

/* ── a) Juodajame akordeone tekstas nebesilipdo prie skiriamosios linijos ─
   ⛔ Išmatuota: nuo `.tb__t` apatinės linijos iki teksto buvo **2px**.
   Antraštės linija ir pastraipa atrodė kaip vienas lipnus blokas.         */
@media (max-width:900px){
  .tb.is-acc .tb__p p{padding-top:16px}
}

/* ── b) Po „Kaip vyksta pirmas kreipimasis" — oro ────────────────────────
   ⛔ Tarpą kompiuteryje duodavo `.rail` (36px), bet ties ≤1100px jis
   `display:none`, tad antraštė ir pirmas žingsnis LIETĖSI (išmatuota −1px).
   Rail'as slepiamas nuo 1100px, tad ir tarpas grąžinamas nuo ten pat.     */
@media (max-width:1100px){
  .steps3{margin-top:var(--s-head)}
}

/* ── c) Bylos puslapis: „Kitos šios srities praktikos pavyzdžiai" ────────
   Telefone eina PO juodąja „Panaši situacija?" kortele (jo nurodymas).
   ⛔ Kompiuteryje vieta NEPAKITO — tai tikrina `verify_v2.mjs`.           */
@media (min-width:1101px){
  .split--case{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start}
  .split--case > .split__m{grid-column:1;grid-row:1;min-width:0}
  .split--case > .side{grid-column:2;grid-row:1 / span 2}
  .split--case > .sibs-sec{grid-column:1;grid-row:2;min-width:0}
}
@media (max-width:1100px){
  .split--case > .split__m{order:1}
  .split--case > .side{order:2}
  .split--case > .sibs-sec{order:3}
}

/* ══ 28. Hero — komandos nuotrauka vietoj „konsultacija.jpg" (2026-09-23) ═══
   ⛔ `object-fit:cover` plačiose juostose (planšetė 100%×360, telefonas
   100%×200) centruotai karpydamas nukirstų Mindaugo galvą (viršus ~y88 iš
   848). Todėl kadras pririšamas prie viršaus: 14 %. Kompiuteryje (552×440)
   karpomi šonai, o visi trys telpa x 170–1160 iš 1264, tad centras lieka. */
.hero__img--team{object-position:center 14%}

/* ══ 29. NEMATOMA SCENA SUSTOJA (2026-09-23) ═════════════════════════════
   Juodosios sekcijos scenos (tik kompiuteryje) turi begalinius judesius —
   laikrodį, svarstykles, žiedą, kuris sukasi 64 s. Kol sekcija už ekrano,
   JS uždeda `.is-off` ir judesiai sustoja: niekas jų nemato, o naršyklė
   nebeperpiešia SVG kas kadrą. Grįžus — tęsiasi nuo tos pačios vietos.     */
.tb__a.is-off *{animation-play-state:paused !important}

/* ══ 30. ŽEMĖLAPIS KRAUNASI TIK SUSTOJUS (2026-09-23) ════════════════════
   Rėmelis su `data-src` yra tuščias, kol JS jo neįjungia. Be JS jį pakeičia
   `<noscript>` kopija, todėl tuščias rėmelis tada paslepiamas.             */
html:not(.js) iframe[data-src]{display:none}

/* ══ 31. SCENOS — judesiai, kurių TRŪKO, ir perpieštos scenos (2026-09-23) ═════
   ⛔⛔ 09-22 „minimaliose" scenose klasės `rot`, `glow`, `fall`, `tap` neturėjo
      JOKIOS taisyklės: laikrodžio rodyklės stovėjo viena ant kitos, langai ir
      pažymėta diena buvo pliki kvadratėliai, moneta nekrito, plaktukas stovėjo.
      Jo žodžiai: „clock is not moving… calendar is not normal… car half empty".
   ⛔ `build_v2.py` KRENTA, jei scenoje panaudota klasė be taisyklės šiame faile.
   ⛔ Tik `opacity` / `transform` (+ `stroke-dashoffset` piešimui).
   `.fx` = grynai efektas (aureolė, greičio brūkšniai, smūgio linijos) — su
   sumažintu judesiu jis paslepiamas, nes sustingęs jis nieko nereiškia.      */
.sc .glow{opacity:.08}
.sc.is-on .glow{animation:sc-glow 4.4s ease-in-out infinite both;
  animation-delay:calc(1.2s + var(--i,0) * 2.2s)}
@keyframes sc-glow{0%,100%{opacity:.08}50%{opacity:.4}}
.sc .halo{opacity:0;transform-box:fill-box;transform-origin:center}
.sc.is-on .halo{animation:sc-halo 2.8s cubic-bezier(.2,.6,.3,1) 1.7s infinite both}
@keyframes sc-halo{0%{opacity:.75;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.9)}}
.sc .coin{opacity:0}
.sc.is-on .coin{animation:sc-coin-drop 3.6s 1.1s infinite both}
@keyframes sc-coin-drop{
  0%{opacity:0;transform:translateY(-34px);animation-timing-function:cubic-bezier(.5,0,.9,.5)}
  12%{opacity:1}
  32%{transform:translateY(0);animation-timing-function:cubic-bezier(.2,.6,.4,1)}
  38%{transform:translateY(-3px);animation-timing-function:cubic-bezier(.6,0,.8,.4)}
  44%{transform:translateY(0)}
  78%{opacity:1;transform:translateY(0)}
  100%{opacity:0;transform:translateY(0)}}
.sc.is-on .tap{animation:sc-tap 3.4s 1.1s infinite both;transform-box:view-box;transform-origin:var(--org)}
@keyframes sc-tap{
  0%,40%{transform:rotate(24deg);animation-timing-function:cubic-bezier(.6,0,1,.6)}
  52%{transform:rotate(0);animation-timing-function:cubic-bezier(.2,.7,.4,1)}
  58%{transform:rotate(4deg);animation-timing-function:cubic-bezier(.6,0,.8,.5)}
  64%{transform:rotate(0);animation-timing-function:cubic-bezier(.35,0,.25,1)}
  100%{transform:rotate(24deg)}}
.sc .hit{opacity:0}
.sc.is-on .hit{animation:sc-hit 3.4s 1.1s infinite both}
@keyframes sc-hit{0%,51%{opacity:0}53%{opacity:.9}70%,100%{opacity:0}}
.sc.is-on .bob{animation:sc-bob 1.3s ease-in-out infinite}
@keyframes sc-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2px)}}
.sc .speed{opacity:0}
.sc.is-on .speed{animation:sc-speed 1.5s linear 1s infinite both}
@keyframes sc-speed{0%{opacity:0;transform:translateX(12px)}35%{opacity:.6}100%{opacity:0;transform:translateX(-20px)}}
.sc.is-on .lift{animation:sc-fd .5s ease both,sc-lift 6s ease-in-out infinite;
  animation-delay:calc(var(--i,0) * 110ms + 420ms),1.4s}
@keyframes sc-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}
.sc .cable{transform-box:fill-box;transform-origin:top}
.sc.is-on .cable{animation:sc-fd .5s ease both,sc-cable 6s ease-in-out infinite;
  animation-delay:calc(var(--i,0) * 110ms + 420ms),1.4s}
@keyframes sc-cable{0%,100%{transform:scaleY(1)}50%{transform:scaleY(var(--k,.4))}}
@media (prefers-reduced-motion:reduce){ .sc .fx{display:none !important} }

/* ══ 32. PAGRINDINIO H1 — su bendrijos vardu (2026-09-23) ════════════════════
   Jo nurodymas: „on h1 maybe write Advokatu kontora kaune "Vasiliauskas ir
   partneriai"… if too big font make subtly smaller".
   ⛔⛔ RASTA KARTU: hero nuotrauka NIEKADA nebuvo 552px, kaip drobėje. `<img>`
      flex eilutėje turi `min-width:auto` = jo turinio plotis (440px aukštis ×
      3:2 = 656px), tad `flex:0 0 552px` buvo ignoruojamas, o tekstui likdavo
      536px (1440) … 197px (1101) — ten net senas h1 išlįsdavo už krašto.
      ✅ `min-width:0` + proporcingas aukštis: nuotrauka 552×440 kaip drobėje,
      siauresniame kompiuteryje traukiasi KARTU su tekstu, o karpymas lieka tas
      pats (visi trys advokatai kadre — žr. 28 skyrių).
   ⛔ Vardas „…“ nelūžta per pusę (nowrap), išskyrus telefoną, kur jis netelpa. */
.h1__firm{white-space:nowrap}
@media (min-width:1101px){
  .hero__img{flex:0 1 552px;min-width:0;height:auto;aspect-ratio:552 / 440}
  /* ⛔ Vardas ≈ 12,4 × šrifto dydžio, stulpelis ≈ 0,537 × (plotis − 248px) ⇒
     dydis ≤ 4,3vw − 11px. Išmatuota kas 10px nuo 1101 iki 1920 — nelūžta,
     neišlenda. Pakeitus hero tarpus ar nuotraukos plotį — MATUOK iš naujo. */
  .h1--home{font-size:clamp(34px,calc(4.3vw - 11px),52px)}
}
@media (max-width:1100px){ .h1--home{font-size:46px} }
/* telefone vardas netelpa vienoje eilutėje ⇒ eilutės išlyginamos (`balance`),
   kad „partneriai“ neliktų vienas paskutinėje eilutėje */
@media (max-width:700px){ .h1--home{font-size:34px;line-height:1.1;text-wrap:balance}
  .h1__firm{white-space:normal} }

/* ══════════════════════════════════════════════════════════════════════════
   2026-10-06 — KLIENTO TAISYMAI (Edita 09-24, Mantė 09-30; gauta 10-06)
   ⛔ Failo GALE sąmoningai: tos pačios medijos užklausos aukščiau kartojasi 4×,
      tad laimi paskutinė. Ne dizaino keitimas — tik tai, ko reikalauja taisymai.
   ══════════════════════════════════════════════════════════════════════════ */

/* ══ 33. KONTAKTŲ BLOKAS BE FORMOS ═══════════════════════════════════════════
   Registracija tik telefonu ⇒ formos stulpelio nebėra. Kad neliktų tuščios
   pusės, kompiuteryje: kairėje antraštė + 4 kontaktų eilutės, dešinėje
   žemėlapis per visą bloko aukštį. ≤1100px blokai ir taip sukrauti — nekeista. */
@media (min-width:1101px){
  .cta--solo .cta__l{flex:1 1 auto;display:grid;grid-template-columns:440px minmax(0,1fr);
    grid-template-rows:auto 1fr;column-gap:64px;align-items:start}
  .cta--solo .cta__l>h2{grid-column:1;grid-row:1}
  .cta--solo .cta__dl{grid-column:1;grid-row:2}
  .cta--solo .cta__l>.map__f,.cta--solo .cta__l>noscript{grid-column:2;grid-row:1 / span 2;
    align-self:stretch;margin-top:10px;height:calc(100% - 10px);min-height:0}
  .cta--solo .cta__l>noscript{display:block}
  .cta--solo noscript .map__f{margin-top:0;height:100%;min-height:0}
}

/* ══ 34. PORAŠTĖ — vienas tvarkingas tinklelis + rekvizitai ══════════════════
   Mantė: „Pirmo puslapio apačioje truputį kažkoks balaganas vizualiai.
   Sutvarkyti stulpelius bei pridėti … rekvizitus“. Išmatuota prieš taisant:
   · antroji sričių skiltis (tuščia antraštė) buvo ~21px AUKŠČIAU už pirmąją
     (tuščias <p> 0px, tikra antraštė 13px × 1,6) ⇒ dabar jos aukštis = 1,6em;
   · ties 1024–1280px „Kontora“ skiltis nukrisdavo į antrą eilutę (flex-wrap)
     ⇒ dabar GRID: ≥960px — keturi stulpeliai, kurie traukiasi kartu (rekvizitams
       ≥310px, kad sąskaitos eilutė tilptų; ilgiausia sritis „Nekilnojamojo turto
       teisė“ ≈133px < 165px);
     701–959px — rekvizitai per visą plotį, po jais trys stulpeliai.
   ≥1440px stulpelių pločiai ir tarpai tokie pat kaip anksčiau (360/240/240/200).
   ⛔ Telefonas (≤700px) — 12 ir g) skyriai, nekeista (verify_v2_mobile M4). */
@media (min-width:701px){
  .ftr__h--empty{display:block;height:1.6em}
  .ftr__b,.ftr__c,.ftr__c--n{width:auto}
}
@media (min-width:960px){
  .ftr__in{display:grid;grid-template-columns:minmax(310px,360px) repeat(2,minmax(165px,240px)) minmax(140px,200px);
    justify-content:space-between;column-gap:var(--gap);align-items:start}
}
@media (min-width:701px) and (max-width:959px){
  .ftr__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);row-gap:32px;align-items:start}
  .ftr__b{grid-column:1 / -1}
}
/* Rekvizitai — VIENAS kompaktiškas teisinis blokas (ne antras kontaktų sąrašas):
   tas pats šriftas ir spalva visoms eilutėms, nuorodos atrodo kaip tekstas. */
.ftr__req a{color:inherit}
@media (hover:hover){ .ftr__req a:hover{color:var(--gold)} }

/* ══ 35. „REGISTRUOTIS KONSULTACIJAI" = SKAMBUTIS, numeris mygtuke ═══════════
   Registracija tik telefonu. Mygtuko užrašas tas pats, po juo — numeris, kurį
   mygtukas renka (advokato puslapyje — to advokato). Antraštėje numeris jau
   stovi šalia mygtuko, tad ten mygtukas be numerio.                          */
.btn--call:has(.btn__n){flex-direction:column;gap:5px;line-height:1.05;padding-top:12px;padding-bottom:12px}
.btn--call .btn__n{font-size:.8125em;font-weight:500;letter-spacing:.01em;opacity:.84;white-space:nowrap}
.btn--sm.btn--call:has(.btn__n){gap:4px;padding-top:10px;padding-bottom:10px}
@media (max-width:700px){
  .row .btn--call:has(.btn__n){padding-top:12px;padding-bottom:12px}
}

/* ══ 36. PAGRINDINIO H1 — „Advokatų profesinė bendrija „Vasiliauskas ir partneriai““ ══
   Ilgesnis nei buvęs „Advokatų kontora Kaune“. Ilgiausia eilutė dabar — PIRMOJI
   („Advokatų profesinė bendrija“ ≈ 11,7 × dydis + 32px), stulpelis ≈ 0,537 ×
   (plotis − 248px), ≥1440px — 640px. Dydis parinktas taip, kad liktų ~20px
   atsargos: kompiuteryje VISADA 2 eilutės, vardas „…“ niekada nelūžta.
   52 → 50px didžiausias (≥1440px). Išmatuota kas 10px 320–1920
   (tools/verify_v2_lines.mjs). Planšetė 46px, telefonas 34px — nekeista.       */
@media (min-width:1101px){
  .h1--home{font-size:clamp(32px,calc(4.55vw - 15.5px),50px)}
}

/* ══ 37. JUOSTA — adresas vienoje eilutėje, nauja nuotrauka, greitesnis išnirimas ══
   Mantė: „Kontora dirba Kauno senamiestuje.... sutalpinti į vieną eiliutę, kad
   skaičius adreso nekabėtų kitoje.“ Priežastis kompiuteryje — `max-width:740px`
   ties 34px (sakinys 788px). „Vilniaus g. 64A“ sujungta U+00A0 pačiame tekste,
   tad niekur nebelūžta; ≥1101px visas sakinys vienoje eilutėje.                */
.band__c p:first-child{max-width:none}
.js .band .rv--photo.in{animation-duration:.7s}

/* ══ 38. HERO — kliento komandos vaizdas (komanda-2.jpg, 1536×1024) ══════════
   Galvos šaltinyje: x 225–1280, y 78–370 (Mindaugo plaukai 78). Siauriausias
   langas — planšetė 100%×360 ties 1100px: matosi 551px aukščio. 6 % ⇒ langas
   nuo y≈28: virš Mindaugo galvos ~50px, smakrai gerokai viduje. Telefone
   (100%×200) ties 700px langas 465px nuo y≈34. Kompiuteryje karpomi tik šonai
   (x 126–1410). Patikrinta 360–1920.                                           */
.hero__img--team{object-position:center 6%}

/* ══ 39. JUOSTOS NUOTRAUKA — Vilniaus g. biuro atkarpa + licencijos kreditas (2026-10-06) ══
   `senamiestis-2.jpg` 2000×1100 (gulsčia). Kompiuteryje juosta ~4:1 ⇒ matosi ~500px
   aukščio langas; 33 % ⇒ fasadai su langais ir gatvės lygis (ne stogai, ne grindinys).
   Telefone (≈1,6:1) matosi visas aukštis. Senasis 45 % buvo stačiai nuotraukai.
   Kreditas privalomas (CC BY 3.0 PL): mažas, kampe, nekonkuruoja su sakiniu —
   kompiuteryje apačioje dešinėje, telefone viršuje dešinėje (apačioje stovi tekstas). */
.band img{object-position:center 33%}
.band__cr{position:absolute;right:16px;bottom:12px;z-index:2;font-size:11px;line-height:1.3;
  color:rgba(255,255,255,.82);background:rgba(20,19,16,.58);padding:3px 9px;border-radius:999px}
/* ⛔ Ši nuotrauka ŠVIESI (šviesūs fasadai, mėlynas dangus) — su senuoju šešėliu baltas
   sakinys ≥701px turėjo tik ~2,5:1 kontrastą (išmatuota: 95-asis fono šviesumo procentilis
   po tekstu). Ta pati spalva, tik tamsesnė kairė pusė, kur stovi tekstas. Telefone
   vertikalus šešėlis jau duoda ≥3,7:1 (antraštė) ir ≥7,5:1 (sakinys) — nekeista. */
@media (min-width:701px){
  .band::after{background:linear-gradient(90deg,rgba(33,26,18,.82) 0%,rgba(33,26,18,.72) 40%,
    rgba(33,26,18,.50) 66%,rgba(33,26,18,.16) 100%)}
}
/* planšetėje tekstas užima beveik visą plotį ⇒ šešėlis tolygesnis iki pat dešinės */
@media (min-width:701px) and (max-width:1100px){
  .band::after{background:linear-gradient(90deg,rgba(33,26,18,.82) 0%,rgba(33,26,18,.74) 55%,
    rgba(33,26,18,.62) 85%,rgba(33,26,18,.44) 100%)}
}
.band__cr a{color:inherit}
@media (hover:hover){ .band__cr a:hover{color:#fff;text-decoration:underline} }
@media (max-width:700px){ .band__cr{top:10px;bottom:auto;right:12px;font-size:10.5px} }

/* ── Bylų filtrai (/bylos/) — 2026-10-07 ─────────────────────────────────
   Buvo `.tile` su inline stiliais: `.tile{flex:1 1 auto}` ištempdavo kiekvieną
   mygtuką per visą eilę, o tekstą centruodavo tik `.tile--dark` („Visos“),
   likusių — prie kairio krašto. Dabar plotis = žodis, tekstas centre.        */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s-head)}
.chip{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;
  border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--hair);color:var(--ink);
  font-size:14.5px;font-weight:500;line-height:1;white-space:nowrap;
  transition:box-shadow .2s ease,background .2s ease}
.chip--on{background:var(--ink);color:#fff;font-weight:600;box-shadow:none}
@media (hover:hover){ a.chip:hover{box-shadow:inset 0 0 0 1px var(--ink)} }
@media (max-width:700px){ .chips{gap:8px} .chip{height:40px;padding:0 16px;font-size:14px} }

/* ══ 40. TEMA — viena spalvų sistema per kintamuosius (2026-10-08) ══════════════
   Mantė telefonu: baltas fonas NEGERAI, nori prabangos. Kad fonas keistųsi VISOJE
   svetainėje vienu kartu, visos šviesios „#fff“ vietos pakeistos kintamaisiais:
   --paper  kortelės ant plokštumos (buvo #fff) · --plane-h  užvedimas ant kortelės
   --acc / --acc-h / --on-acc  pagrindinis mygtukas ir jo tekstas
   --gold  akcentinis tekstas/ikonos (ant tamsaus — šviesesnis) · --black  gilios sekcijos
   Numatytosios reikšmės = buvusi šviesi išvaizda; paletė nustatoma :root žemiau.   */
:root{--paper:#fff;--plane-h:#F1EFEA;--acc:var(--gold);--acc-h:#7A5617;--on-acc:#fff;--on-ink:#fff}
.lang .on{background:var(--ink);color:var(--on-ink)}
.btn--pri{background:var(--acc);color:var(--on-acc)}
.btn--pri:hover{background:var(--acc-h)}
.acard:hover,.tile:hover,.ccard:hover{background:var(--plane-h)}
.pill,.lad__d,.statcard,.chip{background:var(--paper)}
.burger:hover,.hdr__call:hover,.lang a:hover{background:var(--plane-h)}
.chip--on{background:var(--ink);color:var(--on-ink)}
.lad__i.on .lad__d{background:var(--gold)}
.casecard,.ladcard{background:var(--paper)}
@media (hover:hover){
  .soc a:hover{background:var(--acc)}
  .soc a:hover svg{stroke:var(--on-acc);fill:var(--on-acc)}
  .soc a:hover svg[fill="none"]{fill:none;stroke:var(--on-acc)}
}

/* ══ 41. GRAFITAS — Ringos pasirinkta paletė (2026-10-08) ══════════════════════
   Mantė: „baltas fonas negerai“, nori prabangos. Ringa iš 4 variantų (Grafitas, Naktis,
   Akmuo, Smaragdas — `design/redesign-2026-10/v2-paletes/`) pasirinko A · Grafitas:
   šiltai juoda + auksas. Kontrastas: body #C6C0B5 ant #151514 ≈ 10:1, muted ≈ 5:1.     */
:root{
  --ground:#151514; --plane:#1D1C1A; --paper:#27251F; --plane-h:#24221F;
  --hair:rgba(255,255,255,.10);
  --ink:#F2EEE6; --body:#C6C0B5; --muted:#98928A;   /* ≥4,5:1 ir ant kortelių (#27251F) */
  --gold:#CDAA5E; --gold-dark:#D4B46A;
  --acc:#B8913F; --acc-h:#C9A24E; --on-acc:#141310; --on-ink:#151514;
  --black:#0C0C0B;
}

/* ══ 42. PRABANGOS SLUOKSNIS — subtilu, iš JŲ pasaulio (2026-10-08) ═════════════
   Ringa: „premium elements everywhere on every single page, but super subtle“.
   Kas ir kodėl (kiekvienas: subtilus · be jo puslapis pigesnis · priklauso šiai firmai):
   · grūdas — fonas niekada nebūna plokščias juodas laukas (statinis, pigus);
   · graviruota rozetė (`guilloche-1.svg`) — kaip notarinių dokumentų / antspaudų graviūra;
     labai blyški, sukasi ~3 min. ratu (tik transform), sustoja už ekrano (JS `.is-off`);
   · auksinė plaukelio linija tamsių sekcijų viršuje; kortelėms — plaukelio rėmelis,
     užvedus pelę — auksinis; pagrindiniame mygtuke — šviesos blyksnis užvedus.
   ⛔ Sumažintas judesys — rozetės nesisuka. ⛔ Jokio clip-path / backdrop-filter.          */
:root{--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 .96  0 0 0 0 .88  0 0 0 .055 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
body{background-image:var(--grain)}
.ph,.dark,.cta{background-image:var(--grain)}
.ph{background-image:radial-gradient(ellipse 55% 140% at 92% 0%,rgba(205,170,94,.075),transparent 62%),var(--grain)}
@keyframes orn-rot{to{transform:rotate(360deg)}}
.ph,.cta,.dark{position:relative;overflow:hidden}
.ph>.wrap,.cta>.wrap,.dark>.wrap{position:relative;z-index:1}
.ph::after,.cta::after{content:"";position:absolute;pointer-events:none;z-index:0;
  background:url(/assets/img/guilloche-1.svg) center/contain no-repeat;animation:orn-rot 180s linear infinite}
.ph::after{width:820px;height:820px;right:-250px;top:-330px;opacity:.07}
.cta::after{width:900px;height:900px;left:-420px;bottom:-460px;opacity:.05}
.ph.is-off::after,.cta.is-off::after,.misvis.is-off .misvis__orn img:first-child{animation-play-state:paused}
@media (max-width:700px){
  .ph::after{width:520px;height:520px;right:-230px;top:-250px;opacity:.06}
  .cta::after{width:560px;height:560px;left:-300px;bottom:-300px}
}
/* auksinis plaukelis tamsių sekcijų viršuje (šviesėja centre, nyksta į kraštus) */
.dark::before,.cta::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(205,170,94,.38) 28%,rgba(205,170,94,.38) 72%,transparent)}
/* kortelės: plaukelio rėmelis; užvedus — auksinis */
.acard,.ccard,.pcard,.sidecard,.statcard,.tile:not(.tile--dark),.faq details[open]{box-shadow:inset 0 0 0 1px var(--hair)}
@media (hover:hover){
  .acard:hover,.ccard:hover,.pcard:hover,.tile:not(.tile--dark):hover{box-shadow:inset 0 0 0 1px rgba(205,170,94,.42)}
}
.tile--dark{box-shadow:inset 0 0 0 1px rgba(205,170,94,.35)}
/* pagrindinis mygtukas — šviesos blyksnis užvedus (tik transform) */
.btn--pri{position:relative;overflow:hidden;isolation:isolate}
.btn--pri::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);
  transform:translateX(-130%);transition:transform .7s cubic-bezier(.22,.61,.36,1)}
@media (hover:hover){ .btn--pri:hover::after{transform:translateX(130%)} }
/* žemėlapis tamsus kaip svetainė (Google rėmelis šviesus — filtru pritemdomas ir pašiltinamas) */
.map__f{filter:invert(.9) hue-rotate(180deg) saturate(.35) sepia(.18) brightness(.92) contrast(.92)}
/* dabartinis hero (kol nauja kryptis nepasirinkta) — švelni šviesa už teksto */
.hero{position:relative;background-image:radial-gradient(ellipse 50% 70% at 18% 40%,rgba(205,170,94,.06),transparent 70%)}
@media (prefers-reduced-motion:reduce){
  .ph::after,.cta::after,.misvis__orn img{animation:none!important}
  .btn--pri::after{transition:none}
}

/* aktyvūs žymekliai (filtrų „Visos“, kalbos „LT“) — auksiniai, ne šviesios piliulės */
.chip--on,.lang .on{background:var(--acc);color:var(--on-acc)}

/* ══ 43. MISIJA IR VIZIJA PAGRINDINIAME (2026-10-08) ═══════════════════════════
   Ringa: „misija and vizija should be on homepage, in some kind of super nice section“
   (ir Edita 09-24: „nematau nei vizijos, nei misijos“). Žodžiai — content.py MISSION/VISION.
   Kompozicija — antspaudas: rozetė su VP monograma centre, Vizija kairėje, Misija dešinėje.
   Telefone: antspaudas viršuje, po juo Vizija, tada Misija.                               */
.misvis{position:relative;overflow:hidden;background-color:var(--black);background-image:var(--grain);
  padding:var(--s-7) 0;margin-top:var(--sec)}
.misvis::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(205,170,94,.38) 28%,rgba(205,170,94,.38) 72%,transparent)}
.misvis__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 400px minmax(0,1fr);gap:56px;align-items:center}
.misvis__orn{position:relative;width:400px;height:400px;grid-column:2;grid-row:1}
.misvis__orn img:first-child{position:absolute;inset:-60px;width:520px;height:520px;max-width:none;opacity:.2;
  animation:orn-rot 200s linear infinite}
.misvis__mono{position:absolute;left:50%;top:50%;width:120px;transform:translate(-50%,-50%);opacity:.9}
.misvis__v{grid-column:1;grid-row:1}
.misvis__m{grid-column:3;grid-row:1}
.misvis h2{font-size:30px;color:var(--gold);margin:0}
.misvis__q{margin-top:22px;font-family:var(--disp);font-size:31px;line-height:1.28;color:var(--ink);letter-spacing:-.005em}
.misvis__m ul{list-style:none;margin:22px 0 0;padding:0}
.misvis__m li{position:relative;padding:18px 0 18px 30px;font-size:16px;line-height:1.62;color:var(--body);
  box-shadow:inset 0 -1px 0 var(--hair)}
.misvis__m li:last-child{box-shadow:none}
.misvis__m li::before{content:"";position:absolute;left:2px;top:27px;width:9px;height:9px;transform:rotate(45deg);
  box-shadow:inset 0 0 0 1px var(--gold)}
.misvis+.sec{padding-top:var(--sec)}
@media (max-width:1100px){
  .misvis__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 48px}
  .misvis__orn{grid-column:1 / -1;grid-row:1;justify-self:center;width:300px;height:300px}
  .misvis__orn img:first-child{inset:-45px;width:390px;height:390px}
  .misvis__mono{width:96px}
  .misvis__v{grid-column:1;grid-row:2} .misvis__m{grid-column:2;grid-row:2}
}
@media (max-width:700px){
  .misvis{padding:var(--s-6) 0;margin-top:var(--sec)}
  .misvis__in{grid-template-columns:minmax(0,1fr);gap:28px}
  .misvis__orn{width:220px;height:220px}
  .misvis__orn img:first-child{inset:-34px;width:288px;height:288px}
  .misvis__mono{width:74px}
  .misvis__v,.misvis__m{grid-column:1} .misvis__v{grid-row:2} .misvis__m{grid-row:3}
  .misvis h2{font-size:26px}
  .misvis__q{font-size:24px;margin-top:14px}
  .misvis__m li{font-size:15px;padding:15px 0 15px 26px}
  .misvis__m li::before{top:23px}
}

/* ══ 44. ADVOKATŲ PORTRETAI — pertonuotas fonas (2026-10-08) ════════════════════
   `p-<slug>-2.jpg` fonas jau šiltas akmuo; kol paveikslėlis kraunasi — ta pati spalva, ne balta. */
.pcard img,.pbig,img.pbig{background:#CFC8BB}

/* ══ 45. JUODAS LAKAS — kortelės ir tonų sistema (2026-10-08) ══════════════════
   Ringa: „on those rectangles you chose very bad dark shades it looks ai generated … the colour
   play around is horrible“ · bylų kortelės „weird choice … make em premium colours“ · „premium
   black shades or brownish“. Iš dviejų sugeneruotų (`design/redesign-2026-10/v2-korteles/`)
   pasirinko V1 · Juodas lakas.
   ⛔ Priežastis: pilka kortelė su blyškiu baltu rėmeliu ant kito pilko = „AI tamsus režimas“,
      o 5 artimi juodi tonai kovojo tarpusavyje. Dabar TRYS vaidmenys:
      fonas #0E0D0C · kortelė = lakuota juoda (šviesa iš viršaus) su auksiniu viršutiniu kraštu ·
      gilios sekcijos #090807. Jokio pilko rėmelio aplink. Ženkliukai ir kopėtėlės — auksiniai.  */
:root{--ground:#0E0D0C;--plane:#12110F;--black:#090807;--body:#C9C3B8;--muted:#9A948A;--plane-h:#1B1916;
  --card:linear-gradient(180deg,#1B1916 0%,#121110 70%);--card-h:linear-gradient(180deg,#211E1A 0%,#141311 70%);
  --edge:rgba(205,170,94,.42)}
.acard,.ccard,.pcard,.statcard,.sidecard,.sidecta,.ladcard,.tile:not(.tile--dark),
.faq details[open],.faq details[open]+details[open]{background:var(--card);box-shadow:inset 0 1px 0 var(--edge)}
@media (hover:hover){
  .acard:hover,.ccard:hover,.tile:not(.tile--dark):hover{background:var(--card-h);
    box-shadow:inset 0 1px 0 var(--gold),0 22px 44px rgba(0,0,0,.42)}
  .pcard:hover{box-shadow:inset 0 1px 0 var(--gold),0 22px 44px rgba(0,0,0,.42)}
}
.pill{background:rgba(205,170,94,.10);box-shadow:inset 0 0 0 1px rgba(205,170,94,.28);color:var(--gold)}
.lad::before{background:rgba(205,170,94,.22)}
.lad__d{background:var(--ground);box-shadow:inset 0 0 0 1px rgba(205,170,94,.45)}
.lad__i.on .lad__d{background:var(--gold);box-shadow:0 0 0 4px rgba(205,170,94,.16)}
.tile--dark{background:transparent;box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold)}
@media (hover:hover){ .tile--dark:hover{background:rgba(205,170,94,.10)} }
.chip{background:transparent;box-shadow:inset 0 0 0 1px rgba(205,170,94,.3)}
.chip--on{background:var(--acc);box-shadow:none}
/* ⛔ DUK: atidarytas klausimas po kito atidaryto turėjo tik apatinę liniją — `.faq details[open]+details`
   (0,2,2) nugalėdavo rėmelį (0,2,1). Ringa: „why when opened not all have borders around“. */
.faq details[open]+details:not([open]){box-shadow:inset 0 -1px 0 var(--hair)}
.credits{margin-top:var(--s-5);font-size:12.5px;line-height:1.6;color:var(--muted)}
.credits a{color:inherit;text-decoration:underline;text-underline-offset:2px}


/* ══ 46. HERO A · KADRAS — Ringos pasirinkimas (2026-10-09: „A is best“) ════════════════════════
   Perkelta PAŽODŽIUI iš design/redesign-2026-10/v2-hero/src/A.css + reikalingos base.css dalys
   (permatoma antraštė, hero antrinis mygtukas, sumažintas judesys). Markup — build_v2.py p_home,
   judesys — SCRIPT: `.is-go` ant <html> ties 90 % kroviklio, `.at-top` antraštei (< 24 px),
   kadras atsilieka slenkant (≥1101 px). ⛔ Kovoti skaičiai NEKEIČIAMI (--iw, --ct, ≤52 px vardas,
   --pt/--th ≤1100 px) — žr. PROMPTAS-6-A-PORT.md §2. Patikra: tools/check.mjs 320–1920.
   ⛔ Kitų puslapių neliečia: viskas po `.hxA`, `.hdr--over` (tik pagrindinis) arba `.hxA + .misvis`. */

/* Permatoma antraštė ant hero vaizdo (`.hdr--over` tik pagrindiniame):
   fonas — atskiras sluoksnis, keičiamas tik `opacity` (ne background-color). */
.hdr{isolation:isolate}
.hdr--over{background:transparent;box-shadow:none}
.hdr--over::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--ground);box-shadow:inset 0 -1px 0 var(--hair);opacity:1;transition:opacity .35s cubic-bezier(.22,.61,.36,1)}
.hdr--over.at-top::before{opacity:0}

/* Hero mygtukai (v2 mygtukai, tik be numerio) — antrinis permatomas ant vaizdo */
.hxA .btn--sec{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(242,238,230,.55)}
@media (hover:hover){ .hxA .btn--sec:hover{background:rgba(242,238,230,.06);box-shadow:inset 0 0 0 1px var(--ink)} }

/* ══ A · KADRAS — the film still ═════════════════════════════════════════════
   Their image IS the first screen, at its own pixels (never larger), like a still from a film. The light comes on
   at their bronze Themis first, then fills the room; the name stands on the dark suits like a film title. Scrolling,
   the still lags behind and the deep Misija/Vizija band slides over it.
   Image math (shared by all three): s = min(1, width/1123), centred ⇒ at least x 206–1329 of the source always spans
   the screen (all three heads), never above 1 image px per CSS px; short screens shrink it further.
   ⛔ The title is anchored to the PICTURE (source y 577, where the suits go uniformly dark), never to the screen
   bottom — otherwise every lost pixel of height moves the words up onto hands and the watch (review 10-08).          */
.hxA{position:relative;container-type:inline-size;background:var(--black);overflow:hidden;
  --iw:min(1536px,136.78cqw,calc((100svh - 287px) * 2.662));   /* žemame ekrane vaizdas mažėja — titrai lieka ant kostiumų */
  --ih:calc(var(--iw) * 2 / 3);--il:calc((100cqw - var(--iw)) / 2);
  --t0:max(0px,calc(70px - var(--iw) * .05078));                /* vaizdo viršus: Mindaugo plaukai ≥ 70 px nuo viršaus */
  --ct:calc(var(--t0) + var(--iw) * .3757);                      /* titrų viršus = šaltinio y 577 */
  --fe:clamp(0px,calc((100cqw - var(--iw)) * 2),110px);          /* kraštų ištirpimas — tik kai vaizdas siauresnis už ekraną */
  margin-top:-88px;height:max(560px,min(var(--ih),100svh),calc(var(--ct) + 286px))}
.hxA::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;pointer-events:none;z-index:1;
  background-image:var(--grain);-webkit-mask-image:linear-gradient(transparent,#000 70%);mask-image:linear-gradient(transparent,#000 70%)}
.hxA__frame{position:absolute;inset:0;z-index:0}
.hxA__pic{position:absolute;top:var(--t0);width:var(--iw);height:var(--ih);left:var(--il);will-change:transform}
.hxA__img{width:100%;height:100%;max-width:none;display:block;transform-origin:50% 26%}
.hxA__pic::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#090807 0,rgba(9,8,7,0) var(--fe),rgba(9,8,7,0) calc(100% - var(--fe)),#090807 100%)}
/* kai vaizdas siauresnis už ekraną — JŲ kabineto šviesos išeina per kadro kraštą (lentynų juostos kairėje, niša dešinėje);
   ⛔ virš vaizdo (z 1), kad šviesa eitų per kraštą be pjūvio */
.hxA__map{position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(ellipse 300px 70px at var(--il) calc(var(--t0) + var(--iw) * .1406),rgba(184,134,79,.16),transparent 100%),
    radial-gradient(ellipse 300px 70px at var(--il) calc(var(--t0) + var(--iw) * .293),rgba(184,134,79,.12),transparent 100%),
    radial-gradient(ellipse 200px 420px at calc(var(--il) + var(--iw) * .98) calc(var(--t0) + var(--iw) * .195),rgba(184,134,79,.10),transparent 100%)}
/* šešėliai: titrų baseinas (ties titrais, ne ekrano apačia), apačia → gili juosta, viršus antraštei, kampai */
.hxA__shade{position:absolute;inset:0;pointer-events:none;z-index:1;background:
  radial-gradient(ellipse calc(var(--iw) * .3) calc(var(--iw) * .13) at 50% calc(var(--ct) + 128px),rgba(9,8,7,.8),rgba(9,8,7,.42) 58%,transparent 100%),
  linear-gradient(0deg,#090807 0,rgba(9,8,7,.86) 6%,rgba(9,8,7,.38) 20%,rgba(9,8,7,0) 38%),
  radial-gradient(ellipse 360px 150px at 190px 30px,rgba(9,8,7,.86),rgba(9,8,7,.5) 55%,transparent 100%),
  linear-gradient(180deg,rgba(9,8,7,.62) 0,rgba(9,8,7,.18) 120px,transparent 200px),
  radial-gradient(ellipse 90% 80% at 50% 38%,transparent 55%,rgba(9,8,7,.38) 100%)}
.hxA__dim{position:absolute;inset:0;z-index:1;background:#090807;opacity:0;pointer-events:none}
/* šviesa įsižiebia ant JŲ bronzinės Temidės (šaltinyje x 1390, y 300), tada pasklinda per kambarį:
   du viso hero dydžio tamsūs sluoksniai su minkšta „skyle“, kurie tik išblėsta (opacity) — jokio didelio mastelio sluoksnio */
.hxA__veil,.hxA__veil2{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none}
.hxA__veil{background:radial-gradient(circle at calc(var(--il) + var(--iw) * .905) calc(var(--t0) + var(--ih) * .29),
  rgba(9,8,7,0) 0,rgba(9,8,7,0) calc(var(--iw) * .07),rgba(9,8,7,.9) calc(var(--iw) * .2),#090807 calc(var(--iw) * .28))}
.hxA__veil2{background:radial-gradient(circle at calc(var(--il) + var(--iw) * .74) calc(var(--t0) + var(--ih) * .32),
  rgba(9,8,7,0) 0,rgba(9,8,7,0) calc(var(--iw) * .22),rgba(9,8,7,.88) calc(var(--iw) * .5),#090807 calc(var(--iw) * .7))}
/* žalvario blyksniai — tik opacity + transform, vieną kartą po įsijungimo */
.hxA__gl{position:absolute;pointer-events:none;opacity:0;mix-blend-mode:screen;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,214,150,.30),rgba(232,186,110,.12) 45%,transparent 100%)}
.hxA__gl--scales{left:70%;top:62%;width:28%;height:36%}
.hxA__gl--themis{left:81%;top:6%;width:19%;height:52%}
.hxA__gl--books{left:0;top:79%;width:26%;height:20%}

/* titrai — prisegti prie vaizdo */
.hxA__card{position:absolute;left:0;right:0;top:var(--ct);z-index:2;will-change:transform}
.hxA__in{width:min(860px,100% - var(--pad)*2);margin-inline:auto;text-align:center}
.hxA .hxA__h1{font-family:var(--disp);font-weight:400;color:var(--ink);font-size:clamp(40px,3.45vw,52px);
  line-height:1.04;letter-spacing:-.018em;text-shadow:0 1px 18px rgba(9,8,7,.55)}
/* du balsai: teisinė forma tyliai, vardas — didelis (kino titrai); vardo plotis ≤ 552 px — tarp Editos ir Simonos rankų */
.hxA__l1{display:block;font-size:clamp(19px,1.6vw,24px);line-height:1.2;color:var(--body);letter-spacing:-.004em;margin-bottom:.24em}
.hxA .h1__firm{white-space:nowrap}
.hxA__lead{margin:20px auto 0;max-width:640px;font-size:17px;line-height:1.65;color:var(--body);text-wrap:pretty;text-shadow:0 1px 12px rgba(9,8,7,.6)}
.hxA__row{justify-content:center;margin-top:30px}

/* ── judesys (kiekvienas ≤ 0,7 s; kiekvienas elementas savaip) ─────────── */
@media (prefers-reduced-motion:no-preference){
  .js .hxA__veil,.js .hxA__veil2{opacity:1}
  .js.is-go .hxA__veil{animation:hxA-off .45s cubic-bezier(.4,0,.2,1) .12s both}
  .js.is-go .hxA__veil2{animation:hxA-off .6s cubic-bezier(.4,0,.2,1) .35s both}
  .js .hxA__img{transform:scale(.985)}
  .js.is-go .hxA__img{animation:hxA-settle .7s cubic-bezier(.2,.7,.2,1) .05s both}
  .js .hxA__l1,.js .hxA .h1__firm,.js .hxA__lead,.js .hxA__row{opacity:0}
  .js.is-go .hxA__l1{animation:hxA-fade .5s var(--e) .55s both}
  .js.is-go .hxA .h1__firm{animation:hxA-rise .6s var(--e) .62s both}
  .js.is-go .hxA__lead{animation:hxA-fade .5s var(--e) .8s both}
  .js.is-go .hxA__row{animation:hxA-rise .5s var(--e) .9s both}
  .js.is-go .hxA__gl--themis{animation:hxA-glint 2.2s ease-in-out .02s both}
  .js.is-go .hxA__gl--books{animation:hxA-glint 2s ease-in-out 1s both}
  .js.is-go .hxA__gl--scales{animation:hxA-glint 2.2s ease-in-out 1.25s both}
}
@keyframes hxA-off{from{opacity:1}to{opacity:0}}
@keyframes hxA-fade{from{opacity:0}to{opacity:1}}
@keyframes hxA-settle{from{transform:scale(.985)}to{transform:none}}
@keyframes hxA-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hxA-glint{0%{opacity:0;transform:translateX(-9%)}40%{opacity:1}100%{opacity:0;transform:translateX(9%)}}
@media (min-width:701px){ .js.is-go .hxA .h1__firm{display:inline-block} }
@media (max-width:700px) and (prefers-reduced-motion:no-preference){ .js.is-go .hxA .h1__firm{animation-name:hxA-fade} }

/* žemi nešiojamieji (≤ 700 px aukščio): titrai kompaktiškesni */
@media (min-width:1101px) and (max-height:700px){ .hxA__lead{margin-top:14px;font-size:16px} .hxA__row{margin-top:20px} }

/* gili juosta užslenka ant kadro — prasideda iškart po hero, be 128 px tarpo (TIK pagrindiniame) */
.hxA + .misvis{margin-top:0;position:relative;z-index:3}

/* ── planšetė ir telefonas: kadras po antrašte, titrai užlipa ant jo apačios ── */
@media (max-width:1100px){
  /* --pt: kur prasideda titrai. Ne aukščiau smakrų (y 400·s), ne žemiau, nei leidžia ekranas (titrai + mygtukas
     pirmame ekrane), ne žemiau vaizdo apačios − 92. Kadras apkerpamas iš apačios ties --pt + 150. */
  .hxA{--iw:min(1536px,136.78cqw);--t0:0px;--hh:88px;--th:410px;
    --pt:max(calc(var(--iw) * .26),min(calc(var(--ih) - 92px),calc(100svh - var(--hh) - var(--th))));
    margin-top:0;height:auto;padding-top:var(--pt)}
  .hxA__frame{bottom:auto;height:calc(var(--pt) + 150px);overflow:hidden}
  .hxA__shade{background:
    linear-gradient(0deg,var(--black) 0,rgba(9,8,7,.9) 16%,rgba(9,8,7,.4) 32%,transparent 46%),
    radial-gradient(ellipse 100% 80% at 50% 40%,transparent 60%,rgba(9,8,7,.35) 100%)}
  .hxA__card{position:relative;top:auto;padding-bottom:56px}
  .hxA__lead{font-size:16.5px;max-width:560px}
  /* Temidė planšetėje / telefone už kadro ⇒ šviesa tiesiog įsižiebia (be „skylės“) */
  .hxA__veil{background:#090807}
  .hxA__veil2{display:none}
  .hxA__gl--books{display:none}
}
/* gulsčia planšetė (~1000×700): vaizdas mažėja, kad titrai ir mygtukas tilptų (ne mažiau 600 px) */
@media (min-width:701px) and (max-width:1100px){
  .hxA{--iw:clamp(600px,calc((100svh - 498px) / .26),min(1536px,136.78cqw))}
}
@media (max-width:700px){
  .hxA{--hh:64px;--th:420px}
  .hxA__card{padding-bottom:44px}
  .hxA__in{text-align:left}
  .hxA .hxA__h1{font-size:clamp(34px,calc((100vw - 40px) / 7.4),46px);line-height:1.04}
  .hxA__l1{font-size:17px;margin-bottom:.3em}
  .hxA .h1__firm{white-space:normal}
  .hxA__lead{margin-top:16px;font-size:15.5px;line-height:1.66}
  .hxA__row{margin-top:24px;justify-content:stretch}
  .hxA__gl{display:none}
}
@media (max-width:360px){
  .hxA__shade{background:
    linear-gradient(0deg,var(--black) 0,rgba(9,8,7,.92) 18%,rgba(9,8,7,.66) 34%,transparent 52%),
    radial-gradient(ellipse 100% 80% at 50% 40%,transparent 60%,rgba(9,8,7,.35) 100%)}
}

@media (prefers-reduced-motion:reduce){
  .hx *,.hx *::before,.hx *::after{animation:none!important;transition:none!important}
  .hdr--over::before{transition:none}
}


/* ══ 47. JUDESYS v4 — KIEKVIENAS ELEMENTAS ATKELIAUJA (2026-10-09) ══════════════════════════════════
   Ringa: „make everything appear nicely with motion effects“. Doktrina §3: subtilu · stipru · vietoje, kiekvienas
   elemento TIPAS savaip. Įstatymas: tik opacity/transform · kiekvienas išnirimas ≤ 0,7 s · pakopos ≤ 270 ms · be
   clip-path · ne po krovikliu (startas 90 %) · sumažintas judesys = viskas matoma ir stovi · be JS = viskas matoma.
   · Ramybės būsena `.js .rv.in{opacity:1}`; kortelės, plytelės ir portreto nuotrauka — užpildas `backwards`:
     senas `both` laikė `transform:none` ir NUSTELBDAVO :hover pakilimą (kortelė −3 px, plytelė −2 px, portretas 1,03).
   · Nauji tipai: `rv--tabs` („Ką verta žinoti“: blokas išryškėja, skirtukai įslysta vienas po kito, scena nusistoja),
     `rv--fade` (poraštės apačia — tik išryškėja).
   · Kopėtėlės ir bylos kodo auksinis brūkšnys sutalpinti į 0,7 s (buvo 0,81 ir 0,82 s).
   · Anksčiau statiški (tiesiog „iššokdavo“) — dabar su savo tipu (build_v2.py): antgalių įžangos (rise), srities ikona
     ir bylos ženkliukas (stamp), kodo paaiškinimas (rise), „Ką verta žinoti“ antraštė (head) ir skirtukai (tabs),
     filtrai (crumb), advokato pareigos / mygtukas (rise) ir biografija (ink), „Apie bendriją“ (head + ink),
     Misija/Vizija pastabos (seal), 404 (rise), poraštės stulpeliai (rise, pakopomis) ir apačia (fade).            */
@media (prefers-reduced-motion:no-preference){
  .js .rv.in{opacity:1}
  .js .rv--card.in,.js .rv--stamp.in,.js .pcard.rv--card.in img{animation-fill-mode:backwards}

  .js .rv--fade.in{animation:m-fade .45s var(--e) var(--d) both}

  .js .rv--tabs.in{animation:m-fade .3s var(--e) var(--d) both}
  .js .rv--tabs.in .tb__t{animation:m-slidex .4s var(--e) var(--d) both}
  .js .rv--tabs.in .tb__t:nth-child(2){animation-delay:calc(var(--d) + 40ms)}
  .js .rv--tabs.in .tb__t:nth-child(3){animation-delay:calc(var(--d) + 80ms)}
  .js .rv--tabs.in .tb__t:nth-child(4){animation-delay:calc(var(--d) + 120ms)}
  .js .rv--tabs.in .tb__t:nth-child(5){animation-delay:calc(var(--d) + 160ms)}
  .js .rv--tabs.in .tb__t:nth-child(n+6){animation-delay:calc(var(--d) + 200ms)}
  .js .rv--tabs.in .tb__a{animation:m-photo .6s var(--e) calc(var(--d) + 80ms) both}

  .js .rv--lad.in .lad__i:nth-child(1) .lad__d{animation-delay:calc(var(--d) + 120ms)}
  .js .rv--lad.in .lad__i:nth-child(2) .lad__d{animation-delay:calc(var(--d) + 170ms)}
  .js .rv--lad.in .lad__i:nth-child(3) .lad__d{animation-delay:calc(var(--d) + 220ms)}
  .js .rv--lad.in .lad__i:nth-child(4) .lad__d{animation-delay:calc(var(--d) + 270ms)}
  .js .rv--lad.in .lad__i:nth-child(1) .lad__t{animation-delay:calc(var(--d) + 150ms)}
  .js .rv--lad.in .lad__i:nth-child(2) .lad__t{animation-delay:calc(var(--d) + 200ms)}
  .js .rv--lad.in .lad__i:nth-child(3) .lad__t{animation-delay:calc(var(--d) + 250ms)}
  .js .rv--lad.in .lad__i:nth-child(4) .lad__t{animation-delay:calc(var(--d) + 300ms)}
  /* ⛔ po `nth-child` vėlinimų — kitaip jų `animation-delay` nustelbtų pasiektos pakopos taktą */
  .js .rv--lad.in .lad__i.on .lad__d{animation:m-reach .4s var(--ep) calc(var(--d) + 300ms) both}
  .js .rv--strike.in::after{animation:m-sweep .58s var(--er) calc(var(--d) + 120ms) both}
}


/* ══ 48. AUDITAS 2026-10-09 — klaidos ir lygiavimas visuose 41 puslapiuose ═══════════════════════════════
   Ringa: „check whole website for bugs and alignement issues“. 5 nepriklausomi recenzentai (headless, matavimai +
   ekrano nuotraukos) → kiekvienas radinys patikrintas ir pataisytas čia. Tik išdėstymas — žodžiai NELIESTI.
   ⛔ Failo GALE sąmoningai (tos pačios medijos užklausos aukščiau kartojasi 4×, laimi paskutinė).                */

/* R1-01 · Misija/Vizija: abi antraštės VIENOJE linijoje (buvo centruojami stulpeliai ⇒ „Vizija“ 32 px žemiau),
   ir vienodas tarpas antraštė → tekstas (buvo 24 prieš 43 px; telefone 14 prieš 39). */
.misvis__in{align-items:start}
.misvis__orn{align-self:center}
/* su JS abu stulpeliai gauna vienodą aukštį (SCRIPT „EILĖS LYGIUOTĖ“) ⇒ centruojami KARTU su antspaudu, antraštės vienoje linijoje */
.js .misvis__in{align-items:center}
.misvis__m li:first-child{padding-top:0}
.misvis__m li:first-child::before{top:9px}
@media (max-width:700px){
  .misvis__m ul{margin-top:14px}
  .misvis__m li:first-child::before{top:8px}
}

/* R1-02 · R3-01/02/03 · Bylų kortelės per siauros 1101–1240 ir 701–760 px: kodas („BK 222“, „Palikimas“) lūždavo
   ir išlįsdavo už kortelės, kopėtėlių žodžiai susiliedavo („IkiteisminisPirmoji“). Ten — mažiau stulpelių;
   nelyginė paskutinė kortelė dviejų stulpelių ruože — per visą plotį (be tuščios pusės, R1-08). */
.code b,.code span{white-space:nowrap}
/* Kortelei per siaurai ženkliukui + kodui vienoje eilutėje (plačiausia pora svetainėje — „Atleista nuo atsakomybės“ +
   „BK 222 / str. 1 d.“ = 297 px) — kodas po ženkliuku, iš kairės. Sąlyga = KORTELĖS plotis, tad visos eilės kortelės
   elgiasi vienodai (pavadinimai lieka vienoje linijoje). */
.ccard,.sibs .acard{container-type:inline-size}
@container (max-width:300px){
  .ccard__top{flex-direction:column;align-items:flex-start;gap:10px}
  .ccard__top .code{text-align:left}
}
@media (min-width:701px) and (max-width:760px){ .g3.cases{grid-template-columns:minmax(0,1fr)} }
@media (min-width:1101px) and (max-width:1240px){
  .g3.cases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split--case .sibs{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:761px) and (max-width:1240px){
  .g3.cases > .ccard:last-child:nth-child(odd){grid-column:1 / -1}
  .g3.cases > .ccard:last-child:nth-child(odd) :is(h3,p){max-width:680px}
}

/* R1-03 · Kopėtėlių bėgeliai vienoje eilėje vienoje linijoje: kiekvienam pavadinimui vieta dviem eilutėms
   (kortelėje su vienos eilutės pavadinimais bėgelis buvo 14 px žemiau). */
.ccard .lad__t{min-height:2.6em}

/* R3-08 · Bėgelis baigiasi ties PASKUTINE pakopa (buvo iki kortelės krašto — „lyg trūktų dar vienos pakopos“).
   `--n` = pakopų skaičius (build_v2.py ladder()), `--lg` = tarpas tarp stulpelių. */
.lad{--lg:8px}
.lad__r{column-gap:var(--lg)}
.lad::before{right:calc((100% - (var(--n,4) - 1) * var(--lg)) / var(--n,4) - 5px)}
@media (max-width:380px){ .lad{--lg:4px} }

/* R1-04 · R3-04 · Antraštės be vieno žodžio paskutinėje eilutėje („verslui“, „esmės“, „laidavimą“…). */
.head h2,.ccard h3,.acard h3,.h1--case,.sibs-sec h2,.split__m h2,.dark h2,.ph h1,.ac__i h3,.tb__t > span:first-child,
.pcard h3,.sidecta h3,.e404 h1{text-wrap:balance}

/* R1-05 · Telefone srities kortelių ikonos ir pavadinimai vienoje eilėje — viršuje (buvo centruota ⇒ 10 px laiptai). */
@media (max-width:700px){ .acard{justify-content:flex-start} }

/* R1-06 · Telefone atidarytas DUK klausimas nebepasislenka 8 px į dešinę (kraštas = uždarųjų kraštas). */
@media (max-width:700px){ .faq details[open]{padding:0 20px} }

/* R1-07 · Plytelės — lygus tinklelis visur, kur jos netelpa vienoje eilėje (buvo: „Visos 11 →“ per visą plotį, likučiai
   ištempti; 1301–1381 px srityse 5 + 1). Išmatuota: plačiausia plytelė 235 px (vardas nelūžta), 6 plytelės vienoje eilėje
   telpa nuo 1348 px. 6 plytelių eilė: 2 → 3 stulpeliai, nuo 1350 — viena eilė (flex, kaip buvo). 12 plytelių
   (/advokatai/): 2 → 3 → 4 stulpeliai (4 × 3). */
@media (min-width:701px) and (max-width:999px){
  .tiles,.tiles--4,.tiles--6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1000px) and (max-width:1349px){
  .tiles:not(.tiles--4){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1000px) and (max-width:1279px){ .tiles--4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:1280px){ .tiles--4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))} }

/* R1-08 · Planšetėje trečias advokatas nebestovi vienas su tuščia puse — kortelė per visą plotį, portretas kairėje. */
@media (min-width:701px) and (max-width:1100px){
  .people > .pcard:last-child:nth-child(odd){grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--gap)}
  .people > .pcard:last-child:nth-child(odd) img{height:100%;min-height:340px}
}

/* R1-10 · DUK nuo antraštės — kaip visos sekcijos (--s-head), ne 32 px. */
.faq{margin-top:var(--s-head)}

/* R3-05 · Bylos puslapio kortelės — VIENA vidinė paraštė (buvo 32/22/28/20 ⇒ tekstas keturiose skirtingose x). */
.ladcard,.rez,.sidecard,.sidecta{padding:28px}
@media (max-width:700px){ .ladcard,.rez,.sidecard,.sidecta{padding:20px} }

/* R3-06 · Planšetėje bylos kodas — iš kairės, kaip antraštė virš jo (dešinėje jis „kabojo“ vienas). */
@media (max-width:1100px){ .casecode{text-align:left !important;width:100%} }

/* R3-07 · Tekstas → „Rezultatas“ — skalės žingsnis (buvo 22/18 px). */
.split--case .prose p:last-child{margin-bottom:0}
.rez{margin-top:var(--s-4)}

/* R3-10 · Telefone bylų filtrai 2 × 2 (buvo 3 + „Administracinės“ vienas antroje eilutėje). */
@media (max-width:700px){
  .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .chip{padding:0 10px}
}

/* R5-01 · kompiuteryje situacijų kortelės nesiskleidžia (JS) — žymeklis lieka paprastas. */

/* R2-02 · „Ką verta žinoti“ skirtukai: aktyvus/užvestas pavadinimas pasislenka TRANSFORM, ne padding — teksto plotis
   nesikeičia, eilutės nebelūžta iš naujo, blokas nebešokinėja 26 px (buvo 901–1180 px, 10 iš 11 sričių). */
@media (min-width:901px){
  .tb__t,.tb__t.is-on{padding-left:0}
  .tb__t > span:first-child{padding-right:18px;transition:transform .38s cubic-bezier(.22,.61,.36,1)}
  .tb__t.is-on > span:first-child{transform:translateX(18px)}
}
@media (min-width:901px) and (hover:hover){
  .tb__t:not(.is-on):hover{padding-left:0}
  .tb__t:not(.is-on):hover > span:first-child{transform:translateX(8px)}
}
/* R2-08 · planšetėje (901–1100) scena mažesnė — tekstui lieka vietos (buvo 333 px stulpelis, 624 px aukščio tekstas). */
@media (min-width:901px) and (max-width:1100px){
  .tb{grid-template-columns:minmax(0,1fr) clamp(240px,27vw,400px);column-gap:48px}
  .tb__a{width:auto}
}
/* R5-05 · be JS kompiuteryje matomi VISI „Ką verta žinoti“ tekstai (buvo tik pirmas — kiti opacity 0 tame pačiame langelyje). */
@media (min-width:901px){ html:not(.js) .tb__p{grid-row:auto;opacity:1;transform:none;pointer-events:auto} }
/* R2-12 · uždaro akordeono rodyklė centruota pagal pirmą eilutę (kaip DUK; buvo ~5 px žemiau). */
.ac.is-ac .ac__i:not([open]) .ac__x,.tb.is-acc .tb__t:not(.is-on) .tb__x{transform:rotate(45deg) translate(-3px,-3px)}

/* R2-09 · /sritys/: nuo antgalio iki kortelių — --sec kaip visur (buvo 160 / 104 px); tuščia antgalio šoninė nebeima tarpo. */
.aindex{margin-top:0}
.ph__aside:empty{display:none}
/* R2-10 · /sritys/ 11 kortelių: paskutinė eilė pilna (buvo 3+3+3+2 su tuščiu langeliu jo 1512 ekrane). */
@media (min-width:1101px){
  .aindex{grid-template-columns:repeat(6,minmax(0,1fr))}
  .aindex > *{grid-column:span 2}
  .aindex > :nth-last-child(-n+2){grid-column:span 3}
}
@media (min-width:701px) and (max-width:1100px){
  .aindex > :last-child:nth-child(odd){grid-column:1 / -1}
  .ac--card > .ac__i:last-child:nth-child(odd){grid-column:1 / -1}
}

/* R2-11 · antraštė 701–820 px netelpa (lūždavo „Teisės / sritys“ ir numeris) — numeris virsta skambučio mygtuku. */
.nav a,.hdr__r .tel{white-space:nowrap}
@media (min-width:701px) and (max-width:820px){
  .hdr__r .tel{display:none}
  .hdr__call{display:flex}
  .nav{gap:16px}
}

/* R4-02 · „Kiti bendrijos advokatai“ — kortelės iš klasių; nuotrauka per visą kortelės aukštį; numeris nelūžta;
   1101–1240 px po vieną eilutėje (vardai nebekerpami). Telefone — nuotrauka viršuje (sritis „sibs“ telefone). */
.acard--oth{min-height:0;flex-direction:row;align-items:stretch;gap:20px;padding:0;overflow:hidden}
.acard--oth img{width:130px;height:auto;min-height:160px;object-fit:cover;object-position:top center;background:#CFC8BB;
  flex-shrink:0;align-self:stretch}
.oth__b{display:flex;flex-direction:column;justify-content:center;padding:16px 24px 16px 0;min-width:0}
.oth__n{font-family:var(--disp);font-size:22px;font-weight:500;line-height:1.2;text-wrap:balance}
.oth__r{font-size:13.5px;color:var(--muted);margin-top:5px}
.oth__t{margin-top:12px;font-size:15px;font-weight:600;color:var(--gold);white-space:nowrap}
@media (min-width:1101px) and (max-width:1240px){ .split .sibs{grid-template-columns:minmax(0,1fr)} }
@media (max-width:700px){
  .acard--oth{flex-direction:column;gap:0}
  .acard--oth img{width:100%;height:200px;min-height:0}
  .oth__b{padding:16px 20px 20px}
}

/* R4-06 · /kontaktai/ planšetėje — trys trumpos advokatų kortelės vienoje eilėje (buvo 2 + viena su tuščia puse). */
@media (min-width:701px) and (max-width:1100px){ .g3:has(.acard--adv){grid-template-columns:repeat(3,minmax(0,1fr))} }
/* R4-10 · telefone advokatų kontaktų kortelės nebepraranda pareigų eilutės. */
@media (max-width:700px){ .acard--adv p{display:block} }

/* R4-07 · privatumo politika: turinys lieka šalia slenkant; nuoroda neužlenda po antrašte; telefone turinys — pirmas. */
html{scroll-padding-top:112px}
@media (max-width:700px){ html{scroll-padding-top:80px} }
@media (min-width:1101px) and (min-height:760px){ .side--toc{position:sticky;top:112px;align-self:flex-start} }
@media (max-width:1100px){ .side--toc{order:-1} }
/* R4-08 · H1 iškart po „kelio“ (privatumas, kontaktai) — tas pats tarpas kaip kituose antgaliuose (buvo 0 px). */
.ph .crumb + h1{margin-top:var(--s-head)}
@media (max-width:700px){ .ph .crumb + h1{margin-top:22px} }
.ph__lead{text-wrap:pretty}

/* R4-09 · 404 plytelių aprašai — kortelės krašte ir kortelės dydžiu (juos pagaudavo centruoto įvado taisyklė). */
.e404 .acard p{margin:8px 0 0;max-width:none;font-size:14.5px;line-height:1.55;text-align:left}

/* R4-13 · /advokatai/ planšetėje 1998 / 2016 — dvi kortelės greta (buvo dvi tuščios juostos per visą plotį). */
@media (min-width:701px) and (max-width:1100px){
  .ph__aside:has(> .statcard + .statcard){flex-direction:row !important;gap:var(--gap) !important}
  .ph__aside > .statcard{flex:1 1 0;min-width:0}
}

/* R5-02 · telefone paspaudus kortelė nebelieka „pakelta“ (:hover liestukiniame ekrane užstringa). */
@media (hover:none){
  .acard:hover,.ccard:hover,.pcard:hover,.tile:hover,.btn--pri:hover,.btn--sec:hover{transform:none}
  .pcard:hover img{transform:none}
}

/* R5-04 · pagrindinio antraštė pirmame kadre jau permatoma (be blėsimo iš vientisos). `hdr-top` — <head>'e, JS nuima. */
.hdr-top .hdr--over::before{opacity:0;transition:none}

/* R5-07 · kelio („Pradžia · Bylos · …“) taškai matomi (buvo 1,29:1 — žodžiai atrodė pabirę). */
.crumb i{color:rgba(154,148,138,.7)}

/* R4-03 · Chrome „Kairiūkštė“ rodydavo „Kairiuk̄štė“: brūkšnelis virš KITOS raidės. Priežastis — Chrome ū (ā ē ī Ū)
   išskaido į u + U+0304 ir piešia iš „Google Fonts“ lotyniško poaibio (jame U+0304 yra, sudėtinio ū glifo — ne).
   Pataisa: ŠIEMS 8 ženklams — tas pats „Fraunces“ (Google latin-ext v38, OFL), iškirptas į 5,8 KB failą, deklaruotas
   PO „Google Fonts“ (paskutinė tinkanti taisyklė tikrinama pirma). Safari ir taip rodė teisingai — vaizdas nepakito. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/assets/fonts/fraunces-macron.woff2) format("woff2");unicode-range:U+0100-0101,U+0112-0113,U+012A-012B,U+016A-016B}


/* ══ 49. RINGOS RAUNDAS 2026-10-09 — pilno ekrano hero, oras tarp sekcijų, minkšti kraštai, žemėlapis, sklandumas ═══════
   Jo žodžiai: „hero section should be 100vh“ · „all other sections should have bigger gaps between them like breathing room
   and they should connect nicely“ · „the image has 2 straight lines above and below it, just looks kinda off“ · „google map
   doesnt load instantly so users sometimes see black square“ · „website looks super laggy … everything lags“.               */

/* ── a) HERO = visas ekranas (≥1101 px). Vaizdas didėja iki ekrano aukščio (150svh pločio), kai langas aukštesnis už jo
      1024 px — tam yra 2× šaltinis (komanda-2@2x.jpg: perskaičiuotas + paryškintas, veidai nekeisti; srcset). Titrai lieka
      prisegti prie vaizdo (y 577), faktai nekinta: x 206–1329 visada ekrane, titrai + mygtukas pirmame ekrane. */
@media (min-width:1101px){
  .hxA{--iw:min(136.78cqw,calc((100svh - 287px) * 2.662),max(1536px,150svh));
    height:max(560px,100svh,calc(var(--ct) + 286px))}
}
/* jei vaizdas baigiasi aukščiau ekrano apačios (aukštas siauras langas) — jo apačia ištirpsta į foną, ne tiesi linija */
.hxA__pic::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:14%;z-index:1;pointer-events:none;
  background:linear-gradient(rgba(9,8,7,0),#090807)}

/* ── b) SKLANDUMAS. Hero slinkimo efektas (kadras atsilieka, titrai kyla ir blėsta, kambarys tamsėja) — CSS slinkimo laiko
      juosta KOMPOZITORIUJE (tos pačios reikšmės kaip JS: 0,36 · y, −0,10 · y, išblėsta 120→320 px, tamsėja iki 0,65).
      `.sdt` uždeda JS tik ten, kur `animation-timeline` palaikomas; kitur lieka JS. Blyksniai be `mix-blend-mode`
      (judančiame sluoksnyje jis versdavo perpiešti visą kadrą). */
@media (min-width:1101px) and (prefers-reduced-motion:no-preference){
  .sdt .hxA__pic{animation:hxA-sd-pic linear both;animation-timeline:scroll(root);animation-range:0px 130svh}
  .sdt .hxA__card{animation:hxA-sd-card linear both,hxA-sd-fade linear both;animation-timeline:scroll(root),scroll(root);
    animation-range:0px 130svh,120px 320px}
  .sdt .hxA__dim{animation:hxA-sd-dim linear both;animation-timeline:scroll(root);animation-range:0px 100svh}
}
@keyframes hxA-sd-pic{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,46.8svh,0)}}
@keyframes hxA-sd-card{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-13svh,0)}}
@keyframes hxA-sd-fade{from{opacity:1}to{opacity:0}}
@keyframes hxA-sd-dim{from{opacity:0}to{opacity:.65}}
.hxA__gl{mix-blend-mode:normal}
/* išnirimai: greitai slenkant elementas, jau esantis giliai ekrane, atsiranda per 0,3 s be pakopos (JS `rv-fast`) */
@media (prefers-reduced-motion:no-preference){ .js .rv.in.rv-fast{animation-duration:.3s!important;animation-delay:0s!important} }

/* ── c) ORAS TARP SEKCIJŲ — viena skalė visur, ir tamsiems blokams (telefone jie turėjo tik 40 px). */
:root{--sec:160px}
@media (max-width:1100px){ :root{--sec:120px} }
@media (max-width:700px){
  :root{--sec:88px}
  .dark,.cta,.band{margin-top:var(--sec)}
  .dark,.cta{padding:var(--s-6) 0}
}
.dark+.band,.band+.dark,.dark+.cta,.band+.cta,.cta+.band{margin-top:0}

/* ── d) SEKCIJOS JUNGIASI — jokių tiesių kraštų tarp tonų: tamsūs blokai ištirpsta į foną viršuje ir apačioje
      (Misija/Vizija viršuje tęsia hero juodą, tad tik apačia), juostos nuotrauka ištirpsta abiem kraštais. */
.dark,.cta{background-image:var(--grain),linear-gradient(var(--ground),rgba(14,13,12,0) 140px,rgba(14,13,12,0) calc(100% - 140px),var(--ground))}
.misvis{background-image:var(--grain),linear-gradient(rgba(14,13,12,0) calc(100% - 160px),var(--ground))}
/* vidinių puslapių antgalis (šviesesnė plokštuma) apačioje ištirpsta į foną — ne tiesi linija per visą ekraną */
.ph{background-image:var(--grain),linear-gradient(rgba(14,13,12,0) calc(100% - 120px),var(--ground)),
  radial-gradient(ellipse 55% 140% at 92% 0%,rgba(205,170,94,.075),transparent 62%)}
.band img,.band::after{
  -webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.12) 7%,rgba(0,0,0,.5) 16%,#000 28%,#000 72%,rgba(0,0,0,.5) 84%,rgba(0,0,0,.12) 93%,transparent);
  mask-image:linear-gradient(transparent,rgba(0,0,0,.12) 7%,rgba(0,0,0,.5) 16%,#000 28%,#000 72%,rgba(0,0,0,.5) 84%,rgba(0,0,0,.12) 93%,transparent)}
.band{height:420px}
@media (max-width:1100px){ .band{height:380px} }
@media (max-width:700px){ .band{height:300px} }

/* ── e) ŽEMĖLAPIS — savo dėžutėje su ramiu žemėlapio tonu ir smeigtuku; „Google“ rėmelis išryškėja tik nupieštas. */
.mapbox{position:relative;margin-top:28px;height:240px;border-radius:var(--r-sm);overflow:hidden;
  background:radial-gradient(circle at 50% 46%,rgba(205,170,94,.10),transparent 42%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23CDAA5E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21.2c4.2-4.3 6.6-7.5 6.6-10.6a6.6 6.6 0 1 0-13.2 0c0 3.1 2.4 6.3 6.6 10.6Z'/><circle cx='12' cy='10.3' r='2.5'/></svg>") 50% 46% / 30px no-repeat,
    #1D1C1A}
@media (max-width:700px){ .mapbox{height:200px} }
.mapbox .map__f,.mapbox noscript .map__f{margin:0;width:100%;height:100%;min-height:0;border-radius:0}
.js .mapbox .map__f{opacity:0;transition:opacity .6s var(--e)}
.js .mapbox .map__f.is-ready{opacity:1}
@media (min-width:1101px){
  .cta--solo .cta__l>.mapbox{grid-column:2;grid-row:1 / span 2;align-self:stretch;margin-top:10px;height:auto;min-height:0}
}
@media (prefers-reduced-motion:reduce){ .js .mapbox .map__f{transition:none} }

/* ── f) AUDITO 2-AS RATAS (3 recenzentai) ─────────────────────────────────────────────────────────────────────────────
   V2-02 · VIENAS ritmas: tamsaus bloko / antgalio vidinė paraštė nebepridedama prie --sec (buvo 224–335 px prieš 167). */
.dark,.cta{margin-top:calc(var(--sec) - var(--s-7))}
.dark+.sec,.misvis+.sec{padding-top:calc(var(--sec) - var(--s-7))}
.ph+.sec,.ph+section.sec{padding-top:calc(var(--sec) - var(--s-6))!important}
main:has(> .cta:last-child) + .ftr{padding-top:calc(var(--sec) - var(--s-7))}
@media (max-width:700px){
  .dark,.cta{margin-top:calc(var(--sec) - var(--s-6))}
  .dark+.sec,.misvis+.sec{padding-top:calc(var(--sec) - var(--s-6))}
  .ph+.sec,.ph+section.sec{padding-top:calc(var(--sec) - 32px)!important}
  main:has(> .cta:last-child) + .ftr{padding-top:calc(var(--sec) - var(--s-6))}
}
.dark+.band,.band+.dark,.dark+.cta,.band+.cta,.cta+.band{margin-top:0}
/* V1-02 · trumpame lange (< ~805 px) vaizdo viršus — ne tiesi linija po permatoma antrašte */
@media (min-width:1101px){
  .hxA__frame::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--t0) + 48px);z-index:1;pointer-events:none;
    background:linear-gradient(#090807 var(--t0),rgba(9,8,7,0))}
}
/* V1-06 · rozetės NEBESISUKA be galo (nematomas 2°/s posūkis laikė GPU užimtą ~66 kadrų/s visą laiką) — jos išnyra ir stovi */
.ph::after,.cta::after,.misvis__orn img:first-child{animation:none}

/* ── g) Telefonas ir planšetė (≤1100): hero užpildo VISĄ pirmą ekraną po antrašte (aukštuose telefonuose buvo 45–153 px
      kitos sekcijos). Vaizdo didinti negalima (nukirstų Editos/Simonos veidus), tad titrų blokas nusileidžia į ekrano apačią,
      vaizdas lieka viršuje, jo apačia ištirpsta po titrais. */
@media (max-width:1100px){
  .hxA{min-height:calc(100svh - var(--hh));display:flex;flex-direction:column}
  .hxA__card{margin-top:auto}
}

/* ══ 50. RINGOS RAUNDAS 2026-10-09 (vakaras) — daugiau oro, rozetė sukasi slenkant, kalba poraštėje, tamsus fonas ne tuščias ═══
   Jo žodžiai: „there is not enough gaps between sections as ive said before. need normal breathing room. every single page
   recheck theyre all too close to each other“ · „can we make this circle move as user scrolls“ · „need language switcher in
   footer as well“ · „on the dark parts of the website it still feels super empty so she will again say — black background is
   bad … need subtly something in there“.                                                                                    */

/* ── a) ORAS TARP SEKCIJŲ — dar kartą, ženkliai: kompiuteryje 160 → 210–243 px (jo ekrane 1452 px ≈ 224), planšetėje 120 → 160,
      telefone 88 → 112. Visos sandūros (tamsūs blokai, antgaliai, juosta) skaičiuojamos nuo to paties --sec (49 f). Išmatuota
      `tools/verify_v2_gaps.mjs` — matomas tarpas nuo turinio iki turinio, 41 psl. × 6 pločiai. */
:root{--sec:clamp(208px,4vw + 166px,248px)}
@media (max-width:1100px){ :root{--sec:160px} }
@media (max-width:700px){ :root{--sec:112px} }
/* tamsūs blokai ir juosta nuo 49 d ištirpsta į foną — „turi liestis“ (iš šviesios temos laikų) nebegalioja: tarp jų toks pat oras */
.dark+.band,.band+.dark,.dark+.cta,.band+.cta,.cta+.band{margin-top:calc(var(--sec) - var(--s-7))}
.cta+.sec{padding-top:calc(var(--sec) - var(--s-7))}
/* /kontaktai/: antgalis (apačioje 56 px) → kontaktų blokas (`first`, inline margin-top:0) */
.ph+.cta{margin-top:max(0px,calc(var(--sec) - var(--s-7) - 56px))!important}
@media (max-width:700px){
  .dark+.band,.band+.dark,.dark+.cta,.band+.cta,.cta+.band{margin-top:calc(var(--sec) - var(--s-6))}
  .cta+.sec{padding-top:calc(var(--sec) - var(--s-6))}
  .ph+.cta{margin-top:max(0px,calc(var(--sec) - var(--s-6) - 56px))!important}
}
/* Misija/Vizija: rozetė (≈130 % dėžės) išlenda už savo 400 px langelio — paraštė jai, kad iki kitos sekcijos būtų tas pats oras */
@media (min-width:1101px){ .misvis{padding:calc(var(--s-7) + 64px) 0} }

/* ── b) MISIJOS/VIZIJOS ROZETĖ SUKASI SLENKANT — trys žiedai (guilloche-1a/b/c.svg = ta pati graviūra, išskaidyta), kiekvienas
      savo kryptimi ir greičiu, kaip laikrodžio ciferblato mechanizmas; monograma stovi. Eiga = sekcijos kelias per ekraną
      (view(): įeina apačioje → išeina viršuje). Tik `transform`, kompozitoriuje; be palaikymo — JS atsarga (SCRIPT), tie patys
      kampai. Sumažintas judesys — stovi. Aplink — šilta šviesa, tarsi auksinis įspaudas po lempa. */
.misvis__dial{position:absolute;inset:-15%;opacity:.24}
/* ⛔ (0,3,1): senos `.misvis__orn img:first-child` taisyklės (43 dydis, V1-06 `animation:none`) pagautų išorinį žiedą — jis
      būtų kitokio dydžio ir nesisuktų. `.is-off` pauzės (0,3,2) ši NEnugali — todėl JS nebežymi `.misvis/.ph/.cta` `.is-off`. */
.misvis__orn .misvis__dial img.misvis__r{position:absolute;inset:0;width:100%;height:100%;max-width:none;opacity:1;animation-play-state:running}
.misvis__orn::before{content:"";position:absolute;inset:-34%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(205,170,94,.085),rgba(205,170,94,.03) 58%,rgba(205,170,94,0))}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .misvis{view-timeline:--mv block;view-timeline-inset:0}
    .misvis__orn .misvis__dial img.misvis__r{animation:mv-a linear both;animation-timeline:--mv;animation-range:cover 0% cover 100%}
    .misvis__orn .misvis__dial img.misvis__r--b{animation-name:mv-b} .misvis__orn .misvis__dial img.misvis__r--c{animation-name:mv-c}
    /* kitos rozetės (antgalyje, kontaktų bloke) — ta pati kalba, tyliau: pasisuka, kol jų blokas praslenka */
    .ph{view-timeline:--ph block;view-timeline-inset:0} .cta{view-timeline:--cta block;view-timeline-inset:0}
    .ph::after{animation:orn-sc linear both;animation-timeline:--ph;animation-range:exit 0% exit 100%}
    .cta::after{animation:orn-sc linear both;animation-timeline:--cta;animation-range:cover 0% cover 100%}
  }
}
@keyframes mv-a{from{transform:rotate(-40deg)}to{transform:rotate(40deg)}}
@keyframes mv-b{from{transform:rotate(56deg)}to{transform:rotate(-56deg)}}
@keyframes mv-c{from{transform:rotate(-100deg)}to{transform:rotate(100deg)}}
@keyframes orn-sc{from{transform:rotate(0deg)}to{transform:rotate(48deg)}}

/* ── c) KALBA PORAŠTĖJE — tas pats perjungiklis kaip antraštėje, apatinėje juostoje dešinėje (telefone — virš ©). */
@media (min-width:701px){ .ftr__bot{align-items:center} }
.ftr__bot .lang a{background-image:none}
@media (max-width:700px){ .ftr__bot .lang--f{order:-1;margin-bottom:10px} }

/* ── d) TAMSUS FONAS NE TUŠČIAS — „ANTSPAUDAI“ (Ringa 10-09 iš trijų: „B is best, but need way more subtle, and cannot cut
      anywhere“). Ta pati graviruota rozetė, pusiau už ekrano krašto, pakaitomis kairėje / dešinėje, slenkant pasisuka ±30°.
   ⛔⛔ NIEKUR NEKIRPTA (jo ekrano kopija: Safari rozetę nukirpo tiesia linija ties sekcijos viršumi — `overflow-x:clip` Safari
      kirpo ir vertikaliai). Todėl dabar:
      · rozetė yra PAČIOS sekcijos rėmelyje `.seal` (build_v2.py `write()` įdeda `<span class="seal"><i></i></span>` į `.sec`,
        `.dark`, `.e404`, `.ftr`): rėmelis = pusė rozetės pločio, prisegtas prie EKRANO KRAŠTO, aukštis `min(N, 100%)` ⇒ skersmuo =
        min(N, bloko aukštis) — trumpame bloke mažesnė, bet VISA bloko viduje; rėmelio `overflow:hidden` kerpa tik ties ekrano kraštu;
      · jokio `overflow-x:clip` ir jokio html perpildymo: puslapis niekada neplatesnis už ekraną (iPad nepanoruoja į šoną).
      Ryškumas ~pusė ankstesnio (.07 → .032; antgalio .07 → .045, kontaktų .05 → .035).                                       */
main>.sec,main>.dark,main>.misvis,main>.e404,.ftr{position:relative;isolation:isolate}
@media (prefers-reduced-motion:no-preference){ @supports (animation-timeline:view()){
  main>.sec,main>.dark,main>.e404,.ftr{view-timeline:--fs block;view-timeline-inset:0}
} }
/* `.seal` = rėmelis ekrano krašte (pusė rozetės pločio, rozetės aukščio), `.seal i` = visa rozetė, jos centras — ekrano krašte */
.seal{position:absolute;z-index:-1;top:0;left:0;width:360px;height:min(720px,100%);overflow:hidden;pointer-events:none}
.seal i{position:absolute;top:0;left:-360px;width:720px;height:100%;
  background:url(/assets/img/guilloche-1.svg) center/contain no-repeat;opacity:.032}
/* tamsus blokas — 16 px atsarga viršuje ir apačioje, visada kairėje (dešinėje skirtukų scena) */
.dark>.seal{top:16px;width:310px;height:min(620px,calc(100% - 32px))}
.dark>.seal i{left:-310px;width:620px;opacity:.04}
/* poraštė — dešinėje, tyliau */
.ftr>.seal{left:auto;right:0;width:300px;height:min(600px,100%)}
.ftr>.seal i{left:0;width:600px;opacity:.026}
@media (min-width:701px){
  main>.sec:nth-child(even of .sec,.dark)>.seal{left:auto;right:0}
  main>.sec:nth-child(even of .sec,.dark)>.seal i{left:0}
}
@media (max-width:700px){
  .seal{width:210px;height:min(420px,100%)} .seal i{left:-210px;width:420px}
  .dark>.seal{width:190px;height:min(380px,calc(100% - 32px))} .dark>.seal i{left:-190px;width:380px}
  .ftr>.seal{left:0;right:auto;width:210px;height:min(420px,100%)} .ftr>.seal i{left:-210px;width:420px}
}
@media (min-width:701px) and (prefers-reduced-motion:no-preference){ @supports (animation-timeline:view()){
  .seal i{animation:fb-rot linear both;animation-timeline:--fs;animation-range:cover 0% cover 100%}
  main>.sec:nth-child(even of .sec,.dark)>.seal i,.ftr>.seal i{animation-name:fb-rot2}
} }
@keyframes fb-rot{from{transform:rotate(-30deg)}to{transform:rotate(30deg)}}
@keyframes fb-rot2{from{transform:rotate(30deg)}to{transform:rotate(-30deg)}}
/* antgalio ir kontaktų bloko rozetės — tos pačios taisyklės: visa bloko viduje vertikaliai, centras ties ekrano kraštu, tyliau */
.ph::after{top:16px;right:auto;left:100%;width:820px;height:min(820px,calc(100% - 32px));translate:-50% 0;
  background-size:contain;opacity:.045}
.cta::after{top:auto;bottom:16px;left:0;width:860px;height:min(860px,calc(100% - 32px));translate:-50% 0;
  background-size:contain;opacity:.035}
@media (max-width:700px){
  .ph::after{top:16px;right:auto;left:100%;width:440px;height:min(440px,calc(100% - 32px));opacity:.04}
  .cta::after{left:0;bottom:16px;width:460px;height:min(460px,calc(100% - 32px))}
}

/* ── e) RECENZENTŲ RATAS (4 nepriklausomi, headless, 2026-10-09) ─────────────────────────────────────────────────────────── */
/* SP-03 · tamsių blokų / kontaktų bloko auksinis plaukelis — TARPO VIDURYJE (buvo 64 px nuo ankstesnės sekcijos ir 102 iki savo
   antraštės planšetėje — atrodė kaip viršutinės sekcijos apačia). Viršuje: pusė --sec virš linijos, pusė po ja. */
.dark,.cta{margin-top:calc(var(--sec) / 2);padding-top:calc(var(--sec) / 2)}
.band+.dark,.band+.cta{margin-top:calc(var(--sec) / 2)}
.dark+.cta{margin-top:max(0px,calc(var(--sec) / 2 - var(--s-7)))}
.ph+.cta{margin-top:max(0px,calc(var(--sec) / 2 - 56px))!important}
@media (max-width:700px){
  .dark+.cta{margin-top:max(0px,calc(var(--sec) / 2 - var(--s-6)))}
  .ph+.cta{margin-top:max(0px,calc(var(--sec) / 2 - 32px))!important}
}
/* SP-04 · ≤1100: hero mygtukai → rozetės žiedas = --sec (buvo 107 / 75 px — mygtukai, linija ir žiedas vienoje krūvoje).
   Žiedas išlenda 15 % virš savo langelio (45 / 33 px), mygtukai baigiasi 56 / 44 px virš hero krašto. */
@media (max-width:1100px){ .hxA+.misvis{padding-top:calc(var(--sec) - 11px)} }
/* SP-01 · „Kitos šios srities praktikos“ / „Kiti bendrijos advokatai“ — atskiras blokas su antrašte ⇒ sekcijų tarpas (buvo 48–72 px) */
@media (min-width:1101px){ .split--case{row-gap:var(--sec)} }
@media (max-width:1100px){ .split--case>.sibs-sec{margin-top:calc(var(--sec) - 40px)} }
/* SP-05 · tuščias antgalio šonas nebeima tarpo; telefone antgalio apačia 32 px visur (bylos, privatumas, kontaktai turėjo 56) */
.ph__aside:empty{display:none!important}
@media (max-width:700px){ .ph[style*="padding-bottom:56px"]{padding-bottom:32px!important} }
/* SP-07 · /bylos/ filtrai — pirmos grupės viršuje, 48 px virš jos antraštės */
.chips--top{margin-top:0;margin-bottom:var(--s-5)}
/* 2026-10-09 vak. Ringa (/bylos/): „here gap wayyy to big“ — filtrai yra antgalio tęsinys, ne nauja sekcija: tarp antgalio teksto ir
   filtrų tik antgalio apatinė paraštė (64 / 32 px), ne --sec. */
.ph+.sec.sec--chips{padding-top:0!important}
/* F4 · klaviatūra: be rėmelio (jo 09-22 taisyklė), bet fokusas matomas — kaip užvedus pelę */
.lang a:focus-visible{color:var(--ink);background:var(--plane-h)}
/* F5 · poraštėje perjungiklio „piliulė“ nematoma (1,03:1) ⇒ be jos; RU tekstas baigiasi ties linijos galu, telefone LT — ties © */
.ftr__bot .lang--f{background:none;padding:0}
@media (min-width:701px){ .ftr__bot .lang--f{margin-right:-10px} }
@media (max-width:700px){ .ftr__bot .lang--f{margin-left:-3px;margin-bottom:4px}
  /* F7 · telefone didesni paspaudimo plotai (buvo 37×24 px) */
  .ftr__bot .lang--f a,.ftr__bot .lang--f span{padding:12px 14px} .ftr__bot .lang--f .on{padding:12px 15px} }

/* ══ 51. TELEFONAS 2026-10-09 vak. — Misija/Vizija centre, be lipnios juostos ══════════════════════════════════════════════
   Jo žodžiai: „on mobile vizija should be above VP and centered and below text centered as well“ · „sticky bottom bar no need on
   mobile“. Telefone: Vizija (centre) → VP antspaudas → Misija (centre); punktų rombai virš kiekvieno teksto, ne kairėje.
   Tarpai tarp jų 64 px: besisukantis žiedas išlenda 15 % (33 px) už savo langelio — iki teksto lieka ~31 px. */
@media (max-width:700px){
  .misvis__in{grid-template-columns:minmax(0,1fr);row-gap:64px;text-align:center}
  .misvis__v{grid-column:1;grid-row:1} .misvis__orn{grid-column:1;grid-row:2;justify-self:center} .misvis__m{grid-column:1;grid-row:3}
  .misvis__q{margin-inline:auto;max-width:30ch}
  .misvis__m ul{max-width:34ch;margin-inline:auto}
  .misvis__m li{padding:18px 0}
  .misvis__m li::before{position:static;display:block;margin:0 auto 12px}
  /* hero mygtukai → „Vizija“ = --sec (mygtukai baigiasi 44 px virš hero krašto) */
  .hxA+.misvis{padding-top:calc(var(--sec) - 44px)}
  /* lipnios juostos nebėra ⇒ poraštės apačioje nebereikia jai vietos (buvo 110 px) */
  .ftr{padding-bottom:48px}
}


/* ══ 52. KLIENTŲ RAUNDAS 2026-10-19 — FB/IG antraštėje · /advokatai/ be tamsaus bloko · /kontaktai/ portretų kortelės ══
   Mantė (per Martyną, 4 nuotraukos) + Edita Kairiūkštė. Ringa: „dont change design very much … nice entrance animations
   and premium“ ⇒ sistema ta pati (spalvos, šriftai, kortelių lakas), keičiasi tik ŠIŲ puslapių amatas ir išnirimai.
   Judesio įstatymas tas pats kaip 47: tik opacity/transform · ≤0,7 s · be clip-path · reduced motion = stovi · be JS = matoma.
   „Šviesa įsižiebia“ = pagrindinio hero A idėja: portretas pirmiausia tamsi plokštė, tada nušvinta (uždangos opacity 1→0). */

/* ── a) Antraštė: FB + IG šalia numerio. ≥1101 px; siauriau nebetelpa šalia meniu (telefone — šalia ragelio, žr. 56, ir stalčiuje;
   poraštėje visada) ── */
.hdr__soc{display:flex;align-items:center;gap:6px;margin-left:-6px}
.hdr__soc a{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  background:var(--plane);box-shadow:inset 0 0 0 1px rgba(205,170,94,.24);
  transition:background .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,.61,.36,1)}
.hdr__soc svg{width:15px;height:15px}
@media (hover:hover){
  .hdr__soc a:hover{background:var(--acc);box-shadow:none;transform:translateY(-1px)}
  .hdr__soc a:hover svg{fill:var(--on-acc)}
  .hdr__soc a:hover svg[fill="none"]{fill:none;stroke:var(--on-acc)}
  .hdr__soc a:hover svg circle[stroke="none"],.soc a:hover svg circle[stroke="none"]{fill:var(--on-acc)}
}
.hdr__soc a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (max-width:1100px){ .hdr__soc{display:none} }
/* stalčius (telefonas): ikonos po mygtuku. ⛔ 2026-10-22 Ringa: „they can stay but center aligned looks off when else is not center
   aligned“ ⇒ prie kairio krašto, kaip kalbų burbulai ir mygtukas virš jų */
.drawer__f .soc--d{margin-top:4px;justify-content:flex-start}

/* ── b) /advokatai/ antgalis: antraštė + du faktai VIENOJE eilutėje, faktai prie antraštės apačios ── */
.ph__stats{display:flex;gap:12px;flex:0 1 auto}
.ph__stats .statcard{min-width:210px}
@media (max-width:1100px){
  .ph__stats .statcard{flex:1 1 0;min-width:0}
}

/* ── c) Advokato kortelė (/advokatai/): portretas rėmelyje — uždanga ir auksinė linija po nuotrauka ── */
.pcard__ph{position:relative;overflow:hidden;flex-shrink:0}
.pcard__ph img{display:block}
.pcard__ph::before{content:"";position:absolute;inset:0;z-index:1;background:var(--ground);opacity:0;pointer-events:none}
.pcard__ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(205,170,94,0),rgba(205,170,94,.8) 22%,rgba(205,170,94,.8) 78%,rgba(205,170,94,0));
  transform-origin:left center}

/* ── d) /kontaktai/ advokatų kortelės: portretas kairėje per visą aukštį · vardas → profilis · numeris visiems ── */
.ctc{flex-direction:row;align-items:stretch;gap:0;padding:0;overflow:hidden;min-height:0}
.ctc__ph{flex:0 0 clamp(96px,30%,132px);position:relative;overflow:hidden;display:block;background:#CFC8BB}
.ctc__ph img{display:block;width:100%;height:100%;min-height:176px;object-fit:cover;object-position:top center;
  transition:transform .7s var(--e)}
.ctc__ph::before{content:"";position:absolute;inset:0;z-index:1;background:var(--ground);opacity:0;pointer-events:none}
.ctc__b{flex:1 1 auto;min-width:0;padding:24px 22px 22px 24px;display:flex;flex-direction:column;gap:6px}
.ctc__n{font-family:var(--disp);font-size:21px;font-weight:500;line-height:1.22}
.ctc__n a{color:var(--ink)}
.ctc__r{font-size:13.5px;line-height:1.45;color:var(--muted)}
.ctc__tel{margin-top:auto;padding-top:16px;white-space:nowrap}
@media (hover:hover){
  .ctc:hover .ctc__ph img{transform:scale(1.03)}
  .ctc__n a:hover{color:var(--gold)}
}
@media (max-width:700px){
  .ctc__ph{flex-basis:108px}
  .ctc__ph img{min-height:150px}
  .ctc__b{padding:18px 18px 18px 20px}
  .ctc__n{font-size:20px}
}

/* ── e) Išnirimai šiems puslapiams (kaip 47: tik opacity/transform) ── */
@keyframes m-veil{from{opacity:1}to{opacity:0}}
@keyframes m-rule{from{transform:scaleX(0)}to{transform:none}}
@media (prefers-reduced-motion:no-preference){
  /* faktų kortelė: skaičius pakyla, užrašas po jo */
  .js .statcard.rv--card.in b{animation:m-rise .55s var(--e) calc(var(--d) + 60ms) both}
  .js .statcard.rv--card.in span{animation:m-slide .45s var(--e) calc(var(--d) + 150ms) both}
  /* advokato kortelė: plokštė → šviesa įsižiebia ant portreto → auksinė linija → vardas, pareigos, tekstas, faktai, apačia.
     ⛔ Kiekvienas žingsnis (vėlinimas + trukmė) ≤ 0,7 s — verify_v2_motion „išnirimų trukmės“. */
  .js .pcard.rv--card.in .pcard__ph::before{animation:m-veil .6s var(--e) calc(var(--d) + 40ms) both}
  .js .pcard.rv--card.in .pcard__ph::after{animation:m-rule .4s var(--er) calc(var(--d) + 260ms) both}
  .js .pcard.rv--card.in .pcard__b > *{animation-duration:.45s}
  .js .pcard.rv--card.in .pcard__b > h3{animation-delay:calc(var(--d) + 140ms)}
  .js .pcard.rv--card.in .pcard__b > .pcard__r{animation-delay:calc(var(--d) + 180ms)}
  .js .pcard.rv--card.in .pcard__b > p:not(.pcard__r){animation-delay:calc(var(--d) + 220ms)}
  .js .pcard.rv--card.in .pcard__b > .dl{animation-delay:calc(var(--d) + 240ms)}
  .js .pcard.rv--card.in .pcard__b > .pcard__f{animation:m-fade .4s var(--e) calc(var(--d) + 280ms) both}
  /* kontaktų kortelė: ta pati šviesa, tada vardas, pareigos, numeris įslysta, ragelis įsistato */
  .js .ctc.rv--card.in .ctc__ph img{animation:m-settle .7s var(--e) var(--d) backwards}
  .js .ctc.rv--card.in .ctc__ph::before{animation:m-veil .6s var(--e) calc(var(--d) + 40ms) both}
  .js .ctc.rv--card.in .ctc__n{animation:m-head .5s var(--e) calc(var(--d) + 120ms) both}
  .js .ctc.rv--card.in .ctc__r{animation:m-rise .45s var(--e) calc(var(--d) + 170ms) both}
  .js .ctc.rv--card.in .ctc__tel{animation:m-slidex .45s var(--e) calc(var(--d) + 220ms) both}
  .js .ctc.rv--card.in .ctc__tel svg{animation:m-pop .4s var(--ep) calc(var(--d) + 280ms) both}
}
/* telefone kortelės viena po kita (bendras `.g3` telefone — po dvi); planšetėje — trys stovinčios vienoje eilutėje (žr. žemiau) */
@media (max-width:700px){ .ctcs{grid-template-columns:minmax(0,1fr)} }
/* telefone bendras `.acard p{display:none}` ir `.acard h3` dydis nustelbdavo kortelės pareigas ir vardą ⇒ stipresni selektoriai */
.ctc .ctc__n{font-size:21px}
.ctc .ctc__r{display:block;font-size:13.5px;line-height:1.45;color:var(--muted)}
@media (max-width:700px){ .ctc .ctc__n{font-size:20px} }
/* planšetėje (701–1100) visi trys advokatai VIENOJE eilutėje, kaip anksčiau (auditas R: „advokatų kortelės 1 eilutėje“) —
   kortelė stovi: portretas viršuje, tekstas po juo */
@media (min-width:701px) and (max-width:1100px){
  .ctcs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ctc{flex-direction:column}
  .ctc__ph{flex:0 0 auto;width:100%;height:200px}
  .ctc__ph img{height:100%;min-height:0}
  .ctc__b{padding:18px 18px 20px}
  .ctc .ctc__n{font-size:20px}
}


/* ══ 53. ANTRAŠTĖ „ŽMONĖMS“ + ŽEMĖLAPIS IŠ KARTO (2026-10-19) ══════════════════════════════════════════════════
   Ringa: „header need redesign - maybe language switcher we can use flag svg bubble … make the header more UX oriented,
   easier for humans“ · „can google map instantly load and be visible without hovering or clicking on map“.
   Dešinėje: socialiniai · kalbos burbulas (vėliava + LT + rodyklė → meniu su kalbų pavadinimais) · SKAMBUČIO MYGTUKAS
   (ragelis + numeris + darbo laikas). Aktyvus meniu punktas pabrauktas auksu. Spalvos ir šriftai — tie patys. */

/* ── a) Vėliavų burbulai ── */
.flag{width:20px;height:20px;border-radius:999px;overflow:hidden;flex:0 0 auto;display:inline-flex;align-items:center;
  justify-content:center;box-shadow:0 0 0 1px rgba(255,255,255,.16)}
.flag svg{width:100%;height:100%;display:block}
.flag--txt{background:#1F1D1A;box-shadow:inset 0 0 0 1px rgba(205,170,94,.55);color:var(--gold);
  font:600 9px/1 var(--sans);letter-spacing:.01em}

/* ── b) Kalbos burbulas antraštėje + išskleidžiamas sąrašas ── */
.hdr__r{gap:12px}
.lsw{position:relative;flex:0 0 auto}
.lsw__b{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 10px 0 6px;border:0;border-radius:999px;
  background:var(--plane);box-shadow:inset 0 0 0 1px rgba(205,170,94,.24);color:var(--ink);
  font:600 12.5px/1 var(--sans);letter-spacing:.02em;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}
.lsw__b .flag{width:26px;height:26px}
.lsw__ch{color:var(--muted);transition:transform .25s var(--e)}
.lsw.on .lsw__ch{transform:rotate(180deg)}
.lsw.on .lsw__b{box-shadow:inset 0 0 0 1px var(--gold)}
@media (hover:hover){ .lsw__b:hover{background:var(--plane-h);box-shadow:inset 0 0 0 1px rgba(205,170,94,.55)} }
.lsw__b:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.lsw__m{position:absolute;right:0;top:calc(100% + 10px);z-index:60;min-width:214px;padding:6px;border-radius:16px;display:none;
  background:var(--card);box-shadow:inset 0 1px 0 var(--edge),0 24px 48px rgba(0,0,0,.55)}
.lsw.on .lsw__m{display:block;animation:m-menu .18s var(--e) both}
@keyframes m-menu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.lsw__i{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:11px;font-size:14.5px;
  color:var(--body);white-space:nowrap}
.lsw__i .flag{width:24px;height:24px}
.lsw__i.on{color:var(--ink);font-weight:600}
.lsw__ok{margin-left:auto;color:var(--gold);flex:0 0 auto}
.lsw__i small{margin-left:auto;padding-left:14px;font-size:11.5px;color:var(--muted)}
@media (hover:hover){ a.lsw__i:hover{background:var(--plane-h);color:var(--ink)} }
a.lsw__i:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
/* ⛔ 2026-10-19 Ringa: „on mobile header the language switcher only in side menu, not in normal header“ ⇒ telefone antraštėje
   tik logotipas, skambutis ir meniu; kalba — stalčiuje (vėliavų burbulai). */
@media (max-width:700px){ .hdr .lsw{display:none} }
@media (prefers-reduced-motion:reduce){ .lsw.on .lsw__m{animation:none} .lsw__ch{transition:none} }

/* ── c) Skambučio mygtukas (buvęs tekstinis numeris). Klasė `.tel` lieka — ją slepia 701–820 / telefono taisyklės. ── */
.hdr .hcall{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px 0 5px;border-radius:999px;white-space:nowrap;
  background:rgba(205,170,94,.08);background-image:none;box-shadow:inset 0 0 0 1px rgba(205,170,94,.42);color:var(--ink);
  transition:background .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,.61,.36,1)}
.hcall__ic{width:36px;height:36px;border-radius:999px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  background:var(--acc);color:var(--on-acc)}
.hcall__t{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.hcall__t b{font-size:15px;font-weight:600}
.hcall__t small{margin-top:3px;font-size:11.5px;font-weight:500;color:var(--muted)}
@media (hover:hover){ .hdr .hcall:hover{background:rgba(205,170,94,.16);box-shadow:inset 0 0 0 1px var(--gold);transform:translateY(-1px)} }
.hdr .hcall:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (max-width:1100px){ .hcall__t small{display:none} .hdr .hcall{height:42px;padding-right:14px} .hcall__ic{width:32px;height:32px} }
@media (max-width:820px){ .hdr .hcall{display:none} }

/* ── d) Meniu: kur esi — matosi (auksinis pabraukimas po aktyviu punktu) ── */
.nav a[aria-current="page"]{color:var(--gold);background-size:100% 1px}

/* ── e) Kalbos perjungikliai stalčiuje ir poraštėje — tie patys vėliavų burbulai ── */
.lang a,.lang span.on{display:inline-flex;align-items:center;gap:7px}
.lang span.flag,.ftr__bot .lang--f span.flag{padding:0;border-radius:999px;background:none}
.lang span.flag--txt,.ftr__bot .lang--f span.flag--txt{background:#1F1D1A}
.lang b{font-weight:inherit}
.lang .on{padding:4px 11px 4px 4px}
.lang a{padding:4px 10px 4px 4px}
@media (max-width:700px){ .ftr__bot .lang--f a,.ftr__bot .lang--f span.on{padding:8px 12px 8px 6px} }

/* ── f) Žemėlapis matomas iš karto (`src` žymėje; senas „opacity 0, kol nupieš“ — atšauktas) ── */
.js .mapbox .map__f{opacity:1;transition:none}
/* „Ру“ burbule — savas mažas šriftas (bendras `.lang span{font-size:12.5px}` jį padidindavo stalčiuje ir poraštėje) */
.lang span.flag--txt,.ftr__bot .lang--f span.flag--txt{font:600 9px/1 var(--sans);letter-spacing:.01em;color:var(--gold)}

/* ── g) 2026-10-19 Ringa: „working hours are not aligned“ — „+“ yra lengva forma kairėje, tad akiai numeris prasideda nuo „3“,
   o valandų „I“ atrodė išlindęs į kairę. Valandos lygiuojamos po SKAITMENIMIS („+“ kabo kairėje).
   2026-10-20 Ringa (EN): „here text is not perfectly aligned“ — buvęs `small{padding-left:6.5px}` tiko tik Chrome: Safari „+“
   platesnis (7,0 px, Chrome 6,6), tad valandos būdavo 1–1,25 px kairiau už „3“ (abiem kalbom). Dabar „+“ (`.hcall__p`, build_v2.py
   hang_plus) KABO už skaitmenų kairėje ⇒ skaitmenys ir valandos prasideda TOJE PAČIOJE vietoje bet kurioje naršyklėje; visas
   tekstas pastumtas per „+“ plotį, tad „+“ vieta nepakito. Matuota pikseliais (4×), Chrome ir Safari. */
.hcall__t{padding-left:7px}
.hcall__t b{position:relative}
/* atskirtas „+“ netenka šrifto kerningo su „3“ (−1,12 px @ 15 px) ⇒ grąžinama ta pati vieta: −.075em */
.hcall__p{position:absolute;top:0;right:100%;margin-right:-.075em}
/* raidžių šoninė erdvė: „3“ (600, 15 px) 0,40 px, „I“ ir „M“ (500, 11,5 px) 0,85 px ⇒ valandos 0,45 px kairiau — rašalas sutampa */
.hcall__t small{margin-left:-.45px}

/* ══ 54. FACEBOOK / INSTAGRAM — užvedus SAVO spalvomis (2026-10-19) ══════════════════════════════════════════════
   Ringa: „can header logo's of facebook and instagram on hover become their own colours instead of like now“.
   Ramybėje — kaip buvo (auksinė ikona tamsiame apskritime); užvedus: Facebook mėlyna, Instagram jo gradientas, ikona balta.
   Spalva — ::before sluoksnio opacity (gradientas tiesiogiai nesikeičia sklandžiai). Tas pats poraštėje (tos pačios ikonos). */
.hdr__soc a,.soc a{position:relative;overflow:hidden;isolation:isolate}
.hdr__soc a::before,.soc a::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;
  transition:opacity .25s ease}
.hdr__soc a[aria-label="Facebook"]::before,.soc a[aria-label="Facebook"]::before{background:#0866FF}
.hdr__soc a[aria-label="Instagram"]::before,.soc a[aria-label="Instagram"]::before{
  background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 90%)}
.hdr__soc svg *,.soc svg *{transition:fill .25s ease,stroke .25s ease}
@media (hover:hover){
  .hdr__soc a:hover,.soc a:hover{background:var(--plane);box-shadow:none}
  .hdr__soc a:hover::before,.soc a:hover::before{opacity:1}
  .hdr__soc a:hover svg,.soc a:hover svg{fill:#fff}
  .hdr__soc a:hover svg[fill="none"],.soc a:hover svg[fill="none"]{fill:none;stroke:#fff}
  .hdr__soc a:hover svg circle[stroke="none"],.soc a:hover svg circle[stroke="none"]{fill:#fff}
}
.hdr__soc a:focus-visible::before,.soc a:focus-visible::before{opacity:1}
.hdr__soc a:focus-visible svg,.soc a:focus-visible svg{fill:#fff}
.hdr__soc a:focus-visible svg[fill="none"],.soc a:focus-visible svg[fill="none"]{fill:none;stroke:#fff}
@media (prefers-reduced-motion:reduce){ .hdr__soc a::before,.soc a::before,.hdr__soc svg *,.soc svg *{transition:none} }
/* senas `.soc a:hover svg{stroke:…}` (40 sk.) apvesdavo „f“ tamsiu kontūru — Facebook ikona be kontūro */
@media (hover:hover){ .hdr__soc a:hover svg:not([fill="none"]),.soc a:hover svg:not([fill="none"]){stroke:none} }

/* ══ 55. MYGTUKAI — UŽAPVALINTI STAČIAKAMPIAI VIETOJ „PILIULIŲ“ (2026-10-19) ════════════════════════════════════
   Ringa: „what if the whole website buttons was not pill shape but rounded, maybe would look more premium“ → peržiūra (viršus
   piliulės, apačia 12 px) → „Yes, switch the buttons to the 12 px rounded corners“. 12 px = tos pačios šeimos kaip kortelės (20)
   ir plytelės (14). Apskritimai (meniu, skambutis, socialiniai, vėliavos, taškai) ir ženkliukai `.pill` LIEKA apvalūs. */
:root{--rb:12px}
.btn,.hdr .hcall,.lsw__b,.chip{border-radius:var(--rb) !important}
.ph .pillrow .tile{border-radius:var(--rb) !important}
.btn--sm{border-radius:10px !important}
.hcall__ic{border-radius:9px !important}
.lang{border-radius:12px !important}
.lang a,.lang .on{border-radius:9px !important}

/* ══ 56. TELEFONAS: FB + IG ANTRAŠTĖJE, KAIRĖJE NUO RAGELIO (2026-10-22) ═══════════════════════════════════════════════
   Ringa: „in mobile instead of side menu the fb and ig icons should be left to the phone button“ ⇒ ≤700 px antraštė:
   logotipas … FB · IG · ragelis · meniu. Tokie pat 40 px apskritimai kaip ragelis ir meniu (be aukso žiedo, kurį jie turi
   ≥1101 px), pora arčiau viena kitos (8 px) nei ragelio (12 px). Stalčiuje jos lieka (52 a). 701–1100 px — vis dar nėra
   (šalia meniu netelpa). < 360 px šalia logotipo ankšta ⇒ 36 px, tarpai 6 / 10 (320 px: 14 px iki logotipo).
   ⛔ Šis blokas PRIVALO būti po 53 — ten `.hdr__r{gap:12px}` be @media. */
@media (max-width:700px){
  .hdr__soc{display:flex;gap:8px;margin-left:0}
  .hdr__soc a{width:40px;height:40px;box-shadow:none}
  .hdr__soc svg{width:16px;height:16px}
}
@media (max-width:359px){
  .hdr__r{gap:10px}
  .hdr__soc{gap:6px}
  .hdr__soc a{width:36px;height:36px}
}

/* ══ 57. 2026-10-22 — SĄSKAITOS NUMERIS VIENU PASPAUDIMU ═══════════════════════════════════════════════════════════════════
   a) ATŠAUKTA tą pačią dieną. Ringa: „when opened side menu on mobile, the icons of facebook and ig to be in their colours“ (V103:
      stalčiuje FB mėlyna / IG gradientas visada) → vakare: „on mobile side menu make fb and ig back to brand colors, dont do them
      colourful like right now“ ⇒ stalčiuje vėl kaip antraštėje — auksinė ikona tamsiame apskritime (54: savo spalvos tik užvedus).
      ⛔ Neįjungti FB/IG spalvų stalčiuje be jo naujo prašymo. */

/* b) Ringa: „i want saskaita to be easier able to copy in footer“ ⇒ numeris + kopijavimo ikona (build_v2.py `.ibanw`, JS kopijuoja
      be tarpų). Paspaudus — ikona virsta varnele, virš jos auksinis „Nukopijuota“ (1,8 s). Numeris nelūžta (`nowrap` vietoj U+00A0);
      vienu bakstelėjimu pažymimas visas (`user-select:all`). Be JS — tik tekstas. Judesys — tik opacity/transform. */
.ibanw{position:relative;white-space:nowrap}
.iban{cursor:pointer;-webkit-user-select:all;user-select:all;transition:color .2s ease}
.iban__cp{display:none}
.js .iban__cp{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:-8px -9px -8px 0;
  padding:7px;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer;transition:color .2s ease}
.iban__cp svg{display:block;width:15px;height:15px}
.iban__cp .ok,.ibanw.is-ok .iban__cp .cp{display:none}
.ibanw.is-ok .iban__cp .ok{display:block}
.ibanw.is-ok .iban__cp,.ibanw.is-ok .iban{color:var(--gold)}
@media (hover:hover){ .ibanw:hover .iban,.ibanw:hover .iban__cp{color:var(--gold)} }
.iban__cp:focus-visible{outline:2px solid var(--gold);outline-offset:0}
.iban__ok{position:absolute;right:-9px;bottom:calc(100% + 4px);padding:5px 9px;border-radius:8px;background:var(--acc);
  color:var(--on-acc);font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;
  opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}
.ibanw.is-ok .iban__ok{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){ .iban,.iban__cp,.iban__ok{transition:none} }