/* Biuro Rachunkowe Agnieszka Kozielec – strona statyczna (odwzorowanie 1:1 wersji z WordPressa) */

@font-face{font-family:"Elms Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/elms-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Elms Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/elms-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Kumbh Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/kumbh-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Kumbh Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/kumbh-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#FFFFFF; --bg2:#F5F5F5; --bd:#E7E7E7; --tytul:#010000; --tekst:#6B6E71; --meta:#6B6E71; --roz:#E68695;
  --ciemne:#171717; --ciemne2:#1C1C1C; --ciemne-bd:#2E2E2E; --alt-tytul:#FFFEFE; --alt-tekst:#F2F4F6; --alt-meta:#B8BCC4; --bez:#E3DFDA;
  --elms:"Elms Sans",sans-serif; --kumbh:"Kumbh Sans",sans-serif;
  --p:16px; --h1:57px; --h2:47px; --h3:35px; --h4:28px; --h5:23px; --h6:19px;
  --sek-y:150px; --sek-x:70px; --kontener:1290px;
}
@media (max-width:1279px){:root{--h1:45px;--h2:36px;--h3:28px;--h4:22px;--h5:20px;--h6:18px;--sek-y:95px;--sek-x:30px;--kontener:1024px}}
@media (max-width:767px){:root{--p:15px;--h1:36px;--h2:31px;--h3:26px;--h5:19px;--h6:17px;--sek-y:65px;--sek-x:20px;--kontener:767px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tekst);font-family:var(--kumbh);font-size:var(--p);line-height:1.625;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color .3s,background-color .3s,border-color .3s}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--elms);color:var(--tytul);font-weight:400}
.h1{font-family:var(--elms);font-size:var(--h1);line-height:1.105em;letter-spacing:-.04em;font-weight:400;color:var(--tytul)}
.h2{font-family:var(--elms);font-size:var(--h2);line-height:1.13em;letter-spacing:-.03em;font-weight:400;color:var(--tytul)}
.h3{font-family:var(--elms);font-size:var(--h3);line-height:1.115em;letter-spacing:-.03em;font-weight:400;color:var(--tytul)}
.h4{font-family:var(--elms);font-size:var(--h4);line-height:1.215em;letter-spacing:-.02em;font-weight:400;color:var(--tytul)}
.h5{font-family:var(--elms);font-size:var(--h5);line-height:1.215em;letter-spacing:-.02em;font-weight:400;color:var(--tytul)}
.h6{font-family:var(--elms);font-size:var(--h6);line-height:1.265em;letter-spacing:-.01em;font-weight:500;color:var(--tytul)}
.bialy{color:var(--alt-tytul)}
.szary{color:var(--tekst)}
.srodek{text-align:center}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* mała etykieta z różową kreską */
.etykieta{display:block;font-family:var(--elms);font-size:13px;line-height:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--tytul)}
.etykieta.bialy{color:var(--alt-tytul)}
.kreska{display:block;height:2px;width:var(--w,60px);background:var(--roz);margin-top:4px}
.srodek .kreska,.kreska.sr-k{margin-left:auto;margin-right:auto}
@media (max-width:767px){.kreska{width:var(--wm,var(--w,60px))}}
.po-kresce{margin-top:21px}

