html body.s-warsztat.c4-projekt{--w-tlo:#111110;--w-powierzchnia:#181816;--w-tekst:#ece6d6;--w-tekst-2:#b9b3a4;--w-zywe:#d9a441;--w-cta:#ece6d6;--w-cta-tlo:#ece6d6;--w-cta-tekst:#111110;--w-linia:1px solid rgba(236,230,214,.18);--w-linia-kolor:rgba(236,230,214,.18);--w-font-naglowki:var(--serif);--w-font-liczby:var(--serif);--w-font-tekst:var(--sans);color-scheme:dark;color:var(--kosc);font-family:var(--sans);background:#111110 linear-gradient(180deg,#15181c 0%,#131517 14%,#111211 30%,#121110 42%,#17130f 55%,#1b1610 72%,#181410 86%,#100d0a 100%)}
.c4-projekt .container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:16px}
.c4-projekt .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.c4-projekt main{position:relative;z-index:1;display:block}
.c4-projekt main:focus{outline:0}
.c4-projekt main h1,.c4-projekt main h2,.c4-projekt main h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.1;color:var(--kosc);text-wrap:balance}
.c4-projekt main h2{font-size:clamp(28px,3.6vw,42px)}
.c4-projekt main h3{font-size:clamp(20px,2vw,24px)}
.c4-projekt main p{text-wrap:pretty}
.c4-projekt main ul,.c4-projekt main ol{list-style:none}
.c4-projekt main img,.c4-projekt main svg{max-width:100%}
.c4-projekt :focus-visible{outline:2px solid var(--burs);outline-offset:2px}
.c4-projekt .s-pagehead{padding:130px 0 40px;border-bottom:1px solid var(--kreska)}
.c4-projekt .s-pagehead h1{font-size:clamp(34px,5.2vw,62px);line-height:1.04;max-width:18ch}
.c4-projekt .s-pagehead__lead{max-width:62ch;margin-top:18px;font-size:clamp(17px,1.8vw,21px);color:var(--kosc2)}
.c4-projekt main > section{border-bottom:1px solid var(--kreska)}
@media (max-width:760px){.c4-projekt .s-pagehead{padding:100px 0 28px}}
@media (min-width:1101px){.c4-projekt .container{max-width:min(1120px,calc(100vw - 340px))}}
@media (min-width:1101px){.c4-projekt .s-pagehead,.c4-projekt main > section{border-image:linear-gradient(90deg,transparent 200px,var(--kreska) 200px) 1}}