/* ============================================================
   EMERCO V2 (2026-09-28, /0928) – az új brief szakaszai
   Alap = statikus, mindenhol olvasható elrendezés (mobil, csökkentett mód).
   html.v2-anim = asztali, animált elrendezés (rögzített jelenetek, vízszintes sáv, egymásra csúszó kártyák); a mozgást a v2.js adja.
   ============================================================ */

.v2{position:relative}
.v2-k{
  display:flex;align-items:center;gap:14px;margin-bottom:24px;
  font:600 12px/1.2 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut);
}
.v2-k::before{content:"";width:28px;height:1px;background:currentColor;flex:none}
.on-dark .v2-k{color:var(--dark-mut)}
.v2-title{
  font-family:var(--f-disp);text-transform:uppercase;font-size:clamp(34px,5.4vw,84px);
  line-height:.96;letter-spacing:-.01em;max-width:15ch;
}
.v2-lead{margin-top:clamp(20px,2.4vw,32px);max-width:58ch;font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:var(--mut)}
.on-dark .v2-lead{color:var(--dark-mut)}
.v2-head{padding-top:clamp(90px,11vw,170px);margin-bottom:clamp(44px,6vw,96px)}

/* görgetés-jelző a lap tetején */
.v2-prog{position:fixed;left:0;top:0;right:0;height:2px;z-index:80;pointer-events:none;background:var(--acc);transform:scaleX(0);transform-origin:0 50%}

/* ---------- Kik vagyunk ---------- */
.v2-who{padding-block:clamp(96px,12vw,190px) clamp(90px,11vw,170px)}
.v2-who-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);align-items:end}
.v2-who-h{max-width:17ch}
.v2-who-lead{margin-top:0;max-width:44ch}
/* V=143: a brief szerint nincs külön cím – a bemutatkozó bekezdés maga a fő szöveg (szó szerint a briefből) */
.v2-who-top:has(.v2-who-stmt){grid-template-columns:1fr}
.v2-who-stmt{max-width:34ch;font:500 clamp(22px,2.5vw,36px)/1.32 var(--f-sans);letter-spacing:-.012em;color:var(--ink)}
.v2-who-grid.no-facts{grid-template-columns:1fr}
.v2-who-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(32px,5vw,90px);align-items:end;margin-top:clamp(56px,7vw,110px)}
.v2-who-fig{position:relative;overflow:hidden;aspect-ratio:16/10;background:#d8d6cf}
.v2-who-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v2-who-facts{margin:0}
.v2-who-facts>div{border-top:1px solid var(--line);padding:clamp(18px,1.8vw,26px) 0 clamp(22px,2.2vw,32px)}
.v2-who-facts>div:last-child{border-bottom:1px solid var(--line)}
.v2-who-facts dt{font-family:var(--f-disp);text-transform:uppercase;font-size:clamp(24px,2.3vw,36px);line-height:1;letter-spacing:-.005em}
.v2-who-facts dd{margin:10px 0 0;color:var(--mut);font-size:15px;line-height:1.5;max-width:30ch}

/* ---------- Rendszer (We develop systems) ---------- */
.v2-sys{padding-block:clamp(90px,11vw,170px);overflow:clip}
.v2-sys-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,110px);align-items:center}
.v2-st+.v2-st{margin-top:clamp(56px,7vw,96px)}
.v2-h{font-family:var(--f-disp);text-transform:uppercase;font-size:clamp(32px,4.4vw,70px);line-height:.96;letter-spacing:-.01em;margin-bottom:clamp(20px,2.4vw,32px);max-width:13ch}
.v2-st p{max-width:46ch;color:rgba(239,238,233,.74);font-size:clamp(16px,1.25vw,18px)}
.v2-st p+p{margin-top:14px}
.v2-sys-fig{display:flex;justify-content:center}
.v2-net{width:100%;max-width:640px;height:auto;overflow:visible;color:var(--paper)}
.v2-orbit{fill:none;stroke:rgba(239,238,233,.12);stroke-width:1;stroke-dasharray:2 7}
.v2-ln{stroke:rgba(239,238,233,.32);stroke-width:1;fill:none}
.v2-ln.cx{stroke:rgba(239,238,233,.2);stroke-dasharray:3 6}
.v2-nd circle{fill:var(--acc-l)}
.v2-nd .halo{fill:none;stroke:var(--acc-l);stroke-opacity:.35;transform-box:fill-box;transform-origin:center;animation:v2halo 3.2s var(--ease) infinite}
.v2-nd:nth-of-type(2n) .halo{animation-delay:1.6s}
@keyframes v2halo{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.8);opacity:0}}
.v2-nd text{fill:var(--dark-ink);font:600 13px var(--f-sans);letter-spacing:.14em;text-transform:uppercase}
/* V=130: a pontok kattinthatók (az adott irányra ugrik) */
.v2-nd{cursor:pointer;outline:none}
.v2-nd .hit{fill:transparent;stroke:none}
.v2-nd:hover .dot,.v2-nd:focus-visible .dot{transform:scale(1.35)}
.v2-nd:hover text,.v2-nd:focus-visible text{fill-opacity:1!important} /* V=152: aláhúzás nélkül (user) */
.v2-core circle{fill:var(--dark-ink)}
.v2-core{color:var(--dark)}

