/* PLIK GENEROWANY z prototypu (nowa-strona/prototyp-2) — nie edytować; dodatki WordPressa: wordpress.css */
body{margin:0}

:root{--pom:#f39200;--pom-h:#e08700;--ink:#3a3a3a;--na-pom:#1e2024;--mut:#5e646d;--tlo:#f4f5f7;--tlo2:#e8eaee;
 --linia:#d3d7dd;--linia2:#8b9199;--fokus:#3a3a3a;--wrap:1240px;--pad:40px;--rytm:112px;--kol:32px}
*{box-sizing:border-box}
html{background:var(--tlo);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tlo);color:var(--ink);font:400 18px/1.62 "Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--fokus);outline-offset:3px;border-radius:2px}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.siatka{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--kol)}
.marg{grid-column:1/4}
.tr{grid-column:4/13}
.tr-w{grid-column:4/11}
.pomin{position:absolute;left:-9999px;top:0;background:#fff;padding:10px 14px;z-index:20}
.pomin:focus{left:16px;top:12px}

/* etykieta sekcji: cienka pomarańczowa kreska i małe wersaliki */
.etyk{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.1em;
 text-transform:uppercase;color:var(--ink)}
.etyk::before{content:"";flex:none;width:32px;height:2px;background:var(--pom)}

h2{font-size:clamp(30px,3.2vw,44px);line-height:1.14;letter-spacing:-.01em;word-spacing:.04em;font-weight:700}
h3{font-size:20px;line-height:1.35;font-weight:700}
.wstep{font-size:21px;line-height:1.55;font-weight:400;margin-top:20px;max-width:34em}
.maly{font-size:15px;line-height:1.55;color:var(--mut)}
.uzup{background:#fff3d6;color:var(--ink);padding:1px 5px;font-size:13px;line-height:1.5;font-weight:400;letter-spacing:0;
 text-transform:none;font-family:"Plus Jakarta Sans","Segoe UI",sans-serif;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* przyciski i odnośniki */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:4px;background:var(--pom);
 color:var(--na-pom);font-weight:700;font-size:17px;text-decoration:none;transition:background .2s}
.btn:hover{box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--pom)}
.btn-l{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:4px;border:1.5px solid var(--ink);
 color:var(--ink);font-weight:600;font-size:16px;text-decoration:none;transition:background .2s,color .2s}
.btn-l:hover{background:var(--ink);color:#fff}
.link{font-weight:600;text-decoration:underline;text-decoration-color:var(--ink);text-decoration-thickness:1px;text-underline-offset:6px}
.link:hover{text-decoration-color:var(--pom);text-decoration-thickness:2px}
.strz{display:inline-block;transition:transform .2s}
a:hover>.strz{transform:translateX(3px)}
.akcje{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:36px}

/* nagłówek strony */
.gora{padding:18px 0;background:#fff;border-bottom:1px solid #e1e4e8;position:relative;z-index:5}
.gora .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{width:184px;height:auto;display:block}
.menu{display:flex;align-items:center;gap:22px;font-size:14.5px;font-weight:500}
.menu a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.menu a:hover{border-bottom-color:var(--pom)}
.menu .strefa{border:1.5px solid var(--ink);border-radius:4px;padding:7px 14px;margin-left:6px}
.menu .strefa:hover{background:var(--ink);color:#fff;border-bottom-color:var(--ink)}
.menu-m{display:none;position:relative}
.menu-m summary{list-style:none;cursor:pointer;font-weight:600;font-size:15px;border:1.5px solid var(--ink);border-radius:4px;padding:8px 16px}
.menu-m summary::-webkit-details-marker{display:none}
.menu-m nav{position:absolute;right:0;top:calc(100% + 10px);z-index:30;background:#fff;border-top:2px solid var(--pom);
 width:min(300px,calc(100vw - 32px));padding:8px 20px 14px;display:flex;flex-direction:column}
.menu-m nav a{padding:12px 0;border-bottom:1px solid var(--linia);text-decoration:none;font-weight:500}
.menu-m nav a:last-child{border-bottom:0}

/* pierwszy ekran */
.hero{padding:36px 0 0;overflow-x:clip}
.hero h1{grid-column:1/13;margin-top:26px;font-size:clamp(44px,6vw,80px);line-height:1.04;letter-spacing:-.015em;word-spacing:.04em;font-weight:300}
.hero h1 b{font-weight:700}
.reka{font-family:Caveat,cursive;font-weight:600;font-size:1.24em;letter-spacing:0;position:relative;display:inline-block;
 white-space:nowrap;padding:0 .04em}
.reka svg{position:absolute;left:-2%;bottom:-.06em;width:104%;height:.26em;overflow:visible}
.h-et{grid-column:1/13}
.h-tekst{grid-column:4/12;grid-row:3;margin-top:36px}
.h-tekst .lead{font-size:22px;line-height:1.55;font-weight:400}
.h-tekst .zeos-wst{margin-top:30px}
.h-tekst .linie{border-top:0;margin-top:14px}
.h-tekst .linie li{font-size:17.5px;line-height:1.5;padding:0 0 0 22px;border:0;margin-top:8px;position:relative}
.h-tekst .linie li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:1px;background:var(--ink)}
.h-tekst .maly{margin-top:18px}
.h-tekst .akcje{align-items:flex-start;margin-top:34px;gap:16px 20px}
.zam{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.zam .dop{margin:0}
.eksp{margin-top:26px}
.dop{margin-top:16px;font-size:14px;color:var(--mut)}
.h-foto{grid-column:1/7;grid-row:3;align-self:start;margin-top:64px;margin-left:calc(-1 * (max(0px,(100vw - var(--wrap)) / 2) + var(--pad)));
 position:sticky;top:28px}
.ramka{position:relative}
.h-foto figcaption{padding:52px 0 0 calc(max(0px,(100vw - var(--wrap)) / 2) + var(--pad))}
.h-foto img{width:100%}
.notka{position:absolute;right:44px;bottom:-30px;transform:rotate(-2deg);background:#fff;border:1px solid var(--linia);
 padding:14px 22px 10px;font:600 26px/1.1 Caveat,cursive;color:var(--ink);max-width:230px}
.notka::before{content:"";position:absolute;top:-12px;left:50%;width:78px;height:22px;background:rgba(168,174,186,.75);
 transform:translateX(-50%) rotate(4deg)}
.h-pod{grid-column:4/13;margin-top:14px}

/* sekcje */
.s{padding:var(--rytm) 0}
.s+.s,.hero+.s{border-top:1px solid var(--linia)}
.hero+.s{border-top:0;margin-top:0}
.s .marg .etyk{margin-top:14px}

/* 2: lista jak linie w zeszycie */
.zeos-wst{margin-top:30px;font-size:19px;font-weight:600}
.linie{margin-top:18px;border-top:1px solid var(--linia2)}
.linie li{padding:17px 0 17px 0;border-bottom:1px solid var(--linia);font-size:19px;line-height:1.5;max-width:40em}
.s2 .maly{margin-top:22px}
.s2 .akcje{margin-top:34px}

/* 3: kroki na jednej linii */
.kroki{grid-column:4/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--kol);margin-top:64px;
 counter-reset:k;border-top:1.5px solid var(--ink)}
.kroki li{counter-increment:k;padding-top:22px;position:relative}
.kroki .nr::before{content:counter(k);display:block;font-size:44px;line-height:1;font-weight:300;margin:6px 0 18px;color:var(--ink)}
.kroki b{display:block;font-size:19px;line-height:1.35}
.kroki span.t{display:block;margin-top:8px;font-size:17.5px;max-width:22em;line-height:1.58;color:var(--ink)}
.s3{overflow-x:clip}
.s3 .po{grid-column:4/13;margin-top:48px}
.s3 .po .dop{margin-top:12px}
.s3 .foto{grid-column:4/13;margin-top:80px;margin-right:calc(-1 * (max(0px,(100vw - var(--wrap)) / 2) + var(--pad)))}
.s3 .foto img{width:100%;aspect-ratio:16/10;object-fit:cover}

/* 4: znak PSOD na marginesie */
.s4{padding:88px 0}
.s4 h2{font-size:clamp(26px,2.4vw,32px)}
.s4 .wstep{font-size:19px}
.s4 .znak{margin-top:28px;width:104px}
.s4 .akcje{margin-top:24px}

/* 5: początek części 2 */
.s5 .pas{font-size:26px;line-height:1.42;font-weight:400;max-width:24em}
.s5 h2{margin-top:80px}
.duma{grid-column:1/13;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--kol);margin-top:48px}
.duma .portret{grid-column:4/8}
.duma .portret img{width:100%;aspect-ratio:1/1;object-fit:cover}
.duma .opis{grid-column:8/13;align-self:end}
.duma .opis p{margin-top:12px;max-width:36em}
.duma .opis .akcje{margin-top:22px}

/* 6: spis w wierszach */
.spis{margin-top:44px;border-top:1px solid var(--linia2)}
.spis li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) 11.5em;column-gap:var(--kol);align-items:baseline;
 padding:22px 0;border-bottom:1px solid var(--linia)}
.spis h3{font-size:18.5px}
.spis p{font-size:16.5px;line-height:1.58}
.spis a{justify-self:end;font-size:15.5px;white-space:nowrap}
.s6 .akcje{margin-top:36px}

/* 7: wiedza */
.wpisy{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--kol)}
.wpisy a{display:block;text-decoration:none;border-top:1px solid var(--linia2);padding-top:18px}
.wpisy .data{display:block;font-size:13px;letter-spacing:.04em;color:var(--mut)}
.wpisy strong{display:block;margin-top:10px;font-size:17px;line-height:1.42;font-weight:600}
.wpisy a:hover strong{text-decoration:underline;text-decoration-color:var(--pom);text-decoration-thickness:2px;text-underline-offset:5px}
.podc{margin-top:48px;border-top:1.5px solid var(--ink);padding-top:22px}
.podc h3{font-size:22px}
.podc p{margin-top:10px;font-size:19px;max-width:34em}
.s7 .wpisy{margin-top:40px}
.s7 .akcje{margin-top:44px}

