@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("fonty/hanken-grotesk-300-800-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("fonty/hanken-grotesk-300-800-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 {
  --zielen: #0f3d2a;
  --zielen-2: #15493a;
  --zielen-ciemna: #0a2c1e;
  --zielen-linia: #2c5c49;
  --zielen-jasna: #a8d0ba;
  --zielen-tlo: #e9f0ec;
  --granat: #14213d;
  --czern: #111111;
  --tlo: #ffffff;
  --tlo-2: #f4f6f5;
  --tekst: #1a1f1c;
  --cichy: #55605a;
  --na-ciemnym: #cfe0d6;
  --linia: #dde3df;
  --blad: #b7322b;
  --font: "Hanken Grotesk", system-ui, sans-serif;
}
*:not(.wyspa *),
*:not(.wyspa *)::before,
*:not(.wyspa *)::after { box-sizing: border-box; }
html:not(.wyspa *) { scroll-behavior: smooth; scroll-padding-top: 88px; -webkit-text-size-adjust: 100%; }
body:not(.wyspa *) { margin: 0; background: var(--tlo); color: var(--tekst); font: 400 17px/1.65 var(--font); -webkit-font-smoothing: antialiased; }
svg:not(.wyspa *) { display: block; }
a:not(.wyspa *) { color: inherit; }
h1:not(.wyspa *),
h2:not(.wyspa *),
h3:not(.wyspa *) { margin: 0; line-height: 1.12; font-weight: 650; letter-spacing: -.01em; color: var(--czern); }
p:not(.wyspa *) { margin: 0; }
.w:not(.wyspa *) { width: 100%; max-width: 1180px; margin: 0 auto; padding-inline: clamp(16px, 4vw, 40px); }
.wizualnie-ukryte:not(.wyspa *),
.pulapka:not(.wyspa *) {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.pulapka:not(.wyspa *) { left: -9999px; }
.pomin:not(.wyspa *) { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--zielen); color: #fff; padding: 10px 16px; font-weight: 600; text-decoration: none; }
.pomin:focus:not(.wyspa *) { top: 12px; }
:focus-visible:not(.wyspa *) { outline: 2px solid var(--granat); outline-offset: 3px; }
.pasek :focus-visible:not(.wyspa *),
.ciemna :focus-visible:not(.wyspa *),
.stopka :focus-visible:not(.wyspa *) { outline-color: #fff; }
.nadtytul:not(.wyspa *) { font-size: 13px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; color: var(--zielen); margin-bottom: 12px; }
.brak:not(.wyspa *) { padding: 1px 6px; border: 1px dashed currentColor; font-size: .88em; opacity: .8; }
.przycisk:not(.wyspa *) {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 0 24px; border: 1.5px solid var(--zielen); border-radius: 2px;
  background: var(--zielen); color: #fff; font: 600 16px/1 var(--font); text-decoration: none; cursor: pointer;
  transition: background-color .2s, border-color .2s, color .2s;
}
.przycisk svg:not(.wyspa *) { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.przycisk:hover:not(.wyspa *) { background: var(--zielen-ciemna); border-color: var(--zielen-ciemna); }
.przycisk-jasny:not(.wyspa *) { background: transparent; border-color: var(--czern); color: var(--czern); }
.przycisk-jasny:hover:not(.wyspa *) { background: var(--czern); border-color: var(--czern); color: #fff; }
.przycisk-maly:not(.wyspa *) { min-height: 44px; padding: 0 18px; font-size: 15px; }
.pasek:not(.wyspa *) { background: var(--zielen); color: var(--na-ciemnym); font-size: 14px; }
.pasek-w:not(.wyspa *) { display: flex; gap: 28px; align-items: center; min-height: 40px; }
.pasek a:not(.wyspa *) { color: #fff; font-weight: 600; text-decoration: none; }
.pasek a:hover:not(.wyspa *) { text-decoration: underline; }
.pasek-prawa:not(.wyspa *) { margin-left: auto; }
.naglowek:not(.wyspa *) { position: sticky; top: 0; z-index: 40; background: #fff; border-bottom: 1px solid var(--linia); }
.naglowek-w:not(.wyspa *) { display: flex; align-items: center; gap: 28px; min-height: 80px; }
.logo:not(.wyspa *) { display: flex; align-items: center; gap: 14px; text-decoration: none; margin-right: auto; }
.logo-znak:not(.wyspa *) { width: auto; height: 54px; }
.logo-obraz:not(.wyspa *) { display: block; width: auto; height: 58px; }
.logo-tekst:not(.wyspa *) { display: flex; flex-direction: column; font-weight: 500; font-size: 25px; line-height: 1; letter-spacing: .26em; color: var(--czern); white-space: nowrap; }
.logo-tekst small:not(.wyspa *) { margin-top: 8px; padding-top: 7px; border-top: 1px solid var(--zielen); font-size: 10.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--czern); }
.menu:not(.wyspa *) { display: flex; gap: 4px; }
.menu a:not(.wyspa *) { padding: 10px 13px; border-radius: 2px; text-decoration: none; font-weight: 500; font-size: 16px; color: var(--tekst); transition: background-color .15s, color .15s; }
.menu a:hover:not(.wyspa *) { background: var(--tlo-2); color: var(--zielen); }
.menu-przycisk:not(.wyspa *) { display: none; }
.hero:not(.wyspa *) { background: var(--tlo); padding: clamp(56px, 8vw, 104px) 0; border-bottom: 1px solid var(--linia); }
.hero-w:not(.wyspa *) { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(32px, 6vw, 88px); align-items: center; }
.hero h1:not(.wyspa *) { font-size: clamp(38px, 5.4vw, 68px); line-height: 1.04; max-width: 12ch; }
.hero-lead:not(.wyspa *) { margin-top: 24px; max-width: 34em; font-size: clamp(17px, 1.4vw, 19px); color: var(--cichy); }
.akcje:not(.wyspa *) { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 12px; }
.hero-rysunek:not(.wyspa *) { width: 100%; max-width: 400px; height: auto; justify-self: end; overflow: hidden; }
.hero-rysunek path:not(.wyspa *) { fill: none; }
.r-rama:not(.wyspa *) { stroke: var(--czern); stroke-width: 3; }
.r-skrzydlo:not(.wyspa *) { stroke: var(--czern); stroke-width: 1.5; }
.r-szyba:not(.wyspa *) { stroke: var(--linia); stroke-width: 1.5; }
.r-klamka:not(.wyspa *) { stroke: var(--czern); stroke-width: 5; stroke-linecap: round; }
.r-parapet:not(.wyspa *) { stroke: var(--czern); stroke-width: 2; fill: #fff !important; }
.r-lisc path:first-child:not(.wyspa *) { stroke: var(--zielen); stroke-width: 2; }
.r-lisc path:last-child:not(.wyspa *) { fill: var(--zielen) !important; opacity: .9; }
.fakty:not(.wyspa *) { background: var(--tlo-2); border-bottom: 1px solid var(--linia); }
.fakty-w:not(.wyspa *) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fakty-w div:not(.wyspa *) { padding: 28px 28px 28px 0; display: flex; flex-direction: column; gap: 4px; }
.fakty-w div + div:not(.wyspa *) { padding-left: 28px; border-left: 1px solid var(--linia); }
.fakty strong:not(.wyspa *) { font-size: 23px; font-weight: 650; color: var(--zielen); line-height: 1.2; }
.fakty span:not(.wyspa *) { font-size: 15px; color: var(--cichy); }
.sekcja:not(.wyspa *) { padding: clamp(64px, 8vw, 104px) 0; }
.sekcja h2:not(.wyspa *) { font-size: clamp(29px, 3.4vw, 42px); max-width: 22ch; }
.sekcja-lead:not(.wyspa *) { margin-top: 14px; max-width: 40em; color: var(--cichy); font-size: 18px; }
.szara:not(.wyspa *) { background: var(--tlo-2); }
.ciemna:not(.wyspa *) { background: var(--zielen); color: #fff; }
.ciemna h2:not(.wyspa *),
.ciemna h3:not(.wyspa *) { color: #fff; }
.ciemna .nadtytul:not(.wyspa *) { color: var(--zielen-jasna); }
.karty:not(.wyspa *) { margin-top: 44px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.karta:not(.wyspa *) { border: 1px solid var(--linia); border-radius: 2px; background: #fff; overflow: hidden; }
.karta img:not(.wyspa *) { display: block; width: 100%; height: auto; border-bottom: 1px solid var(--linia); }
.karta-tresc:not(.wyspa *) { padding: 22px 24px 26px; }
.karta h3:not(.wyspa *) { font-size: 20px; }
.karta p:not(.wyspa *) { margin-top: 10px; font-size: 16px; color: var(--cichy); }
.oferta-zapraszamy:not(.wyspa *) { margin-top: 36px; max-width: 46em; font-size: 18px; color: var(--tekst); }
.kroki:not(.wyspa *) { list-style: none; margin: 44px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; counter-reset: krok; }
.kroki li:not(.wyspa *) { counter-increment: krok; padding: 24px 22px 26px; border: 1px solid var(--zielen-linia); border-radius: 2px; background: var(--zielen-2); }
.kroki li:not(.wyspa *)::before { content: counter(krok); display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #fff; color: var(--zielen); font-weight: 700; margin-bottom: 18px; }
.kroki h3:not(.wyspa *) { font-size: 19px; }
.kroki p:not(.wyspa *) { margin-top: 8px; font-size: 15.5px; color: var(--na-ciemnym); }
.o-nas:not(.wyspa *) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.o-nas-tekst:not(.wyspa *) { display: grid; gap: 16px; font-size: 18px; color: var(--cichy); padding-top: 6px; }
.realizacje:not(.wyspa *) { list-style: none; margin: 36px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.ramka:not(.wyspa *) { display: grid; place-items: center; aspect-ratio: 4 / 3; padding: 16px; border: 1px dashed #9aa7a0; border-radius: 2px; background: #fff; color: var(--cichy); font-size: 14.5px; text-align: center; }
.realizacja-pytanie a:not(.wyspa *) {
  display: flex; flex-direction: column; justify-content: center; gap: 10px; aspect-ratio: 4 / 3; padding: 20px;
  background: var(--zielen); border-radius: 2px; color: #fff; text-decoration: none; transition: background-color .2s;
}
.realizacja-pytanie a:hover:not(.wyspa *) { background: var(--zielen-ciemna); }
.realizacja-pytanie strong:not(.wyspa *) { font-size: 22px; font-weight: 650; line-height: 1.15; }
.realizacja-pytanie span:not(.wyspa *) { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--zielen-jasna); }
.realizacja-pytanie svg:not(.wyspa *) { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.kontakt:not(.wyspa *) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.kontakt-dane > *:not(.wyspa *) { display: block; }
.kontakt-dane > p:not(.nadtytul):not(.wyspa *) { margin-top: 14px; color: var(--cichy); max-width: 30em; }
.kontakt-tel:not(.wyspa *) { width: fit-content; margin-top: 24px; font-size: clamp(30px, 3.6vw, 44px); font-weight: 700; line-height: 1.2; color: var(--zielen); text-decoration: none; white-space: nowrap; }
.kontakt-tel-2:not(.wyspa *) { margin-top: 2px; }
.kontakt-tel:hover:not(.wyspa *) { color: var(--zielen-ciemna); text-decoration: underline; text-underline-offset: 5px; }
.kontakt-mail:not(.wyspa *) { width: fit-content; margin-top: 12px; font-size: 18px; font-weight: 600; color: var(--tekst); text-underline-offset: 3px; overflow-wrap: anywhere; }
.kontakt-mail:hover:not(.wyspa *) { color: var(--zielen); }
.kontakt-dane .adres:not(.wyspa *),
.kontakt-dane .godziny:not(.wyspa *) { margin-top: 18px; color: var(--tekst); }
.link:not(.wyspa *) { width: fit-content; margin-top: 12px; color: var(--zielen); font-weight: 600; text-underline-offset: 3px; }
.formularz:not(.wyspa *) { background: var(--tlo-2); border: 1px solid var(--linia); border-radius: 2px; padding: clamp(22px, 3vw, 34px); display: flex; flex-direction: column; gap: 18px; }
.wybor:not(.wyspa *) { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.wybor legend:not(.wyspa *) { float: left; width: 100%; padding: 0; margin-bottom: 8px; font-size: 15px; font-weight: 600; }
.wybor label:not(.wyspa *) { position: relative; flex: 1 1 140px; cursor: pointer; }
.wybor input:not(.wyspa *) { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.wybor span:not(.wyspa *) { display: grid; place-items: center; min-height: 48px; border: 1.5px solid #7d8a83; border-radius: 2px; background: #fff; font-weight: 600; }
.wybor input:checked + span:not(.wyspa *) { background: var(--zielen); border-color: var(--zielen); color: #fff; }
.wybor input:focus-visible + span:not(.wyspa *) { outline: 2px solid var(--granat); outline-offset: 3px; }
.pola-rzad:not(.wyspa *) { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.pole:not(.wyspa *) { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pole label:not(.wyspa *) { font-size: 15px; font-weight: 600; }
.opc:not(.wyspa *) { font-weight: 400; color: var(--cichy); }
.pole input:not(.wyspa *),
.pole textarea:not(.wyspa *) {
  width: 100%; border: 1px solid #7d8a83; border-radius: 2px; padding: 12px 14px;
  font: 400 17px/1.4 var(--font); color: var(--tekst); background: #fff;
}
.pole textarea:not(.wyspa *) { resize: vertical; min-height: 90px; }
.pole input:focus:not(.wyspa *),
.pole textarea:focus:not(.wyspa *) { outline: none; border-color: var(--zielen); box-shadow: 0 0 0 3px rgba(15, 61, 42, .18); }
.pole.blad input:not(.wyspa *) { border-color: var(--blad); }
.pole.blad label:not(.wyspa *) { color: var(--blad); }
.zgoda:not(.wyspa *) { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; font-size: 14px; line-height: 1.5; color: var(--cichy); cursor: pointer; }
.zgoda input:not(.wyspa *) { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--zielen); }
.zgoda.blad:not(.wyspa *) { color: var(--blad); }
.zgoda a:not(.wyspa *) { color: var(--zielen); }
.formularz .przycisk:not(.wyspa *) { align-self: flex-start; }
.formularz-blad:not(.wyspa *) { margin: 0; padding: 12px 14px; border-radius: 2px; background: #fbeceb; color: var(--blad); font-size: 15px; }
.formularz-ok:not(.wyspa *) { margin: 0; padding: 14px 16px; border-radius: 2px; background: var(--zielen-tlo); color: var(--zielen); font-size: 15px; }
.stopka:not(.wyspa *) { background: var(--zielen-ciemna); color: var(--na-ciemnym); font-size: 15px; }
.stopka-w:not(.wyspa *) { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 32px; padding-block: 56px 40px; }
.stopka-logo:not(.wyspa *) { display: inline-flex; align-items: center; gap: 14px; margin-bottom: 22px; padding: 12px 18px 12px 14px; background: #fff; border-radius: 2px; }
.stopka-logo img:not(.wyspa *) { display: block; width: auto; height: 56px; }
.stopka-logo span:not(.wyspa *) { display: flex; flex-direction: column; font-weight: 500; font-size: 22px; line-height: 1; letter-spacing: .26em; color: var(--czern); }
.stopka-logo small:not(.wyspa *) { margin-top: 7px; padding-top: 6px; border-top: 1px solid var(--zielen); font-size: 9.5px; letter-spacing: .2em; text-transform: uppercase; }
.dane:not(.wyspa *) { margin: 0; max-width: 460px; border-top: 1px solid var(--zielen-linia); }
.dane div:not(.wyspa *) { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--zielen-linia); }
.dane dt:not(.wyspa *) { font-size: 13px; color: #9dbbaa; }
.dane dd:not(.wyspa *) { margin: 0; color: #fff; overflow-wrap: anywhere; }
.stopka .dane a:not(.wyspa *) { color: #fff; }
.stopka-naglowek:not(.wyspa *) { font-size: 13px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; color: var(--zielen-jasna); margin-bottom: 12px; }
.stopka ul:not(.wyspa *) { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.stopka a:not(.wyspa *) { color: var(--na-ciemnym); text-decoration: none; }
.stopka a:hover:not(.wyspa *) { color: #fff; text-decoration: underline; }
.stopka-dol:not(.wyspa *) { padding-block: 18px; border-top: 1px solid var(--zielen-linia); font-size: 14px; }
.dokument:not(.wyspa *) { padding: clamp(48px, 7vw, 88px) 0; }
.dokument .w:not(.wyspa *) { max-width: 800px; }
.dokument h1:not(.wyspa *) { font-size: clamp(32px, 4.4vw, 48px); margin-bottom: 28px; }
.dokument h2:not(.wyspa *) { font-size: 21px; margin: 32px 0 8px; }
.dokument p:not(.wyspa *) { color: var(--tekst); }
.dokument a:not(.wyspa *) { color: var(--zielen); }
.blad404:not(.wyspa *) { padding: clamp(64px, 10vw, 140px) 0; }
.blad404 h1:not(.wyspa *) { font-size: clamp(34px, 5vw, 56px); margin-bottom: 14px; }
.blad404 p:not(.nadtytul):not(.wyspa *) { color: var(--cichy); margin-bottom: 28px; }
@media (max-width: 1080px) {
.logo-tekst small:not(.wyspa *) { display: none; }
.logo-tekst:not(.wyspa *) { font-size: 22px; }
}
@media (max-width: 980px) {
.karty:not(.wyspa *) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kroki:not(.wyspa *) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kontakt:not(.wyspa *),
.o-nas:not(.wyspa *) { grid-template-columns: 1fr; }
.realizacje:not(.wyspa *) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
.menu-przycisk:not(.wyspa *) {
    display: grid; place-content: center; gap: 6px; width: 44px; height: 44px; padding: 0;
    background: #fff; border: 1px solid var(--linia); border-radius: 2px; cursor: pointer;
  }
.menu-przycisk i:not(.wyspa *) { display: block; width: 18px; height: 2px; background: var(--czern); transition: transform .2s; }
.menu-przycisk[aria-expanded="true"] i:first-of-type:not(.wyspa *) { transform: translateY(4px) rotate(45deg); }
.menu-przycisk[aria-expanded="true"] i:last-of-type:not(.wyspa *) { transform: translateY(-4px) rotate(-45deg); }
.naglowek-w:not(.wyspa *) { gap: 10px; min-height: 68px; }
html.js .menu:not(.wyspa *) { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; gap: 0; background: #fff; border-bottom: 1px solid var(--linia); }
html.js .menu.otwarte:not(.wyspa *) { display: flex; }
html.js .menu a:not(.wyspa *) { border-radius: 0; padding: 16px clamp(16px, 4vw, 40px); border-top: 1px solid var(--linia); }
html:not(.js) .naglowek-w:not(.wyspa *) { flex-wrap: wrap; padding-block: 10px; }
html:not(.js) .menu:not(.wyspa *) { order: 3; width: 100%; flex-wrap: wrap; }
html:not(.js) .menu-przycisk:not(.wyspa *) { display: none; }
html:not(.js) .naglowek:not(.wyspa *) { position: static; }
.pasek-prawa:not(.wyspa *) { display: none; }
}
@media (max-width: 760px) {
.hero-w:not(.wyspa *) { grid-template-columns: 1fr; }
.hero-rysunek:not(.wyspa *) { display: none; }
}
@media (max-width: 640px) {
body:not(.wyspa *) { font-size: 16px; }
.pasek-w:not(.wyspa *) { gap: 16px; font-size: 13px; }
.fakty-w:not(.wyspa *) { grid-template-columns: 1fr; }
.fakty-w div:not(.wyspa *) { padding: 18px 0; }
.fakty-w div + div:not(.wyspa *) { padding-left: 0; border-left: 0; border-top: 1px solid var(--linia); }
.karty:not(.wyspa *),
.kroki:not(.wyspa *),
.pola-rzad:not(.wyspa *) { grid-template-columns: 1fr; }
.realizacje:not(.wyspa *) { gap: 14px; }
.realizacja-pytanie strong:not(.wyspa *) { font-size: 19px; }
.realizacja-pytanie a:not(.wyspa *) { padding: 14px; }
.realizacja-pytanie span:not(.wyspa *) { font-size: 14.5px; gap: 6px; white-space: nowrap; }
.dane div:not(.wyspa *) { grid-template-columns: 96px minmax(0, 1fr); }
.logo-znak:not(.wyspa *) { height: 44px; }
.logo-obraz:not(.wyspa *) { height: 44px; }
.logo-tekst:not(.wyspa *) { font-size: 19px; letter-spacing: .2em; }
.stopka-w:not(.wyspa *) { grid-template-columns: 1fr 1fr; }
.stopka-w > div:first-child:not(.wyspa *) { grid-column: 1 / -1; }
.stopka ul:not(.wyspa *) { gap: 0; }
.stopka ul a:not(.wyspa *) { display: inline-block; padding-block: 12px; }
.dane a:not(.wyspa *) { display: inline-block; padding-block: 10px; margin-block: -10px; }
.akcje .przycisk:not(.wyspa *),
.formularz .przycisk:not(.wyspa *) { width: 100%; }
}
@media (max-width: 420px) {
.naglowek-cta:not(.wyspa *) { padding: 0 12px; font-size: 14px; }
.logo-obraz:not(.wyspa *) { height: 36px; }
.pasek-w span:not(.wyspa *) { display: none; }
.logo-tekst:not(.wyspa *) { font-size: 17px; letter-spacing: .14em; }
}
@media (prefers-reduced-motion: reduce) {
html:not(.wyspa *) { scroll-behavior: auto; }
*:not(.wyspa *),
*:not(.wyspa *)::before,
*:not(.wyspa *)::after { transition: none !important; }
}
.karta-link:not(.wyspa *) { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; min-height: 44px; font-weight: 600; color: var(--zielen); text-underline-offset: 4px; }
.karta-link svg:not(.wyspa *) { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.kontakt-biuro:not(.wyspa *) { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: clamp(22px, 3vw, 34px); background: #fff; border: 1px solid var(--linia); border-radius: 2px; }
.kontakt-biuro .kontakt-tel:not(.wyspa *) { margin-top: 6px; font-size: clamp(28px, 3vw, 38px); }
.kontakt-biuro .kontakt-tel-2:not(.wyspa *) { margin-top: 0; }
.kontakt .o-nas-tekst:not(.wyspa *) { margin-top: 20px; }
.kontakt-biuro a:not(.wyspa *) { display: inline-flex; align-items: center; min-height: 44px; }
.ciemna h2:not(.wyspa *) { max-width: none; }
.pas-realizacje:not(.wyspa *) { border-top: 1px solid var(--linia); padding: clamp(36px, 5vw, 56px) 0; }
.pas-realizacje .w:not(.wyspa *) { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 32px; }
.pas-realizacje h2:not(.wyspa *) { font-size: clamp(24px, 2.6vw, 32px); }
.pas-realizacje p:not(.wyspa *) { flex: 1 1 22em; color: var(--cichy); }
.pas-realizacje .brak:not(.wyspa *) { white-space: nowrap; }
.kontakt-biuro h3:not(.wyspa *) { font-size: 22px; }
.kontakt-biuro .adres:not(.wyspa *),
.kontakt-biuro .godziny:not(.wyspa *),
.kontakt-biuro .link:not(.wyspa *) { margin-top: 0; }
.menu a:not(.wyspa *),
.naglowek-cta:not(.wyspa *) { white-space: nowrap; }
.pasek-dolny:not(.wyspa *) { display: none; }
@media (max-width: 640px) {
.pasek-dolny:not(.wyspa *) { position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid var(--linia); }
.pasek-dolny .przycisk:not(.wyspa *) { min-height: 48px; padding: 0 10px; }
.pasek-dolny:not(.wyspa *) { transition: transform .2s ease; }
.pasek-dolny.schowany:not(.wyspa *) { transform: translateY(110%); }
body:not(.wyspa *) { padding-bottom: 66px; }
.naglowek-cta:not(.wyspa *) { display: none !important; }
.logo-obraz:not(.wyspa *) { height: 50px !important; }
html:not(.wyspa *) { scroll-padding-bottom: 72px; }
}
.pasek a:not(.wyspa *) { display: inline-flex; align-items: center; min-height: 44px; }
.menu-tel:not(.wyspa *) { display: none; }
@media (max-width: 1100px) {
.menu .menu-tel:not(.wyspa *) { display: block; font-weight: 650; color: var(--zielen); }
}
.hero:not(.wyspa *) { overflow: hidden; }
.ciemna:not(.wyspa *) { position: relative; overflow: hidden; }
.etapy:not(.wyspa *) { position: relative; margin-top: 44px; }
.etapy-lisc:not(.wyspa *) { position: absolute; right: -4%; top: -150px; width: min(56%, 640px); height: auto; fill: none; stroke: #fff; stroke-width: 1.5; opacity: .08; pointer-events: none; }
.etapy-linia:not(.wyspa *) { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 2px solid var(--zielen-linia); }
.etapy-linia label:not(.wyspa *) { position: relative; cursor: pointer; }
.etapy-linia input:not(.wyspa *) { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.etapy-linia span:not(.wyspa *) { display: block; padding: 22px 12px 14px 0; font-size: clamp(19px, 2vw, 26px); font-weight: 650; color: var(--na-ciemnym); }
.etapy-linia span:not(.wyspa *)::before { content: ""; position: absolute; left: 0; top: -8px; width: 14px; height: 14px; border-radius: 50%; background: var(--zielen); border: 2px solid var(--zielen-jasna); }
.etapy-linia input:checked + span:not(.wyspa *) { color: #fff; }
.etapy-linia input:checked + span:not(.wyspa *)::before { background: #fff; border-color: #fff; }
.etapy-linia input:focus-visible + span:not(.wyspa *) { outline: 2px solid #fff; outline-offset: -3px; }
.etapy-linia label:hover span:not(.wyspa *) { color: #fff; }
.etap-panel:not(.wyspa *) { display: none; position: relative; max-width: 40em; padding: 18px 0 0; }
.etap-panel h3:not(.wyspa *) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.etap-panel p:not(.wyspa *) { font-size: 19px; color: var(--na-ciemnym); }
.etap-link:not(.wyspa *) { display: inline-flex; align-items: center; min-height: 44px; margin-top: 14px; color: #fff; font-weight: 600; text-underline-offset: 4px; }
.etapy:has(#etap-1:checked) .etap-panel:nth-child(1):not(.wyspa *),
.etapy:has(#etap-2:checked) .etap-panel:nth-child(2):not(.wyspa *),
.etapy:has(#etap-3:checked) .etap-panel:nth-child(3):not(.wyspa *),
.etapy:has(#etap-4:checked) .etap-panel:nth-child(4):not(.wyspa *),
.etapy:has(#etap-5:checked) .etap-panel:nth-child(5):not(.wyspa *) { display: block; }
.etapy-panele:not(.wyspa *) { min-height: 190px; }
@supports not selector(:has(a)) {
.etap-panel:not(.wyspa *) { display: block; }
.etap-panel h3:not(.wyspa *) { position: static; width: auto; height: auto; clip: auto; font-size: 19px; }
}
@media (max-width: 640px) {
.etapy-linia:not(.wyspa *) { grid-template-columns: 1fr; border-top: 0; border-left: 2px solid var(--zielen-linia); margin-left: 7px; padding-left: 20px; }
.etapy-linia span:not(.wyspa *) { padding: 10px 0; font-size: 18px; }
.etapy-linia span:not(.wyspa *)::before { left: -29px; top: 50%; transform: translateY(-50%); }
.etapy-panele:not(.wyspa *) { min-height: 250px; }
.karta img:not(.wyspa *) { aspect-ratio: 2 / 1; object-fit: cover; object-position: center 62%; }
}
.stopka-pas:not(.wyspa *) { background: #fff; border-top: 1px solid var(--linia); padding-block: 26px; }
.stopka-pas img:not(.wyspa *) { display: block; width: auto; height: 56px; }
.pod-tresc:not(.wyspa *) { border-top: 1px solid var(--linia); }
.pod-tresc .w:not(.wyspa *) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: clamp(28px, 5vw, 72px); }
.pod-tresc h2:not(.wyspa *) { font-size: clamp(26px, 3vw, 36px); }
.pod-tresc p:not(.wyspa *),
.pod-tresc li:not(.wyspa *) { color: var(--cichy); font-size: 18px; }
.pod-tresc ul:not(.wyspa *) { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.pod-tresc li:not(.wyspa *) { padding-left: 18px; border-left: 3px solid var(--zielen); }
.pod-tresc li strong:not(.wyspa *) { color: var(--tekst); }
.pod-tresc .w + .w:not(.wyspa *) { margin-top: clamp(40px, 5vw, 64px); }
@media (max-width: 980px) {
.pod-tresc .w:not(.wyspa *) { grid-template-columns: 1fr; }
}
.hero-w:not(.wyspa *) { grid-template-columns: minmax(0, 1fr) minmax(0, .92fr); }
@media (max-width: 760px) {
.hero-w:not(.wyspa *) { grid-template-columns: 1fr; gap: 0; }
.hero-tekst:not(.wyspa *) { display: contents; }
.hero .nadtytul:not(.wyspa *) { order: 1; }
.hero h1:not(.wyspa *) { order: 2; }
.hero-lead:not(.wyspa *) { order: 5; margin-top: 22px; }
.hero .akcje:not(.wyspa *) { order: 4; margin-top: 16px; }
}
.karta:not(.wyspa *) { display: flex; flex-direction: column; }
.karta-tresc:not(.wyspa *) { display: flex; flex-direction: column; flex: 1; }
.karta-link:not(.wyspa *) { margin-top: auto; padding-top: 14px; align-self: flex-start; }
.pod-hero:not(.wyspa *) { padding: clamp(48px, 7vw, 88px) 0 clamp(40px, 5vw, 64px); }
.pod-hero h1:not(.wyspa *) { font-size: clamp(34px, 4.6vw, 58px); line-height: 1.06; max-width: 18ch; }
.pod-hero .hero-lead:not(.wyspa *) { max-width: 38em; }
.okruszki:not(.wyspa *) { margin-bottom: 18px; font-size: 15px; color: var(--cichy); }
.okruszki a:not(.wyspa *) { color: var(--zielen); text-underline-offset: 3px; }
.pod-koniec:not(.wyspa *) { border-top: 1px solid var(--linia); }
.pod-koniec p:not(.wyspa *) { margin-top: 14px; max-width: 38em; color: var(--cichy); font-size: 18px; }
.pod-hero-siatka:not(.wyspa *) { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.pod-hero-siatka img:not(.wyspa *) { width: 100%; height: auto; border: 1px solid var(--linia); border-radius: 2px; }
.skok:not(.wyspa *) { display: flex; flex-wrap: wrap; gap: 4px 22px; margin-top: 22px; }
.skok a:not(.wyspa *) { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: var(--zielen); text-underline-offset: 4px; }
.cechy h3:not(.wyspa *) { font-size: 20px; }
.cechy h3 + p:not(.wyspa *) { margin-top: 6px; }
.cechy p + h3:not(.wyspa *) { margin-top: 26px; }
.pod-tresc .w > div > p:not(.wyspa *) { margin-top: 14px; }
@media (max-width: 760px) {
.pod-hero-siatka:not(.wyspa *) { grid-template-columns: 1fr; }
.pod-hero-siatka img:not(.wyspa *) { max-width: 420px; }
}