.v2-more{
  position:relative;display:inline-flex;overflow:hidden;margin-top:26px;border:1px solid currentColor;border-radius:var(--btn-r);
  padding:12px 26px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.35;
  transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);
}
.v2-more:hover{background:var(--ink);border-color:var(--ink);color:#fdfdfa}

/* részletek: jobbról becsúszó panel */
.v2-drawer{position:fixed;inset:0;z-index:95;visibility:hidden;pointer-events:none}
.v2-drawer.open{visibility:visible;pointer-events:auto}
.v2-dr-back{position:absolute;inset:0;background:rgba(10,13,11,.55);opacity:0;transition:opacity .5s var(--ease)}
.v2-drawer.open .v2-dr-back{opacity:1}
.v2-dr-panel{
  position:absolute;top:0;right:0;bottom:0;width:min(760px,100vw);background:var(--paper);color:var(--ink);
  overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .7s var(--ease);
}
.v2-drawer.open .v2-dr-panel{transform:none}
.v2-dr-x{position:absolute;top:18px;right:18px;z-index:3}
.v2-dr-fig{height:min(42vh,420px);overflow:hidden;background:#d9d7cf}
.v2-dr-fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.4s var(--ease)}
.v2-drawer.open .v2-dr-fig img{transform:none}
.v2-dr-body{padding:clamp(28px,4vw,56px) clamp(22px,4vw,56px) clamp(48px,6vw,80px)}
.v2-dr-t{font-family:var(--f-disp);text-transform:uppercase;font-size:clamp(30px,3.6vw,52px);line-height:.96;margin-bottom:28px}
.v2-dr-body p:not(.v2-k){font-size:clamp(16px,1.2vw,18px);line-height:1.7;color:#2b2a27;max-width:60ch}
.v2-dr-body p:not(.v2-k)+p{margin-top:18px}
.v2-dr-body p:nth-of-type(2){font-size:clamp(18px,1.45vw,21px);color:var(--ink)}
body.v2-dr-open{overflow:hidden}

/* a „Kik vagyunk” kifejtése: a hat irány (EMERCO Insights) ugyanabban a fejezetben */
.v2-sys-bg,.v2-sti-bar,.v2-nd .lf{display:none} /* V=152: a pontokon mindig az Insights hat neve (user) */
.v2-sys-fig{position:sticky;top:14vh;align-self:start}
.v2-st-ins .v2-h{max-width:14ch}
.v2-sti-fig{aspect-ratio:16/10;overflow:hidden;margin-bottom:24px;background:#1a211d}
.v2-sti-fig img{width:100%;height:100%;object-fit:cover}
.v2-sti .v2-sti-t{font-size:clamp(26px,3vw,46px);margin-bottom:18px}
.v2-sys .v2-more{color:var(--dark-ink)}
.v2-sys .v2-more:hover{background:var(--dark-ink);border-color:var(--dark-ink);color:var(--dark)}
.v2-ln.sp,.v2-nd .dot,.v2-nd text{transition:stroke .5s var(--ease),stroke-width .5s var(--ease),fill .5s var(--ease),fill-opacity .5s var(--ease),opacity .5s var(--ease),transform .5s var(--ease)}
.v2-nd .dot{transform-box:fill-box;transform-origin:center}

/* ---------- Mit csinálunk: kártyák ---------- */
.v2-svc{padding-bottom:clamp(90px,11vw,170px)}
.v2-stack{display:grid;gap:clamp(16px,2vw,24px)}
/* V=129: világos, keretes kártyák (a sötét tömbök és a hátsó kártya hirtelen besötétülése helyett, user: „zavaró, nem szép”) */
.v2-card-in{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:clamp(420px,60vh,620px);
  background:#fbfaf7;color:var(--ink);border:1px solid var(--line);overflow:hidden;transform-origin:50% 0;
}
.v2-card-txt{display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:clamp(28px,4vw,64px)}
/* V=137 (user): a kártyákon FIX betűméret – minden kártyán ugyanakkora cím és szöveg, nem függ a képernyőtől és a cím hosszától
   (a site.js fitHeadings csak végszükség esetén kicsinyít, akkor is az összeset egyformán) */
.v2-card-t{font-family:var(--f-disp);text-transform:uppercase;font-size:44px;line-height:.96;letter-spacing:-.01em;max-width:none}
.v2-card-txt p{max-width:52ch;color:var(--mut);font-size:17px;line-height:1.6}
.v2-card-txt p:first-of-type{color:var(--ink);margin-top:auto}
.v2-card-txt p+p{margin-top:14px}
.v2-card-fig{position:relative;overflow:hidden;background:#e4e2db}
.v2-card-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------- Fejlesztési logika ---------- */
.v2-logic{padding-block:clamp(90px,11vw,170px)}
.v2-lg-bg,.v2-lg-side .v2-rail-w{display:none}
.v2-lg-qs{display:grid;gap:clamp(48px,6vw,80px)}
.v2-q{border-top:1px solid var(--dark-line);padding-top:26px}
.v2-q-k{font:700 12px/1.2 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--acc-l);margin-bottom:18px}
.v2-q-t{font-family:var(--f-disp);text-transform:uppercase;font-size:clamp(34px,5.4vw,92px);line-height:.95;letter-spacing:-.01em;max-width:16ch}
.v2-q:last-child .v2-q-t{font-size:clamp(28px,3.9vw,62px);max-width:22ch}
.v2-q-s{margin-top:clamp(18px,2vw,28px);max-width:46ch;color:rgba(239,238,233,.74);font-size:clamp(16px,1.25vw,19px)}

/* ---------- Kikkel dolgozunk ---------- */
.v2-with{padding-bottom:clamp(90px,11vw,170px)}
.v2-with-fig{display:none}
.v2-with-list{display:grid;gap:clamp(40px,5vw,64px)}
.v2-wr-fig{aspect-ratio:16/10;overflow:hidden;margin-bottom:22px;background:#d9d7cf}
.v2-wr-fig img{width:100%;height:100%;object-fit:cover}
.v2-wr-t{font-family:var(--f-disp);text-transform:uppercase;font-size:clamp(26px,2.9vw,46px);line-height:.98;letter-spacing:-.01em;max-width:16ch}
.v2-wr-p{margin-top:16px;max-width:52ch;color:var(--mut)}

/* ---------- Fejlesztési platformok ---------- */
.v2-pf{padding-bottom:clamp(90px,11vw,170px)}
.v2-pf-list{display:grid;gap:clamp(14px,1.6vw,24px)}
.v2-pfi{position:relative;height:clamp(440px,86vh,900px);overflow:hidden;color:#fff}
.v2-pf-fig{position:absolute;inset:0;overflow:hidden;background:#0c100e}
.v2-pf-fig img{width:100%;height:100%;object-fit:cover}
.v2-pf-fig::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,9,.82) 0%,rgba(8,11,9,.25) 45%,rgba(8,11,9,.1) 100%)}
.v2-pf-body{position:absolute;left:0;right:0;bottom:0;padding-bottom:clamp(32px,5vw,76px)}
.v2-pf-n{font-family:var(--f-disp);text-transform:uppercase;font-size:clamp(38px,7.2vw,124px);line-height:.92;letter-spacing:-.015em;max-width:14ch}
.v2-pf-tags{margin-top:clamp(14px,1.6vw,22px);font:600 12px/1.5 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.78)}

/* Magazin-bevezető */
.v2-mag .sec-head{display:grid;grid-template-columns:1fr minmax(0,46ch);gap:32px;align-items:end}
.v2-mag .v2-lead{margin-top:0}

/* ============ mobil / keskeny (statikus) ============ */
@media (max-width:820px){
  .v2-sys-grid{grid-template-columns:1fr}
  .v2-sys-fig{order:-1;margin-bottom:12px;position:static}
  .v2-net{max-width:420px}
  .v2-nd text{font-size:17px}
  .v2-card-in{grid-template-columns:1fr;min-height:0}
  .v2-card-fig{order:-1;aspect-ratio:16/10}
  .v2-pfi{height:auto;aspect-ratio:4/5;max-height:80vh}
  .v2-who-top,.v2-who-grid{grid-template-columns:1fr}
  .v2-who-grid{margin-top:44px;gap:28px}
  .v2-who-fig{aspect-ratio:4/3}
  .v2-mag .sec-head{grid-template-columns:1fr}
}

/* ============ ASZTALI, ANIMÁLT ELRENDEZÉS (html.v2-anim) ============ */

/* rendszer: rögzített jelenet, a két állítás egymás helyén */
.v2-anim .v2-sys{padding:0}
.v2-anim .v2-sys-pin{height:100vh;height:100svh;display:flex;align-items:center}
.v2-anim .v2-sys-pin>.wrap{width:100%}
.v2-anim .v2-sys-txt{display:grid}
.v2-anim .v2-st{grid-area:1/1;margin:0}
.v2-anim .v2-st:not([data-st="0"]){opacity:0;visibility:hidden}
.v2-anim .v2-net .v2-ln{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}
.v2-anim .v2-net .v2-nd,.v2-anim .v2-net .v2-core{opacity:0}

/* rendszer-fejezet animálva: háttérképek az irányokhoz, feliratcsere a hálózaton, aktív pont */
.v2-anim .v2-sys-pin{position:relative;overflow:hidden}
.v2-anim .v2-sys-pin>.wrap{position:relative;z-index:2}
.v2-anim .v2-sys-bg{display:block;position:absolute;inset:0}
.v2-anim .v2-sys-bgi{position:absolute;inset:0;opacity:0}
.v2-anim .v2-sys-bgi img{width:100%;height:100%;object-fit:cover}
.v2-anim .v2-sys-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,22,19,.94) 0%,rgba(16,22,19,.8) 48%,rgba(16,22,19,.66) 100%)}
.v2-anim .v2-sys-fig{position:static}
.v2-anim .v2-sti-fig{display:none}
.v2-anim .v2-sti-bar{display:flex;gap:6px;margin-top:40px;opacity:0;transition:opacity .5s var(--ease)}
.v2-anim .v2-sti-bar i{flex:0 0 40px;height:2px;background:rgba(239,238,233,.2);transition:background .4s var(--ease)}
.v2-anim .v2-sti-bar i.on{background:var(--dark-ink)}
.v2-anim .v2-sys.ins-on .v2-sti-bar{opacity:1}
.v2-anim .v2-nd .li{display:inline;opacity:0;letter-spacing:.06em}
.v2-anim .v2-sys.ins-on .v2-nd .lf{opacity:0}
.v2-anim .v2-sys.ins-on .v2-nd .li{opacity:1}
.v2-anim .v2-sys.ins-on .v2-nd:not(.hot) .li{fill-opacity:.45}
.v2-anim .v2-sys.ins-on .v2-nd:not(.hot) .dot{fill-opacity:.5}
.v2-anim .v2-nd.hot .dot{transform:scale(1.7);fill:#fff}
.v2-anim .v2-nd.hot .li{fill:#fff}
.v2-anim .v2-ln.sp.hot{stroke:var(--acc-l);stroke-width:2}

/* mit csinálunk: egymásra csúszó, ragadó kártyák */
.v2-anim .v2-stack{gap:38vh}
.v2-anim .v2-card{position:sticky;top:calc(92px + var(--i) * 16px)}
.v2-anim .v2-card+.v2-card .v2-card-in{box-shadow:0 -18px 50px -24px rgba(16,16,16,.28)} /* az érkező kártya puha árnyéka */
.v2-anim .v2-card-txt{will-change:opacity}
.v2-anim .v2-card-in{height:min(calc(100vh - 92px - 6 * 16px - 28px),680px);min-height:0}

/* fejlesztési logika: rögzített idővonal */
.v2-anim .v2-logic{padding:0}
.v2-anim .v2-lg-pin{position:relative;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
.v2-anim .v2-lg-bg{display:block;position:absolute;inset:0;background:var(--dark)}
.v2-anim .v2-lg-bgi{position:absolute;inset:0;opacity:0}
.v2-anim .v2-lg-bgi.on{opacity:1}
.v2-anim .v2-lg-bgi img{width:100%;height:100%;object-fit:cover}
.v2-anim .v2-lg-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,16,14,.92) 0%,rgba(12,16,14,.74) 45%,rgba(12,16,14,.55) 100%)}
.v2-anim .v2-lg-grid{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(220px,.75fr) 2fr;gap:6vw;align-items:center}
.v2-anim .v2-lg-side .v2-rail-w{display:block;position:relative;margin-top:36px}
.v2-rail{list-style:none;border-left:1px solid rgba(239,238,233,.18)}
.v2-rs{padding:16px 0 16px 26px;opacity:.34;transition:opacity .5s var(--ease)}
.v2-rs.on{opacity:1}
.v2-rs b{display:block;font:700 13px/1.3 var(--f-sans);letter-spacing:.16em;text-transform:uppercase}
.v2-rs span{display:block;margin-top:4px;font-size:14px;color:var(--dark-mut)}
.v2-rail-bar{position:absolute;left:0;top:0;bottom:0;width:2px;margin-left:-.5px}
.v2-rail-bar i{display:block;height:100%;background:var(--dark-ink);transform:scaleY(0);transform-origin:50% 0}
.v2-anim .v2-lg-qs{display:grid;gap:0}
.v2-anim .v2-q{grid-area:1/1;border:0;padding:0;opacity:0;visibility:hidden}
.v2-anim .v2-q:first-child{opacity:1;visibility:visible}

