/* PLN Solutions - wariant C, runda 3.
   Siatka 12 kolumn (odstęp 24 px), skala odstępów 8/16/24/40/64/96/128 px.
   Rytm: ciemne (hero, konkrety) -> jasne (metody) -> ciemne (realizacje) -> jasne (proces, branże)
   -> ciemne (mapa) -> jasne (osoba, FAQ, formularz) -> ciemna stopka. Jasna część: jeden odcień tła.
   Ruch: tylko transform, opacity i stroke-dashoffset; prefers-reduced-motion wyłącza wszystko. */
:root{
  --g0:#0c0d0f; --g1:#131519; --g2:#1c1f24; --g3:#2c3038;
  --sr:#c8cbd0; --sr2:#e9eaec; --sr3:#a9adb4; --zl:#c9a24a; --zl2:#e6c46d; --zl-tekst:#7a5c14;
  --ld:rgba(200,203,208,.14); --ld2:rgba(200,203,208,.3);
  --tlo:#f3f2ee; --biel:#fdfdfb; --tekst:#16181c; --tekst2:#4a4e55; --linia:#d9d6cf; --linia2:#b9b5ac;
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:96px; --s7:128px;
  --kont:1240px; --gut:40px; --kol:24px; --sekcja:var(--s7); --pod-glowka:var(--s5); --naglowek:80px;
  --f:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --waski:85%;
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--naglowek) + var(--s2));-webkit-text-size-adjust:100%;overflow-x:clip;scrollbar-gutter:stable}
html.lb-otw{overflow:hidden}
body{margin:0;background:var(--tlo);color:var(--tekst);font:400 17px/1.6 var(--f);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--f);font-stretch:var(--waski);font-weight:600;line-height:1.06;margin:0;letter-spacing:-.012em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
main:focus{outline:none}
:focus-visible{outline:3px solid var(--zl2);outline-offset:3px}
.jasna :focus-visible{outline-color:var(--tekst)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pomin{position:absolute;left:var(--s2);top:var(--s2);z-index:100;background:var(--zl2);color:var(--g0);padding:var(--s1) var(--s2);font-weight:600;transform:translateY(-200%)}
.pomin:focus{transform:none}
.kont{width:100%;max-width:calc(var(--kont) + 2 * var(--gut));margin:0 auto;padding:0 var(--gut)}
.mono{font-family:var(--f-mono)}

/* przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px var(--s3);border:1px solid transparent;border-radius:2px;
  font:600 16px/1.2 var(--f);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s}
.btn svg{flex:none}
.btn-zloty{background:linear-gradient(180deg,var(--zl2),var(--zl));color:var(--g0);border-color:#d8b45c}
.btn-zloty:hover{background:var(--zl2)}
.strz{transition:transform .25s var(--ease)}
.btn:hover .strz{transform:translateX(4px)}
.btn-obrys{border-color:rgba(200,203,208,.5);color:var(--sr2);background:rgba(12,13,15,.35)}
.btn-obrys:hover{border-color:var(--sr2)}
.btn-tekst{padding:12px 6px;color:var(--sr2);text-decoration:underline;text-decoration-color:rgba(200,203,208,.45);text-underline-offset:6px}
.btn-tekst:hover{text-decoration-color:var(--zl2)}
.btn-maly{min-height:44px;padding:10px 18px;font-size:15px}
.btn-duzy{min-height:56px;padding:var(--s2) 28px;font-size:17px}
.btn[disabled]{cursor:progress}
.link{font-weight:600;text-decoration:none;color:var(--tekst);background:linear-gradient(var(--zl),var(--zl)) 0 100%/100% 2px no-repeat;padding-bottom:3px;transition:color .2s}
.link:hover{color:var(--zl-tekst)}
.link-jasny{color:var(--sr2)}
.link-jasny:hover{color:var(--zl2)}

/* szew: każda zmiana tła */
.szew{position:absolute;left:0;right:0;top:0;height:1px;z-index:2;background:linear-gradient(90deg,rgba(200,203,208,.2),rgba(200,203,208,.6) 30%,rgba(200,203,208,.2))}
.szew span{position:absolute;left:max(var(--gut),calc((100% - var(--kont)) / 2));top:-1px;width:160px;height:3px;background:var(--zl)}
.szew-dol{top:auto;bottom:0}
.szew-dol span{top:auto;bottom:-1px}

/* spoina: złota linia, która się rysuje (motyw przewodni ruchu) */
.spoina{display:block;height:2px;width:120px;margin:var(--s3) 0 0;background:linear-gradient(90deg,var(--zl2),var(--zl) 60%,rgba(201,162,74,0));transform-origin:left center}
.js .spoina[data-pojaw]{transform:scaleX(0)}
.js .spoina[data-pojaw].widac{transform:scaleX(1);transition:transform 1.2s var(--ease) .1s}
.spoina-start{animation:rysuj 1.3s .55s var(--ease) both}
@keyframes rysuj{from{transform:scaleX(0)}}

/* wejście elementów przy przewijaniu (kafle, galeria) */
.js [data-pojaw] .pojaw{opacity:0;transform:translateY(24px)}
.js [data-pojaw].widac .pojaw{opacity:1;transform:none;transition:opacity .8s var(--ease) var(--d,0ms),transform .9s var(--ease) var(--d,0ms)}

/* nagłówek: po przewinięciu tło i mniejsza wysokość (tylko transform/opacity) */
.nag{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--naglowek);color:var(--sr2)}
.nag-tlo{position:absolute;inset:0;background:rgba(12,13,15,.95);border-bottom:1px solid var(--ld);opacity:0;transform-origin:top center;transition:opacity .3s,transform .4s var(--ease)}
.nag.przewiniety .nag-tlo,.nag.otwarty .nag-tlo{opacity:1}
.nag-w{position:relative;height:100%;display:flex;align-items:center;gap:var(--s4);transition:transform .4s var(--ease)}
.logo{display:block}
.logo img{height:46px;width:auto;transform-origin:left center;transition:transform .4s var(--ease)}
.panel{display:flex;align-items:center;gap:var(--s4);margin-left:auto}
.menu{display:flex;gap:28px}
.menu a{position:relative;display:inline-block;text-decoration:none;font-weight:500;font-size:16px;color:var(--sr);padding:10px 0;transition:color .2s}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--zl);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.menu a:hover{color:#fff}
.menu a.aktywny{color:#fff}
.menu a.aktywny::after{transform:scaleX(1)}
.jezyki{display:flex;gap:2px;font:500 15px/1 var(--f-mono)}
.jezyki a{text-decoration:none;padding:10px 6px;color:var(--sr3)}
.jezyki a.aktywny{color:var(--zl2)}
.jezyki a:hover{color:var(--sr2)}
.panel .jezyki{border-left:1px solid var(--ld2);padding-left:var(--s3);margin-left:-8px}
.burger{display:none}
@media (min-width:981px){
  .nag.przewiniety .nag-tlo{transform:scaleY(.8)}
  .nag.przewiniety .nag-w{transform:translateY(-8px)}
  .nag.przewiniety .logo img{transform:scale(.84)}
}

/* hero */
.hero{position:relative;isolation:isolate;min-height:var(--hero-h,min(100vh,1000px));display:flex;align-items:flex-end;background:var(--g0);color:var(--sr2);overflow:hidden}
@supports (height:100svh){.hero{min-height:var(--hero-h,min(100svh,1000px))}}
.hero-foto{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero-foto img{width:100%;height:100%;object-fit:cover;object-position:66% 58%;filter:saturate(.78) contrast(1.08) brightness(.8);transform-origin:64% 55%;animation:przybliz 20s cubic-bezier(.3,.1,.3,1) both}
@keyframes przybliz{from{transform:scale(1)}to{transform:scale(1.06)}}
.hero-foto::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(12,13,15,.96) 0%,rgba(12,13,15,.86) 34%,rgba(12,13,15,.35) 62%,rgba(12,13,15,.12) 100%),
  linear-gradient(0deg,rgba(12,13,15,.94) 0%,rgba(12,13,15,0) 40%),
  linear-gradient(180deg,rgba(12,13,15,.78) 0%,rgba(12,13,15,0) 24%)}
.hero-w{padding-top:calc(var(--naglowek) + var(--s5));padding-bottom:var(--s6)}
.etykieta{font:500 15px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--zl2);margin-bottom:var(--s3);display:flex;align-items:center;gap:var(--s2)}
.etykieta::before{content:"";width:40px;height:1px;background:var(--zl)}
.hero h1{font-size:clamp(46px,5.6vw,84px);line-height:1;color:#fff;letter-spacing:-.018em;max-width:14em}
.linia{display:block;overflow:hidden;padding:.1em 0 .16em;margin:-.1em 0 -.16em}
.linia>span{display:inline-block;animation:wjedz 1.1s var(--ease) both;animation-delay:var(--d,0s)}
@keyframes wjedz{from{transform:translateY(110%)}}
.srebro{background:linear-gradient(100deg,#f7f8f9 0%,#c3c6cb 40%,#f1f2f4 60%,#a7abb1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wejscie{animation:wejdz .9s var(--ease) both;animation-delay:var(--d,0s)}
@keyframes wejdz{from{opacity:0;transform:translateY(16px)}}
.hero .spoina{margin-top:var(--s4)}
.hero .lead{margin-top:var(--s3);max-width:34em;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--sr)}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s4)}
.tel-nr{font-family:var(--f-mono);font-weight:500;font-size:15px;color:var(--sr);margin-left:4px}