/* przyciski */
.przycisk{display:inline-flex;align-items:center;justify-content:center;font-family:var(--elms);font-size:13px;line-height:19px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:17px 39px;border:1px solid var(--roz);background:var(--roz);color:#fff;transition:all .3s}
.przycisk:hover{background:transparent;color:var(--tytul);border-color:var(--tytul)}
.przycisk.obrys{background:transparent;border-color:var(--alt-tytul);color:var(--alt-tytul)}
.przycisk.obrys:hover{background:var(--roz);border-color:var(--roz);color:#fff}
@media (max-width:767px){.przycisk{padding:13px 31px}}

/* układ */
.sekcja{padding:var(--sek-y) var(--sek-x);position:relative}
.kontener{max-width:var(--kontener);margin:0 auto;width:100%}
.sekcja-pudlo{padding:var(--sek-y) 0}
.sekcja-pudlo>.kontener{width:calc(100% - 2*var(--sek-x));max-width:var(--kontener)}
@media (min-width:1280px){.sekcja-pudlo>.kontener{width:var(--kontener);max-width:calc(100% - 2*var(--sek-x))}}
.ciemna{background:var(--ciemne);color:var(--alt-tekst)}
.szara{background:var(--bg2)}
.bezowa{background:var(--bez)}
.dwie-kol{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
@media (max-width:767px){.dwie-kol{grid-template-columns:1fr;row-gap:10px}}
.etykieta-kol{padding-top:8px}
@media (max-width:767px){.etykieta-kol{padding-top:0}}
.tlo{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}
.tlo::before{content:"";position:absolute;inset:0;background:var(--nak,#171717);opacity:var(--nak-op,0);pointer-events:none}
.tlo>*{position:relative;z-index:1}

/* ===== NAGŁÓWEK ===== */
.naglowek{position:fixed;top:0;left:0;right:0;z-index:1000;height:60px;background:#fff;padding:5px 70px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:box-shadow .3s}
.naglowek.przewiniety{box-shadow:0 4px 10px rgba(0,0,0,.05)}
.naglowek .logo img{height:49px;width:auto}
.menu{display:flex;gap:30px;align-items:center}
.menu a{font-family:var(--elms);font-size:16px;line-height:24px;font-weight:500;color:var(--tytul);transition:color .3s}
.menu a:hover,.menu a.aktywny{color:var(--tekst)}
.naglowek-m{display:none}
.odstep-naglowka{height:60px}
@media (max-width:1279px){
  .naglowek{display:none}
  .odstep-naglowka{display:none}
  .naglowek-m{display:flex;position:relative;height:58px;background:#fff;align-items:center;justify-content:space-between;padding:0 20px;z-index:50}
  .naglowek-m .logo img{height:22px;width:auto}
}
@media (min-width:768px) and (max-width:1279px){.naglowek-m{padding:0 30px}}
.burger{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#494C4F}
.burger svg{width:24px;height:24px;fill:currentColor}
.burger svg{fill:#010000}
.burger:hover{color:var(--tekst)}
.menu-m{position:fixed;inset:0;z-index:10002;background:var(--ciemne2);padding:40px;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.menu-m.otwarte{opacity:1;visibility:visible}
.menu-m ul{display:flex;flex-direction:column;gap:30px}
.menu-m a{font-family:var(--elms);font-size:23px;line-height:27.6px;font-weight:500;color:var(--alt-tytul)}
.menu-m a.aktywny{color:var(--alt-tekst)}
.menu-m a:hover{color:var(--alt-tekst)}
.menu-m .zamknij{position:absolute;top:22px;right:30px;width:24px;height:24px;color:#fff}
.menu-m .zamknij svg{width:24px;height:24px;fill:currentColor}
body.menu-otwarte{overflow:hidden}

/* ===== STOPKA ===== */
.stopka{background:var(--ciemne);padding:150px 0 70px;overflow:hidden}
.stopka-wiersz{display:flex;gap:30px;padding:0 70px}
.stopka-menu{flex:0 0 650px;max-width:50%}
.stopka-menu ul{display:flex;flex-direction:column;gap:18px}
.stopka-menu a{font-family:var(--elms);font-size:var(--h5);line-height:1.215em;letter-spacing:-.02em;color:var(--alt-tytul);transition:color .3s}
.stopka-menu a:hover{color:var(--alt-tekst)}
.stopka-prawa{flex:1;padding-right:11px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.stopka-rzad{display:flex;justify-content:space-between;gap:30px}
.stopka-kol{display:flex;flex-direction:column;flex-shrink:1;min-width:0}
.stopka-kol.lewa{flex:0 1 256px}
.stopka-kol.prawa{flex:0 0 calc(var(--h6)*15.3)}
.stopka-kol.lewa{margin-left:min(0px,calc(39% - var(--h6)*15.3))}
.stopka-kol.prawa{min-width:calc(var(--h6)*15.3)}
.stopka-kol .h5{color:var(--alt-tytul);margin-bottom:10px}
.stopka-kol .h6{color:var(--alt-tekst)}
.stopka-kol a.h6:hover,.stopka-social a:hover{color:var(--alt-tytul)}
.stopka-social{display:flex;align-items:center;gap:9px}
.stopka-social a{font-family:var(--elms);font-size:var(--h6);line-height:1.265em;letter-spacing:-.01em;font-weight:500;color:var(--alt-tekst)}
.stopka-social i{width:5px;height:5px;border-radius:50%;background:var(--alt-tekst);display:block}
.stopka-kol.dol{justify-content:flex-end}
.stopka-kol.dol p,.stopka-kol.dol .realizacja{font-size:15px;line-height:21px;color:var(--alt-tekst)}
.stopka-kol.dol .realizacja{margin-top:5px}
.stopka-kol.dol .realizacja a{color:var(--alt-tytul)}
.stopka-kol.dol .realizacja a:hover{color:var(--alt-tekst)}
.stopka .mail{white-space:nowrap}
.stopka-pasek{margin-top:144px}
@media (min-width:768px) and (max-width:1279px){.stopka-kol.lewa{margin-left:min(0px,calc(50% - var(--h6)*15.3))}}
@media (max-width:1279px){.stopka{padding:95px 0 50px}.stopka-wiersz{padding:0 30px}.stopka-menu{flex-basis:40%}}
@media (max-width:767px){
  .stopka{padding:65px 0 40px}
  .stopka-wiersz{flex-direction:column;gap:35px;padding:0 20px}
  .stopka-menu{flex-basis:auto;max-width:none}
  .stopka-menu ul{gap:15px}
  .stopka-prawa{gap:35px}
  .stopka-rzad{flex-direction:column;gap:35px}
  .stopka-kol.lewa{margin-left:0}
  .stopka-kol.prawa{min-width:0}
  .stopka-kol.lewa,.stopka-kol.prawa{flex:none}
  .stopka-pasek{margin-top:39px}
}

/* ===== PRZESUWANY PASEK (marquee) ===== */
.pasek{overflow:hidden;width:100%;cursor:grab;touch-action:pan-y;user-select:none}
.pasek.ciagnie{cursor:grabbing}
.pasek-tor{display:flex;width:max-content;will-change:transform}
.pasek-grupa{display:flex;align-items:center;flex-shrink:0}
.pasek-zdjecia .pasek-grupa img{height:345px;width:auto;margin-right:30px;pointer-events:none;-webkit-user-drag:none}
@media (max-width:1279px){.pasek-zdjecia .pasek-grupa img{height:250px}}
@media (max-width:767px){.pasek-zdjecia .pasek-grupa img{height:200px}}
.pasek-tekst{cursor:default}
.pasek-tekst .pasek-grupa span{font-family:var(--elms);font-size:12.1vw;font-weight:300;line-height:.8em;letter-spacing:-.05em;color:var(--alt-tytul);white-space:nowrap}
.pasek-tekst .pasek-grupa i{display:block;width:1.1vw;height:1.1vw;border-radius:50%;background:var(--alt-tytul);margin:0 3.6vw}
@media (max-width:767px){.pasek-tekst .pasek-grupa span{font-size:15vw}.pasek-tekst .pasek-grupa i{width:1.6vw;height:1.6vw;margin:0 4.4vw}}

/* ===== ANIMACJE (jak w motywie: ta_fadein / ta_fadeinup, 1 s, ease) ===== */
@keyframes ta_fadeinup{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}
@keyframes ta_fadein{from{opacity:0}to{opacity:1}}
.js [data-anim]{opacity:0}
.js [data-anim].wszedl{animation:var(--anim-nazwa) 1s ease both}
[data-anim="up"]{--anim-nazwa:ta_fadeinup}
[data-anim="in"]{--anim-nazwa:ta_fadein}
.js .lit{display:inline-block;opacity:0}
.js .lit.wszedl{animation:ta_fadeinup 1s ease both}
.slowo{display:inline-block}
@media (prefers-reduced-motion:reduce){.js [data-anim],.js .lit{opacity:1!important;animation:none!important}}

/* ===== PRZEWIJANIE DO GÓRY ===== */
.do-gory{position:fixed;right:2em;bottom:-4em;z-index:7999;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;background:var(--ciemne2);color:var(--alt-tytul);opacity:0;transition:transform .3s ease,bottom .3s ease,opacity .3s ease}
.do-gory svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2}
.do-gory.widoczny{bottom:2em;opacity:1}
.do-gory:hover{transform:translateY(-5px)}

/* ===================== STRONA GŁÓWNA ===================== */
.hero{min-height:100vh;padding:150px 70px 60px;display:flex;flex-direction:column;justify-content:flex-end;--nak-op:.28}
.hero-tytul{font-family:var(--elms);font-size:8.85vw;font-weight:300;text-transform:uppercase;line-height:1em;letter-spacing:-.05em;color:var(--alt-tytul);margin:-1vw 0 -1vw -.5vw}
.hero-pod{display:flex;justify-content:flex-end;padding-right:15.6vw;margin-top:50px}
.hero-pod p{width:600px;max-width:100%;font-family:var(--elms);font-size:var(--h6);line-height:1.265em;letter-spacing:-.01em;font-weight:500;color:var(--alt-tytul)}
.hero-dol{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:32px;margin-top:40px}
.hero-dol .maly{font-family:var(--elms);font-size:13px;line-height:24.05px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--alt-tytul)}
.hero-dol .prawo{text-align:right}
.hero-dol .prawo a:hover{color:var(--alt-meta)}
@media (max-width:1279px){.hero{padding:130px 30px 25px;--nak-op:.2;background-position:34% center}.hero-pod{padding-right:0}.hero-pod p{width:500px}}
@media (max-width:767px){
  .hero{padding:120px 20px 20px;--nak-op:.4;background-position:36% center}
  .hero-tytul{font-size:11vw}
  .hero-pod{justify-content:flex-start;margin-top:15px}
  .hero-pod p{width:100%}
  .hero-dol{flex-direction:column;align-items:flex-start;gap:15px;margin-top:29px}
  .hero-dol .maly{line-height:19.5px}
  .hero-dol .prawo{text-align:left}
}

.dlaczego{padding:var(--sek-y) 0;text-align:center}
.dlaczego .kreska,.zespol-glowa .kreska{margin-left:auto;margin-right:auto}
.dlaczego .h1{max-width:800px;margin:21px auto 0}
.dlaczego .przycisk{margin-top:50px}
@media (max-width:767px){.dlaczego .h1{padding:0 20px;margin-top:21px}.dlaczego .przycisk{margin-top:28px}}

.uslugi{padding:var(--sek-y) var(--sek-x)}
.akordeon-item{border-bottom:1px solid var(--bd);overflow:hidden}
.akordeon-item+.akordeon-item{margin-top:30px}
.akordeon-tytul{display:flex;justify-content:space-between;align-items:flex-start;width:100%;text-align:left;padding:0 0 30px;cursor:pointer}
.akordeon-tytul .h2{flex:1}
.akordeon-ikona{width:33px;height:33px;color:var(--roz);margin-left:20px;flex-shrink:0;margin-top:10px}
.akordeon-ikona svg{width:33px;height:33px;stroke:currentColor;fill:none;stroke-width:1.1}
.akordeon-ikona .otw{display:none}
.akordeon-item.otwarty .akordeon-ikona .zam{display:none}
.akordeon-item.otwarty .akordeon-ikona .otw{display:block}
.akordeon-item.otwarty .akordeon-tytul{margin-bottom:-15px}
.akordeon-tresc{height:0;overflow:hidden;transition:height .3s ease}
.akordeon-item.otwarty .akordeon-tresc{height:auto}
.akordeon-wnetrze{padding:0 58% 30px 0;color:var(--tekst)}
.akordeon-wnetrze>*+*{margin-top:15px}
.lista-kropki li{position:relative;padding-left:19px}
.lista-kropki li::before{content:"";position:absolute;left:5px;top:calc(.8125em - 2.5px);width:5px;height:5px;border-radius:50%;background:currentColor}
@media (max-width:1279px){.akordeon-wnetrze{padding-right:30%}}
@media (max-width:767px){.akordeon-wnetrze{padding:0 0 20px}.akordeon-wnetrze>*+*{margin-top:10px}.akordeon-ikona{margin-top:2px;margin-left:13px;width:26px;height:26px}.akordeon-ikona svg{width:26px;height:26px}.akordeon-item+.akordeon-item{margin-top:20px}.akordeon-tytul{padding-bottom:20px}.akordeon-item.otwarty .akordeon-tytul{margin-bottom:-5px}}

.pelne-zdjecie img{width:100%;height:auto}

.korzysci-glowa{padding:var(--sek-y) 0 50px}
.korzysci{padding:0 0 var(--sek-y)}
.linia-czarna{height:2px;background:var(--tytul)}
.korzysc{display:grid;grid-template-columns:298fr 298fr 424fr 179fr;column-gap:30px;padding-bottom:55px;border-bottom:1px solid var(--bd);margin-top:55px}
.korzysc+.korzysc{margin-top:54px}
.korzysc-nr{display:flex;flex-direction:column;justify-content:space-between;gap:15px}
.korzysc-nr .numer{font-family:var(--elms);font-size:var(--h1);line-height:.9em;letter-spacing:-.04em;color:var(--bd)}
.korzysc-nr .h6+.h6{margin-top:2px}
.korzysc-zdj img{width:100%;aspect-ratio:298/199;object-fit:cover}
.korzysc-lista{padding-left:20%;display:flex;flex-direction:column;justify-content:space-between;gap:15px}
.korzysc-lista ul{display:flex;flex-direction:column;gap:6px}
.korzysc-lista li{display:flex;gap:10px;align-items:flex-start}
.korzysc-lista li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--tekst);flex-shrink:0;margin-top:11px}
.korzysc-lista li span{padding-left:1px}
.korzysc-ikona{display:flex;align-items:flex-end;justify-content:flex-end}
.kolko{width:60px;height:60px;border:1px solid var(--bd);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--roz);transition:transform .3s,border-color .3s}
.kolko svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.4}
.korzysc-ikona:hover .kolko{transform:rotate(-45deg);border-color:var(--roz)}
@media (max-width:1279px){.korzysc-lista{padding-left:0}}
@media (max-width:767px){
  .korzysci-glowa{padding-bottom:28px}
  .korzysc{grid-template-columns:30% 35% 35%;column-gap:0;row-gap:25px;padding-bottom:35px;margin-top:37px}
  .korzysc+.korzysc{margin-top:37px}
  .korzysc-nr{grid-column:1}
  .korzysc-zdj{grid-column:2/4;padding-left:20px}
  .korzysc-lista{grid-column:1/3}
  .korzysc-ikona{grid-column:3;padding-left:10px}
  .kolko{width:46px;height:46px}
}


.zespol{padding:var(--sek-y) var(--sek-x)}
.zespol-glowa{text-align:center}
.zespol-glowa .h1{max-width:663px;margin:21px auto 0}
.zespol-lista{display:flex;flex-direction:column;gap:90px}
.zespol-wl{position:sticky;top:0;padding-top:50px;display:flex;justify-content:center;z-index:0}
.zespol-rzad{display:flex;position:relative;z-index:1}
.zespol-rzad.prawo{justify-content:flex-end}
.osoba{display:flex;flex-direction:column;gap:25px;width:20vw}
.zespol-wl .osoba{width:26vw}
.osoba img{width:100%;aspect-ratio:288/318;object-fit:cover}
.zespol-wl .osoba img{aspect-ratio:374/412}
.osoba .h5{color:var(--alt-tytul)}
.osoba .rola{font-size:14px;line-height:1;color:var(--alt-tekst);margin-top:8px}
@media (max-width:1279px){.osoba{width:22vw}.zespol-wl .osoba{width:28vw}.zespol-wl{padding-top:38px}}
@media (max-width:767px){
  .zespol-lista{gap:30px}
  .zespol-wl{position:relative;padding-top:28px}
  .osoba,.zespol-wl .osoba{width:100%;gap:20px}
  .osoba img,.zespol-wl .osoba img{aspect-ratio:350/386}
  .osoba .rola{margin-top:5px}
}

.etapy{position:relative}
.etap{min-height:100vh;padding:70px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;--nak-op:.2}
.etap:first-child{position:sticky;top:0}
.etap-gora{min-height:21.12vh}
.etap-srodek{min-height:210px;display:flex;align-items:center;justify-content:center;text-align:center}
.etap-dol{min-height:21.12vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.etap-dol .pion{width:1px;height:76px;background:#fff}
.etap-dol p{width:630px;max-width:100%;text-align:center;color:var(--alt-tytul);margin-top:54px}
@media (max-width:1279px){.etap{padding:50px 30px}}
@media (max-width:767px){
  .etap{padding:30px 20px;gap:20px}
  .etap-gora,.etap-dol{min-height:80px}
  .etap-srodek{min-height:100px}
  .etap-dol .pion{height:30px}
  .etap-dol p{margin-top:20px}
}

.liczby{padding:var(--sek-y) 0}
.liczby .dwie-kol{padding-bottom:80px}
.liczby-dol{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:end}
.liczby-zdj{width:410px;max-width:100%;min-height:526px;background-size:cover;background-position:top center}
.liczniki{display:flex;flex-direction:column;gap:75px}
.licznik .liczba{font-family:var(--elms);font-size:90px;line-height:1.1em;letter-spacing:.04em;color:var(--tytul);margin-bottom:6px}
.licznik .h6{display:block}
@media (max-width:1279px){.licznik .liczba{font-size:65px}}
@media (max-width:767px){
  .liczby .dwie-kol{padding-bottom:28px}
  .liczby-dol{grid-template-columns:1fr;row-gap:30px}
  .liczby-zdj{width:100%;min-height:0;aspect-ratio:1/1;background-position:center 20%}
  .liczniki{gap:40px}
  .licznik .liczba{font-size:55px}
}

.cytat{padding:var(--sek-y) var(--sek-x);display:flex;justify-content:center}
.cytat-wnetrze{width:1150px;max-width:100%;text-align:center}
.cytat-wnetrze .h1{margin-bottom:30px}
.cytat-wnetrze img{width:65px;height:65px;border-radius:50%;object-fit:cover;margin:0 auto 17px}
.cytat-wnetrze .h6{margin-bottom:4px}
.cytat-wnetrze .firma{font-size:15px;line-height:20px;color:var(--tekst)}
@media (max-width:1279px){.cytat-wnetrze{width:750px}}
@media (max-width:767px){.cytat-wnetrze .h1{font-size:28px;line-height:1.1em}.cytat-wnetrze img{margin-bottom:12px}}

.loga{padding:0 0 var(--sek-y)}
.loga-siatka{display:grid;grid-template-columns:repeat(6,1fr);gap:30px}
.loga-siatka img{width:100%;height:auto;opacity:1;transition:opacity .3s}
@media (max-width:767px){.loga-siatka{grid-template-columns:repeat(2,1fr);gap:10px}}

.aktualnosci-sek{padding:var(--sek-y) 0}
.wpisy-lista{margin-top:50px}
.wpis-wiersz{display:grid;grid-template-columns:23.02% 1fr 33.02% 150px;column-gap:5.8%;border-top:1px solid var(--bd);padding-top:30px;align-items:start}
.wpis-wiersz+.wpis-wiersz{margin-top:30px}
.wpis-wiersz .miniatura{display:block;overflow:hidden;aspect-ratio:4/3}
.wpis-wiersz .miniatura img{width:100%;height:100%;object-fit:cover}
.wpis-wiersz .data{font-size:14px;line-height:17px;color:var(--meta)}
.wpis-wiersz .h4 a:hover{color:var(--tekst)}
.przycisk-maly{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;background:var(--roz);border:1px solid var(--roz);color:#fff;font-family:var(--elms);font-size:11px;line-height:18px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:all .3s;white-space:nowrap}
.przycisk-maly:hover{background:#fff;color:var(--tytul);border-color:#000}
@media (max-width:1279px){.wpis-wiersz{column-gap:3%}}
@media (max-width:767px){
  .wpis-wiersz{grid-template-columns:1fr;column-gap:0}
  .wpis-wiersz .miniatura{margin-bottom:20px}
  .wpis-wiersz .data{margin-bottom:10px}
  .wpis-wiersz .h4{margin-bottom:20px}
  .wpis-wiersz .przycisk-maly{justify-self:start}
}

.cta{min-height:846px;padding:70px;display:flex;flex-direction:column;justify-content:flex-end;--nak:#000;--nak-op:.1}
.cta-wiersz{display:flex;align-items:center;gap:30px}
.cta-wiersz .h1{width:730px;max-width:100%}
.cta-wiersz>div{flex:1;display:flex;justify-content:flex-end}
.cta-wiersz .przycisk{margin-top:50px}
@media (max-width:1279px){.cta{padding:50px 30px}}
@media (max-width:767px){.cta-wiersz .przycisk{margin-top:0}.cta{min-height:350px;padding:20px 20px 30px;--nak-op:.4}.cta-wiersz{flex-wrap:wrap;gap:20px}.cta-wiersz>div{justify-content:flex-start}}

.cyfra{display:inline-block;height:1.1em;overflow:hidden;vertical-align:top;position:relative}
.cyfra-tasma span{text-align:left}
.cyfra-tasma{display:flex;flex-direction:column;transition:transform 2s cubic-bezier(.23,1,.32,1)}
.cyfra-tasma span{display:block;height:1.1em;line-height:1.1em}

/* nagłówki: nigdy nie dzielimy słów między linie (21.10, jego prośba) */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.hero-tytul{hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal}
@media (max-width:767px){
  .korzysc-lista li{align-items:center}.korzysc-lista li::before{margin-top:0}}

/* ===================== O NAS ===================== */
.on-hero{padding:150px 70px;display:flex;gap:14%}
.on-kol{flex:1;min-width:0;display:flex;flex-direction:column}
.on-hero .h1{margin-top:21px}
.on-tekst{margin-top:28px}
.on-tekst p+p{margin-top:26px}
.on-zdj-dol{margin-top:158px;width:100%;aspect-ratio:559/589;object-fit:cover}
.on-kol-prawa{justify-content:space-between;gap:30px}
.on-kol-prawa>img{width:100%;aspect-ratio:559/787;object-fit:cover}
.on-znamy p{margin-top:30px}
@media (max-width:1279px){.on-hero{padding:95px 30px;gap:6%}}
@media (max-width:767px){
  .on-hero{padding:65px 20px;flex-direction:column;gap:20px}
  .on-zdj-dol{margin-top:40px}
  .on-kol-prawa{justify-content:flex-start}
  .on-znamy p{margin-top:20px}
}
.on-liczby{padding-top:140px}
.on-liczby-gora{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.on-liczby-opis{padding-top:7px}
.on-liczby-opis p{margin-top:28px;max-width:400px}
.on-liczniki-2{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.on-liczniki-4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:86px}
.on-licznik .liczba{font-size:6.3vw;line-height:1;margin-bottom:5px}
@media (max-width:1279px){.on-liczby{padding-top:95px}.on-licznik .liczba{font-size:60px}.on-liczniki-4{grid-template-columns:repeat(2,1fr);margin-top:50px}}
@media (max-width:767px){
  .on-liczby{padding-top:65px}
  .on-liczby-gora{grid-template-columns:1fr;row-gap:30px}
  .on-liczby-opis{padding-top:0}
  .on-liczby-opis p{margin-top:20px}
  .on-liczniki-4{margin-top:30px;row-gap:30px}
  .on-licznik .liczba{font-size:50px}
}
.on-zespol-glowa{padding:150px 70px 50px}
.on-zespol-glowa .h2{margin-top:21px}
.on-zespol{padding:0 70px 150px;display:flex;flex-direction:column;gap:30px}
.on-osoba{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;border-top:1px solid var(--alt-tytul);padding-top:25px}
.on-osoba-lewa{display:flex;gap:5.5vw;align-items:flex-start}
.on-osoba-lewa img{width:200px;height:200px;object-fit:cover;margin-top:5px;flex-shrink:0}
.on-osoba-lewa .h5{color:var(--alt-tytul)}
.on-osoba-lewa .rola{font-size:15px;line-height:18px;color:var(--alt-tekst);margin-top:4px}
.on-osoba-prawa{display:flex;justify-content:space-between;gap:5.5vw;min-width:0}
.zespol-opis{width:480px;max-width:100%;color:var(--alt-tekst)}
.zespol-opis .zespol-tekst{max-height:156px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.zespol-opis .zespol-tekst.caly,.zespol-opis.otwarte .zespol-tekst{max-height:none;-webkit-mask-image:none;mask-image:none}
.zespol-tekst>*+*{margin-top:26px}
.zespol-tekst ul{list-style:disc;padding-left:19px}
.zespol-tekst ul li+li{margin-top:0}
.zespol-wiecej{display:inline-block;margin-top:14px;font-family:var(--kumbh);font-size:15px;line-height:21px;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:underline;text-underline-offset:4px;padding:6px 0}
.zespol-wiecej:hover{text-decoration-thickness:2px}
.social-ikony{display:flex;gap:4px;align-items:flex-start;margin-top:5px}
.social-ikony a{width:25px;height:25px;border-radius:4px;background:var(--alt-tytul);display:flex;align-items:center;justify-content:center;transition:background-color .3s}
.social-ikony a{position:relative}
.social-ikony a::after{content:"";position:absolute;inset:-10px -2px}
.social-ikony a:hover{background:var(--bd)}
.social-ikony svg{width:14px;height:14px;fill:var(--ciemne)}
@media (max-width:1279px){.on-zespol-glowa{padding:95px 30px 38px}.on-zespol{padding:0 30px 95px}.on-osoba-lewa img{width:160px;height:160px}}
@media (max-width:767px){
  .on-zespol-glowa{padding:65px 20px 28px}
  .on-zespol{padding:0 20px 65px;gap:25px}
  .on-osoba{grid-template-columns:1fr;row-gap:10px}
  .on-osoba-lewa{flex-direction:column;gap:20px}
  .on-osoba-lewa img{width:100%;height:auto;aspect-ratio:1;margin-top:0}
  .on-osoba-prawa{flex-direction:column;gap:15px}
  .on-hero .h1{margin-top:2px}
  .on-tekst{margin-top:20px}
  .on-tekst p+p,.zespol-tekst>*+*{margin-top:15px}
}
.on-standardy{padding:var(--sek-y) 0}
.on-standardy-glowa{max-width:951px;margin-bottom:50px}
.on-standardy-glowa .h1{margin-top:21px}
.standard{background:var(--bg2);padding:40px 50px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:center}
.standard+.standard{margin-top:20px}
.standard .h3{padding-right:59px}
@media (max-width:767px){.on-standardy-glowa{margin-bottom:30px}.standard{grid-template-columns:1fr;row-gap:15px;padding:30px 25px}.standard .h3{padding-right:0}}
.on-wpisy{padding:0 70px 150px}
.on-wpisy-glowa{text-align:center;margin-bottom:50px}
.on-wpisy-glowa .kreska{margin-left:auto;margin-right:auto}
.on-wpisy-glowa .h1{margin-top:21px}
.siatka-wpisow{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.wpis-kafel .miniatura{display:block;overflow:hidden;aspect-ratio:303/221}
.wpis-kafel .miniatura img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.19,1,.22,1)}
.wpis-kafel:hover .miniatura img{transform:scale(1.1)}
.wpis-kafel .kategoria{display:inline-block;margin-top:23px;font-size:14px;line-height:18px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--tytul)}
.wpis-kafel .h4{margin-top:10px}
.wpis-kafel .h4 a:hover{color:var(--tekst)}
@media (max-width:1279px){.on-wpisy{padding:0 30px 95px}.siatka-wpisow{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.on-wpisy{padding:0 20px 65px}.on-wpisy-glowa{margin-bottom:30px}.siatka-wpisow{grid-template-columns:1fr;row-gap:40px}}

/* ===================== OFERTA ===================== */
.of-hero{display:flex;gap:30px;padding-bottom:160px}
.of-hero-zdj{flex:0 0 calc(50% - 15px);min-height:638px;background-size:cover;background-position:center}
.of-hero-tekst{flex:1;padding:43px 29px 43px 84px;display:flex;flex-direction:column;justify-content:center}
.of-hero-tekst .h1{margin-top:21px;max-width:550px}
.of-hero-tekst p{margin-top:28px;max-width:550px}
.of-hero-tekst .przycisk{margin-top:30px;align-self:flex-start}
.of-uslugi{padding:var(--sek-y) 0}
.of-glowa{text-align:center;max-width:650px;margin:0 auto 50px}
.of-glowa .kreska,.of-faq-glowa .kreska{margin-left:auto;margin-right:auto}
.of-glowa .h1{margin-top:21px;max-width:537px;margin-left:auto;margin-right:auto}
.of-glowa p{margin-top:28px}
.of-karta{display:grid;grid-template-columns:849fr 411fr;gap:30px}
.of-karta+.of-karta{margin-top:30px}
.of-karta img{width:100%;height:100%;aspect-ratio:849/669;object-fit:cover}
.of-karta-tekst{background:#fff;padding:45px 40px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:30px}
.of-pod{font-size:14px;line-height:1.4;color:var(--tekst);margin-top:6px}
.of-opis{font-size:14px;line-height:26px;margin-top:26px}
.link-strzalka{display:inline-flex;align-items:center;gap:12px;font-family:var(--elms);font-size:11px;line-height:11px;font-weight:600;letter-spacing:.1em;color:var(--tytul);padding:8px 0}
.link-strzalka svg{width:28px;height:12px;stroke:currentColor;fill:none;stroke-width:1.2;transition:transform .3s}
.link-strzalka:hover{color:var(--roz)}
.link-strzalka:hover svg{transform:translateX(4px)}
.of-sposob{padding:var(--sek-y) 0}
.of-sposob-glowa{padding-bottom:50px;border-bottom:1px solid var(--tytul)}
.of-sposob-glowa .h1{margin-top:21px}
.of-tryb{display:flex;gap:30px;padding-bottom:50px;border-bottom:1px solid var(--bd);margin-top:60px}
.of-tryb+.of-tryb{margin-top:50px}
.of-tryb img{width:300px;height:200px;object-fit:cover;flex-shrink:0}
.of-tryb-tekst{flex:1;display:flex;gap:30px;padding-top:44px}
.of-tryb-tekst>.h3{flex:0 0 149px;text-align:right}
.of-tryb-tekst p{margin-top:22px}
.of-faq{padding:0 70px var(--sek-y)}
.of-faq-glowa{text-align:center;max-width:630px;margin:0 auto 40px}
.of-faq-glowa .h1{margin-top:21px}
.of-faq-glowa p{margin-top:28px}
.faq{max-width:850px;margin:0 auto}
.faq .akordeon-item{border:1px solid var(--bd);overflow:hidden;transition:background-color .3s}
.faq .akordeon-item+.akordeon-item{margin-top:10px}
.faq .akordeon-item.otwarty{background:var(--bg2)}
.faq .akordeon-tytul{padding:19px 20px;align-items:center;margin:0!important}
.faq .akordeon-tytul .h6{flex:1}
.faq-ikona{width:16px;height:16px;margin-left:20px;color:var(--tytul);flex-shrink:0}
.faq-ikona svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.4;fill:none}
.faq-ikona .otw{display:none}
.akordeon-item.otwarty .faq-ikona .zam{display:none}
.akordeon-item.otwarty .faq-ikona .otw{display:block}
.faq-tresc{padding:0 20px 20px;font-size:15px;line-height:26px}
.of-formularz{min-height:832px;padding:60px 75px;display:flex;align-items:center}
.of-formularz-karta{width:520px;max-width:100%;background:#fff;padding:45px 30px 55px}
.of-formularz-karta .h3{max-width:360px}
.formularz{display:flex;flex-direction:column;gap:22px;margin-top:22px}
.formularz input[type=text],.formularz input[type=email],.formularz input[type=tel],.formularz textarea{width:100%;font:inherit;font-size:15px;line-height:21px;color:var(--tytul);background:transparent;border:1px solid var(--bd);border-radius:2px;padding:13px 14px;outline:none;transition:border-color .3s}
.formularz textarea{height:140px;resize:vertical}
.formularz ::placeholder{color:#6B6E71}
.formularz input:focus,.formularz textarea:focus{border-color:var(--tytul)}
.formularz .zle{border-color:#C0392B!important}
.pulapka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.zgoda{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:20px;color:#6E7175;cursor:pointer}
.zgoda input{width:16px;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:var(--roz)}
.zgoda a{color:#B4485A;text-decoration:underline}
.zgoda.zle span{color:#C0392B}
.formularz-wyslij{width:100%}
.formularz-wyslij:disabled{opacity:.6;cursor:wait}
.formularz-notka{font-size:14px;line-height:20px;color:var(--tytul)}
.formularz-notka.blad{color:#C0392B}
@media (max-width:1279px){.of-hero-tekst{padding:30px}.of-faq{padding:0 30px var(--sek-y)}.of-formularz{padding:50px 30px}.of-karta{grid-template-columns:1fr 1fr}}
@media (max-width:767px){
  .of-hero{flex-direction:column;padding-bottom:65px}
  .of-hero-zdj{flex:none;min-height:300px}
  .of-hero-tekst{padding:0 20px}
  .of-glowa{margin-bottom:28px}
  .of-karta{grid-template-columns:1fr;gap:20px}
  .of-karta+.of-karta{margin-top:20px}
  .of-karta img{aspect-ratio:350/276}
  .of-karta-tekst{padding:30px;gap:20px}
  .of-sposob-glowa{padding-bottom:28px}
  .of-tryb{flex-direction:column;gap:25px;padding-bottom:28px;margin-top:38px}
  .of-tryb+.of-tryb{margin-top:35px}
  .of-tryb img{width:100%;height:auto;aspect-ratio:3/2}
  .of-tryb-tekst{padding-top:0;flex-direction:column;gap:10px}
  .of-tryb-tekst>.h3{flex:none;text-align:left}
  .of-faq{padding:0 20px 65px}
  .faq .akordeon-tytul{padding:16px 15px}
  .faq-tresc{padding:0 15px 15px}
  .of-formularz{min-height:680px;padding:30px 20px}
  .of-formularz-karta{padding:30px 20px 35px}
}

/* ===================== KONTAKT ===================== */
.ko-zdj img{width:100%;height:auto;aspect-ratio:1440/645;object-fit:cover}
.ko-siatka{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}
.ko-lista{margin-top:13px}
.ko-lista .h6{color:var(--tytul)}
.ko-lista a.h6:hover{color:var(--tekst)}
.ko-social li+li{margin-top:13px}
.ko-adres{display:inline-block;max-width:210px}
.ko-linia{padding:0 70px}
.ko-linia span{display:block;height:1px;background:var(--bd)}
.ko-napisz .h2{max-width:1200px}
.ko-napisz .h2 a{color:var(--meta);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;word-break:break-word}
.ko-napisz .h2 a:hover{color:var(--tytul)}
@media (max-width:1279px){.ko-siatka{grid-template-columns:repeat(2,1fr)}.ko-linia{padding:0 30px}}
@media (max-width:767px){.ko-siatka{grid-template-columns:1fr;margin-top:30px}.ko-linia{padding:0 20px}.ko-lista a.h6{display:inline-block;padding:6px 0}.ko-lista{margin-top:7px}}

/* ===================== AKTUALNOŚCI / WPISY / POLITYKI ===================== */
.blog-wrap{padding:144px 0;width:calc(100% - 2*var(--sek-x));max-width:1290px;margin:0 auto}
.blog-uklad{display:flex;gap:70px;align-items:flex-start}
.blog-lista{flex:0 0 850px;max-width:100%;min-width:0}
.blog-wpis+.blog-wpis{margin-top:60px}
.blog-zdj{display:block;overflow:hidden;aspect-ratio:850/491;margin-bottom:27px}
.blog-zdj img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-zdj:hover img{transform:scale(1.03)}
.kategoria-wiersz{margin-bottom:13px;line-height:21px}
.kategoria{font-size:14px;line-height:19px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--tytul)}
.kategoria:hover{color:var(--tekst)}
.blog-wpis .h3 a:hover{color:var(--tekst)}
.blog-meta{margin-top:14px;font-size:14px;line-height:21px;color:var(--meta)}
.blog-zajawka{margin-top:16px}
.stronicowanie{display:flex;gap:6px;margin-top:60px}
.strona-nr{min-width:50px;height:50px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bd);font-weight:500;color:var(--tytul);transition:all .3s}
a.strona-nr:hover{border-color:var(--tytul)}
.strona-nr.biezaca{background:var(--tytul);border-color:var(--tytul);color:#fff}
.boczny{flex:1;min-width:0;padding-left:40px;border-left:1px solid var(--bd);display:flex;flex-direction:column;gap:40px}
.boczny .h6{margin-bottom:30px}
.ostatnie{display:flex;flex-direction:column;gap:30px}
.ostatni{display:flex;gap:22px;align-items:flex-start}
.ostatni-zdj{flex:0 0 100px;display:block}
.ostatni-zdj img{width:100px;height:100px;object-fit:cover}
.ostatni .kategoria{display:block;margin-bottom:8px}
.ostatni-tytul{display:block;font-family:var(--elms);font-size:var(--h6);line-height:1.265em;letter-spacing:-.01em;font-weight:500;color:var(--tytul)}
.ostatni-tytul:hover{color:var(--tekst)}
.ostatni .data{display:block;margin-top:6px;font-size:14px;line-height:18px;color:var(--meta)}
.boczny-blok:last-child{background:var(--bg2);padding:15px}
.boczny-zdj{width:100%;height:auto}
.wpis-pojedynczy{max-width:850px;margin:0 auto}
.wpis-zdj{margin-top:48px}
.wpis-zdj img{width:100%;height:auto}
.wpis-tresc{margin-top:48px}
.wpis-tresc p,.polityka p{margin:0 0 26px}
.wpis-tresc h2,.wpis-tresc h3,.polityka h2,.polityka h3{font-family:var(--elms);font-size:var(--h3);line-height:1.115em;letter-spacing:-.03em;color:var(--tytul);margin:44px 0 16px}
.wpis-tresc h4{font-size:var(--h4);line-height:1.215em;letter-spacing:-.02em;margin:40px 0 14px}
.wpis-tresc strong,.polityka strong{color:#55585B;font-weight:700}
.wpis-tresc ul,.wpis-tresc ol,.polityka ul,.polityka ol{margin:0 0 26px;padding-left:1.5em;list-style:disc}
.wpis-tresc ol,.polityka ol{list-style:decimal}
.wpis-tresc hr{width:128px;border:0;border-top:2px solid #808080;margin:72px auto}
.wpis-tresc a,.polityka a{color:var(--roz-tekst,#B4485A);text-decoration:underline}
.wpis-tresc img{margin:30px 0}
.polityka{max-width:1290px}
.polityka h1{font-family:var(--elms);font-size:var(--h1);line-height:1.105em;letter-spacing:-.04em;color:var(--tytul);margin:0 0 30px}
.polityka h2{font-size:var(--h2);line-height:1.13em;margin:60px 0 20px}
@media (max-width:1279px){.blog-uklad{gap:40px}.blog-lista{flex:1 1 auto}.boczny{flex:0 0 300px}}
@media (max-width:767px){
  .blog-wrap{padding:48px 0 65px}
  .blog-uklad{flex-direction:column;gap:60px}
  .blog-lista{flex:none;width:100%}
  .blog-zdj{margin-bottom:25px}
  .boczny{flex:none;width:100%;padding-left:0;border-left:0}
  .wpis-zdj,.wpis-tresc{margin-top:30px}
  .wpis-tresc p,.polityka p{margin-bottom:15px}
  .wpis-tresc hr{margin:45px auto}
}

/* ===================== ZGODY (cookies) ===================== */
.stopka-prawne{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:14px;line-height:20px}
.stopka-prawne a,.stopka-prawne button{color:var(--alt-tekst);text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:14px}
.stopka-prawne a:hover,.stopka-prawne button:hover{color:var(--alt-tytul)}
.link-zgody{color:#B4485A;text-decoration:underline;font:inherit}
.zgody-baner{position:fixed;left:24px;right:24px;bottom:24px;z-index:9000;display:flex;justify-content:center;pointer-events:none}
.zgody-baner-wn{pointer-events:auto;max-width:1100px;width:100%;background:#fff;border:1px solid var(--bd);box-shadow:0 10px 40px rgba(0,0,0,.12);padding:22px 26px;display:flex;gap:30px;align-items:center}
.zgody-tytul{font-family:var(--elms);font-size:var(--h6);line-height:1.265em;font-weight:500;color:var(--tytul)}
.zgody-tekst{font-size:14px;line-height:21px;color:#5F6265;margin-top:6px}
.zgody-tekst a{color:#B4485A;text-decoration:underline}
.zgody-akcje{display:flex;gap:10px;flex-shrink:0}
.zgody-btn{font-family:var(--elms);font-size:12px;line-height:18px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:12px 18px;border:1px solid var(--tytul);color:var(--tytul);background:#fff;transition:all .3s;min-height:44px}
.zgody-btn:hover{background:var(--tytul);color:#fff}
.zgody-btn.glowny{background:var(--tytul);color:#fff}
.zgody-btn.glowny:hover{background:#fff;color:var(--tytul)}
.zgody-btn.duch{border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.zgody-btn.duch:hover{background:transparent;color:var(--tekst)}
.zgody-okno{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px}
.zgody-okno[hidden],.zgody-baner[hidden],.zgody-ikona[hidden]{display:none!important}
.zgody-okno-dialog{background:#fff;max-width:600px;width:100%;max-height:calc(100vh - 40px);overflow:auto;padding:30px}
.zgody-okno-gora{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.zgody-zamknij{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:-10px -10px 0 0}
.zgody-zamknij svg{width:20px;height:20px;fill:var(--tytul)}
.zgody-opcja{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--bd);cursor:pointer}
.zgody-opcja input{width:18px;height:18px;margin:3px 0 0;flex-shrink:0;accent-color:var(--tytul)}
.zgody-opcja b{display:block;font-family:var(--elms);font-size:16px;font-weight:500;color:var(--tytul)}
.zgody-opcja span span{display:block;font-size:14px;line-height:21px;color:#5F6265;margin-top:2px}
.zgody-okno-dol{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--bd)}
.zgody-ikona{position:fixed;left:20px;bottom:20px;z-index:7998;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--tytul);border:1px solid var(--bd);box-shadow:0 4px 14px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;transition:transform .3s}
.zgody-ikona:hover{transform:translateY(-3px)}
.zgody-ikona svg{width:22px;height:22px}
@media (max-width:900px){.zgody-baner{left:12px;right:12px;bottom:12px}.zgody-baner-wn{flex-direction:column;align-items:stretch;gap:16px;padding:18px}.zgody-akcje{flex-wrap:wrap}.zgody-akcje .zgody-btn{flex:1 1 auto}}

/* większe pola dotyku bez zmiany wyglądu */
.naglowek-m .logo{display:block;padding:11px 0;margin:-11px 0}
.stopka-social a,.stopka-kol a.h6,.wpis-kafel .kategoria,.ostatni .kategoria,.kategoria-wiersz .kategoria,.stopka-prawne a,.stopka-prawne button,.stopka-menu a{display:inline-block;padding:11px 0;margin:-11px 0}
.wpis-kafel .kategoria{margin-top:12px}
.stopka-kol a.h6{align-self:flex-start}

/* O nas: tytuły wpisów w siatce krótsze i równe (21.10, jego prośba) */
.wpis-kafel .h4{font-size:22px;line-height:1.27em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media (max-width:767px){.wpis-kafel .h4{font-size:20px}}

/* hero na telefonie bez dolnych napisów (21.10, jego prośba) */
@media (max-width:767px){.hero-dol{display:none}.hero{padding-bottom:40px}}

/* kreska pod etykietą zawsze odrobinę dłuższa niż tekst (21.10, jego prośba) */
.kreska{display:none}
.etykieta{width:fit-content}
.etykieta::after{content:"";display:block;height:2px;background:var(--roz);margin:4px -2px 0 0}
.dlaczego .etykieta,.zespol-glowa .etykieta,.of-glowa .etykieta,.of-faq-glowa .etykieta,.on-wpisy-glowa .etykieta{margin-left:auto;margin-right:auto}
.dlaczego .etykieta::after,.zespol-glowa .etykieta::after,.of-glowa .etykieta::after,.of-faq-glowa .etykieta::after,.on-wpisy-glowa .etykieta::after{margin:4px -2px 0}

/* korzyści na telefonie: prosty układ jeden pod drugim (21.10, jego prośba) */
@media (max-width:767px){
  .korzysc{grid-template-columns:1fr auto;column-gap:15px;row-gap:20px}
  .korzysc-nr{grid-column:1;grid-row:1;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}
  .korzysc-nr .numer{line-height:1}
  .korzysc-ikona{grid-column:2;grid-row:1;align-items:center}
  .korzysc-zdj{grid-column:1/-1;grid-row:2;padding-left:0}
  .korzysc-zdj img{aspect-ratio:3/2}
  .korzysc-lista{grid-column:1/-1;grid-row:3;gap:12px}
}

/* hero na telefonie i tablecie mieści się na ekranie pod nagłówkiem (21.10) */
@media (max-width:1279px){.hero{min-height:calc(100vh - 58px);min-height:calc(100svh - 58px)}}
@media (max-width:767px){.zgody-ikona{left:auto;right:16px;bottom:76px;width:40px;height:40px}.do-gory{right:16px}}
@media (max-width:1279px){.naglowek-m .logo img{height:27px}}
/* karta właścicielki przykleja się pod menu, nie pod nim (jak na WP: top 60px) */
@media (min-width:1280px){.zespol-wl{top:60px}}

/* ===== ZGODY: wygląd jak reszta strony (21.10, jego prośba) ===== */
.zgody-baner{left:0;right:0;bottom:0}
.zgody-baner-wn{max-width:none;background:var(--ciemne);border:0;border-top:1px solid var(--ciemne-bd);box-shadow:none;padding:28px 70px;gap:50px}
.zgody-tytul{font-size:var(--h5);line-height:1.215em;letter-spacing:-.02em;font-weight:400;color:var(--alt-tytul)}
.zgody-baner .zgody-tekst{font-size:15px;line-height:24px;color:var(--alt-tekst);margin-top:8px;max-width:760px}
.zgody-baner .zgody-tekst a{color:var(--alt-tytul)}
.zgody-baner .zgody-tekst a:hover{color:var(--roz)}
.zgody-akcje{gap:12px;align-items:center}
.zgody-btn{font-family:var(--elms);font-size:13px;line-height:19px;font-weight:600;letter-spacing:.1em;padding:15px 30px;border:1px solid var(--roz);background:transparent;color:var(--tytul);min-height:44px}
.zgody-btn.glowny{background:var(--roz);border-color:var(--roz);color:#fff}
.zgody-btn.glowny:hover{background:transparent;color:var(--tytul);border-color:var(--tytul)}
.zgody-btn:not(.glowny):not(.duch){border-color:var(--tytul)}
.zgody-btn:not(.glowny):not(.duch):hover{background:var(--tytul);color:#fff}
.zgody-baner .zgody-btn.glowny:hover{color:var(--alt-tytul);border-color:var(--alt-tytul)}
.zgody-baner .zgody-btn:not(.glowny):not(.duch){border-color:var(--alt-tytul);color:var(--alt-tytul)}
.zgody-baner .zgody-btn:not(.glowny):not(.duch):hover{background:var(--alt-tytul);color:var(--tytul)}
.zgody-btn.duch{border-color:transparent;background:transparent;color:var(--tytul);text-decoration:underline;text-underline-offset:4px;padding-left:10px;padding-right:10px}
.zgody-baner .zgody-btn.duch{color:var(--alt-tytul)}
.zgody-btn.duch:hover{background:transparent;color:var(--roz)}
.zgody-okno{background:rgba(23,23,23,.7)}
.zgody-okno-dialog{padding:45px 40px;border-radius:0}
.zgody-okno-dialog .h4{margin-bottom:10px}
.zgody-okno .zgody-tekst{font-size:15px;line-height:24px;color:var(--tekst)}
.zgody-opcja{padding:20px 0}
.zgody-opcja input{accent-color:var(--roz)}
.zgody-opcja b{font-size:var(--h6);line-height:1.265em;letter-spacing:-.01em}
.zgody-opcja span span{font-size:15px;line-height:24px;color:var(--tekst)}
.zgody-okno-dol{gap:12px;align-items:center}
.zgody-ikona{border-radius:0;background:var(--ciemne2);color:var(--alt-tytul);border:0;box-shadow:none;width:2.8rem;height:2.8rem;left:2em;bottom:2em}
.zgody-ikona:hover{transform:translateY(-5px)}
.zgody-ikona svg{width:20px;height:20px}
@media (max-width:1279px){.zgody-baner-wn{padding:24px 30px;gap:30px}}
@media (max-width:900px){.zgody-baner{left:0;right:0;bottom:0}.zgody-baner-wn{flex-direction:column;align-items:stretch;gap:18px;padding:22px 20px}.zgody-akcje{flex-wrap:wrap}.zgody-akcje .zgody-btn{flex:1 1 auto}.zgody-akcje .zgody-btn.duch{flex:0 0 100%}}
@media (max-width:767px){.zgody-okno-dialog{padding:30px 20px}.zgody-ikona{left:auto;right:16px;bottom:76px;width:40px;height:40px}}

/* ===== POLITYKI w stylu strony (21.10, jego prośba) ===== */
.pr-glowa{padding:150px 70px 90px}
.pr-wn{max-width:850px;margin:0 auto}
.pr-glowa .h1{margin-top:21px}
.pr-tresc{max-width:850px;width:calc(100% - 2*var(--sek-x));margin:0 auto;padding:80px 0 var(--sek-y)}
.pr-tresc .prawne>p:first-child{font-family:var(--elms);font-size:var(--h6);line-height:1.5em;letter-spacing:-.01em;color:var(--tytul);margin-bottom:10px}
.pr-tresc.polityka h2{font-size:var(--h4);line-height:1.215em;letter-spacing:-.02em;margin:50px 0 18px;padding-top:45px;border-top:1px solid var(--bd)}
.pr-tresc.polityka h3{font-size:var(--h5);line-height:1.215em;margin:30px 0 12px}
.pr-tresc.polityka p{margin:0 0 18px}
.pr-tresc.polityka ol,.pr-tresc.polityka ul{margin:0 0 18px;padding-left:1.3em}
.pr-tresc.polityka li{margin:0 0 8px;padding-left:4px}
.pr-tresc.polityka li::marker{color:var(--roz);font-weight:600}
.pr-tresc.polityka strong{color:var(--tytul);font-weight:600}
.pr-tresc.polityka a,.pr-tresc .link-zgody{color:var(--tytul);text-decoration:underline;text-decoration-color:var(--roz);text-decoration-thickness:2px;text-underline-offset:3px}
.pr-tresc.polityka a:hover,.pr-tresc .link-zgody:hover{color:var(--roz)}
.pr-tresc .prawne-data{margin-top:50px;padding-top:25px;border-top:1px solid var(--bd);font-size:14px;color:var(--meta)}
@media (max-width:1279px){.pr-glowa{padding:95px 30px 60px}.pr-tresc{padding-top:60px}}
@media (max-width:767px){.pr-glowa{padding:65px 20px 45px}.pr-tresc{padding-top:40px}.pr-tresc.polityka h2{margin-top:35px;padding-top:30px}}
/* polityki bez szarego tła */
.pr-glowa{padding-bottom:0}
.pr-tresc{padding-top:60px}
@media (max-width:767px){.pr-tresc{padding-top:35px}}

/* etykiety: tekst wjeżdża, kreska rysuje się od lewej (od środka przy wyśrodkowanych) – 21.10 */
.js .etykieta::after{transform:scaleX(0);transform-origin:left center;transition:transform .9s cubic-bezier(.23,1,.32,1) .35s}
.js .etykieta.wszedl::after{transform:scaleX(1)}
.dlaczego .etykieta::after,.zespol-glowa .etykieta::after,.of-glowa .etykieta::after,.of-faq-glowa .etykieta::after,.on-wpisy-glowa .etykieta::after{transform-origin:center}
@media (prefers-reduced-motion:reduce){.js .etykieta::after{transform:none;transition:none}}

/* ===== DODATKOWE ANIMACJE (21.10, minimalistyczne) ===== */
/* hero: zdjęcie powoli się oddala przy wejściu */
.hero{overflow:hidden;background-image:none!important}
.hero-tlo{position:absolute;inset:0;background-size:cover;background-position:inherit;z-index:0;transform:scale(1.08);transition:transform 2.6s cubic-bezier(.22,1,.36,1)}
.hero::before{z-index:1}
.hero>*:not(.hero-tlo){z-index:2}
.hero.wszedl .hero-tlo{transform:scale(1)}
@media (max-width:1279px){.hero-tlo{background-position:34% center}}
@media (max-width:767px){.hero-tlo{background-position:36% center}}
/* zdjęcia odsłaniają się od dołu, w środku lekko się oddalają */
.obraz-ramka{display:block;overflow:hidden;width:100%;height:100%}
.of-karta>.obraz-ramka,.of-tryb>.obraz-ramka{height:auto}
.of-karta>.obraz-ramka{height:100%}
.of-tryb>.obraz-ramka{width:300px;flex-shrink:0}
.js [data-anim="odslon"]{opacity:1;clip-path:inset(100% 0 0 0);transition:clip-path 1.3s cubic-bezier(.77,0,.18,1)}
.js [data-anim="odslon"].wszedl{animation:none;clip-path:inset(0 0 0 0)}
.js .odslon img{transform:scale(1.12);transition:transform 1.8s cubic-bezier(.22,1,.36,1)}
.js .odslon.wszedl img{transform:scale(1)}
.js .liczby-zdj[data-anim="odslon"]{background-size:112% auto;transition:clip-path 1.3s cubic-bezier(.77,0,.18,1),background-size 1.8s cubic-bezier(.22,1,.36,1)}
.js .liczby-zdj.wszedl{background-size:cover}
/* zdjęcia zespołu: delikatne przybliżenie po najechaniu */
.przybliz img{transition:transform .9s cubic-bezier(.19,1,.22,1)}
.przybliz:hover img{transform:scale(1.04)}
/* menu i stopka: cienka różowa kreska po najechaniu */
.menu a,.stopka-menu a{position:relative}
.menu a::after,.stopka-menu a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--roz);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.stopka-menu a::after{bottom:9px}
.menu a:hover::after,.stopka-menu a:hover::after{transform:scaleX(1)}
@media (max-width:767px){.of-tryb>.obraz-ramka{width:100%}}
@media (prefers-reduced-motion:reduce){.hero-tlo,.js .odslon img{transform:none!important;transition:none!important}.js [data-anim="odslon"]{clip-path:none!important}}

/* „Czytaj więcej”: płynne rozwijanie i zwijanie (21.10) */
.zespol-opis .zespol-tekst{transition:max-height .7s cubic-bezier(.4,0,.2,1)}
.zespol-opis.ruch .zespol-tekst,.zespol-opis.otwarte .zespol-tekst{-webkit-mask-image:none;mask-image:none}
.zespol-opis.otwarte .zespol-tekst{max-height:none}
/* ramka przybliżenia nie może zmieniać układu */
.przybliz{height:auto}
.on-osoba-lewa .przybliz{width:200px;height:200px;flex-shrink:0;margin-top:5px}
.on-osoba-lewa .przybliz img{margin-top:0;width:100%;height:100%}
@media (max-width:1279px){.on-osoba-lewa .przybliz{width:160px;height:160px}}
@media (max-width:767px){.on-osoba-lewa .przybliz{width:100%;height:auto;margin-top:0}.on-osoba-lewa .przybliz img{height:auto}}

/* ===== BLOKADA NA BARDZO DUŻE MONITORY (21.10): do 1920 px bez zmian; szerzej treść zostaje jak przy 1920 (1780 px na środku), tła dalej na cały ekran ===== */
@media (min-width:1921px){
  :root{--b:calc((100% - 1780px)/2)}
  .naglowek,.stopka-wiersz,.hero,.sekcja,.uslugi,.zespol,.cytat,.etap,.cta,.on-hero,.on-zespol-glowa,.on-zespol,.on-wpisy,.of-faq,.of-formularz,.ko-linia,.pr-glowa,.zgody-baner-wn{padding-left:var(--b);padding-right:var(--b)}
  .of-hero-tekst{padding-right:calc(var(--b) + 29px)}
  .pasek-tekst .pasek-grupa span{font-size:232.32px}
  .pasek-tekst .pasek-grupa i{width:21.12px;height:21.12px;margin:0 69.12px}
  .hero-tytul{font-size:169.92px;margin:-19.2px 0 -19.2px -9.6px}
  .hero-pod{padding-right:299.52px}
  .osoba{width:384px}
  .zespol-wl .osoba{width:499.2px}
  .on-licznik .liczba{font-size:120.96px}
  .on-osoba-lewa,.on-osoba-prawa{gap:105.6px}
}

/* ===== Aktualności: kolumna boczna jedzie razem z przewijaniem (22.10, jak Urios/Regina), gdy stoi obok listy ===== */
@media (min-width:768px){.boczny{position:sticky;top:var(--boczny-top,96px)}}