/* kikkel dolgozunk: aktív sor + ragadó képkeret */
.v2-anim .v2-with-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,110px)}
.v2-anim .v2-with-list{gap:0;padding-block:6vh 30vh}
.v2-anim .v2-wr{padding-block:clamp(26px,4vh,44px);border-top:1px solid var(--line);opacity:.26;transition:opacity .6s var(--ease)}
.v2-anim .v2-wr.on{opacity:1}
.v2-anim .v2-wr-fig{display:none}
.v2-anim .v2-with-fig{display:block}
.v2-anim .v2-wf-in{position:sticky;top:calc(50vh - 34vh + 40px);height:68vh;overflow:hidden;background:#d9d7cf}
.v2-anim .v2-wf{position:absolute;inset:0;clip-path:inset(100% 0 0 0);transition:clip-path 1.1s var(--ease)}
.v2-anim .v2-wf.on{clip-path:inset(0 0 0 0)}
.v2-anim .v2-wf img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);transition:transform 1.6s var(--ease)}
.v2-anim .v2-wf.on img{transform:scale(1)}

/* platformok: a kép görgetésre teljes szélességre nyílik */
.v2-anim .v2-pf-fig{clip-path:inset(9% 12% 9% 12% round var(--img-r))}
.v2-anim .v2-pf-fig img{transform:scale(1.28)}