/* konkrety: ciemny pasek danych na siatce 12 kolumn (4 x 3) */
.konkrety-s{position:relative;background:var(--g1);border-top:1px solid var(--ld)}
.konkrety{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--kol);margin:0}
.konkret{position:relative;padding:var(--s4) 0}
.konkret+.konkret::before{content:"";position:absolute;left:calc(var(--kol) / -2);top:var(--s4);bottom:var(--s4);width:1px;background:var(--ld)}
.konkret dt{font:500 15px/1.3 var(--f-mono);color:var(--zl2);margin-bottom:var(--s1)}
.konkret dd{margin:0;font:600 21px/1.3 var(--f);font-stretch:var(--waski);color:var(--sr2)}

/* sekcje */
.sekcja{position:relative;padding:var(--sekcja) 0}
.jasna+.jasna{padding-top:0}
.sekcja h2{font-size:clamp(36px,3.8vw,56px)}
.ciemna{background:var(--g0);color:var(--sr)}
.ciemna h2,.ciemna h3{color:var(--sr2)}
.glowka{margin-bottom:var(--pod-glowka);max-width:46em}
.glowka>p{margin-top:var(--s3);font-size:18px;color:var(--tekst2);max-width:36em}
.ciemna .glowka>p{color:var(--sr)}