/* 8: zakończenie */
.s8{padding:calc(var(--rytm) * 1.1) 0;background:linear-gradient(#f7f8f9,#e3e6ea);border-top:0!important}
.s8+*{border-top:0}
.s8 h2{font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-.015em}
.s8 .wstep{font-size:23px;max-width:24em;margin-top:26px}

/* praca i stopka */
.praca{padding:56px 0;background:linear-gradient(#e3e6ea,#e8eaee)}
.praca .tr{grid-column:1/13;display:flex;flex-wrap:wrap;gap:22px 48px;align-items:center;justify-content:center}
.praca .am{width:250px;height:auto;flex:none}
.praca p{font-size:19px;line-height:1.5;max-width:22em}
.praca .btn-l{background:transparent}
.stopka{background:var(--tlo2);padding:64px 0 40px;font-size:15px}
.stopka .logo{width:170px}
.stopka .kol{grid-column:4/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--kol)}
.stopka strong{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.stopka li{margin:7px 0}
.stopka a{text-decoration:none}
.stopka a:hover{text-decoration:underline;text-decoration-color:var(--pom)}
.stopka .dol{grid-column:1/13;margin-top:52px;padding-top:20px;border-top:1px solid var(--linia2);display:flex;flex-wrap:wrap;
 gap:8px 28px;justify-content:space-between;color:var(--mut);font-size:14px}

.lepki{display:none}

/* delikatne pojawianie się */
.ruch .r{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.ruch .r.on{opacity:1;transform:none}
.ruch .notka.r{transform:rotate(-2deg) translateY(10px)}
.ruch .notka.r.on{transform:rotate(-2deg)}
@media (prefers-reduced-motion:reduce){.ruch .r{opacity:1!important;transform:none!important;transition:none!important}
 .ruch .notka.r{transform:rotate(-2deg)!important}*{scroll-behavior:auto!important}}
html{scroll-behavior:smooth}
.statyczna{background:#ff00ff;scroll-behavior:auto}
.statyczna .lepki{display:none!important}
.lepki{transition:transform .3s ease}
.lepki.schowany{transform:translateY(110%)}


/* wersja 3: jasne szarości w różnych odcieniach, rysunki pisakiem */
:root{--tlo3:#eceef1;--tlo4:#dfe3e8;--bialy:#fbfbfc}
.s+.s{border-top:0}
/* szarości przechodzą płynnie jedna w drugą: każda sekcja zaczyna się kolorem, na którym skończyła poprzednia */
.hero{background:#f4f5f7}
.s2{background:linear-gradient(#f4f5f7,#e6e9ed)}
.s3{background:linear-gradient(#e6e9ed,#f1f2f4)}
.s5{background:linear-gradient(#f1f2f4,#e9ebee)}
.s6{background:linear-gradient(#e9ebee,#f3f4f6)}
.s7{background:linear-gradient(#f3f4f6,#e7eaee)}
.s4{background:linear-gradient(#e7eaee,#f7f8f9)}
/* zdjęcia bez ramek: na spad, od krawędzi do krawędzi sekcji lub ekranu; same zdjęcia bez obróbki */
.pas-foto{position:relative;margin-top:72px}
.pas-foto img{width:100%;height:auto}
.pas-foto .notka{right:calc(max(0px,(100vw - var(--wrap)) / 2) + var(--pad));bottom:-30px;left:auto}
.pol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0!important;min-height:640px}
.pol-f{margin:0;position:relative;min-height:100%}
.pol-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.pol-f .notka{bottom:36px;right:36px}
.pol-t{padding:var(--rytm) var(--pad) var(--rytm) 72px;max-width:calc(var(--wrap) / 2 + 40px);align-self:center}
.pol-p .pol-t{order:-1;padding:var(--rytm) 72px var(--rytm) calc(max(0px,(100vw - var(--wrap)) / 2) + var(--pad));justify-self:end}
.pol-t h2{margin-top:18px}
.rys{display:block;width:96px;height:96px;flex:none}
.ilu{grid-column:1/13;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--kol);margin-top:56px}
.ilu li{border-top:1.5px solid var(--ink);padding-top:22px}
.ilu .rys{width:116px;height:116px;margin:0 0 10px -12px}
.ilu p{font-size:16.5px;line-height:1.5}
.s2 .maly{margin-top:44px}
.kroki .rys{margin:18px 0 4px -8px}
.kroki .nr::before{font:600 46px/1 Caveat,cursive;color:var(--pom);margin:10px 0 8px}
.s3 .po{margin-top:56px}
.reka-m{font-size:1.18em}
.reka-m svg{position:absolute;left:-2%;bottom:-.08em;width:104%;height:.26em;overflow:visible}
.s6 h2{position:relative;z-index:0}
.kafle{grid-column:1/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kol);margin-top:56px}
.kafle a{display:block;height:100%;background:var(--bialy);border-radius:6px;padding:26px 28px 30px;text-decoration:none;
 transition:background .2s,transform .2s}
.kafle a:hover{background:#fff;transform:translateY(-3px)}
.kafle .rys{margin:0 0 10px -10px}
.kafle h3{font-size:19px}
.kafle p{margin-top:8px;font-size:16px;line-height:1.55;color:var(--mut)}
.duma .portret .notka{right:auto;left:-18px;bottom:-22px;transform:rotate(-3deg)}
.s5 .pas{margin-top:22px;font-size:21px}.s5 h2{margin-top:34px}.s5 .opis p{margin-top:16px;font-size:19px;max-width:34em}.s5 .opis .akcje{margin-top:22px}
.podc{margin-top:0;border-top:0;padding-top:0;display:flex;gap:28px;align-items:flex-start}
.podc .rys{width:120px;height:120px;margin-top:-8px}
.podc h2{font-size:clamp(28px,2.8vw,38px)}
.podc p{margin-top:14px}
.s7 .wpisy{margin-top:56px}
.znak-k{grid-column:1/6;display:flex;justify-content:center;align-items:center}
.s4 .znak{width:min(300px,100%);margin:0}
.znak-t{grid-column:6/13;align-self:center}
.znak-t h2{margin-top:18px;font-size:clamp(28px,3vw,40px)}
.s4{padding:var(--rytm) 0}
.kon-t{grid-column:1/7;align-self:center}
.kon-t h2{margin-top:18px}
.kon-f{grid-column:7/13}
.kon-f img{width:100%;aspect-ratio:4/3;object-fit:cover}
.stopka{background:#e8eaee}
@media (max-width:1100px){.ilu{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}}

/* pierwszy ekran: hasło i informacje na jasnym tle zdjęcia zespołu (tło strony = tło sesji, #f4f5f6) */
.hero.hero2{--fh:calc(min(60vw,980px) * .625);position:relative;min-height:min(760px,calc(100vh - 92px));padding:44px 0 56px;overflow:hidden;
 /* tło strony jaśnieje ku dołowi tak samo jak tło zdjęcia przy jego lewej krawędzi (zmierzone: #f5f6f8 → #fdfdfd) */
 background:linear-gradient(to bottom,#f4f5f7 0,#f5f6f8 calc(100% - var(--fh)),#fafcfb calc(100% - var(--fh) * .8),#fcfdfc calc(100% - var(--fh) * .7),#fdfdfd calc(100% - var(--fh) * .6),#fdfdfd 100%)}
.h2-foto{position:absolute;right:0;bottom:0;width:min(60vw,980px);margin:0}
.h2-foto img{width:100%;height:auto;display:block;
 /* bez widocznej krawędzi: łagodne przejście tylko na pasie samego tła (lewe i górne 9% kadru, bez osób); zdjęcie poza tym nietknięte */
 -webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%),linear-gradient(to bottom,transparent 0,#000 9%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent 0,#000 9%),linear-gradient(to bottom,transparent 0,#000 9%);mask-composite:intersect}
.h2-foto .notka{left:9%;right:auto;bottom:28px}
.h2w{position:relative;z-index:2}
.h2w h1{margin-top:22px;font-size:clamp(40px,4.5vw,66px);line-height:1.06;letter-spacing:-.015em;font-weight:300}
.h2w h1 b{font-weight:700}
.h2w .h-tekst{margin-top:30px;max-width:min(540px,44vw)}
.h2w .lead{font-size:20px;line-height:1.55}
/* zdjęcia w sekcjach: mniejsze */
.pol{min-height:520px;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.pol-p{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.s5.pol{grid-template-columns:minmax(0,1fr) min(420px,34vw);min-height:460px}

/* pierwszy ekran, wersja „karteczka” (Stefan 1C): treść na białej kartce przyklejonej taśmą do jasnego tła zdjęcia;
   pismo odręczne zawsze na papierze (kartka, karteczka), nigdy luzem obok */
.hero.hero2{--fh:calc(min(62vw,1000px) * .625);min-height:calc(var(--fh) + 30px);padding:0;display:flex;align-items:center}
.h2-foto{width:min(62vw,1000px)}
.h2-foto .notka{left:auto;right:8%;bottom:34px;transform:rotate(2.5deg)}
.h2w{width:100%}
.kartka{position:relative;background:#fff;max-width:620px;padding:40px 44px 36px;transform:rotate(-3.2deg);
 box-shadow:0 1px 0 #e3e6ea,0 14px 30px -18px rgba(40,44,52,.28)}
.kartka::before{content:"";position:absolute;top:-13px;left:50%;width:110px;height:26px;background:rgba(168,174,186,.72);transform:translateX(-50%) rotate(-3deg)}
.kartka h1{margin-top:0!important;font-size:clamp(34px,3.2vw,46px)!important}
.kartka .h-tekst{margin-top:18px!important;max-width:none!important}
.kartka .lead{font-size:18px!important}
.kartka .akcje{margin-top:24px}
.kartka .eksp{margin-top:16px}

/* kartka na pierwszym ekranie: biała, z przylepcem, kwadratowa jak prawdziwa karteczka (Stefan: żółty tu nie, format musi być prawdziwy) */
:root{--zolty:#fbf1b6}
.kartka{width:min(540px,44vw);aspect-ratio:1/1;max-width:none!important;display:flex;flex-direction:column;justify-content:center;padding:44px 46px 40px!important}
.postit{background:var(--zolty);box-shadow:0 1px 0 rgba(0,0,0,.04),0 16px 24px -16px rgba(60,52,20,.35)}
/* podpisy zdjęć: pisane markerem prosto na zdjęciu */
.podpis-foto{position:absolute;font:600 clamp(18px,1.7vw,26px)/1.05 Caveat,cursive;color:#26282c;transform:rotate(-3deg);pointer-events:none}
.h2-foto .podpis-foto{top:2.6%;right:5%;white-space:nowrap;transform:rotate(-2deg)}
.pol-f .podpis-foto{left:22px;bottom:20px}
.podpis-foto.jasny{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}
/* karteczka w podcaście */
.podc>div{position:relative}
/* prawdziwa karteczka samoprzylepna: kwadrat, u góry pasek kleju (leży płasko), dół lekko odstaje (cień pod dolnymi rogami) */
.postit-pod{position:absolute;right:-12px;top:-36px;width:200px;aspect-ratio:1/1;padding:30px 20px 16px;transform:rotate(3deg);text-decoration:none;color:var(--ink);
 font-size:15px;line-height:1.4;background:linear-gradient(to bottom,#efe29a 0,#f2e6a2 15%,var(--zolty) 15.5%,var(--zolty) 100%);
 box-shadow:0 1px 1px rgba(0,0,0,.06)}
.postit-pod::after{content:"";position:absolute;left:8%;right:4%;bottom:-2px;height:22px;z-index:-1;border-radius:0 0 40% 40%/0 0 100% 100%;
 box-shadow:0 12px 14px -6px rgba(60,52,20,.38);transform:rotate(1.5deg)}
.postit-pod .reka-t{display:block;font:600 24px/1 Caveat,cursive}
.postit-pod span:nth-child(2){display:block;margin:6px 0 8px}
.postit-pod:hover{transform:rotate(1deg)}
.s7 .podc h2,.s7 .podc p{max-width:calc(100% - 220px)}
/* zakończenie na karteczce */
.s8.kart .pol-t{background:var(--zolty);margin:auto 0 auto -90px;padding:44px 48px 40px;max-width:600px;transform:rotate(1.2deg);justify-self:start;position:relative;z-index:2;
 box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 28px -18px rgba(60,52,20,.38)}
.s8.kart .pol-t .etyk{display:none}
.s8.kart .pol-t h2{margin-top:0;font-size:clamp(34px,3.4vw,50px)}
.s8.kart .wstep{font-size:20px}

/* sekcje wyraźnie rozdzielone tłem: białe, jasnoszare i jedna pomarańczowa (najważniejsze: zaproszenie do rozmowy) */
.s2{background:#fff}
.s5{background:#eceef1}
.s6{background:#fff}
.s7{background:#eceef1}
.s4{background:#fff}
.s8{background:var(--pom)!important;color:var(--na-pom)}
.s8 .etyk::before{background:var(--na-pom)}
.s8 .dop{color:var(--na-pom)}
.s8 .btn{background:#fff;color:var(--na-pom)}
.s8 .btn:hover{box-shadow:0 0 0 3px var(--pom),0 0 0 4.5px #fff}
.s8 .reka-m svg path{stroke:#fff}
.praca{background:#eceef1!important}
.stopka{background:#e3e6ea!important}
/* Teepa: portret w naturalnej wielkości obok opisu */
.s5 .duma{margin-top:44px;align-items:center}
.s5 .duma .portret{grid-column:4/7}
.s5 .duma .portret img{width:100%;max-width:388px;aspect-ratio:1/1;object-fit:cover}
.s5 .duma .opis{grid-column:7/13;align-self:center}
.s5 .duma .opis h3{font-size:24px}
.s5 .duma .opis p{margin-top:12px;font-size:19px;max-width:34em}
.s5 .pas{font-size:24px;margin-top:0}
.s5 h2{margin-top:56px}

/* pierwszy ekran (Stefan): zdjęcie trochę ciemniejsze i bardziej kontrastowe, żeby biała kartka od niego odstawała;
   tło strony przeliczone tym samym filtrem, więc na krawędzi zdjęcia nadal nie ma kreski */
.h2-foto img{filter:brightness(.9) contrast(1.08)}
.hero.hero2{background:linear-gradient(to bottom,#e4e5e7 0,#e4e5e7 calc(100% - var(--fh)),#e9ebea calc(100% - var(--fh) * .8),#ebeceb calc(100% - var(--fh) * .7),#ececec calc(100% - var(--fh) * .6),#ececec 100%)}
.kartka::before{width:150px!important;height:34px!important;top:-17px!important;background:rgba(168,174,186,.7)!important}

/* kartka z samym hasłem i odręcznym podpisem zespołu (Stefan: Akademia nie służy reklamie, bez przycisków na kartce) */
.kartka.sama{justify-content:center!important;width:min(520px,42vw);padding:52px 48px 40px!important;justify-content:space-between}
.kartka.sama h1{font-size:clamp(34px,3.5vw,52px)!important;line-height:1.1}
.podpis-k{align-self:flex-end;margin-top:28px;font:600 clamp(22px,2vw,30px)/1.1 Caveat,cursive;color:var(--ink);transform:rotate(-2deg)}
.s2-lead{font-size:clamp(20px,1.8vw,24px);line-height:1.5;max-width:30em;margin-bottom:22px}

/* sekcja ZEOS – wersja 2 (Stefan): duże rysunki na przemian, połączone odręczną linią */
.s2 h2{margin-top:18px;max-width:22em}
.s2 h2 .reka{font-size:1.15em}
.z2-lista{position:relative;margin:48px auto 0;max-width:980px}
.z2-lista::before{content:"";position:absolute;left:50%;top:40px;bottom:40px;width:12px;margin-left:-6px;opacity:.55;background:
 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDEyIDYwIj48cGF0aCBkPSJNNiAwIEMgMTEgMTUsIDEgMzAsIDYgNDUgUyA5IDU4LCA2IDYwIiBmaWxsPSJub25lIiBzdHJva2U9IiMyNjI4MmMiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD48L3N2Zz4=") repeat-y center/12px 60px}
.z2-lista li{position:relative;display:flex;align-items:center;gap:28px;width:50%;padding:18px 0}
.z2-lista li.l{padding-right:56px;flex-direction:row-reverse;text-align:right}
.z2-lista li.p{margin-left:50%;padding-left:56px}
.z2-lista .rys{width:136px;height:136px}
.z2-lista p{font-size:20px;line-height:1.45;max-width:17em}
/* notka prawna: spokojne zdanie na środku między dwiema kreskami pisaka */
.notka-pr{display:flex;align-items:center;justify-content:center;gap:22px;margin:56px auto 0;max-width:900px;text-align:center;
 font-size:17px;line-height:1.6;color:var(--mut)}
.notka-pr span{max-width:40em}
.notka-pr .kreska{flex:none;width:64px;height:10px}

/* kartka pisana w całości ręcznie (Stefan: na karteczce pisze się długopisem) */
.kartka.sama h1.pisane{font:600 clamp(40px,4vw,60px)/1.08 Caveat,cursive!important;color:#26282c;letter-spacing:0;margin:0}
.pisane span{display:block}
.pisane .l1{transform:rotate(-1.5deg);transform-origin:left}
.pisane .l2{margin-top:6px;padding-left:.35em;transform:rotate(-.6deg);transform-origin:left}
.pisane .l3{position:relative;display:inline-block;margin-top:14px;padding-left:.9em;font-size:1.35em;transform:rotate(-2deg)}
.pisane .l3 svg{position:absolute;left:.75em;right:-.1em;bottom:-.05em;width:calc(100% - .65em);height:.24em;overflow:visible}
.kartka.sama .podpis-k{font-size:clamp(22px,1.9vw,28px);margin-top:44px}

/* usługi: półka z rysunkami, same nazwy (Stefan: wersja 3, bez opisów i bez kreski) */
.s6 a{text-decoration:none;color:inherit}
.s6 .wstep{margin-top:16px}
.u3-polka{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:56px}
.u3-polka a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.u3-polka .rys{width:140px;height:140px;transition:transform .25s}
.u3-polka a:hover .rys{transform:translateY(-6px) rotate(-3deg)}
.u3-polka span{font-size:17px;font-weight:600;line-height:1.35;max-width:12em}
.u3-polka a:hover span{text-decoration:underline;text-decoration-color:var(--pom);text-decoration-thickness:2px;text-underline-offset:5px}

/* rysunki w wersji spokojnej */
.najazd .plama{transform:scale(0);transform-box:fill-box;transform-origin:50% 50%;transition:transform .32s cubic-bezier(.3,1.5,.5,1)}.najazd:hover .plama,:hover>.najazd .plama,:focus-visible>.najazd .plama,.aktywny>.najazd .plama{transform:scale(1)}@media (prefers-reduced-motion:reduce){.najazd .plama{transition:none}}

/* mniejsze ekrany */
@media (max-width:1180px){.menu{display:none}.menu-m{display:block}}
@media (max-width:900px){
 :root{--pad:20px;--rytm:72px;--kol:20px}
 body{font-size:18px}
 .siatka{grid-template-columns:minmax(0,1fr)}
 .siatka>*,.marg,.tr,.tr-w,.hero h1,.h-et,.h-tekst,.h-foto,.kroki,.s3 .po,.s3 .foto,.duma,.stopka .kol,.stopka .dol{grid-column:1/-1}
 .logo{width:150px}
 .hero{padding-top:20px;display:block}
 .hero .siatka{display:flex;flex-direction:column}
 .h-foto{order:-1;margin:0 calc(-1 * var(--pad));position:relative;top:auto}
 .hero h1{margin-top:18px;font-size:clamp(40px,11vw,60px)}
 .h-tekst{margin-top:24px}
 .h-tekst .lead{font-size:19.5px}
 .h-tekst .linie li{font-size:17px;padding:0 0 0 20px}
 .lam{display:none}
 .notka{left:20px;right:auto;bottom:-24px;font-size:22px;padding:10px 16px 8px;max-width:190px}
 .h-foto figcaption{padding:44px var(--pad) 0}
 .h-et{margin-top:28px}
 .s .marg .etyk{margin:0 0 18px}
 .wstep{font-size:19px}
 .linie li{font-size:17.5px;padding:14px 0}
 .kroki{grid-template-columns:minmax(0,1fr);border-top:0;border-left:1.5px solid var(--ink);margin-top:40px;margin-left:5px}
 .kroki li{padding:0 0 34px 28px}
 .kroki li:last-child{padding-bottom:0}
 .kroki .nr::before{font-size:34px;margin:0 0 10px}
 .s3 .po{margin-top:36px}
 .s3 .foto{margin:44px calc(-1 * var(--pad)) 0}
 .s4 .znak{width:110px;margin:6px 0 26px}
 .s5 .pas{font-size:20px}
 .s5 h2{margin-top:40px}
 .duma{display:block;margin-top:32px}
 .duma .portret{width:100%;margin:0 0 24px}
 .s4{padding:64px 0}
 .podc{margin-top:48px}
 .spis li{grid-template-columns:minmax(0,1fr);row-gap:6px;padding:20px 0}
 .spis a{justify-self:start;margin-top:4px}
 .wpisy{grid-template-columns:minmax(0,1fr);row-gap:26px}
 .s8 .wstep{font-size:20px}
 .stopka .kol{grid-template-columns:minmax(0,1fr);row-gap:28px;margin-top:32px}
 .lepki{display:block;position:fixed;left:0;right:0;bottom:0;z-index:25;background:rgba(244,245,247,.97);
  border-top:1px solid var(--linia);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
 .lepki .btn{width:100%;justify-content:center}
 .stopka{padding-bottom:110px}
}
@media (max-width:900px){
 .ilu,.kafle,.znak-k,.znak-t,.kon-t,.kon-f{grid-column:1/-1}
 .ilu{grid-template-columns:minmax(0,1fr);row-gap:0;margin-top:32px}
 .ilu li{display:flex;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--linia2)}
 .ilu .rys{width:72px;height:72px;margin:0}
 .kroki .rys{width:72px;height:72px;margin:0 0 4px -6px}
 .kafle{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:32px}
 .kafle a{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:16px;padding:18px 18px 20px}
 .kafle .rys{width:72px;height:72px;margin:0;grid-row:1/3}
 .podc{gap:16px}.podc .rys{width:84px;height:84px}
 .znak-k{justify-content:flex-start}.s4 .znak{width:220px;margin-bottom:28px}
 .kon-f{margin-top:36px}
 .duma .portret .notka{left:12px}
}

@media (max-width:900px){
 .pas-foto{margin:40px 0 0}
 .pas-foto .notka{right:auto;left:20px;bottom:-24px}
 .pol{display:block;min-height:0}
 .pol-f{min-height:0}
 .pol-f img{position:static;height:auto;aspect-ratio:4/5}
 .pol-t,.pol-p .pol-t{padding:56px var(--pad) var(--rytm);max-width:none}
 .pol-f .notka{bottom:-22px;right:auto;left:20px}
}

@media (max-width:900px){
 .hero.hero2{--fh:calc(100vw * .625);min-height:0;padding:20px 0 0;display:flex;flex-direction:column}
 .h2-foto{position:relative;width:100%;order:2;margin-top:24px}
 .h2w .h-tekst{max-width:none}
 .h2w h1{font-size:clamp(30px,8.6vw,52px)}
 .h2-foto .notka{left:16px;bottom:-20px}
 .s5.pol{display:block}
}

@media (max-width:900px){
 .hero.hero2{min-height:0;display:flex;flex-direction:column;padding:24px 0 0}
 .h2-foto{width:100%}
 .kartka{margin:6px 0 0;padding:28px 22px 26px;transform:rotate(-.8deg)}
 .kartka h1{font-size:clamp(24px,7vw,34px)!important}
 .h2-foto .notka{right:16px;bottom:-18px}
}

@media (max-width:900px){
 .h2-foto .podpis-foto{font-size:15px;top:1.5%;right:4%}
 .kartka{width:auto;aspect-ratio:auto}
 .postit-pod{position:relative;right:auto;top:auto;margin:22px 0 0 6px;display:block;width:190px}
 .s7 .podc h2,.s7 .podc p{max-width:none}
 .s8.kart .pol-t{margin:-40px 16px 40px;padding:30px 24px}
}

@media (max-width:900px){
 .kartka.sama{width:auto;aspect-ratio:1/1;max-width:420px}
 .kartka.sama h1.pisane{font-size:clamp(34px,10vw,48px)!important}
}

@media (max-width:900px){
 .z2-lista::before{display:none}
 .z2-lista li,.z2-lista li.l,.z2-lista li.p{width:100%;margin:0;padding:12px 0;flex-direction:row;text-align:left}
 .z2-lista .rys{width:84px;height:84px}
 .notka-pr{gap:10px;font-size:16px}.notka-pr .kreska{width:28px}
}

@media (max-width:900px){
 .u3-polka{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.u3-polka .rys{width:110px;height:110px}
}

/* Teepa Snow – wersja 2 „Słowa Teepy” (Stefan 1B): cytat i opis z lewej, portret z prawej, podpis licencji pod zdjęciem */
.s5.s5-cytat .duma{align-items:start}
.s5.s5-cytat .duma .opis{grid-column:4/9;grid-row:1;align-self:start}
.s5.s5-cytat .duma .portret{grid-column:9/13;grid-row:1;margin:0}
.s5.s5-cytat .duma .portret img{width:100%;max-width:none;aspect-ratio:1/1;object-fit:cover}
.s5.s5-cytat blockquote{margin:0}
.s5.s5-cytat .duma .opis blockquote p{margin:-.2em 0 0;font-size:clamp(28px,2.7vw,38px);line-height:1.2;font-weight:300;letter-spacing:-.01em;
 max-width:20em;text-indent:-.42em;text-wrap:balance}
.s5.s5-cytat blockquote footer{margin-top:16px;font-size:16px;font-weight:600}
.s5.s5-cytat blockquote footer::before{content:"— ";font-weight:400}
.s5.s5-cytat .duma .opis .kto{margin-top:30px;font-size:18px;max-width:34em}
.s5.s5-cytat .szk-r{display:flex;gap:14px;align-items:flex-start;margin-top:28px;text-decoration:none;font-size:17px;line-height:1.55;max-width:38em}
.s5.s5-cytat .szk-r .rys{width:72px;height:72px;flex:none;margin:-10px 0 0 -10px}
.s5.s5-cytat .szk-r b{display:inline-block;margin-top:8px}
.s5.s5-cytat .fot{margin-top:10px;font-size:12.5px;line-height:1.4;color:var(--mut)}
.s5.s5-cytat .fot a{color:inherit;text-decoration:underline;text-decoration-color:var(--linia2);text-underline-offset:3px}
@media (max-width:900px){
 .s5.s5-cytat .duma{display:flex;flex-direction:column;gap:28px}
 .s5.s5-cytat .duma .portret{order:-1;width:100%;max-width:min(340px,80vw)}
}
/* okno z zapowiedzią szkolenia (Stefan 1A) */
.film{border:0;padding:0;background:transparent;max-width:min(1100px,calc(100vw - 32px));width:100%}
.film::backdrop{background:rgba(30,32,36,.82)}
.film-w{position:relative;background:#fff;padding:14px 14px 16px}
.film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#1e2024}
.film .znaki{margin-top:12px;font-size:12px;line-height:1.5;color:var(--mut)}
.film-x{position:absolute;top:-46px;right:0;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--ink);
 font:400 28px/1 "Plus Jakarta Sans",sans-serif;cursor:pointer}
.film-x:focus-visible{outline:3px solid var(--pom);outline-offset:2px}

/* stopka pomarańczowa i mniejsza (Stefan): logo w wersji negatyw (całe białe), tekst ciemny – biały tekst na pomarańczu zabroniony */
.stopka{background:var(--pom)!important;color:var(--na-pom);padding:40px 0 20px!important;font-size:14px!important}
.stopka .logo{width:140px!important}
.stopka strong{margin-bottom:8px!important;color:var(--na-pom)}
.stopka li{margin:4px 0!important}
.stopka a{color:var(--na-pom)}
.stopka a:hover{text-decoration-color:var(--na-pom)!important}
.stopka .dol{margin-top:26px!important;padding-top:12px!important;border-top:1px solid rgba(30,32,36,.3)!important;color:var(--na-pom)!important;font-size:13px!important}

/* serduszko przy „I Ty.” (Stefan): narysowane tym samym pomarańczowym markerem co podkreślenie */
.pisane>.serce{display:inline-block;width:1.3em;height:1.22em;margin-left:.3em;vertical-align:-.2em;transform:rotate(-11deg);overflow:visible}

/* stopka – wersja 3 „Rysunki zamiast logo” (Stefan): bez logo, każda grupa ze swoim rysunkiem */
.stopka .kol{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:32px;grid-column:auto!important}
.stopka .kol .rys{display:block;width:64px;height:64px;margin:0 0 10px -8px}
.stopka .plama{fill:#fff}
.stopka .dol{grid-column:auto!important}
@media (max-width:900px){.stopka .kol{grid-template-columns:minmax(0,1fr)!important;row-gap:26px}}

/* karteczka jak prawdziwa (Stefan): bez kropek; „I Ty” dopisane przez drugą osobę innym pismem, krzywo, z serduszkiem;
   podpis małymi literami, trochę z boku */
.pisane .l1{transform:rotate(-2.2deg) translateX(-.1em)!important}
.pisane .l2{transform:rotate(-.4deg) translateX(.5em)!important;margin-top:4px!important}
.pisane .dopisek{display:block;margin-top:.25em;padding-left:2.4em;transform:rotate(-7deg);transform-origin:left center;white-space:nowrap}
.pisane .dopisek .l3{font:400 1.75em/1 "Nanum Pen Script",Caveat,cursive!important;padding-left:0!important;margin-top:0!important;transform:none!important;color:#2b2e33}
.pisane .dopisek .l3 svg{left:-.05em!important;width:105%!important;bottom:-.02em!important}
.pisane .dopisek>.serce{display:inline-block;width:1.15em;height:1.08em;margin-left:.35em;vertical-align:.1em;transform:rotate(9deg);overflow:visible}
.kartka.sama .podpis-k{align-self:flex-start!important;margin:34px 0 0 22%!important;font:500 clamp(19px,1.6vw,23px)/1.1 Caveat,cursive!important;transform:rotate(-4deg)!important;color:#3a3d42}

/* podpis na kartce większy i naturalny (Stefan); kartka zawsze krzywo – bez animacji, która zerowała obrót */
.kartka.sama{transform:rotate(-3.4deg)!important}
.kartka.sama .podpis-k{align-self:flex-end!important;margin:30px 4% 0 0!important;font:600 clamp(24px,2.1vw,31px)/1.08 Caveat,cursive!important;transform:rotate(-5deg)!important;color:#2b2e33;text-align:left}

/* kartka mniejsza (Stefan: „za duża, gigantyczna”) */
.kartka.sama{width:min(400px,34vw)!important;padding:34px 34px 28px!important}
.kartka.sama h1.pisane{font-size:clamp(28px,2.7vw,40px)!important}
.kartka.sama .podpis-k{font-size:clamp(19px,1.6vw,24px)!important;margin-top:20px!important}
.kartka::before{width:120px!important;height:28px!important;top:-14px!important}
@media (max-width:900px){.kartka.sama{width:auto!important;max-width:340px}}

/* Teepa Snow – wersja 3 (Stefan: zdjęcie wtopione, pomarańczowy dopisek z serduszkiem, malutki podpis licencji) */
.s5.s5-v3{--th:min(46vw,640px);position:relative;overflow:hidden;padding:0!important;min-height:calc(var(--th) + 20px);
 background:linear-gradient(to bottom,#e2e2e2 0,#e2e2e2 calc(100% - var(--th)),#e2e2e2 calc(100% - var(--th) + var(--th) * 0.0625),#e4e4e4 calc(100% - var(--th) + var(--th) * 0.1875),#e4e4e4 calc(100% - var(--th) + var(--th) * 0.3125),#e2e2e2 calc(100% - var(--th) + var(--th) * 0.4375),#dfdfdf calc(100% - var(--th) + var(--th) * 0.5625),#dbdbdb calc(100% - var(--th) + var(--th) * 0.6875),#d5d5d5 calc(100% - var(--th) + var(--th) * 0.8125),#cdcdcd calc(100% - var(--th) + var(--th) * 0.9375),#cdcdcd 100%)!important}
.t-foto{position:absolute;right:0;bottom:0;width:var(--th);margin:0}
.t-foto img{display:block;width:100%;height:auto;
 -webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%),linear-gradient(to bottom,transparent 0,#000 5%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent 0,#000 7%),linear-gradient(to bottom,transparent 0,#000 5%);mask-composite:intersect}
.t-reka{position:absolute;right:23%;top:5.4%;z-index:1;font:600 clamp(24px,2.3vw,34px)/1 Caveat,cursive;color:#f39200;transform:rotate(-6deg)}
.dopisek-teepa{position:absolute;right:3%;top:4.2%;width:46%;height:auto;overflow:visible}
.s5-v3 .wrap{position:relative;z-index:1}
.t-tekst{max-width:min(600px,calc(100% - var(--th) + 40px));padding:var(--rytm) 0}
.s5-v3 .pas{margin-top:18px;font-size:19px}
.s5-v3 h2{margin-top:10px}
.s5-v3 blockquote{margin:30px 0 0}
.s5-v3 blockquote p{font-size:clamp(26px,2.5vw,36px);line-height:1.22;font-weight:300;text-indent:-.42em;max-width:19em}
.s5-v3 blockquote footer{margin-top:12px;font-size:16px;font-weight:600}
.s5-v3 blockquote footer::before{content:"— ";font-weight:400}
.s5-v3 .kto{margin-top:24px;font-size:18px;line-height:1.6}
.s5-v3 .szk-r{display:flex;gap:14px;align-items:flex-start;margin-top:24px;text-decoration:none;font-size:17px;line-height:1.55}
.s5-v3 .szk-r .rys{width:72px;height:72px;flex:none;margin:-10px 0 0 -10px}
.s5-v3 .szk-r b{display:inline-block;margin-top:8px}
.s5-v3 .fot{margin-top:22px;font-size:11px;line-height:1.4;color:#7c8189}
.s5-v3 .fot a{color:inherit}
@media (max-width:900px){
 .s5.s5-v3{--th:100vw;min-height:0;display:flex;flex-direction:column}
 .t-foto{position:relative;order:2;width:100%}
 .t-tekst{max-width:none;padding:var(--rytm) 0 32px}
}

/* zdanie otwierające sekcję ekspertów (zatwierdzone przez Stefana) */
.s2 .s2-lead{margin-top:20px;font-size:clamp(19px,1.6vw,22px);line-height:1.55;max-width:38em}
.s2 .s2-lead+h2{margin-top:30px}

/* dopisek przy Teepie według skilla „pismo-odreczne”: jedna ręka, jeden marker – litery Caveat 700, serduszko i strzałka tą samą grubością,
   bez filtrów; napis na jasnym tle po prawej od głowy, strzałka kończy się obok włosów, nie na twarzy */
.t-foto{container-type:inline-size}
.t-reka{left:57cqw!important;right:auto!important;top:4.6cqw!important;font:700 5.2cqw/1 Caveat,cursive!important;color:#f39200!important;
 transform:rotate(-6deg)!important;transform-origin:left bottom;white-space:nowrap}
.dopisek-teepa{inset:0!important;right:auto!important;top:0!important;width:100%!important;height:100%!important}

/* Stefan: sekcja Teepy niższa (mniej światła u góry i u dołu), Teepa większa względem tekstu, miejsce na dopisek.
   Zdjęcie wypełnia wysokość sekcji; tekst z mniejszym odstępem; nachodzi tylko na gładkie tło przy lewej krawędzi zdjęcia */
@media (min-width:901px){
 .s5.s5-v3{--th:min(50vw,730px);min-height:var(--th)}
 .s5-v3 .t-tekst{max-width:min(620px,calc(100% - var(--th) + 60px));padding:60px 0 52px}
 .s5-v3 blockquote p{font-size:clamp(24px,2.1vw,30px)!important}
 .s5-v3 .kto{font-size:17px!important;line-height:1.55!important}
 .s5-v3 .szk-r{font-size:16px!important}
 .s5-v3 .t-tekst .pas{margin-top:14px}
 .s5-v3 blockquote{margin-top:22px}
 .s5-v3 .kto{margin-top:18px}
 .s5-v3 .szk-r{margin-top:18px}
 .s5-v3 .fot{margin-top:14px}
}

/* karteczka na pierwszym ekranie (Stefan: układ 2, dopisek „i Ty” wersja z dwiema kreskami, serduszko osobno; bez podpisu;
   mniejsza kartka i pismo – generator: ity_warianty.py, skill pismo-odreczne) */
/* kartka: kwadrat z przylepcem (::before i cień z .kartka strony), w środku pismo położone ręcznie */
.kartka.kk{width:min(400px,34vw)!important;aspect-ratio:1/1;padding:0!important;display:block!important;container-type:inline-size;
 transform:rotate(-3.2deg)!important;overflow:visible}
.kartka.kk .pis{position:absolute;margin:0!important;font-family:Caveat,cursive!important;color:#2a2c30;letter-spacing:0!important;word-spacing:0!important;
 line-height:1.1!important;font-feature-settings:"calt" 1;white-space:nowrap;transform-origin:left top}
.kartka.kk .w{display:block}
.kartka.kk .sl{display:inline-block}
.kartka.kk .kr{display:inline-block;overflow:visible}
.kartka.kk .podkr{display:block}
.kartka.kk .pod{line-height:1.08!important}

.kk2 .blok{left:9cqw;top:21cqw;transform:rotate(-1.6deg);line-height:1.12!important}
.kk2 .pod{right:11cqw;bottom:16cqw;transform:rotate(-2.4deg)}

.ib .dop{display:inline-block;margin-left:0.42em;vertical-align:baseline;line-height:0;font-family:'Nanum Pen Script',cursive;font-weight:400;color:#f39200;line-height:1;white-space:nowrap;
 letter-spacing:-.02em;word-spacing:-.07em;transform:translateY(-0.1em) rotate(-11deg);transform-origin:left bottom}
.ib .dop .podkr{margin:-.16em 0 0 -.1em}
.ib .s-luz{position:absolute;line-height:1}
.ib .s-luz .serce{display:block}

/* Stefan: karteczka mniejsza, pierwszy ekran niższy, zespół większy; karteczka zachodzi na rękę osoby z lewej.
   Zdjęcie szersze, przycięte z góry (pusty jasny pas tła nad głowami), dół i osoby nietknięte */
@media (min-width:901px){
 .hero.hero2{--pw:min(70vw,1080px);--fh:calc(var(--pw) * .625 * .89);min-height:var(--fh)!important;padding:0!important;display:block!important}
 .h2-foto{width:var(--pw)!important;height:var(--fh);overflow:hidden}
 .h2-foto img{height:100%;width:100%;object-fit:cover;object-position:50% 100%;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 3%);mask-image:linear-gradient(to right,transparent 0,#000 3%);-webkit-mask-composite:source-over;mask-composite:add}
 .hero.hero2 .h2w{position:absolute;inset:0;max-width:none;padding:0;width:auto}
 .kartka.kk{--kw:min(280px,21vw);width:var(--kw)!important;position:absolute!important;top:50%;
  left:max(24px,calc(100vw - var(--pw) + 10vw - var(--kw)));transform:translateY(-50%) rotate(-3.2deg)!important;margin:0!important}
}
@media (max-width:900px){.kartka.kk{width:min(300px,80vw)!important}}

/* sekcja ekspertów (Stefan: „ściana tekstu, skleja się z ZEOS”): zdanie o roli duże, drugie zwykłe,
   trzecie (połączenie wideo z ekspertem) w osobnej szarej ramce z rysunkiem; więcej miejsca przed nagłówkiem ZEOS */
.s2 .s2-gora{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start;margin-top:22px}
.s2 .s2-gora .s2-lead{margin:0;font-size:clamp(26px,2.4vw,34px);line-height:1.25;font-weight:300;max-width:20em;letter-spacing:-.005em}
.s2 .s2-dalej{margin-top:22px;font-size:19px;line-height:1.6;max-width:32em;color:#3a3d42}
.s2 .s2-wideo{background:#f4f5f7;padding:28px 30px 30px;display:flex;flex-direction:column;gap:14px}
.s2 .s2-wideo .rys{width:96px;height:96px;margin:-8px 0 0 -10px}
.s2 .s2-wideo p{margin:0;font-size:18px;line-height:1.6}
.s2 .s2-gora+h2,.s2 .s2-gora~h2{margin-top:clamp(72px,8vw,112px)!important}
@media (max-width:900px){.s2 .s2-gora{grid-template-columns:1fr;gap:28px}.s2 .s2-wideo{padding:22px 20px 24px}}


/* aktualności: trzy karty z obrazkiem (czarno-białe jak reszta strony, kolor po najechaniu) */
.s-akt{background:#fff}
.s-akt h2{margin-top:10px}
.akt-l{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kol)}
.akt-k{display:block;text-decoration:none;color:inherit}
.akt-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#eceef1}
.akt-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);transition:filter .3s,transform .5s}
.akt-k:hover .akt-img img{filter:none;transform:scale(1.03)}
.akt-k .data{display:block;margin-top:16px;font-size:13px;letter-spacing:.04em;color:var(--mut)}
.akt-k strong{display:block;margin-top:8px;font-size:18px;line-height:1.4;font-weight:600}
.akt-k:hover strong{text-decoration:underline;text-decoration-color:var(--pom);text-decoration-thickness:2px;text-underline-offset:5px}
.s-akt .akcje{margin-top:34px}
/* warsztaty i sympozja: tekst + film z YouTube, pod spodem karuzela zdjęć (płynie sama, staje po najechaniu) */
.s-gal{background:#eceef1;padding-bottom:0!important;overflow:hidden}
.gal-t{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.gal-t h2{margin-top:10px}
.gal-t p{margin-top:18px;font-size:18px;line-height:1.6;max-width:36em}
.yt{display:block;text-decoration:none;color:inherit;margin-top:14px}
.yt-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#d9dce1}
.yt-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.yt:hover .yt-img img{filter:none}
.yt-play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#f39200}
.yt-play::after{content:"";position:absolute;left:28px;top:14px;border-left:18px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}
.yt-tx{display:block;margin-top:12px;font-weight:600}
.karuzela{margin-top:56px;overflow:hidden}
.karuzela ul{display:flex;gap:10px;width:max-content;list-style:none;margin:0;padding:0 0 10px;animation:karuzela 90s linear infinite}
.karuzela:hover ul{animation-play-state:paused}
.karuzela li{width:clamp(150px,15vw,220px);aspect-ratio:1;flex:none;overflow:hidden}
.karuzela img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .3s}
.karuzela li:hover img{filter:none}
@keyframes karuzela{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.karuzela ul{animation:none}.karuzela{overflow-x:auto}}
/* strefa wiedzy o demencji: nagłówek nad podcastem i artykułami */
.s7 .wiedza-h{margin-top:10px}
.s7 .wiedza-l{margin:14px 0 40px;font-size:19px;max-width:34em}
/* mówią o nas: małe, szare logo mediów */
.s-media{background:#fff;padding-top:64px!important;padding-bottom:64px!important}
.s-media h2{font-size:clamp(22px,2vw,28px);text-align:center}
.media-l{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 44px}
.media-l img{height:30px;width:auto;max-width:130px;object-fit:contain;filter:grayscale(1);opacity:.7}
/* reklama ATERIMA MED */
.reklama{padding:var(--rytm) 0;background:#fff}
.rek-k{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;background:#f4f5f7;padding:56px clamp(24px,4vw,64px);border-left:6px solid #f39200}
.rek-logo .am{width:100%;max-width:340px;height:auto}
.rek-et{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#7c8189}
.rek-t h2{margin-top:10px}
.rek-t p{margin-top:16px;font-size:18px;line-height:1.6;max-width:32em}
.rek-t .akcje{margin-top:26px}
@media (max-width:900px){
 .akt-l{grid-template-columns:1fr;gap:34px}
 .gal-t{grid-template-columns:1fr;gap:28px}
 .rek-k{grid-template-columns:1fr;gap:28px;padding:32px 22px}
 .media-l{gap:18px 28px}.media-l img{height:24px}
}

/* ===== podstrony w wyglądzie strony głównej v3 ===== */
/* stare zmienne → odpowiedniki v3 (pomarańcz wyłącznie #f39200, bez innych odcieni) */
:root{--grafit:var(--ink);--tekst2:var(--mut);--pom-ciemny:var(--ink);--ciemny:var(--ink);--szary1:#f4f5f7;--szary2:#eceef1;--sz:#eceef1}
[hidden]{display:none!important}
/* sekcje na przemian białe i jasnoszare (klasy nadaje generator po kolei) */
main>section{background:#fff}
.tlo-b{background:#fff!important}
.tlo-s{background:var(--sz)!important}
.praca.tlo-b{background:#fff!important}
.praca.tlo-s{background:var(--sz)!important}
/* aktywna pozycja menu */
.menu a[aria-current]{border-bottom-color:var(--pom);font-weight:700}
.menu-m nav a[aria-current]{font-weight:700}
.menu-m nav a[aria-current]::before{content:"";display:inline-block;width:14px;height:2px;background:var(--pom);vertical-align:middle;margin-right:10px}

/* nagłówek podstrony: spokojny, jasny, z rysunkiem */
.ph{padding:36px 0 84px;position:relative}
.ph-siatka{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:64px;align-items:center}
.okr{font-size:14px;color:var(--mut)}
.okr a{text-decoration:none}
.okr a:hover{text-decoration:underline;text-decoration-color:var(--pom);text-underline-offset:4px}
.ph-rys .rys{width:112px;height:112px;margin:18px 0 6px -12px}
.ph-scena{margin:26px 0 8px -10px;width:min(340px,80%)}
.ph-scena .scena{display:block;width:100%;height:auto}
.ph-duzy{justify-self:center;width:min(300px,100%)}
.ph-duzy .rys{display:block;width:100%;height:auto}
.ph h1{margin-top:14px;font-size:clamp(36px,4.2vw,58px);line-height:1.08;letter-spacing:-.015em;word-spacing:.04em;font-weight:700;max-width:15em}
.ph .lead{margin-top:20px;font-size:20px;line-height:1.55;max-width:34em}
.ph .lead+.lead{margin-top:12px;font-size:18px;color:var(--ink)}
.ph .zap{margin-top:16px;max-width:38em}
.ph .zap li{position:relative;padding-left:22px;margin-top:8px;font-size:18px;line-height:1.5}
.ph .zap li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:1px;background:var(--ink)}
.ph .przyciski{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px}
/* zdjęcie na spad: prawa, górna i dolna krawędź sekcji; tekst nie wchodzi pod zdjęcie */
.ph-zdj{--fw:min(38vw,540px);min-height:560px;padding-bottom:72px}
.ph-zdj .ph-t{max-width:calc(100% - var(--fw) + max(0px,(100vw - var(--wrap)) / 2) + var(--pad) - 56px)}
.zdj-spad{position:absolute;top:0;right:0;bottom:0;width:var(--fw);margin:0}
.zdj-spad img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}

/* sekcje */
.sek,.nie,.inne-pas{padding:88px 0}
.pasek-cta{padding:56px 0}
.sek h2,.nie h2,.inne-pas h2{margin-top:16px}
.czesc-etykieta{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.czesc-etykieta::before{content:"";flex:none;width:32px;height:2px;background:var(--pom)}
.nad{display:block;margin-top:14px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.nad+h2{margin-top:6px}
.sek .wstep,.inne-pas .wstep,.nie .wstep{font-size:19px;margin-top:16px;max-width:38em}
.dwie{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;row-gap:40px;align-items:start}
.tekst-kol p{margin:0 0 14px;max-width:38em}
.tekst-kol p:last-child{margin-bottom:0}
.tekst-kol p.mocny{font-weight:600}
.lista{margin-top:18px;max-width:40em}
.lista li{position:relative;padding-left:22px;margin-top:10px;line-height:1.55}
.lista li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:1px;background:var(--ink)}
.sek h3,.inne-pas h3{font-size:22px;margin-top:40px}
.przyciski-l{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:28px}
.uwaga{margin-top:12px;max-width:40em}
.zdj-kolo{width:100%;aspect-ratio:1/1;object-fit:cover}

/* kroki (jak na stronie głównej, numery zwykłym krojem) */
.kroki.k4{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px}
.kroki .nr::before{font:300 44px/1 "Plus Jakarta Sans","Segoe UI",sans-serif!important;color:var(--ink)!important;margin:6px 0 16px!important}

/* tematy instruktażu */
.tematy-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--kol);margin-top:40px}
.tematy-l div{border-top:1px solid var(--linia2);padding:18px 0 26px}
.tematy-l b{display:block;font-size:18px;line-height:1.35}
.tematy-l p{margin-top:6px;font-size:16px;line-height:1.55;color:var(--mut)}

/* „czego eksperci nie robią”: jasno, bez ciemnego pasa */
.nie-l{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--kol);max-width:1040px}
.nie-l li{border-top:1px solid var(--linia2);padding:16px 0 18px 30px;position:relative;font-size:17.5px;line-height:1.5}
.nie-l li::before{content:"✕";position:absolute;left:2px;top:16px;font-weight:700}
.nagle{margin-top:32px;max-width:46em;border-left:3px solid var(--pom);padding:4px 0 4px 18px;font-weight:600}
.nie .notka-pr{margin-top:48px}

/* pasek z odnośnikiem dalej */
.pasek-cta .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 40px}
.pasek-cta b{font-size:clamp(24px,2.4vw,30px);font-weight:700;line-height:1.2}
.pasek-cta span{flex:1 1 360px;max-width:36em;color:var(--mut)}
.pasek-cta .btn-l,.pasek-cta .link{white-space:nowrap;flex:none}

/* ramki, kafle, książki, eksperci */
.ramki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--kol);row-gap:28px;margin-top:40px}
.ramki .ramka{border-top:1.5px solid var(--ink);padding-top:20px}
.ramka b{display:block;font-size:19px;margin-bottom:8px}
.ramka p{font-size:16.5px;color:var(--mut)}
.kafle-p{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--kol);margin-top:40px}
.kafel{background:#fff;border-radius:6px;padding:26px 26px 28px;display:flex;flex-direction:column;gap:10px}
.tlo-b .kafel{background:var(--tlo)}
.kafel b{font-size:19px;line-height:1.3}
.kafel p{font-size:16px;line-height:1.55;color:var(--mut);flex:1}
.kafel .tag{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.kafel .link{align-self:flex-start}
.kafel .linki{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ksiazki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px var(--kol);margin-top:40px}
.ksiazka{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:start}
.okladka{aspect-ratio:3/4.2;background:#dfe3e8;padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between;border-radius:2px}
.okladka span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.okladka b{font-size:20px;line-height:1.2}
.ksiazka h3{font-size:22px;margin-top:0}
.ksiazka p{margin:10px 0 18px;color:var(--mut)}
.ksiazka .btn-l{margin-top:16px}
.eksperci{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px var(--kol);margin-top:36px}
.ekspert{display:flex;flex-direction:column}
.ekspert img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:18px}
.ekspert .brak{aspect-ratio:4/5;background:#e3e6ea;margin-bottom:18px}
.ekspert b{font-size:20px;line-height:1.3}
.ekspert .zawod{margin-top:4px;font-size:15px;font-weight:600;color:var(--mut)}
.ekspert p{margin-top:10px;font-size:16px;line-height:1.55}
.wspol{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--kol)}
.wspol li{border-top:1px solid var(--linia2);padding:14px 0 16px;font-weight:600}
.wspol li span{display:block;font-weight:400;color:var(--mut);font-size:15px}
.media-lista{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--kol)}
.media-lista li{border-top:1px solid var(--linia);padding:14px 0 16px;color:var(--mut);font-size:16.5px}
.media-lista li b{display:block;color:var(--ink);font-size:17px}
.osoby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--kol);margin-top:18px}
.osoby div{border-top:1px solid var(--linia2);padding:16px 0 20px}
.osoby b{display:block;font-size:18px}
.osoby p{margin-top:6px;color:var(--mut);font-size:16px}

/* pytania i odpowiedzi */
.faq{margin-top:28px;border-top:1px solid var(--linia2);max-width:900px}
.faq details{border-bottom:1px solid var(--linia);padding:20px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:19px;line-height:1.4;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:26px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin-top:12px;max-width:44em}
.faq .wyroz{border-left:3px solid var(--pom);padding-left:16px;font-weight:600}
.grupa+.grupa{margin-top:72px}

/* formularze */
form.f{background:#fff;border-top:2px solid var(--pom);border-radius:0 0 6px 6px;padding:28px 28px 30px;display:flex;flex-direction:column;gap:14px}
.tlo-b form.f{background:var(--tlo)}
form.f h3{font-size:22px;margin:0}
form.f label{font-size:15px;font-weight:600;display:flex;flex-direction:column;gap:6px}
form.f input,form.f textarea,form.f select{font:inherit;font-size:16px;border:1px solid var(--linia2);border-radius:4px;padding:11px 12px;background:#fff;color:var(--ink);width:100%}
form.f textarea{min-height:110px;resize:vertical}
form.f .zaz{flex-direction:row;align-items:center;gap:10px}
form.f .zaz input{width:20px;height:20px;flex:none}
form.f small{font-size:14px;line-height:1.5;color:var(--mut)}
button.btn{border:0;font:inherit;font-weight:700;font-size:17px;cursor:pointer;justify-content:center}

/* kontakt */
.kontakt-kafle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:var(--kol);margin-top:40px;align-items:stretch}
.kontakt-kafle .srodek{display:flex;flex-direction:column;gap:14px}
.kontakt-kafle .srodek>p{font-size:16px;color:var(--mut)}
.kontakt-kafle .para{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kol);flex:1}
.dane{display:flex;flex-direction:column;gap:16px;margin-top:28px;font-size:18px}
.dane strong{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:700}

/* znak PSOD */
.znak-u{display:flex;align-items:center;gap:40px 64px;flex-wrap:wrap}
.znak-u img{width:180px;height:auto;flex:none}
.znak-u>div{flex:1 1 340px}
.znak-u h2{margin-top:16px}

/* mniejsze ekrany */
@media (max-width:1100px){.kroki.k4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.kafle-p{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kontakt-kafle{grid-template-columns:minmax(0,1fr)}}
@media (max-width:980px){.dwie,.ph-siatka,.ramki,.ksiazki,.osoby,.media-lista,.nie-l{grid-template-columns:minmax(0,1fr)}
 .tematy-l,.eksperci,.wspol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ph .zdj{margin:40px calc(-1 * var(--pad)) 0}.ph:has(.zdj){padding-bottom:0}}
@media (max-width:900px){.kroki.k4{grid-template-columns:minmax(0,1fr)}.sek,.nie,.inne-pas{padding:64px 0}.ph{padding:24px 0 56px}
 .ph .rys{width:84px;height:84px;margin:18px 0 6px -8px}.ph .lead{font-size:18.5px}.ph .zap li{font-size:17px}
 .faq summary{font-size:18px}.znak-u img{width:140px}}
@media (max-width:600px){.tematy-l,.eksperci,.wspol,.kafle-p,.kontakt-kafle .para{grid-template-columns:minmax(0,1fr)}
 .ksiazka{grid-template-columns:110px minmax(0,1fr);gap:18px}.pasek-cta span{flex-basis:100%}}

.lista-2{columns:2;column-gap:var(--kol);max-width:none}
.lista-2 li{break-inside:avoid}
.ramki-rys .ramka{border-top:0;padding-top:0}
.ramki-rys .rys{display:block;width:96px;height:96px;margin:0 0 12px -10px}
.ukryty{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sprawy-sep{margin-top:48px;font-size:16px;color:var(--mut);max-width:40em}
.sprawy-sep+.sprawy{margin-top:14px}
.ksiazki-1{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:32px}
.ksiazki-1 .ksiazka{grid-template-columns:140px minmax(0,1fr)}
@media (max-width:980px){.lista-2{columns:1}}
/* ===== runda kompozycji podstron (29.10): rysunki w pustych kolumnach, zdjęcia na spad, mniej etykiet ===== */
.kafel p,.tematy-l p,.ramka p,.osoby p,.media-lista li,.ekspert p{color:var(--ink)}
.kol-l{align-self:stretch}
.kol-l h2{margin-top:16px}
.kol-l>h2:first-child{margin-top:0}
.kol-rys{margin-top:26px}
.kol-rys .rys{width:150px;height:150px;margin-left:-14px}
.kol-scena .scena{display:block;width:min(380px,100%);height:auto;margin-left:-8px}
.dwie .tekst-kol{padding-top:4px}
.wstep.mocny{font-weight:600}
/* tematy instruktażu z rysunkami */
.tem-rys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px var(--kol);margin-top:44px}
.tem-rys>div .rys{display:block;width:96px;height:96px;margin:0 0 10px -10px}
.tem-rys b{display:block;font-size:19px;line-height:1.3}
.tem-rys p{margin-top:8px;font-size:16.5px;line-height:1.55}
.tem-tez{margin-top:44px;padding-top:26px;border-top:1px solid var(--linia2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px var(--kol)}
.tem-tez b{display:block;font-size:18px}
.tem-tez p{margin-top:6px;font-size:16.5px}
.tem-krotkie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px var(--kol);margin-top:36px}
.tem-krotkie>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-weight:600;font-size:17px;line-height:1.35}
.tem-krotkie .rys{width:84px;height:84px;margin-left:-8px}
.tem-krotkie+p{margin-top:28px}
/* jeden punkt zamiast listy z jednym krzyżykiem */
.nie-jeden{margin-top:22px;max-width:40em;font-size:18px}
/* biała kartka z przylepcem (jedyny papier z pismem odręcznym na Dyżurach) */
.kartka-d{position:relative;background:#fff;max-width:400px;margin:40px 0 0 6px;padding:46px 40px 34px;transform:rotate(-2.4deg);
 box-shadow:0 1px 0 rgba(0,0,0,.04),0 22px 30px -24px rgba(40,44,52,.45)}
.kartka-d::before{content:"";position:absolute;top:-16px;left:50%;width:132px;height:30px;background:rgba(168,174,186,.72);transform:translateX(-50%) rotate(-3deg)}
.kartka-d p{font:600 clamp(32px,3vw,42px)/1.12 Caveat,cursive;color:#26282c;margin:0}
.kartka-d p .ty{display:inline-block;margin-left:.15em;transform:rotate(-5deg)}
.kartka-d .podp{margin-top:22px;font:600 22px/1.1 Caveat,cursive;text-align:right;transform:rotate(-3deg)}
/* zeos z rysunkami (O Akademii) */
.zeos-l{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px var(--kol);margin-top:40px}
.zeos-l li .rys{display:block;width:96px;height:96px;margin:0 0 12px -10px}
.zeos-l li{font-size:17px;line-height:1.5}
.zeos-po{margin-top:44px;max-width:44em}
.zeos-po p+p{margin-top:12px}
/* misja w krótkich blokach */
.misja-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px var(--kol);margin-top:44px}
.misja-g>div .rys{display:block;width:88px;height:88px;margin:0 0 12px -10px}
.misja-g p{font-size:17px;line-height:1.6}
.misja-pierwszy{font-size:clamp(22px,2vw,27px);line-height:1.45;max-width:30em;margin-top:22px;font-weight:300}
.wizja{max-width:46em}
.wizja p{font-size:18px;line-height:1.65}
.wizja p+p{margin-top:14px}
.wizja .duza{display:block;font-size:clamp(56px,6vw,88px);font-weight:300;line-height:1;margin:34px 0 8px;letter-spacing:-.02em}
/* eksperci: brak zdjęcia = inicjały, nie pusty prostokąt */
.ekspert .brak{display:flex;align-items:flex-end;padding:22px;font-size:60px;font-weight:300;line-height:1;color:#8b9199;background:#e3e6ea}
.tlo-s .ekspert .brak{background:#fff}
/* pytania: spis grup z lewej, pytania z prawej */
.faq-uklad{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:80px;align-items:start}
.faq-spis{position:sticky;top:120px;display:flex;flex-direction:column;gap:14px;font-size:16px}
.faq-spis .rys{width:150px;height:150px;margin:0 0 18px -14px}
.faq-spis a{text-decoration:none;font-weight:600}
.faq-spis a:hover{text-decoration:underline;text-decoration-color:var(--pom);text-underline-offset:5px}
.faq-uklad .grupa+.grupa{margin-top:72px}
.faq-uklad h2{font-size:clamp(24px,2.2vw,30px);margin-top:12px}
.faq{max-width:none}
/* kontakt: sprawy w wierszach */
.sprawy{margin-top:36px;border-bottom:1px solid var(--linia2)}
.sprawy li{display:grid;grid-template-columns:96px minmax(0,4fr) minmax(0,6fr) minmax(0,3fr);column-gap:var(--kol);align-items:start;border-top:1px solid var(--linia2);padding:28px 0}
.sprawy .rys{width:84px;height:84px;margin:-10px 0 0 -8px}
.sprawy b{font-size:20px;line-height:1.3;display:block}
.sprawy .tag{display:block;margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.sprawy p{font-size:17px;line-height:1.55}
.sprawy .link{justify-self:end}
.tel-duzy{display:block;font-size:clamp(26px,2.6vw,34px);font-weight:700;letter-spacing:-.01em;text-decoration:none;margin-top:2px}
.dane .mail{font-size:20px;font-weight:600;text-decoration:none}
/* inne usługi: półka pod nagłówkiem, wiedza w wierszach, Teepa na spad */
.ph-pod .u3-polka{margin-top:56px}
.ph-pod .u3-polka .rys{width:112px;height:112px}
.ph-pod .u3-polka span{font-size:16px}
.ph-pod>.link{display:inline-block;margin-top:30px}
.wiedza-l{margin-top:36px;border-bottom:1px solid var(--linia2)}
.wiedza-l li{display:grid;grid-template-columns:96px minmax(0,3fr) minmax(0,6fr) minmax(0,2fr);column-gap:var(--kol);align-items:start;border-top:1px solid var(--linia2);padding:26px 0}
.wiedza-l .rys{width:84px;height:84px;margin:-10px 0 0 -8px}
.wiedza-l b{font-size:20px;line-height:1.3}
.wiedza-l p{font-size:17px;line-height:1.55}
.wiedza-l .link{justify-self:end}
.wiecej{margin-top:22px;border-top:1px solid var(--linia2);border-bottom:1px solid var(--linia2);max-width:46em}
.wiecej summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:700;font-size:18px;display:flex;justify-content:space-between;gap:16px}
.wiecej summary::-webkit-details-marker{display:none}
.wiecej summary::after{content:"+";font-weight:400;font-size:24px;line-height:1}
.wiecej[open] summary::after{content:"–"}
.wiecej>:not(summary){margin-bottom:20px}
.wiecej .lista,.wiecej .osoby{margin-top:0}
.teepa-s{--fw:min(36vw,500px);position:relative;min-height:540px}
.teepa-s .t-t{max-width:calc(100% - var(--fw) + max(0px,(100vw - var(--wrap)) / 2) + var(--pad) - 64px)}
.teepa-s .zdj-spad img{object-position:50% 20%}
.fot{margin-top:26px;font-size:12px;line-height:1.4;color:var(--mut)}
.fot a{color:inherit}
.okladka b{overflow-wrap:normal;hyphens:manual;font-size:18px}
.forma-l{position:sticky;top:120px}
.okr+.czesc-etykieta{margin-top:30px}
.ph-pod .u3-polka a{text-decoration:none}
.nag-rys{display:flex;align-items:flex-end;gap:18px}
.nag-rys .rys{width:112px;height:112px;flex:none;margin:0 0 -8px -12px}
.nag-rys h2{margin-top:0}
.kol-w{max-width:820px;margin-top:22px}
.kol-w h3{margin-top:36px}
.tem-tez-p{margin-top:22px;font-weight:600}
.ph-kontakt{justify-self:end;display:flex;flex-direction:column;gap:4px;min-width:300px}
.ph-kontakt .rys{width:96px;height:96px;margin:0 0 14px -10px}
.ph-kontakt strong{display:block;margin-top:14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:700}
.ph-kontakt .mail{font-size:20px;font-weight:600;text-decoration:none}
.ph-bez{padding-bottom:64px}
.ph-duzy{width:min(240px,100%)}
.faq p{max-width:38em}
.fot-tel{display:none}
/* zdjęcie poziome (zespół 3:2): całe, dotyka prawej i dolnej krawędzi sekcji, bez przycinania osób na brzegach */
.ph-poziome{--fw:min(44vw,620px)}
.ph-poziome .zdj-spad{top:auto}
.ph-poziome .zdj-spad img{height:auto;aspect-ratio:3/2}
.zeos-l li{color:var(--ink)}
@media (max-width:980px){.ph-kontakt{justify-self:start;min-width:0;margin-top:26px}.ph-kontakt .rys{display:none}
 .fot-tel{display:block;margin:10px var(--pad) 0;padding-bottom:18px}.fot-kom{display:none}
 .nag-rys .rys{width:80px;height:80px}}
@media (max-width:600px){.nag-rys{flex-direction:column;align-items:flex-start;gap:6px}
 .wiedza-l li>*:nth-child(n+3),.sprawy li>*:nth-child(n+3){grid-column:1/-1}.wiedza-l li,.sprawy li{align-items:center}
 .ph-duzy{width:110px}}
@media (max-width:1100px){.tem-rys,.tem-krotkie{grid-template-columns:repeat(2,minmax(0,1fr))}.zeos-l{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sprawy li{grid-template-columns:84px minmax(0,1fr);row-gap:10px}.sprawy li>*:nth-child(n+3){grid-column:2}.sprawy .link{justify-self:start}
 .wiedza-l li{grid-template-columns:84px minmax(0,1fr);row-gap:10px}.wiedza-l li>*:nth-child(n+3){grid-column:2}.wiedza-l .link{justify-self:start}}
@media (max-width:980px){
 .ph-siatka{grid-template-columns:minmax(0,1fr)}
 .ph-duzy{justify-self:start;width:132px;margin-top:30px}
 .ph-zdj{min-height:0;padding-bottom:0}
 .ph-zdj .ph-t{max-width:none}
 .zdj-spad{position:relative;width:auto;margin:40px 0 0}
 .zdj-spad img{height:auto;aspect-ratio:4/5}.ph-poziome .zdj-spad img{aspect-ratio:3/2}
 .faq-uklad{grid-template-columns:minmax(0,1fr)}.faq-spis{display:none}
 .misja-g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kol-l{align-self:auto}.kol-rys .rys{width:104px;height:104px}.kol-rys{margin-top:14px}.kol-scena .scena{width:min(300px,90%)}
 .teepa-s{min-height:0;padding-bottom:0!important}.teepa-s .t-t{max-width:none}
 .teepa-s .zdj-spad img{aspect-ratio:1/1}
 .forma-l{position:static}}
@media (max-width:600px){
 .tem-rys,.tem-tez,.misja-g{grid-template-columns:minmax(0,1fr)}
 .tem-rys>div{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px}.tem-rys>div .rys{width:72px;height:72px;grid-row:span 2;margin:-6px 0 0 -8px}.tem-rys p{margin-top:4px}
 .tem-krotkie{grid-template-columns:minmax(0,1fr);gap:14px}.tem-krotkie>div{flex-direction:row;align-items:center;gap:14px}.tem-krotkie .rys{width:64px;height:64px;flex:none}
 .zeos-l{grid-template-columns:minmax(0,1fr);gap:18px}.zeos-l li{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;align-items:center}.zeos-l li .rys{width:72px;height:72px;margin:0 0 0 -8px}
 .misja-g{gap:32px}.misja-g>div .rys{width:64px;height:64px;margin:0 0 6px -8px}
 .ekspert{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:18px;align-content:start}
 .ekspert img,.ekspert .brak{grid-row:span 3;margin:0;width:104px;aspect-ratio:4/5}.ekspert .brak{font-size:34px;padding:12px}
 .ekspert p{grid-column:1/-1;margin-top:14px}
 .kartka-d{margin:28px 6px 8px;padding:38px 28px 28px}
 .ph-pod .u3-polka .rys{width:96px;height:96px}
 .okladka{padding:14px 10px}.okladka b{font-size:15px}.okladka span{font-size:9px}
 .wiedza-l li,.sprawy li{grid-template-columns:64px minmax(0,1fr)}.wiedza-l .rys,.sprawy .rys{width:64px;height:64px}}


/* ===== WERSJA 5 (30.10.2026): sekcje od zera + animacje ===== */
:root{--v5-ink:#2a2c30;--v5-pom:#f39200;--v5-mut:#5e646d;--v5-t1:#f4f5f7;--v5-t2:#e8eaee;--v5-t3:#dfe3e8;--v5-pap:#fbfbfc}
.v5 *{box-sizing:border-box}
.v5 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v5 img{filter:grayscale(1) contrast(1.05)}
/* odsłanianie przy przewijaniu: łagodnie, z dołu, z opóźnieniem --d */
.v5 [data-rv].wait{opacity:0;transform:translateY(22px);transition:opacity .9s ease var(--d,0s),transform 1.1s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.v5 [data-rv].on{opacity:1;transform:none}
/* pismo, które się „pisze”: słowo po słowie, jak spod pióra */
.v5 .hw{font-family:Caveat,cursive;font-weight:500}
.v5 .hw .w{display:inline-block;white-space:nowrap;transition:clip-path .55s cubic-bezier(.3,.6,.4,1)}
.v5 .hw.wait .w{clip-path:inset(-20% 100% -20% -5%)}
.v5 .hw.on .w{clip-path:inset(-20% -5% -20% -5%)}
/* kreski pisakiem, które się rysują */
.v5 .dr path{fill:none;stroke:var(--v5-pom);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--L,800);transition:stroke-dashoffset 1.1s ease var(--d,0s)}
.v5 .dr.wait path{stroke-dashoffset:var(--L,800)}
.v5 .dr.on path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.v5 [data-rv],.v5 .hw .w,.v5 .dr path{transition:none!important;opacity:1!important;transform:none!important;clip-path:none!important;stroke-dashoffset:0!important}}


/* ===== podstrony v5: wspólne ===== */
.v5 .etyk5{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--v5-ink)}
.v5 .etyk5::before{content:"";width:32px;height:2px;background:var(--v5-pom)}
.v5 h2{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.14;letter-spacing:-.01em}
.v5 .okr5{font-size:14px;color:var(--v5-mut)}
.v5 .okr5 a{color:inherit}
.v5 .pap{background:var(--v5-pap);box-shadow:0 1px 0 #d8dce2,0 18px 32px -24px rgba(30,34,40,.45);position:relative}
.v5 .tas{position:absolute;left:50%;top:-12px;width:100px;height:24px;margin-left:-50px;background:rgba(172,178,190,.6);transform:rotate(-2deg)}
.v5 .lnk{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.v5 .pod5{background:linear-gradient(var(--v5-pom),var(--v5-pom)) no-repeat 0 94%/100% 3px;transition:background-size 1.2s ease .6s;padding-bottom:1px}
.v5 .pod5.wait{background-size:0 3px}
.v5 .btn-l{border-radius:0;border-width:1.5px}

/* ---- pierwszy ekran podstrony: tekst po lewej, odbitka po prawej ---- */
.ph5{background:var(--v5-t1);padding:40px 0 72px}
.ph5 .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:center}
.ph5 h1{margin:18px 0 0;font-size:clamp(40px,4.6vw,66px);line-height:1.06;letter-spacing:-.015em;font-weight:300}
.ph5 .lead5{margin:22px 0 0;font-size:20px;line-height:1.55;max-width:34em}
.ph5 .lnk{margin-top:28px}
.ph5 .odb{margin:0;padding:12px 12px 14px;transform:rotate(1.6deg)}
.ph5 .odb img{display:block;width:100%;height:auto}
@media (max-width:900px){.ph5 .wrap{grid-template-columns:1fr;gap:40px}.ph5 .odb{max-width:520px}}
@media (max-width:699px){.ph5{padding:28px 0 48px}.ph5 .lead5{font-size:18px}}

/* ---- ZEOS: lista jak kartka z notatnika + dwa akapity obok ---- */
.oz{background:#fff;padding:88px 0}
.oz h2 .reka5{font-family:Caveat,cursive;font-weight:600;color:var(--v5-pom);font-size:1.25em;white-space:nowrap}
.oz .dwa{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:72px;margin-top:40px;align-items:start}
.oz ol{list-style:none;margin:0;padding:34px 34px 28px 30px;counter-reset:z;transform:rotate(-.8deg)}
.oz ol li{counter-increment:z;display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:baseline;font-size:17px;line-height:26px;padding:0 0 26px}
.oz ol li:last-child{padding-bottom:0}
.oz ol li::before{content:counter(z) ".";font:700 34px/26px Caveat,cursive;color:var(--v5-pom)}
.oz .obok p{margin:0 0 18px;font-size:18px;line-height:1.6}
.oz .ntk{margin-top:28px;padding-top:18px;border-top:1px solid var(--v5-t3);font-size:14px;line-height:1.55;color:var(--v5-mut)}
@media (max-width:900px){.oz .dwa{grid-template-columns:1fr;gap:40px}}
@media (max-width:699px){.oz{padding:52px 0}.oz ol{padding:26px 20px 20px 18px}.oz ol li{grid-template-columns:40px 1fr;font-size:16px}}

/* ---- misja: pierwszy akapit duży, reszta w dwóch łamach, jedno zdanie podkreślone pisakiem ---- */
.om{background:var(--v5-t1);padding:88px 0}
.om .pierw{margin:26px 0 0;font-size:clamp(22px,2vw,28px);line-height:1.4;font-weight:300;max-width:30em}
.om .lamy{margin-top:40px;columns:2;column-gap:56px}
.om .lamy p{margin:0 0 20px;font-size:17px;line-height:1.65;break-inside:avoid}
.om .lnk{margin-top:36px}
@media (max-width:900px){.om .lamy{columns:1}}
@media (max-width:699px){.om{padding:52px 0}}

/* ---- dokąd zmierzamy: tekst + wielki rok dopisany pisakiem na marginesie ---- */
.ow{background:#fff;padding:88px 0}
.ow .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.ow .tx p{margin:18px 0 0;font-size:18px;line-height:1.62;max-width:34em}
.ow .rok{position:relative;justify-self:center;text-align:center}
.ow .rok b{display:block;font:600 clamp(96px,11vw,150px)/1 Caveat,cursive;color:var(--v5-pom);transform:rotate(-6deg)}
.ow .rok svg{position:absolute;left:-4%;bottom:-10px;width:108%;height:28px;overflow:visible}
.ow .rok svg path{stroke-width:5}
@media (max-width:900px){.ow .wrap{grid-template-columns:1fr}.ow .rok{justify-self:start;margin-top:12px}}
@media (max-width:699px){.ow{padding:52px 0}}

/* ---- eksperci: odbitki z podpisem ręcznym, inicjały na szarym papierze ---- */
.oe{background:var(--v5-t2);padding:88px 0}
.oe .wstep5{margin:16px 0 0;font-size:18px;line-height:1.6;max-width:40em}
.oe .siat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;margin-top:48px}
.oe .ek{padding:12px 12px 22px;transform:rotate(var(--r,0deg))}
.oe .ek .f{aspect-ratio:4/5;background:#e8eaee;overflow:hidden;display:flex;align-items:center;justify-content:center}
.oe .ek .f img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.oe .ek .f .ini{font:600 72px/1 Caveat,cursive;color:#9aa0a8}
.oe .ek b{display:block;margin:18px 4px 0;font-size:19px;line-height:1.25}
.oe .ek .zaw{display:block;margin:4px 4px 0;font:500 21px/1.2 Caveat,cursive;color:var(--v5-mut)}
.oe .ek p{margin:12px 4px 0;font-size:15px;line-height:1.55}
.oe .e1{--r:-1.1deg}.oe .e2{--r:.8deg}.oe .e3{--r:-.5deg}.oe .e4{--r:.9deg}.oe .e5{--r:-.9deg}.oe .e6{--r:.6deg}
.oe h3{margin:64px 0 0;font-size:clamp(22px,2vw,28px);line-height:1.25}
.oe .wsp{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 36px}
.oe .wsp li{font-size:17px;font-weight:600;display:flex;gap:10px;align-items:baseline}
.oe .wsp li span:not(:empty){font:500 19px/1 Caveat,cursive;color:var(--v5-mut)}
.oe .dyz{margin:36px 0 0;font-size:17px}
@media (max-width:900px){.oe .siat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:699px){.oe{padding:52px 0}.oe .siat{grid-template-columns:1fr;gap:26px}.oe .ek{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:16px;padding:12px 14px 16px 12px}.oe .ek .f{grid-row:1/3;aspect-ratio:4/5}.oe .ek .f .ini{font-size:44px}.oe .ek b{margin-top:4px;font-size:18px}.oe .ek .zaw{font-size:20px}.oe .ek p{grid-column:1/3;margin-top:14px;font-size:15px}}

/* ---- znak PSOD ---- */
.op{background:#fff;padding:80px 0}
.op .wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:center}
.op img{width:220px;height:auto;display:block;filter:none!important}
.op p{margin:16px 0 0;font-size:18px;line-height:1.6;max-width:34em}
.op .lnk{margin-top:20px}
@media (max-width:699px){.op{padding:52px 0}.op .wrap{grid-template-columns:1fr;gap:28px}.op img{width:170px}}

/* ---- pisali i mówili o nas: wycinki ---- */
.oM{background:var(--v5-t1);padding:88px 0}
.oM .wstep5{margin:16px 0 0;font-size:18px;line-height:1.6;max-width:40em}
.oM .wyc{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.oM .wyc li{padding:28px 24px 26px;font-size:15px;line-height:1.55;transform:rotate(var(--r,0deg))}
.oM .wyc li b{display:block;font-size:17px;margin-bottom:8px}
.oM .wyc li:nth-child(3n+1){--r:-.8deg}.oM .wyc li:nth-child(3n+2){--r:.6deg}.oM .wyc li:nth-child(3n){--r:-.4deg}
@media (max-width:900px){.oM .wyc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:699px){.oM{padding:52px 0}.oM .wyc{grid-template-columns:1fr;gap:22px}}

/* ---- pasek na końcu ---- */
.oc{background:var(--v5-t2);padding:56px 0}
.oc .wrap{display:flex;flex-wrap:wrap;gap:18px 48px;align-items:center;justify-content:space-between}
.oc b{display:block;font-size:clamp(24px,2.2vw,30px);line-height:1.2}
.oc span{display:block;margin-top:6px;font-size:17px;color:var(--v5-mut)}
.oc .lnk{gap:24px}
.oc .lnk a{white-space:nowrap}
@media (max-width:699px){.oc{padding:44px 0}}

/* ===== Pytania i odpowiedzi ===== */
.pq .wrap{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.pq .znak{justify-self:center;width:min(260px,34vw);height:auto;overflow:visible}
.pq .znak path{stroke-width:7}
.fq{background:#fff;padding:72px 0 96px}
.fq .uk{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;align-items:start}
.fq .fsp{position:sticky;top:24px;display:flex;flex-direction:column;gap:4px;padding:0}
.fq .fsp a{text-decoration:none;color:var(--v5-ink);font-size:16px;font-weight:600;padding:10px 0 10px 18px;position:relative;background:linear-gradient(var(--v5-pom),var(--v5-pom)) no-repeat 0 50%/0 2px;transition:padding-left .25s,background-size .25s}
.fq .fsp a:hover,.fq .fsp a:focus-visible,.fq .fsp a.akt{padding-left:30px;background-size:20px 2px}
.fq .grupa{padding-top:8px}
.fq .grupa+.grupa{margin-top:64px}
.fq .grupa h2{margin-top:14px;font-size:clamp(26px,2.4vw,34px)}
.fq .uwaga{margin:12px 0 0;font-size:17px;color:var(--v5-mut)}
.fq .lista{margin-top:18px}
.fq .pyt{border-top:1px solid var(--v5-t3)}
.fq .pyt:last-child{border-bottom:1px solid var(--v5-t3)}
.fq .pyt button{all:unset;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:18px;align-items:center;width:100%;box-sizing:border-box;padding:18px 0;cursor:pointer;font:600 18px/1.4 "Plus Jakarta Sans",system-ui,sans-serif;color:var(--v5-ink)}
.fq .pyt button:focus-visible{outline:3px solid var(--v5-ink);outline-offset:4px}
.fq .pyt button:hover{color:#000}
.fq .pyt .pl{width:26px;height:26px;overflow:visible;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.fq .pyt .pl path{fill:none;stroke:var(--v5-pom);stroke-width:3.2;stroke-linecap:round}
.fq .pyt button[aria-expanded="true"] .pl{transform:rotate(135deg)}
.fq .odp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}
.fq .odp>div{overflow:hidden}
.fq .pyt.open .odp{grid-template-rows:1fr}
.fq .odp p{margin:0 0 16px;font-size:17px;line-height:1.62;max-width:40em}
.fq .odp>div>p:last-child{margin-bottom:22px}
.fq .odp .wyroz{display:inline-block;max-width:22em;background:var(--zolty,#fbf1b6);padding:14px 18px;font:600 24px/1.2 Caveat,cursive;color:var(--v5-ink);transform:rotate(-1.5deg);box-shadow:0 1px 0 rgba(0,0,0,.04),0 16px 24px -16px rgba(60,52,20,.35);margin:6px 0 26px}
@media (max-width:900px){.fq .uk{grid-template-columns:1fr;gap:28px}.fq .fsp{position:static;flex-direction:row;flex-wrap:wrap;gap:4px 22px}.fq .fsp a{padding:6px 0 6px 0;background-position:0 100%}.fq .fsp a:hover,.fq .fsp a.akt{padding-left:0;background-size:100% 2px}}
@media (max-width:699px){.fq{padding:44px 0 64px}.fq .grupa+.grupa{margin-top:48px}.fq .pyt button{font-size:17px;padding:16px 0}.fq .odp .wyroz{font-size:22px}}

/* stopka (przegląd 2.11: brakowało jej w arkuszu tej strony) */
.st{background:var(--v5-t3);color:var(--v5-ink);padding:64px 0 28px;border-top:3px solid var(--v5-pom)}
.st .kol5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.st strong{display:block;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.st ul{list-style:none;margin:0;padding:0}
.st li{margin:0 0 9px}
.st a{color:var(--v5-ink);text-decoration:none;font-size:16px;background:linear-gradient(var(--v5-pom),var(--v5-pom)) no-repeat 0 100%/0 2px;transition:background-size .3s}
.st a:hover{background-size:100% 2px}
.st .dol5{margin-top:48px;padding-top:18px;border-top:1px solid #cfd4db;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--v5-mut)}
.st .dol5 a{font-size:13px;color:var(--v5-mut)}
@media (max-width:699px){.st{padding:44px 0 24px}.st .kol5{grid-template-columns:1fr;gap:28px}}
/* strzałka w odnośniku zostaje przy tekście (przegląd 2.11: reguła .oc span spychała ją do nowej linii) */
.oc .lnk .strz{display:inline;margin-top:0;font-size:inherit;color:inherit}