@media (prefers-reduced-motion:reduce){.v2-nd .halo,.v2-hint i{animation:none}}
.v2-prog{display:none}
.v2-anim .v2-prog{display:block}
/* V=132: ugrás a hálózat pontjára – rövid elhalványulás a közbülső képek végigpörgetése helyett */
.v2-anim .v2-sys-txt{transition:opacity .14s ease}
.v2-anim .v2-sys-pin.v2-jump .v2-sys-txt{opacity:0}
.v2-anim .v2-bg-ghost{transition:opacity .4s ease} /* V=136: a régi kép másolata, erről tűnik át az újra */

/* ============ V=133: CSÖKKENTETT MÓD (html.eco; mobilon mindig) – kis bélyegképek a szöveg mellett, nagy díszképek nélkül ============
   A kép 400 px-es négyzetes változat (data-s, lásd index.php korai szkript + v2.js ecoImgs), így a nagy fájl le sem töltődik. */
html.eco:not(.eco-lock){--th:clamp(84px,11vw,132px)}
html.eco:not(.eco-lock) .v2-who-fig,html.eco:not(.eco-lock) .v2-dr-fig{display:none}
html.eco:not(.eco-lock) .v2-who-grid{grid-template-columns:1fr}
/* a hat irány, a „Kikkel dolgozunk” sorai: kép balra, szöveg jobbra */
html.eco:not(.eco-lock) .v2-sti,html.eco:not(.eco-lock) .v2-wr{display:grid;grid-template-columns:var(--th) minmax(0,1fr);column-gap:clamp(16px,2.4vw,28px);align-items:start}
html.eco:not(.eco-lock) .v2-sti>*,html.eco:not(.eco-lock) .v2-wr>*{grid-column:2}
html.eco:not(.eco-lock) .v2-sti-fig,html.eco:not(.eco-lock) .v2-wr-fig{grid-column:1;grid-row:1/span 5;aspect-ratio:1;margin:4px 0 0}
html.eco:not(.eco-lock) .v2-wr+.v2-wr{margin-top:clamp(28px,4vw,44px)}
/* Mit csinálunk: a kártyán a kép kicsi, a szöveg mellett */
html.eco:not(.eco-lock) .v2-card-in{grid-template-columns:var(--th) minmax(0,1fr);min-height:0;align-items:start}
html.eco:not(.eco-lock) .v2-card-fig{order:-1;aspect-ratio:1;margin:clamp(22px,3vw,40px) 0 0 clamp(22px,3vw,40px)}
html.eco:not(.eco-lock) .v2-card-txt{padding:clamp(22px,3vw,40px);gap:18px}
html.eco:not(.eco-lock) .v2-card-t{font-size:34px}
/* Fejlesztések: teljes képernyős kép helyett lista-sor */
html.eco:not(.eco-lock) .v2-pf-list{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(20px,4.5vw,64px);gap:0}
html.eco:not(.eco-lock) .v2-pfi{height:auto;aspect-ratio:auto;max-height:none;display:grid;grid-template-columns:var(--th) minmax(0,1fr);column-gap:clamp(16px,2.4vw,28px);align-items:center;padding-block:clamp(18px,2.4vw,26px);border-top:1px solid var(--dark-line);color:var(--dark-ink)}
html.eco:not(.eco-lock) .v2-pfi:last-child{border-bottom:1px solid var(--dark-line)}
html.eco:not(.eco-lock) .v2-pf-fig{position:relative;inset:auto;aspect-ratio:1;clip-path:none}
html.eco:not(.eco-lock) .v2-pf-fig::after{display:none}
html.eco:not(.eco-lock) .v2-pf-fig img{transform:none}
html.eco:not(.eco-lock) .v2-pf-body{position:static;padding:0;max-width:none;margin:0}
html.eco:not(.eco-lock) .v2-pf-n{font-size:clamp(24px,3.4vw,48px)}
html.eco:not(.eco-lock) .v2-pf-tags{margin-top:10px;color:var(--dark-mut)}
@media (max-width:520px){
  html.eco:not(.eco-lock){--th:76px}
  html.eco:not(.eco-lock) .v2-card-in{grid-template-columns:1fr}
  html.eco:not(.eco-lock) .v2-card-fig{width:76px;margin:22px 0 0 22px}
  html.eco:not(.eco-lock) .v2-sti .v2-sti-t,html.eco:not(.eco-lock) .v2-wr-t{font-size:clamp(22px,6.4vw,30px)}
}
html.eco:not(.eco-lock) .v2-sti .v2-more{justify-self:start}
/* V=137: mobilon is fix kártya-betűméret (a html.eco szabály után, hogy azt is felülírja) */
@media (max-width:820px){html .v2-card-t,html.eco:not(.eco-lock) .v2-card-t{font-size:28px}.v2-card-txt p{font-size:16px}}