/* metody: zdjęcie przyklejone obok listy, zmienia się przy przewijaniu */
.metody-w{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--kol);align-items:start}
.metody-scena{grid-column:1/6;position:sticky;top:calc(var(--naglowek) + var(--s4))}
.scena-ramka{position:relative;height:min(calc(100vh - var(--naglowek) - 2 * var(--s4)),640px);min-height:440px;overflow:hidden;background:var(--g2)}
.scena-foto{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.05);transition:opacity .7s var(--ease),transform 1.4s var(--ease)}
.scena-foto.on{opacity:1;transform:none}
.scena-foto img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04)}
.scena-ramka::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,15,.82) 0%,rgba(12,13,15,0) 34%);pointer-events:none}
.scena-pasek{position:absolute;left:var(--s3);right:var(--s3);bottom:var(--s3);z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s2)}
.scena-nazwa{font:600 24px/1.1 var(--f);font-stretch:var(--waski);color:#fff}
.scena-kreski{display:flex;gap:6px;padding-bottom:6px}
.scena-kreski span{width:24px;height:3px;background:rgba(233,234,236,.35);transform-origin:left;transition:background-color .3s}
.scena-kreski span.on{background:var(--zl2)}
.metody{grid-column:6/13;border-top:2px solid var(--tekst)}
.metoda{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:var(--s4);padding:var(--s4) var(--s4) var(--s4) var(--s4);border-bottom:1px solid var(--linia)}
.metoda::before{content:"";position:absolute;left:0;top:var(--s4);bottom:var(--s4);width:3px;background:var(--zl);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}
.metoda::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--biel);opacity:0;transition:opacity .4s}
.metoda.aktywna::before{transform:scaleY(1)}
.metoda.aktywna::after{opacity:1}
.metoda-foto{display:none}
.metoda h3{grid-column:1/-1;font-size:32px;margin-bottom:var(--s2)}
.metoda h3 a{text-decoration:none}
.metoda h3 a:hover{color:var(--zl-tekst)}
.metoda-krotko{color:var(--tekst2)}
.metoda-kiedy li{position:relative;padding:6px 0 6px 20px;font-size:16px;border-top:1px dashed var(--linia2)}
.metoda-kiedy li:first-child{border-top:0;padding-top:0}
.metoda-kiedy li::before{content:"";position:absolute;left:0;top:calc(50% - 1px);width:8px;height:2px;background:var(--zl)}
.metoda-kiedy li:first-child::before{top:calc(50% - 4px)}
.metoda .link{grid-column:1/-1;justify-self:start;margin-top:var(--s3);font-size:16px;white-space:nowrap}

/* realizacje: ciemna mozaika + galeria w pełnej siatce, jednakowy ton zdjęć */
.mozaika{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:320px 320px;gap:12px}
.kafel{position:relative;margin:0;overflow:hidden;background:var(--g2)}
.lb-link{position:relative;display:block;width:100%;height:100%;overflow:hidden;cursor:zoom-in}
.lb-link img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05) brightness(.9);transition:transform .8s var(--ease)}
.lb-link::after{content:"";position:absolute;inset:0;background:rgba(12,13,15,.16);transition:opacity .4s}
.lb-link:hover img{transform:scale(1.04)}
.lb-link:hover::after{opacity:0}
.lb-link:focus-visible{outline-offset:-3px}
.lupa{position:absolute;top:var(--s2);right:var(--s2);z-index:2;width:40px;height:40px;background:rgba(12,13,15,.72);border:1px solid var(--ld2);opacity:0;transform:scale(.85);transition:opacity .3s,transform .3s var(--ease)}
.lupa::before,.lupa::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:var(--sr2)}
.lupa::after{transform:rotate(90deg)}
.lb-link:hover .lupa,.lb-link:focus-visible .lupa{opacity:1;transform:none}
.kafel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(12,13,15,.92) 0%,rgba(12,13,15,.4) 34%,rgba(12,13,15,0) 58%)}
.kafel figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:var(--s3);pointer-events:none}
.kafel strong{display:block;font:600 25px/1.1 var(--f);font-stretch:var(--waski);color:#fff}
.kafel figcaption span{display:block;margin-top:6px;font-size:15px;color:var(--sr2)}
.k1{grid-column:1/6;grid-row:1/3}
.k2{grid-column:6/13;grid-row:1}
.k3{grid-column:6/9;grid-row:2}
.k4{grid-column:9/13;grid-row:2}
.k1 strong{font-size:32px}
.galeria{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:240px;gap:12px;margin-top:12px}
.galeria li{overflow:hidden;background:var(--g2);min-width:0}
.galeria .szer{grid-column:span 2}
.real-wiecej{margin-top:var(--s4)}

/* lightbox */
.lb{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(8,9,10,.96);color:var(--sr2);overflow:hidden}
.lb[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;animation:lb-wejdz .3s ease both}
@keyframes lb-wejdz{from{opacity:0}}
.lb::backdrop{background:rgba(8,9,10,.7)}
.lb-scena{display:grid;place-items:center;min-height:0;padding:var(--s5) 112px var(--s2)}
.lb-img{max-width:100%;max-height:calc(100vh - 180px);width:auto;height:auto;object-fit:contain;transition:opacity .25s}
.lb-img.laduje{opacity:0}
.lb-dol{display:grid;grid-template-columns:56px minmax(0,1fr) auto 56px;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4) var(--s4)}
.lb-podpis strong{display:block;font:600 22px/1.2 var(--f);font-stretch:var(--waski);color:#fff}
.lb-podpis span{display:block;font-size:15px;color:var(--sr);margin-top:2px}
.lb-licz{font:500 15px/1 var(--f-mono);color:var(--sr3)}
.lb-btn{display:inline-grid;place-items:center;width:56px;height:56px;padding:0;background:rgba(28,31,36,.85);color:var(--sr2);border:1px solid var(--ld2);border-radius:2px;cursor:pointer;transition:border-color .2s,color .2s}
.lb-btn:hover{border-color:var(--zl2);color:var(--zl2)}
.lb-zamknij{position:absolute;top:var(--s2);right:var(--s2);z-index:2;width:48px;height:48px}

/* proces: oś z postępem rysowana przy przewijaniu */
.proces-s h2{margin-bottom:var(--pod-glowka)}
.proces-w{position:relative;--p:1}
.js .proces-w{--p:0}
.os{position:absolute;left:0;right:0;top:23px;height:1px;background:rgba(22,24,28,.28)}
.os-postep{position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--zl);transform-origin:left center;transform:scaleX(var(--p))}
.proces{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--kol)}
.proces li{position:relative}
.nr{position:relative;z-index:1;display:inline-grid;place-items:center;width:48px;height:48px;background:var(--tlo);border:1px solid var(--tekst);font:500 15px/1 var(--f-mono);color:var(--tekst);isolation:isolate;transition:color .3s}
.nr::before{content:"";position:absolute;inset:-1px;z-index:-1;background:var(--g1);opacity:0;transition:opacity .35s}
.proces li.on .nr{color:var(--zl2)}
.proces li.on .nr::before{opacity:1}
.proces h3{font-size:24px;margin:var(--s3) 0 var(--s1)}
.proces p{color:var(--tekst2);font-size:16px}