/* ============ V=141: MOBILON IS AZ ASZTALI JELENETEK (html.eco-lock.v2-anim) – user: „olyasmi legyen mobilon, mint gépen” ============
   A szakaszok ugyanazok a görgetésre futó jelenetek, keskenyre igazítva, nagy képekkel (a csökkentett mód csak a herót/láblécet érinti).
   Az előző, lenyílós mobilváltozat: dev/mobil-alt-20260929/ (v2-mobile.css + a v2.js MOBIL része). */
@media (max-width:820px){
  /* rendszer-jelenet: hálózat felül, alatta a szöveg; függőleges sötétítés a háttérképen */
  html.v2-anim .v2-sys-pin{align-items:flex-start;padding-top:84px}
  html.v2-anim .v2-sys-grid{display:flex;flex-direction:column;gap:10px}
  html.v2-anim .v2-sys-fig{order:-1;margin:0;position:static}
  html.v2-anim .v2-net{max-width:min(290px,33vh)}
  html.v2-anim .v2-nd text{font-size:23px;letter-spacing:.08em}
  html.v2-anim .v2-sys .v2-h{font-size:clamp(26px,7.4vw,34px);margin-bottom:12px}
  html.v2-anim .v2-sys .v2-st p{font-size:14.5px;line-height:1.52}
  html.v2-anim .v2-st p+p{margin-top:10px}
  html.v2-anim .v2-sys .v2-sti .v2-sti-t{font-size:26px;margin-bottom:10px}
  html.v2-anim .v2-sys .v2-sti>.v2-k{display:none}
  html.v2-anim .v2-sys .v2-more{margin-top:16px}
  html.v2-anim .v2-sti-bar{margin-top:18px}
  html.v2-anim .v2-sys-bg::after{background:linear-gradient(180deg,rgba(16,22,19,.62) 0%,rgba(16,22,19,.84) 38%,rgba(16,22,19,.94) 100%)}

  /* ragadó kártyák: kép felül, szöveg alatta, egy képernyőnyi magasság */
  html.v2-anim .v2-stack{gap:30vh}
  html.v2-anim .v2-card{top:calc(72px + var(--i) * 8px)}
  html.v2-anim .v2-card-in{display:flex;flex-direction:column;height:calc(100vh - 72px - 5 * 8px - 16px);height:calc(100svh - 72px - 5 * 8px - 16px);min-height:0}
  html.v2-anim .v2-card-fig{flex:0 0 32%;order:-1;aspect-ratio:auto}
  html.v2-anim .v2-card-txt{flex:1 1 auto;min-height:0;padding:20px 20px 18px;gap:12px;justify-content:flex-start;overflow:hidden}
  html.v2-anim .v2-card-t{font-size:26px}
  html.v2-anim .v2-card-txt p{font-size:14.5px;line-height:1.55}
  html.v2-anim .v2-card-txt p:first-of-type{margin-top:4px}
  html.v2-anim .v2-card-txt p+p{margin-top:0}

  /* fejlesztési logika: egy oszlop, az idővonal helyett a nagy idézet */
  html.v2-anim .v2-lg-grid{grid-template-columns:1fr;gap:18px;align-items:start}
  html.v2-anim .v2-lg-side .v2-rail-w{display:none}
  html.v2-anim .v2-q-t{font-size:clamp(30px,8.8vw,40px)}
  html.v2-anim .v2-q:last-child .v2-q-t{font-size:clamp(24px,6.8vw,30px)}
  html.v2-anim .v2-q-s{font-size:15px}
  html.v2-anim .v2-lg-bg::after{background:linear-gradient(180deg,rgba(12,16,14,.7) 0%,rgba(12,16,14,.86) 50%,rgba(12,16,14,.94) 100%)}

  /* kikkel dolgozunk: a ragadó kép felül, a sorok alatta futnak */
  html.v2-anim .v2-with-grid{display:flex;flex-direction:column;gap:0}
  html.v2-anim .v2-with-fig{order:-1;position:sticky;top:72px;z-index:3;margin:0 -20px}
  html.v2-anim .v2-wf-in{position:relative;top:auto;height:32vh;height:32svh}
  html.v2-anim .v2-with-list{padding-block:6px 30vh}
  html.v2-anim .v2-wr{padding-block:22px}
  html.v2-anim .v2-wr-t{font-size:22px}
  html.v2-anim .v2-wr-p{font-size:15px}
}

/* ============ V=146: MOBIL FINOMHANGOLÁS (user: „szétcsúszások, tökéletlenségek … nagyon igényesen mindent javíts”) ============
   Csak a hero és a Current developments közötti szakaszok, csak ≤820 px. */
@media (max-width:820px){
  /* Kik vagyunk: nyugodtabb ritmus */
  html.v2-anim .v2-who{padding-block:72px 64px}
  html.v2-anim .v2-who-stmt{font-size:clamp(19px,5.3vw,22px);line-height:1.42;max-width:none}
  html.v2-anim .v2-who-grid{margin-top:32px}
  html.v2-anim .v2-who-fig{aspect-ratio:4/3}

  /* hálózat: a két soros irány-feliratok sorai ne csússzanak egymásba (sortáv 17 → 29 egység) */
  html.v2-anim .v2-nd text.li:has(+ text.li){transform:translateY(-6px)}
  html.v2-anim .v2-nd text.li + text.li{transform:translateY(6px)}
  html.v2-anim .v2-nd text{font-size:21px;letter-spacing:.06em}
  html.v2-anim .v2-net{max-width:min(300px,34vh)}
  html.v2-anim .v2-sys-grid{gap:18px}
  html.v2-anim .v2-sys .v2-sti .v2-sti-t{font-size:24px;line-height:1.02}
  html.v2-anim .v2-sys .v2-st p{font-size:14.5px;line-height:1.55}
  html.v2-anim .v2-sys .v2-more{margin-top:18px;padding:11px 22px}
  html.v2-anim .v2-sti-bar{margin-top:22px}
  html.v2-anim .v2-sti-bar i{flex:1 1 0}

  /* What we do: a kártyák pontosan egymásra csúsznak, nincs kilógó képcsík; a szöveg mindig kifér */
  html.v2-anim .v2-stack{gap:26vh}
  html.v2-anim .v2-card{top:76px}
  html.v2-anim .v2-card-in{height:calc(100vh - 88px);height:calc(100svh - 88px);border:0;box-shadow:0 -1px 0 var(--line),0 -20px 44px -28px rgba(16,16,16,.35)}
  html.v2-anim .v2-card:first-child .v2-card-in{box-shadow:none}
  html.v2-anim .v2-card-fig{flex:0 0 clamp(120px,24vh,230px)}
  html.v2-anim .v2-card-txt{padding:20px 20px 18px;gap:10px}
  html.v2-anim .v2-card-t{font-size:24px;line-height:1}
  html.v2-anim .v2-card-txt p{font-size:14px;line-height:1.52}
  html.v2-anim .v2-card-txt p:first-of-type{margin-top:6px}
  html.v2-anim .v2-svc .v2-head{margin-bottom:28px}

  /* Development logic: a tartalom középen, alatta a négy lépés 2×2-es rácsban (a kiemelt az aktuális) */
  html.v2-anim .v2-lg-pin{align-items:center;padding-top:66px}
  html.v2-anim .v2-lg-grid{display:flex;flex-direction:column;gap:0}
  html.v2-anim .v2-lg-side{display:contents}
  html.v2-anim .v2-lg-side>.v2-k{order:1;margin-bottom:26px}
  html.v2-anim .v2-lg-qs{order:2;min-height:clamp(210px,34vh,300px);align-content:start}
  html.v2-anim .v2-lg-side .v2-rail-w{display:block;order:3;margin-top:30px}
  html.v2-anim .v2-rail{display:grid;grid-template-columns:1fr 1fr;border:0;border-top:1px solid rgba(239,238,233,.18)}
  html.v2-anim .v2-rs{padding:12px 10px 12px 0;border-bottom:1px solid rgba(239,238,233,.12)}
  html.v2-anim .v2-rs b{font-size:10px;letter-spacing:.12em;white-space:nowrap}
  html.v2-anim .v2-rail-bar{display:none}
  html.v2-anim .v2-q-k{margin-bottom:12px}
  html.v2-anim .v2-q-t{font-size:clamp(28px,8.2vw,36px);line-height:1}
  html.v2-anim .v2-q:last-child .v2-q-t{font-size:clamp(21px,6vw,26px);line-height:1.06}

  /* Who we work with: a ragadó kép alatt a szöveg lágyan tűnik el (nem vágódik félbe) */
  html.v2-anim .v2-with .v2-head{margin-bottom:22px}
  html.v2-anim .v2-with-fig{top:66px}
  html.v2-anim .v2-wf-in{height:30vh;height:30svh}
  html.v2-anim .v2-with-fig::after{content:"";position:absolute;left:0;right:0;top:100%;height:48px;background:linear-gradient(180deg,var(--paper),rgba(242,241,236,0));pointer-events:none}
  html.v2-anim .v2-with-list{padding-block:40px 32vh}
  html.v2-anim .v2-wr{padding-block:20px}
  html.v2-anim .v2-wr-t{font-size:20px;line-height:1.04}
  html.v2-anim .v2-wr-p{font-size:14.5px;line-height:1.55;margin-top:10px}
}

/* ============ V=149: INSIGHTS CSAK KATTINTÁSRA (user: „gördülésre ne menjenek tovább … picit lehet az ábra nagyobb”) ============
   A görgetés a két állítás után a kiválasztott irányt mutatja (.cur), a hat irány között a hálózat pontjai váltanak – CSS-áttűnéssel. */
.v2-anim .v2-sti{transition:opacity .45s var(--ease),visibility 0s linear .45s,transform .45s var(--ease);transform:translateY(24px)}
.v2-anim .v2-sys.ins-on.picked .v2-sti.cur{opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--ease) .12s,visibility 0s,transform .6s var(--ease) .12s}
.v2-anim .v2-sys-bgi{transition:opacity .7s ease}
.v2-anim .v2-sys-bgi img{transform:scale(1.08);transition:transform 2.4s var(--ease)}
.v2-anim .v2-sys.ins-on.picked .v2-sys-bgi.cur{opacity:1}
.v2-anim .v2-sys.ins-on.picked .v2-sys-bgi.cur img{transform:none}
.v2-anim .v2-sys.ins-on .v2-nd .hit{cursor:pointer}
@media (min-width:821px){
  .v2-anim .v2-sys-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,72px)}
  .v2-anim .v2-net{max-width:min(780px,86vh)}
}
@media (max-width:820px){
  html.v2-anim .v2-net{max-width:min(320px,36vh)}
}

/* ============ V=151: „KIK VAGYUNK” A KÉPEN (user: „elegánsan tedd rá a képre”) ============
   Teljes szélességű kép, alul-balra sötétülő átmenet, rajta a kicker és a brief bekezdése világos, nagy, könnyed betűvel. */