/* branże */
.branze-w{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--kol)}
.branze-w h2{grid-column:1/5}
.branze{grid-column:5/13;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s4)}
.branze li{display:grid;grid-template-columns:120px 1fr;gap:var(--s3);align-items:start;padding:var(--s3) 0;border-top:1px solid var(--linia)}
.branze li:nth-child(-n+2){border-top:2px solid var(--tekst)}
.branze img{width:120px;height:120px;object-fit:cover;filter:saturate(.9)}
.branze h3{font-size:24px;margin-bottom:var(--s1)}
.branze p{color:var(--tekst2);font-size:16px}

/* gdzie pracujemy: punktowa mapa Europy */
.gdzie-s{overflow:hidden}
.gdzie-w{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--kol);grid-template-areas:"g g g g m m m m m m m m" "l l l l m m m m m m m m";grid-template-rows:auto 1fr;align-items:start}
.gdzie-glowa{grid-area:g}
.gdzie-glowa p{margin-top:var(--s3);font-size:18px;color:var(--sr)}
.gdzie-glowa p+p{margin-top:var(--s2)}
.gdzie-lista{grid-area:l;margin-top:var(--s5)}
.mapa{grid-area:m;margin:0 calc(var(--gut) * -.5) 0 0;align-self:center}
.mapa-ramka{position:relative}
.mapa-svg{display:block;width:100%;height:auto;overflow:visible}
.kropki{fill:none;stroke-linecap:round;stroke-width:5.2}
.lad{stroke:#c8cbd0;opacity:.3}
.siatka-geo{fill:none;stroke:#c8cbd0;stroke-opacity:.1;stroke-width:1}
/* PL (siedziba) złota, DE jasne srebro, AT i CH ciemniejsze srebro: granice czytelne bez konturów */
.kraj{stroke:#e9eaec;opacity:var(--o,.8);transition:opacity .3s,stroke .3s}
.k-pl{stroke:var(--zl2);--o:.95}
.k-de{--o:.85}
.k-at,.k-ch{--o:.5}
.js .mapa .kraj{opacity:.15}
.js .mapa.widac .kraj{opacity:var(--o,.8);transition:opacity 1s ease var(--d),stroke .3s}
.gdzie-s[data-kraj="pl"] .mapa .kraj.k-pl,.gdzie-s[data-kraj="de"] .mapa .kraj.k-de,
.gdzie-s[data-kraj="at"] .mapa .kraj.k-at,.gdzie-s[data-kraj="ch"] .mapa .kraj.k-ch{stroke:#fff;opacity:1}
.gdzie-s[data-kraj="pl"] .mapa .kraj.k-pl{stroke:var(--zl2)}
.trasa{fill:none;stroke:var(--zl);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0}
.js .mapa .trasa{stroke-dashoffset:1}
.js .mapa.widac .trasa{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease) calc(var(--d) + .3s)}
.cel{fill:var(--g0);stroke:var(--sr2);stroke-width:2.5}
.dom{fill:var(--zl2)}
.puls{fill:none;stroke:var(--zl2);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.mapa.widac .puls{animation:puls 2.6s ease-out 1.2s 3}
@keyframes puls{from{transform:scale(1);opacity:.85}to{transform:scale(4.5);opacity:0}}
.mapa-et{position:absolute;transform:translate(14px,-50%);padding:4px 6px;background:rgba(12,13,15,.86);font:500 15px/1 var(--f-mono);letter-spacing:.06em;color:var(--sr2);white-space:nowrap}
.mapa-et.et-l{transform:translate(calc(-100% - 14px),-50%)}
.mapa-et.et-dom{transform:translate(14px,14px);display:flex;flex-direction:column;gap:4px;padding:var(--s1) 12px;background:rgba(12,13,15,.82);border-left:2px solid var(--zl2)}
.mapa-et.et-dom strong{font:600 18px/1 var(--f);font-stretch:var(--waski);letter-spacing:0;color:#fff}
.mapa-et.et-dom small{font:500 15px/1 var(--f-mono);color:var(--zl2);letter-spacing:.02em}
.js .mapa .cel,.js .mapa .mapa-et{opacity:0}
.js .mapa.widac .cel,.js .mapa.widac .mapa-et{opacity:1;transition:opacity .5s ease calc(var(--d,0s) + 1.3s)}
.js .mapa.widac .mapa-et.et-dom{transition-delay:.2s}
.kraje{border-top:1px solid var(--ld2)}
.kraje li{display:grid;grid-template-columns:48px 1fr;column-gap:var(--s2);align-items:baseline;padding:12px 0;border-bottom:1px solid var(--ld);transition:color .2s}
.kraje .kod{font:500 15px/1.4 var(--f-mono);color:var(--zl2);letter-spacing:.06em}
.kraje .nazwa{font:600 20px/1.3 var(--f);font-stretch:var(--waski);color:var(--sr2)}
.kraje .dop{grid-column:2;font-size:15px;color:var(--sr3)}
.kraje li.ue .nazwa{font-weight:500;color:var(--sr)}
.kraje li[data-kraj]{cursor:default}
.kraje li[data-kraj]:hover .nazwa{color:var(--zl2)}
.gdzie-lista address{font-style:normal;font-size:15px;color:var(--sr3);margin:var(--s3) 0 var(--s1);line-height:1.6}
.gdzie-lista .link{font-size:15px}

/* osoba kontaktowa: wizytówka (kompletna także bez zdjęcia) */
.osoba-s{padding:var(--sekcja) 0}
.osoba{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--kol);background:var(--biel);border:1px solid var(--linia)}
.osoba-karta{grid-column:1/8;position:relative;background:var(--g1);color:var(--sr);padding:var(--s5) var(--s5) var(--s5) var(--s5);border-left:4px solid var(--zl)}
.osoba.z-foto .osoba-foto{grid-column:1/4;background:var(--g2);overflow:hidden}
.osoba.z-foto .osoba-foto img{width:100%;height:100%;object-fit:cover}
.osoba.z-foto .osoba-karta{grid-column:4/9}
.osoba-logo{position:absolute;top:var(--s4);right:var(--s4);height:36px;width:auto;opacity:.9}
.osoba h2{font:500 15px/1.3 var(--f-mono);color:var(--zl2);letter-spacing:.02em}
.osoba-imie{margin-top:var(--s2);font:600 48px/1.05 var(--f);font-stretch:var(--waski);letter-spacing:-.015em}
.osoba-rola{margin-top:var(--s1);font:600 20px/1.3 var(--f);font-stretch:var(--waski);color:var(--sr2)}
.spoina-stala{margin-top:var(--s3)}
.osoba-opis{margin-top:var(--s3);max-width:30em;color:var(--sr)}
.osoba-kontakt{grid-column:8/13;align-self:center;display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4) var(--s4) var(--s4) var(--s2)}
.osoba.z-foto .osoba-kontakt{grid-column:9/13}
.duzy-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:600 26px/1.2 var(--f);font-stretch:var(--waski);text-decoration:none;color:var(--tekst)}
.duzy-link svg{flex:none;color:var(--zl-tekst);width:22px;height:22px}
.duzy-link.maly{font:500 16px/1.3 var(--f);color:var(--tekst2);margin-top:var(--s1)}
.duzy-link.maly svg{width:18px;height:18px}
.duzy-link:hover,.duzy-link:hover svg{color:var(--zl-tekst)}

/* FAQ */
.faq-w{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--kol);align-items:start}
.faq-w h2{grid-column:1/5;position:sticky;top:calc(var(--naglowek) + var(--s4))}
.faq{grid-column:5/13;border-top:2px solid var(--tekst)}
.faq details{border-bottom:1px solid var(--linia)}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:var(--s3) var(--s5) var(--s3) 0;font:600 22px/1.35 var(--f);font-stretch:var(--waski);min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,.faq summary::after{content:"";position:absolute;right:var(--s1);top:50%;width:16px;height:2px;background:var(--zl-tekst);transition:transform .3s var(--ease)}
.faq summary::after{transform:rotate(90deg)}
.faq details[open] summary::after{transform:rotate(0)}
.faq summary:hover{color:var(--zl-tekst)}
.faq details p{padding:0 var(--s5) var(--s3) 0;color:var(--tekst2);max-width:44em}
.faq details[open] p{animation:wejdz .4s var(--ease) both}

/* kontakt */
.kontakt-w{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--kol);align-items:start}
.form{grid-column:1/9;background:var(--biel);border:1px solid var(--linia);padding:var(--s4)}
.szybki{grid-column:9/13}
.siatka{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s3)}
.pole{margin-bottom:var(--s3)}
.pole label,.plik-et{display:block;font-weight:500;font-size:16px;margin-bottom:var(--s1)}
.wym{color:var(--zl-tekst);margin-left:3px}
input,select,textarea{width:100%;font:400 16px/1.4 var(--f);color:var(--tekst);background:#fff;border:1px solid var(--linia2);border-radius:2px;padding:12px 14px;min-height:48px;transition:border-color .2s,box-shadow .2s}
textarea{resize:vertical;min-height:144px}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tekst) 50%),linear-gradient(135deg,var(--tekst) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--tekst);box-shadow:0 0 0 3px rgba(201,162,74,.45)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--tekst);outline-offset:2px}
input::placeholder,textarea::placeholder{color:#6f7278}
[aria-invalid="true"]{border-color:#a3261b}
.pole-blad{display:none;align-items:flex-start;gap:var(--s1);margin-top:var(--s1);font-size:15px;font-weight:500;color:#a3261b}
.pole-blad:not(:empty){display:flex}
.pole-blad::before{content:"!";flex:none;display:inline-grid;place-items:center;width:18px;height:18px;margin-top:2px;background:#a3261b;color:#fff;font:600 12px/1 var(--f-mono);border-radius:50%}
.wiecej{margin:var(--s1) 0 var(--s3);border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)}
.wiecej summary{cursor:pointer;padding:12px 0;min-height:48px;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px}
.wiecej summary::-webkit-details-marker{display:none}
.wiecej summary::before{content:"+";display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--tekst);font:500 16px/1 var(--f-mono)}
.wiecej[open] summary::before{content:"-"}
.wiecej .siatka{padding:var(--s1) 0}
.plik{position:relative}
.plik-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;min-height:0;padding:0;border:0}
.pole .plik-strefa{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);background:var(--tlo);border:1px dashed var(--linia2);cursor:pointer;transition:border-color .2s,background-color .2s;margin:0}
.pole .plik-strefa[hidden]{display:none}
.plik-strefa:hover,.plik.nad .plik-strefa{border-color:var(--tekst);background:#ecebe6}
.plik-input:focus-visible+.plik-strefa{outline:2px solid var(--tekst);outline-offset:2px}
.plik-btn{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:10px var(--s2);background:var(--g1);color:var(--sr2);font-weight:600;font-size:15px;border-radius:2px}
.plik-tekst{display:flex;flex-direction:column;font-size:15px;color:var(--tekst2);line-height:1.4}
.plik-tekst small{font-size:15px}
.plik-wybrany{display:flex;align-items:center;gap:var(--s2);padding:12px var(--s2);background:#fff;border:1px solid var(--tekst);margin-top:var(--s1)}
.plik-wybrany[hidden]{display:none}
.plik-ikona{flex:none;display:block;width:28px;height:34px}
.plik-ikona svg{display:block;width:100%;height:100%}
.plik-dane{display:flex;flex-direction:column;min-width:0;flex:1}
.plik-nazwa{font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plik-rozm{font:500 15px/1.3 var(--f-mono);color:var(--tekst2)}
.plik-usun{flex:none;min-height:44px;padding:8px 12px;background:none;border:1px solid var(--linia2);border-radius:2px;font:500 15px/1 var(--f);color:var(--tekst);cursor:pointer}
.plik-usun:hover{border-color:var(--tekst)}
.pulapka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.zgoda-w{margin:var(--s1) 0 var(--s4)}
.zgoda{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--tekst2);cursor:pointer}
.zgoda input{width:22px;height:22px;min-height:0;flex:none;margin:1px 0 0;accent-color:var(--g1)}
.zgoda a{color:var(--tekst)}
.form-dol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3)}
.form-dol .btn{min-width:240px}
.krec{display:none;width:18px;height:18px;border:2px solid rgba(12,13,15,.25);border-top-color:var(--g0);border-radius:50%;animation:krec .8s linear infinite}
@keyframes krec{to{transform:rotate(360deg)}}
.btn.wysyla .krec{display:inline-block}
.btn.wysyla .strz{display:none}
.status{font-weight:500;font-size:16px}
.status.ok{color:#1f6a3a}
.status.blad{color:#a3261b}
.szybki{background:var(--g1);color:var(--sr);padding:var(--s4);position:sticky;top:calc(var(--naglowek) + var(--s3));border-top:3px solid var(--zl)}
.szybki h3{font-size:26px;margin-bottom:var(--s2);color:var(--sr2)}
.szybki-w{display:block;text-decoration:none;padding:var(--s2) 0;border-bottom:1px solid var(--ld)}
.szybki-w span{display:block;font:500 15px/1.3 var(--f-mono);color:var(--zl2);margin-bottom:4px}
.szybki-w strong{font:600 21px/1.3 var(--f);font-stretch:var(--waski);color:var(--sr2)}
.szybki-w:hover strong{color:var(--zl2)}
.szybki address{font-style:normal;font-size:15px;margin:var(--s3) 0 12px;line-height:1.6;color:var(--sr3)}
.szybki .link{font-size:15px;display:inline-block}

/* stopka */
.stopka{position:relative;background:var(--g0);color:var(--sr);padding:var(--s6) 0 var(--s4);font-size:15px}
.stopka-gora{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--kol);row-gap:var(--s4)}
.stopka-marka{grid-column:1/5}
.stopka-kol:nth-child(2){grid-column:6/9}
.stopka-kol:nth-child(3){grid-column:9/11}
.stopka-kol:nth-child(4){grid-column:11/13}
.stopka-marka img{height:72px;width:auto;margin-bottom:var(--s3)}
.stopka-marka p{max-width:26em;color:var(--sr3)}
.stopka-h{font:500 15px/1.3 var(--f-mono);color:var(--zl2);margin-bottom:var(--s2);letter-spacing:.02em}
.stopka a{text-decoration:none;color:var(--sr2);transition:color .2s}
.stopka a:hover{color:var(--zl2)}
.stopka-kol p{color:var(--sr2);line-height:1.7}
.rejestr{margin:var(--s2) 0 0;display:grid;gap:4px}
.rejestr div{display:grid;grid-template-columns:auto 1fr;column-gap:12px}
.rejestr dt{font:500 15px/1.6 var(--f-mono);color:var(--sr3)}
.rejestr dd{margin:0;font:500 15px/1.6 var(--f-mono);color:var(--sr2)}
.stopka-lista{display:grid;gap:10px}
.stopka-dol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--g3);color:var(--sr3)}
.prawne{display:flex;gap:var(--s3);margin-right:auto}
.prawne a{color:var(--sr)}
.jezyk-przel{display:inline-flex;border:1px solid var(--ld2);border-radius:2px}
.jezyk-przel a{display:inline-grid;place-items:center;min-width:48px;min-height:44px;padding:0 12px;font:500 15px/1 var(--f-mono);color:var(--sr)}
.jezyk-przel a+a{border-left:1px solid var(--ld2)}
.jezyk-przel a.aktywny{background:var(--zl2);color:var(--g0)}
.jezyk-przel a.aktywny:hover{color:var(--g0)}
.pasek-tel{display:none}