.v2-who-ov{position:relative;display:flex;align-items:flex-end;min-height:min(94vh,1000px);min-height:min(94svh,1000px);padding:0!important;overflow:hidden;color:#f2f1ec}
.v2-who-ov .v2-who-bg,html.v2-anim .v2-who-ov .v2-who-bg{position:absolute;inset:0;width:100%;height:100%;margin:0;aspect-ratio:auto;background:#101613}
.v2-who-ov .v2-who-bg::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(12,17,15,0) 30%,rgba(12,17,15,.45) 62%,rgba(12,17,15,.9) 100%),linear-gradient(90deg,rgba(12,17,15,.5) 0%,rgba(12,17,15,0) 65%)}
.v2-who-in{position:relative;z-index:1;width:100%;padding-block:clamp(140px,22vh,260px) clamp(64px,11vh,130px)}
.v2-who-ov .v2-k{color:rgba(242,241,236,.78)}
.v2-who-ov .v2-k::before{background:currentColor}
.v2-who-ov .v2-who-stmt{max-width:34ch;margin-top:clamp(18px,2vw,28px);color:#f4f3ee;font-weight:400;font-size:clamp(22px,2.35vw,37px);line-height:1.3;letter-spacing:-.016em;text-wrap:pretty}
html.eco:not(.eco-lock) .v2-who-ov .v2-who-fig{display:block}
html.eco:not(.eco-lock) .v2-who-ov .v2-who-bg img{display:none}
@media (max-width:820px){
  .v2-who-ov{min-height:88vh;min-height:88svh}
  .v2-who-in{padding-block:120px 56px}
  .v2-who-ov .v2-who-stmt,html.v2-anim .v2-who-ov .v2-who-stmt{font-size:clamp(20px,5.6vw,24px);line-height:1.38;max-width:none}
  .v2-who-ov .v2-who-bg::after{background:linear-gradient(180deg,rgba(12,17,15,.1) 20%,rgba(12,17,15,.55) 55%,rgba(12,17,15,.92) 100%)}
}

/* ============ V=152: HATSZÖG – mindig csak az Insights hat neve; a pontok az „Insights” megállótól kattinthatók (user) ============ */
.v2-anim .v2-nd .lf{display:none}
.v2-anim .v2-nd .li{opacity:1}
.v2-anim .v2-sys:not(.ins-on) .v2-nd{pointer-events:none;cursor:default}
.v2-anim .v2-sys.ins-on:not(.picked) .v2-nd .li{fill-opacity:1}
.v2-anim .v2-sys.ins-on:not(.picked) .v2-nd .dot{fill-opacity:1}
.v2-anim .v2-sys.picked .v2-st-ins{opacity:0!important;visibility:hidden!important}
.v2-anim .v2-sys:not(.picked) .v2-sti-bar{opacity:0}
.v2-st-ins .v2-h{max-width:none}

/* ============ V=153: INSIGHTS-LISTA a cím alatt, kattintásra a hatszög pontjaira repül (user) ============ */
.v2-ins-list{display:none}
.v2-anim .v2-ins-list{display:grid;gap:2px;list-style:none;margin:clamp(26px,3vw,40px) 0 0;padding:0;max-width:420px;transition:opacity .25s ease}
.v2-anim .v2-ins-list.gone{opacity:0;pointer-events:none}
.v2-ins-list button,.v2-ins-ghost{display:flex;align-items:center;gap:14px;width:100%;padding:11px 0;background:none;border:0;border-bottom:1px solid rgba(239,238,233,.14);
  color:rgba(239,238,233,.82);font:600 13px/1.2 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;text-align:left;cursor:pointer}
.v2-ins-list li:first-child button{border-top:1px solid rgba(239,238,233,.14)}
.v2-ins-list button i,.v2-ins-ghost i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--acc-l,#efeee9);transition:transform .3s var(--ease)}
.v2-ins-list button:hover,.v2-ins-list button:focus-visible{color:#fff;outline:none}
.v2-ins-list button:hover i,.v2-ins-list button:focus-visible i{transform:scale(1.6)}
.v2-ins-ghost{position:fixed;z-index:60;margin:0;pointer-events:none;border-color:transparent!important;will-change:transform,opacity}
.v2-ins-ghost.sel{color:#fff}
.v2-anim .v2-nd.ping .dot{transform:scale(2.1);fill:#fff}
.v2-anim .v2-nd.ping text{fill:#fff}
@media (max-width:820px){
  html.v2-anim .v2-ins-list{margin-top:16px;max-width:none}
  .v2-ins-list button,.v2-ins-ghost{padding:9px 0;font-size:11.5px;letter-spacing:.12em}
}

/* ============ V=154: HÁROM LÉPÉSBEN ÉPÜLŐ HATSZÖG – feliratok csak a lista „rákúszása” után (.lab) ============ */
.v2-anim .v2-sys .v2-nd:not(.lab) text{opacity:0!important}
.v2-anim .v2-sys:not(.labeled) .v2-nd{pointer-events:none}
.v2-anim .v2-sys:not(.labeled) .v2-nd .halo{animation:none;opacity:0}
.v2-ins-ghost{position:fixed;z-index:60;display:block;width:auto;height:auto;margin:0;padding:0;border:0;white-space:nowrap;pointer-events:none;
  color:rgba(239,238,233,.9);font:600 13px/1.2 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;will-change:transform,opacity}
@media (max-width:820px){ .v2-ins-ghost{font-size:11.5px;letter-spacing:.12em} }

/* ============ V=155: LEKEREKÍTETT KÉPDOBOZOK (--img-r a site.css-ben) ============ */
.v2-card-in{border-radius:var(--img-r);overflow:hidden}
.v2-wr-fig,.v2-sti-fig,.v2-dr-fig,.v2-with-fig,.v2-card-fig{border-radius:var(--img-r);overflow:hidden}
.v2-card-in .v2-card-fig{border-radius:0} /* a kártya maga kerek, benne a kép a széléig ér */
html.eco:not(.eco-lock) .v2-card-in .v2-card-fig,html.eco:not(.eco-lock) .v2-pf-fig{border-radius:calc(var(--img-r) * .6)}
@media (max-width:820px){ html.v2-anim .v2-with-fig{border-radius:0} }

/* V=156: Who we work with – a belső (ragadó) képréteg is kerek; Current developments – a kép a végén is kerek sarkú kártya (user) */
.v2-anim .v2-wf-in{border-radius:var(--img-r);clip-path:inset(0 round var(--img-r))}
@media (max-width:820px){ html.v2-anim .v2-wf-in{border-radius:0;clip-path:none} }

/* ============ V=158: „KIK VAGYUNK” – HATSZÖG-ABLAKOK (user a ?kik=2 koncepciókból: „a hatszög oké, mehet”) ============
   világos lapon balra a kis felirat + a brief bekezdése, jobbra lépsejt-rács: három kép + a logó. A képek az adminból (Szekciók → Kik vagyunk). */
.v2-who-hx,html.v2-anim .v2-who-hx{padding-block:clamp(72px,7vw,120px);background:var(--paper);color:var(--ink);overflow:clip}
.v2-hx-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(24px,5vw,100px);align-items:center}
.v2-who-hx .v2-k{margin-bottom:clamp(18px,2vw,28px)}
.v2-who-hx .v2-who-stmt,html.v2-anim .v2-who-hx .v2-who-stmt{max-width:25ch;margin:0;font:400 clamp(23px,2.3vw,37px)/1.3 var(--f-sans);letter-spacing:-.016em;color:var(--ink);text-wrap:pretty}
.v2-hx{position:relative;justify-self:end;width:min(100%,540px);aspect-ratio:1/1.328}
.v2-hxc{position:absolute;width:46%;aspect-ratio:1/1.1547;margin:0;overflow:hidden;background:#dcdad2;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 115.47' preserveAspectRatio='none'%3E%3Cpolygon points='50,5.2 95.5,31.5 95.5,84 50,110.3 4.5,84 4.5,31.5' stroke='%23000' stroke-width='9' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 115.47' preserveAspectRatio='none'%3E%3Cpolygon points='50,5.2 95.5,31.5 95.5,84 50,110.3 4.5,84 4.5,31.5' stroke='%23000' stroke-width='9' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.v2-hxc img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.1)}
.v2-hx0{left:27%;top:0}
.v2-hx1{left:50.6%;top:30.6%}
.v2-hx2{left:27%;top:61.2%}
.v2-hx3{left:3.4%;top:30.6%;background:#e3e1d9;display:grid;place-items:center;color:var(--ink)}
.v2-hx3 svg{width:30%;height:auto}
@media (max-width:820px){
  .v2-who-hx,html.v2-anim .v2-who-hx{padding-block:72px}
  .v2-hx-in{grid-template-columns:1fr;row-gap:36px}
  .v2-who-hx .v2-who-stmt,html.v2-anim .v2-who-hx .v2-who-stmt{max-width:none;font-size:clamp(20px,5.6vw,24px)}
  .v2-hx{width:78%;justify-self:center}
}
/* V=158 (user: „kezdődjön el diavetítésben az Insights, 10 mp-enként váltson”): az aktuális irány sávja 10 mp alatt telik ki */
.v2-anim .v2-sys.auto .v2-sti-bar i{position:relative;overflow:hidden}
.v2-anim .v2-sys.auto .v2-sti-bar i.on{background:rgba(239,238,233,.2)}
.v2-anim .v2-sys.auto .v2-sti-bar i.on::after{content:"";position:absolute;inset:0;background:var(--dark-ink);transform-origin:0 50%;animation:v2-auto 10s linear both}
.v2-anim .v2-sys.auto.hold .v2-sti-bar i.on::after{animation-play-state:paused}
@keyframes v2-auto{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* V=159 (user: „kicsit legyen jobb az időzítés és a méret”): nagyobb lista- és hálózat-felirat asztalin (a repülő szó a felirat méretére nő) */
@media (min-width:821px){
  .v2-anim .v2-ins-list{max-width:460px}
  .v2-anim .v2-ins-list button,.v2-ins-ghost{font-size:15px}
  .v2-anim .v2-ins-list button{padding:13px 0}
  .v2-anim .v2-nd text{font-size:14.5px}
}
/* V=159 (user: „Development logic – picit legyen világosabb a háttérben a képek”): vékonyabb sötét fátyol (előtte .92/.74/.55, mobilon .7/.86/.94) */
.v2-anim .v2-lg-bg::after{background:linear-gradient(90deg,rgba(12,16,14,.84) 0%,rgba(12,16,14,.62) 45%,rgba(12,16,14,.42) 100%)}
@media (max-width:820px){
  html.v2-anim .v2-lg-bg::after{background:linear-gradient(180deg,rgba(12,16,14,.6) 0%,rgba(12,16,14,.78) 50%,rgba(12,16,14,.9) 100%)}
}
/* V=159 (user: „Who we work with – a képek gördüljenek velem a blokk aljáig”): a V=155-ös overflow:hidden a .v2-with-fig-en kikapcsolta
   a belső kép ragadását (sticky) asztalin; a lekerekítést a .v2-wf-in saját clip-path-ja adja */
@media (min-width:821px){ .v2-anim .v2-with-fig{overflow:visible;border-radius:0} }

/* V=160 (user: „más a betűméret a felsorolásban és a hatszög csúcsainál … egységesítsünk mindent, hogy fluid legyen”):
   a lista, a repülő szó és a hálózat felirata UGYANAZ a betű: méret (a v2.js fitLab az SVG nagyításával visszaosztja → --lab-fs),
   betűköz, vastagság. Megérkezéskor a felirat áttűnés nélkül veszi át a repülő szó helyét (.snap). */
.v2-anim .v2-ins-list button,.v2-ins-ghost,.v2-anim .v2-nd .li{letter-spacing:.12em}
html.v2-anim .v2-net.fs-fit .v2-nd text{font-size:var(--lab-fs)}
.v2-anim .v2-nd.snap text{transition:none!important}
.v2-ins-ghost{line-height:1.2;transform-origin:50% 50%}
@media (min-width:821px){ .v2-anim .v2-ins-list button,.v2-ins-ghost{font-size:16px} }
@media (max-width:820px){ .v2-anim .v2-ins-list button,.v2-ins-ghost,html.v2-anim .v2-nd .li{letter-spacing:.07em} }