/* tablet szeroki */
@media (max-width:1180px){
  :root{--gut:32px}
  .menu{gap:20px}
  .panel{gap:var(--s3)}
  .metody-scena{grid-column:1/6}
  .metody{grid-column:6/13}
  .metoda{grid-template-columns:1fr;row-gap:var(--s2)}
  .metoda h3{margin-bottom:0}
  .stopka-marka{grid-column:1/-1}
  .stopka-kol:nth-child(2){grid-column:1/5}
  .stopka-kol:nth-child(3){grid-column:5/9}
  .stopka-kol:nth-child(4){grid-column:9/13}
  .galeria{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px}
  .gdzie-w{grid-template-areas:"g g g g g m m m m m m m" "l l l l l m m m m m m m"}
}
/* tablet */
@media (max-width:980px){
  :root{--naglowek:64px;--gut:24px;--sekcja:var(--s6);--pod-glowka:var(--s4)}
  .logo img{height:40px}
  .nag-tlo{background:var(--g0)}
  .burger{display:inline-flex;flex-direction:column;justify-content:center;gap:7px;margin-left:auto;width:48px;height:48px;padding:0 12px;background:none;border:1px solid var(--ld2);border-radius:2px;cursor:pointer}
  .burger span{display:block;height:2px;background:var(--sr2);transition:transform .25s}
  .burger[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
  .burger[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
  .panel{position:fixed;top:var(--naglowek);left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:var(--s3);padding:var(--s1) var(--gut) var(--s4);
    background:rgba(12,13,15,.98);border-bottom:1px solid var(--ld2);opacity:0;transform:translateY(-12px);visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;
    max-height:calc(100vh - var(--naglowek));overflow:auto}
  .panel.otwarty{opacity:1;transform:none;visibility:visible}
  .panel{background:var(--g0);min-height:calc(100vh - var(--naglowek))}
  @supports (height:100dvh){.panel{min-height:calc(100dvh - var(--naglowek));max-height:calc(100dvh - var(--naglowek))}}
  .menu{flex-direction:column;gap:0}
  .menu a{display:block;padding:14px 0;font:600 24px/1.2 var(--f);font-stretch:var(--waski);color:var(--sr2);border-bottom:1px solid var(--ld)}
  .menu a::after{display:none}
  .menu a.aktywny{color:var(--zl2)}
  .panel .jezyki{border:0;padding:0;margin:0}
  .panel .jezyki{gap:var(--s1)}
  .panel .jezyki a{display:inline-grid;place-items:center;min-width:48px;min-height:48px;padding:0 12px;border:1px solid var(--ld2);font-size:16px}
  .panel .jezyki a.aktywny{border-color:var(--zl)}
  .panel .btn{min-height:52px}
  .metody-w{display:block}
  .metody-scena{display:none}
  .metoda{padding:var(--s4) 0}
  .metoda::before,.metoda::after{display:none}
  .metoda-foto{display:block;overflow:hidden;aspect-ratio:16/9;background:var(--linia);margin-bottom:var(--s3)}
  .metoda-foto img{width:100%;height:100%;object-fit:cover}
  .mozaika{grid-template-rows:260px 260px}
  .branze-w,.faq-w,.kontakt-w{grid-template-columns:minmax(0,1fr)}
  .branze-w h2,.branze,.faq-w h2,.faq,.form,.szybki{grid-column:1/-1}
  .branze-w,.faq-w{row-gap:var(--s4)}
  .kontakt-w{row-gap:var(--s3)}
  .faq-w h2{position:static}
  .szybki{position:static}
  .proces-s h2{margin-bottom:var(--s4)}
  .proces{grid-template-columns:minmax(0,1fr);row-gap:0}
  .proces li{display:grid;grid-template-columns:48px 1fr;column-gap:var(--s3);padding-bottom:var(--s4)}
  .proces li:last-child{padding-bottom:0}
  .nr{grid-row:1/3}
  .proces h3{margin:10px 0 6px;font-size:22px}
  .os{left:23px;right:auto;top:24px;width:1px;height:calc(100% - 48px)}
  .os-postep{left:-1px;right:auto;top:0;bottom:0;width:3px;height:auto;transform-origin:center top;transform:scaleY(var(--p))}
  .gdzie-w{grid-template-columns:minmax(0,1fr);grid-template-areas:"g" "m" "l";grid-template-rows:none}
  .mapa{margin:var(--s4) calc(var(--gut) * -1) 0}
  .gdzie-lista{margin-top:var(--s4)}
  .osoba,.osoba.z-foto{grid-template-columns:minmax(0,1fr)}
  .osoba-karta,.osoba.z-foto .osoba-karta,.osoba-kontakt,.osoba.z-foto .osoba-kontakt,.osoba.z-foto .osoba-foto{grid-column:1/-1}
  .osoba.z-foto .osoba-foto{aspect-ratio:4/3}
  .osoba-kontakt{padding:var(--s4)}
}
/* telefon */
@media (max-width:767px){
  :root{--sekcja:var(--s5);--pod-glowka:var(--s4)}
  body{font-size:16px}
  .logo img{height:36px}
  .hero{min-height:var(--hero-h,100vh)}
  @supports (height:100svh){.hero{min-height:var(--hero-h,100svh)}}
  .hero-w{padding-top:calc(var(--naglowek) + var(--s4));padding-bottom:var(--s4)}
  .hero-foto img{object-position:60% 40%}
  .hero-foto::after{background:linear-gradient(0deg,rgba(12,13,15,.98) 0%,rgba(12,13,15,.93) 52%,rgba(12,13,15,.8) 62%,rgba(12,13,15,.35) 76%,rgba(12,13,15,.12) 86%,rgba(12,13,15,.6) 100%)}
  .etykieta,.hero h1,.hero .lead{text-shadow:0 1px 12px rgba(12,13,15,.6)}
  .etykieta{font-size:14px;letter-spacing:.1em;margin-bottom:var(--s2);gap:10px}
  .etykieta::before{width:24px}
  .hero h1{font-size:40px;line-height:1.04}
  .hero .lead{line-height:1.6}
  .hero .spoina{margin-top:var(--s3)}
  .hero .lead{margin-top:var(--s2);font-size:17px}
  .hero-cta{flex-direction:column;align-items:stretch;gap:var(--s1);margin-top:var(--s3)}
  .hero-cta .btn{width:100%}
  .hero-cta .btn-duzy{min-height:52px}
  .hero-cta .btn-tekst{min-height:44px;padding:8px 6px}
  .tel-nr{display:none}
  .szew span{width:96px}

  .konkrety{grid-template-columns:minmax(0,1fr)}
  .konkret{display:grid;grid-template-columns:96px 1fr;gap:var(--s2);align-items:baseline;padding:var(--s2) 0;border-top:1px solid var(--ld)}
  .konkret:first-child{border-top:0}
  .konkret+.konkret::before{display:none}
  .konkrety-s{padding:var(--s1) 0}
  .konkret dt{margin:0}
  .konkret dd{font-size:19px}

  .sekcja h2{font-size:34px;line-height:1.1}
  .glowka>p{font-size:17px;margin-top:var(--s2)}

  .metoda{grid-template-columns:minmax(0,1fr);padding:var(--s3) 0 var(--s4)}
  .metoda h3{font-size:27px}
  .metoda .link{margin-top:var(--s1)}

  .mozaika{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:var(--s3)}
  .k1,.k2,.k3,.k4{grid-column:auto;grid-row:auto}
  .kafel{background:var(--g1);border-bottom:2px solid var(--g3)}
  .kafel::after{display:none}
  .kafel .lb-link{aspect-ratio:4/3;height:auto}
  .kafel figcaption{position:static;padding:var(--s2) 20px 20px}
  .kafel strong,.k1 strong{font-size:23px;line-height:1.15}
  .kafel figcaption span{margin-top:var(--s1);font-size:16px;line-height:1.5;color:var(--sr)}
  .galeria{grid-template-columns:1fr 1fr;grid-auto-rows:180px;gap:10px;margin-top:10px}
  .real-wiecej .btn{width:100%}
  .lupa{opacity:1;transform:none;width:32px;height:32px;top:var(--s1);right:var(--s1)}
  .lupa::before,.lupa::after{width:12px;margin-left:-6px}

  .lb-scena{padding:var(--s5) 0 var(--s1)}
  .lb-img{max-height:calc(100vh - 210px)}
  .lb-dol{grid-template-columns:48px minmax(0,1fr) 48px;grid-template-areas:"p p p" "a l n";row-gap:var(--s2);padding:var(--s2) var(--s3) var(--s3)}
  .lb-podpis{grid-area:p}
  .lb-poprz{grid-area:a}
  .lb-licz{grid-area:l;justify-self:center}
  .lb-nast{grid-area:n}
  .lb-btn{width:48px;height:48px}

  .proces li{column-gap:var(--s2)}
  .branze{grid-template-columns:minmax(0,1fr)}
  .branze li:nth-child(2){border-top-width:1px;border-top-color:var(--linia)}
  .branze li{grid-template-columns:88px 1fr;gap:var(--s2);padding:var(--s3) 0}
  .branze img{width:88px;height:88px}
  .branze h3{font-size:22px}

  .gdzie-glowa p{font-size:17px}
  .kropki{stroke-width:7}
  .mapa-et{font-size:13px;padding:3px 4px;transform:translate(9px,-50%)}
  .mapa-et.et-l{transform:translate(calc(-100% - 9px),-50%)}
  .mapa-et.et-dom{transform:translate(8px,8px);padding:6px 8px}
  .mapa-et.et-dom strong{font-size:15px}
  .mapa-et.et-dom small{font-size:12px}

  .osoba-karta{padding:var(--s4) var(--s3)}
  .osoba-logo{top:var(--s3);right:var(--s3);height:28px}
  .osoba-imie{font-size:38px;padding-right:0}
  .osoba h2{padding-right:72px}
  .osoba-kontakt{padding:var(--s3)}
  .duzy-link{font-size:23px;overflow-wrap:anywhere}

  .faq summary{font-size:20px;padding:var(--s2) var(--s5) var(--s2) 0}
  .faq details p{padding-right:0}

  .form{padding:var(--s3) 20px}
  .pole label,.plik-et{line-height:1.35}
  .zgoda{line-height:1.5}
  .siatka{grid-template-columns:minmax(0,1fr)}
  .plik-strefa{flex-direction:column;align-items:flex-start;gap:12px}
  .plik-przeciagnij{display:none}
  .form-dol .btn{width:100%;min-width:0}
  .szybki{padding:var(--s3)}

  .stopka{padding:var(--s5) 0 calc(112px + env(safe-area-inset-bottom))}
  .stopka-gora{grid-template-columns:minmax(0,1fr)}
  .stopka-marka,.stopka-kol:nth-child(2),.stopka-kol:nth-child(3),.stopka-kol:nth-child(4){grid-column:1/-1}
  .stopka-dol{flex-direction:column;align-items:flex-start;gap:var(--s2);margin-top:var(--s4)}
  .prawne{flex-wrap:wrap;margin:0;column-gap:var(--s3)}
  .prawne a,.stopka-lista a{display:inline-flex;align-items:center;min-height:44px}
  .stopka-lista{gap:0}
  nav.stopka-kol .stopka-lista{display:flex;flex-wrap:wrap;column-gap:var(--s3);padding-top:var(--s2);border-top:1px solid var(--g3)}
  .stopka-kol p,.stopka-marka p{line-height:1.65}
  .rejestr div{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
  .rejestr dd{overflow-wrap:anywhere}

  .pasek-tel{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--s1);position:fixed;left:0;right:0;bottom:0;z-index:60;
    padding:12px var(--s2) calc(12px + env(safe-area-inset-bottom));background:var(--g0);border-top:1px solid var(--g3);
    transform:translateY(110%);transition:transform .35s var(--ease)}
  .pasek-tel.widoczny{transform:none}
  .pasek-tel .btn{min-height:48px;padding:10px 12px;font-size:16px}
}
/* małe telefony (Android 360 px, iPhone SE) */
@media (max-width:380px){
  :root{--gut:20px}
  .etykieta{letter-spacing:.06em}
  .etykieta::before{display:none}
  .hero h1{font-size:36px}
  .sekcja h2{font-size:31px}
  .konkret{grid-template-columns:88px minmax(0,1fr);gap:12px}
  .konkret dd{font-size:18px}
  .pasek-tel{grid-template-columns:auto 1fr;padding-left:12px;padding-right:12px}
  .pasek-tel .btn{padding:10px}
}
@media (hover:none){.plik-przeciagnij{display:none}}

/* bez ruchu: systemowe ustawienie albo tryb zrzutu */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-pojaw] .pojaw,.js .spoina[data-pojaw]{opacity:1;transform:none}
}
html.zrzut{scroll-behavior:auto}
html.zrzut *,html.zrzut *::before,html.zrzut *::after{animation:none!important;transition:none!important}