/* Generatornia - g.css */
@font-face{font-family:Syne;src:url(fonts/syne-latin-ext.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Syne;src:url(fonts/syne-latin.woff2) format("woff2");font-weight:400 800;font-display:swap;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:Onest;src:url(fonts/onest-latin-ext.woff2) format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Onest;src:url(fonts/onest-latin.woff2) format("woff2");font-weight:300 800;font-display:swap;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:"Spline Sans Mono";src:url(fonts/spline-latin-ext.woff2) format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"Spline Sans Mono";src:url(fonts/spline-latin.woff2) format("woff2");font-weight:400 600;font-display:swap;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:#111113;--bg2:#17171a;--karta:#1c1c20;--linia:#2d2d33;--linia2:#3a3a42;--tekst:#f3efe6;--tekst2:#bdb8ad;--tekst3:#8a857c;--akcent:#ff4fa3;--akcent2:#ffd23f;
--fd:Syne,"Arial Black",system-ui,sans-serif;--ft:Onest,system-ui,-apple-system,"Segoe UI",sans-serif;--fm:"Spline Sans Mono",ui-monospace,Consolas,monospace;--r:12px;--r2:16px;--wrap:1240px;--kol:700px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--tekst);font:400 17px/1.6 var(--ft);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
.w{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:0;background:var(--akcent);color:#111;padding:8px 12px;z-index:99}.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.et{font:500 12px/1.2 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst3);margin:0 0 10px}
.mini{font-size:13px;color:var(--tekst3);margin:10px 0 0}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--tekst);color:#111113;border:0;border-radius:10px;padding:13px 20px;font:600 15px/1 var(--ft);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{background:var(--akcent);transform:translateY(-1px)}
:focus-visible{outline:2px solid var(--akcent);outline-offset:3px}

/* nagłówek */
.top{position:sticky;top:0;z-index:40;background:rgba(17,17,19,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linia)}
.top-w{display:flex;align-items:center;gap:28px;height:68px}
.logo img{height:30px;width:auto}
.nav{display:flex;gap:2px;flex:1;min-width:0}
.nav a{position:relative;text-decoration:none;font:500 14.5px/1 var(--ft);color:var(--tekst2);padding:10px 10px;border-radius:8px;white-space:nowrap;transition:color .15s,background .15s}
.nav a::before{content:"";display:inline-block;width:7px;height:7px;background:var(--d);margin-right:7px;vertical-align:1px;border-radius:1px;opacity:.9}
.nav a:hover,.nav a[aria-current]{color:var(--tekst);background:var(--bg2)}
.top-p{display:flex;gap:8px;align-items:center;margin-left:auto}
.szukaj-btn{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--linia);border-radius:10px;padding:8px 10px 8px 12px;cursor:pointer;color:var(--tekst2);font-size:14px}
.szukaj-btn:hover{border-color:var(--linia2);color:var(--tekst)}
.szukaj-btn kbd{font:500 11px var(--fm);border:1px solid var(--linia2);border-radius:5px;padding:2px 6px;color:var(--tekst3)}
.menu-btn{display:none;width:42px;height:42px;background:var(--bg2);border:1px solid var(--linia);border-radius:10px;cursor:pointer;position:relative}
.menu-btn span:not(.sr){position:absolute;left:11px;right:11px;height:2px;background:var(--tekst);transition:transform .2s}
.menu-btn span:nth-child(1){top:15px}.menu-btn span:nth-child(2){top:23px}
.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(4px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
@media (max-width:1180px){.szukaj-btn span,.szukaj-btn kbd{display:none}.nav a{padding:10px 8px;font-size:14px}}
@media (max-width:1060px){
 .menu-btn{display:block}
 .nav{display:none;position:fixed;inset:68px 0 auto 0;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--linia);padding:10px 16px 18px;gap:0}
 .nav.otw{display:flex}
 .nav a{font-size:18px;padding:15px 8px;border-bottom:1px solid var(--linia);border-radius:0}
}

/* wyszukiwarka */
.szukaj{position:fixed;inset:0;z-index:60;background:rgba(10,10,12,.86);backdrop-filter:blur(6px);padding-top:90px}
.szukaj-in form{display:flex;gap:10px;max-width:760px;margin:0 auto}
.szukaj input,.szuk-s input{flex:1;width:100%;background:var(--bg2);border:1px solid var(--linia2);border-radius:12px;color:var(--tekst);font:500 20px var(--ft);padding:16px 18px}
.szukaj input:focus,.szuk-s input:focus{outline:none;border-color:var(--akcent)}
.szukaj form button{background:var(--bg2);border:1px solid var(--linia2);border-radius:12px;padding:0 16px;font:500 13px var(--fm);cursor:pointer;color:var(--tekst2)}
.szukaj-wyn{list-style:none;margin:14px auto 0;padding:0;max-width:760px;max-height:62vh;overflow:auto}
.szukaj-wyn a{display:block;padding:14px 16px;border-bottom:1px solid var(--linia);text-decoration:none}
.szukaj-wyn a:hover,.szukaj-wyn a:focus{background:var(--bg2)}
.szukaj-wyn b{display:block;font:600 16.5px/1.35 var(--ft)}
.szukaj-wyn small{font:500 11.5px var(--fm);letter-spacing:.05em;text-transform:uppercase;color:var(--tekst3)}
.szukaj-wyn small i{display:inline-block;width:7px;height:7px;background:var(--k);margin-right:6px}
.szuk-s{padding-top:40px;padding-bottom:60px}.szuk-s h1{font:800 54px/1 var(--fd);letter-spacing:-.02em;margin:0 0 24px}
.szukaj-wyn.duze{max-width:none;max-height:none}

/* metka działu */
.metka{display:inline-flex;align-items:center;gap:7px;font:500 11.5px/1 var(--fm);letter-spacing:.07em;text-transform:uppercase;color:var(--tekst2)}
.metka i{width:8px;height:8px;background:var(--d);border-radius:1px;flex:none}

/* hero */
.hero{padding-top:44px;padding-bottom:10px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center}
.hero h1{font:800 clamp(56px,8.4vw,118px)/.9 var(--fd);letter-spacing:-.035em;margin:6px 0 26px}
.hero h1 em{font-style:normal;color:var(--akcent)}
.hero-l{font:500 21px/1.45 var(--ft);color:var(--tekst2);max-width:440px;margin:0 0 30px}
.hero-n{display:flex;gap:28px;margin:0;font:500 13px/1.3 var(--fm);color:var(--tekst3);text-transform:uppercase;letter-spacing:.05em}
.hero-n b{display:block;font:700 34px/1 var(--fd);color:var(--tekst);letter-spacing:-.02em;margin-bottom:6px}
.sc-hint{grid-column:2;margin:-22px 0 0;font:500 12px var(--fm);color:var(--tekst3);letter-spacing:.04em}

/* ściana promptów (sygnatura) */
.sciana{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr);gap:10px;height:600px}
.sc{margin:0;position:relative;border-radius:var(--r);overflow:hidden;background:var(--karta);opacity:0;transform:translateY(14px);animation:wjazd .7s cubic-bezier(.2,.7,.2,1) forwards}
.sc0{grid-area:1/1/5/2;animation-delay:.05s}.sc3{grid-area:5/1/7/2;animation-delay:.26s}
.sc1{grid-area:1/2/3/3;animation-delay:.12s}.sc4{grid-area:3/2/7/3;animation-delay:.33s}
.sc2{grid-area:1/3/4/4;animation-delay:.19s}.sc5{grid-area:4/3/7/4;animation-delay:.4s}.sc6{display:none}
.sc-b{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.sc-b img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}
.sc:hover .sc-b img{transform:scale(1.035)}
.sc::after{content:"";position:absolute;left:10px;top:10px;width:9px;height:9px;background:var(--d);border-radius:1px;pointer-events:none}
.sc-p{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;padding:16px;background:rgba(14,14,16,.94);transform:translateY(101%);transition:transform .35s cubic-bezier(.2,.7,.2,1);overflow:hidden}
.sc.otw .sc-p{transform:none}
.sc-m{font:600 11px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--d)}
.sc-p code{font:400 12.5px/1.5 var(--fm);color:var(--tekst);flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical}
.sc-a{display:flex;gap:12px;align-items:center;justify-content:space-between}
.sc-a a{font:600 13px var(--ft);text-decoration:none;color:var(--tekst2)}.sc-a a:hover{color:var(--tekst)}
@keyframes wjazd{to{opacity:1;transform:none}}

/* sekcje i karty */
.sek{padding-top:56px}
.sek-h{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--linia);padding-top:18px;margin-bottom:24px}
.sek-h h2{font:800 30px/1.05 var(--fd);letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:12px}
.sek-h h2 i{width:14px;height:14px;background:var(--d);border-radius:2px}
.sek-h a{font:600 14px var(--ft);color:var(--tekst2);text-decoration:none;white-space:nowrap}.sek-h a:hover{color:var(--akcent)}
.siatka{display:grid;gap:22px}.s3{grid-template-columns:repeat(3,minmax(0,1fr))}
.karta{min-width:0}
.k-a{display:block;text-decoration:none;height:100%}
.k-okl{aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--karta);border:1px solid var(--linia)}
.k-okl img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.k-a:hover .k-okl img{transform:scale(1.03)}
.k-t{padding:14px 2px 0}
.karta h3{font:700 20px/1.22 var(--ft);letter-spacing:-.01em;margin:9px 0 0;text-wrap:balance}
.k-a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--akcent)}
.karta p{margin:8px 0 0;color:var(--tekst2);font-size:15.5px;line-height:1.5}
.k-xl h3{font:800 clamp(26px,2.5vw,34px)/1.08 var(--fd);letter-spacing:-.02em;margin-top:12px}
.k-xl p{font-size:17px;max-width:620px}
.k-s .k-a{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:start}
.k-s .k-t{padding-top:2px}.k-s h3{font-size:18px}
.czolo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}
.czolo-b{display:grid;gap:22px}
.czolo-b .karta+.karta{border-top:1px solid var(--linia);padding-top:22px}

.dzialy{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin-top:56px;border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)}
.dzialy a{display:flex;flex-direction:column;gap:14px;padding:20px 16px 18px;text-decoration:none;border-left:1px solid var(--linia);transition:background .2s}
.dzialy a:first-child{border-left:0}
.dzialy a:hover{background:var(--bg2)}
.dzialy i{width:22px;height:22px;background:var(--d);border-radius:3px;transition:transform .3s}
.dzialy a:hover i{transform:rotate(45deg) scale(.8)}
.dzialy span{font:700 15.5px/1.2 var(--ft)}
.dzialy b{font:500 12px var(--fm);color:var(--tekst3)}

.narz{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;margin-top:56px;padding:40px;background:var(--bg2);border:1px solid var(--linia);border-radius:var(--r2)}
.narz h2{font:800 38px/1.02 var(--fd);letter-spacing:-.02em;margin:0 0 14px}
.narz-t p{color:var(--tekst2);margin:0 0 22px}
.narz-p{background:#0c0c0e;border:1px solid var(--linia);border-radius:var(--r);padding:22px;min-height:150px}
.narz-p code{font:400 15px/1.65 var(--fm);color:var(--tekst)}
.narz-p code::after{content:"";display:inline-block;width:8px;height:17px;background:var(--akcent);vertical-align:-3px;margin-left:3px;animation:kursor 1s steps(2) infinite}
@keyframes kursor{50%{opacity:0}}

.pop-n{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;padding-bottom:70px}
.pop h2,.news h2{font:800 30px/1.05 var(--fd);letter-spacing:-.02em;margin:0 0 16px}
.pop ol{list-style:none;margin:0;padding:0;counter-reset:p}
.pop li{counter-increment:p;border-top:1px solid var(--linia)}
.pop li a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 10px;padding:15px 0;text-decoration:none}
.pop li a::before{content:counter(p,decimal-leading-zero);grid-row:span 2;font:700 22px/1.1 var(--fd);color:var(--tekst3)}
.pop li a:hover::before{color:var(--akcent)}
.pop li a>span:first-child{font:600 17px/1.35 var(--ft)}
.pop li .metka{margin-top:2px}
.pop li a:hover span{text-decoration:underline;text-underline-offset:4px}
.news{background:var(--akcent);color:#141416;border-radius:var(--r2);padding:30px;align-self:start}
.news .et{color:#141416;opacity:.7}.news p{margin:0 0 16px}
.news-f{display:flex;gap:8px}
.news-f input{flex:1;min-width:0;border:2px solid #141416;background:transparent;border-radius:10px;padding:12px 14px;font:500 15px var(--ft);color:#141416}
.news-f input::placeholder{color:rgba(20,20,22,.55)}
.news .btn{background:#141416;color:var(--tekst)}.news .btn:hover{background:#2a2a2e}
.news .mini{color:#141416;opacity:.75}

/* dział */
.dz-h{padding-top:36px}
.dz-h h1{font:800 clamp(44px,6vw,80px)/.95 var(--fd);letter-spacing:-.03em;margin:18px 0 14px;display:flex;align-items:center;gap:18px}
.dz-h h1 i{width:.42em;height:.42em;background:var(--d);border-radius:4px;flex:none}
.dz-h p{font:500 20px/1.45 var(--ft);color:var(--tekst2);max-width:640px;margin:0}
.pusto{color:var(--tekst3)}

/* artykuł */
.okr ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;font:500 12.5px var(--fm);color:var(--tekst3)}
.okr li+li::before{content:"/";margin-right:6px;color:var(--linia2)}
.okr a{text-decoration:none}.okr a:hover{color:var(--tekst)}
.okr li[aria-current]{max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-h{padding-top:30px;max-width:calc(var(--kol) + 48px + 180px)}
.art-kick{display:flex;gap:14px;align-items:center;margin:26px 0 0}
.typ{font:500 11.5px var(--fm);letter-spacing:.07em;text-transform:uppercase;color:var(--tekst3);border:1px solid var(--linia2);border-radius:6px;padding:4px 7px}
.art h1{font:800 clamp(32px,3.9vw,52px)/1.04 var(--fd);letter-spacing:-.025em;margin:16px 0 18px;text-wrap:balance}
.lead{font:500 21px/1.5 var(--ft);color:var(--tekst2);margin:0 0 22px;max-width:var(--kol)}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;font:500 13px var(--fm);color:var(--tekst3);padding-bottom:4px}
.aut{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:var(--tekst);font:600 14px var(--ft)}
.aut-z{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--akcent);color:#141416;font:700 13px var(--ft);flex:none}
.art-okl{margin:28px auto 0}
.art-okl img{width:100%;border-radius:var(--r2);background:var(--karta)}
.art-okl figcaption,.tresc figcaption{font:400 13px/1.5 var(--ft);color:var(--tekst3);margin-top:9px}
.art-b{max-width:calc(var(--kol) + 48px);margin:0 auto;padding:30px 24px 0}
.toc{border:1px solid var(--linia);border-radius:var(--r);padding:0 18px;margin:0 0 30px;background:var(--bg2)}
.toc summary{cursor:pointer;padding:15px 0;font:600 15px var(--ft);list-style:none;display:flex;justify-content:space-between}
.toc summary span{font:500 12px var(--fm);color:var(--tekst3)}
.toc summary::-webkit-details-marker{display:none}
.toc ol{margin:0;padding:0 0 16px 20px;font-size:15px}.toc li{margin:5px 0}.toc a{text-decoration:none;color:var(--tekst2)}.toc a:hover{color:var(--tekst)}
.tresc{font-size:18px;line-height:1.72}
.tresc>p{margin:0 0 1.15em}
.tresc h2{font:800 30px/1.12 var(--fd);letter-spacing:-.018em;margin:1.9em 0 .6em}
.tresc h3{font:700 21px/1.3 var(--ft);margin:1.6em 0 .5em}
.tresc h4{font:700 18px/1.3 var(--ft);margin:1.4em 0 .4em}
.tresc a{color:var(--tekst);text-decoration:underline;text-decoration-color:var(--akcent);text-decoration-thickness:2px;text-underline-offset:3px}
.tresc a:hover{color:var(--akcent)}
.tresc ul,.tresc ol{margin:0 0 1.2em;padding-left:1.3em}
.tresc li{margin:.4em 0}
.tresc ul>li::marker{content:"■  ";font-size:.62em;color:var(--d,var(--akcent))}
.tresc ol>li::marker{font:700 .9em var(--fm);color:var(--d,var(--akcent))}
.tresc strong{font-weight:700;color:#fff}
.tresc code{font:400 .86em var(--fm);background:var(--karta);border:1px solid var(--linia);border-radius:5px;padding:1px 5px}
.tresc blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--d,var(--akcent));color:var(--tekst2);font-style:italic}
.tresc hr{border:0;border-top:1px solid var(--linia);margin:2em 0}
.fig{margin:1.6em 0}
.fig img,.gfig img{border-radius:var(--r);background:var(--karta);width:100%}
.fig.pion img{max-height:min(82vh,860px);width:auto;max-width:100%;margin:0 auto}
.galeria{display:grid;gap:10px;margin:1.6em 0;align-items:start}
.galeria.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.galeria.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.galeria.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.gfig{margin:0}
.gfig figcaption{font-size:12.5px!important}
@media (min-width:1100px){.galeria.g3,.galeria.g4{margin-left:-90px;margin-right:-90px}.galeria.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.prompt{margin:1.4em 0;border:1px solid var(--linia2);border-radius:var(--r);background:#0c0c0e;overflow:hidden}
.prompt-g{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;border-bottom:1px solid var(--linia);font:600 11.5px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--d,var(--akcent))}
.kopiuj{background:var(--bg2);border:1px solid var(--linia2);border-radius:8px;padding:7px 12px;font:600 12.5px var(--ft);cursor:pointer;color:var(--tekst);text-transform:none;letter-spacing:0}
.kopiuj:hover{border-color:var(--akcent)}
.kopiuj.ok{background:var(--akcent);color:#141416;border-color:var(--akcent)}
.prompt pre,pre.kod{margin:0;padding:16px;white-space:pre-wrap;word-break:break-word;font:400 14.5px/1.6 var(--fm);color:var(--tekst)}
pre.kod{background:#0c0c0e;border:1px solid var(--linia);border-radius:var(--r);margin:1.3em 0}
.ramka{margin:1.6em 0;padding:18px 22px;border:1px solid var(--linia2);border-radius:var(--r);background:var(--bg2);font-size:16.5px}
.ramka>*:last-child{margin-bottom:0}
.ramka-et{font:600 11.5px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--d,var(--akcent));margin:0 0 10px}
.ramka ul{margin-bottom:0}
.r-skrot{border-left:4px solid var(--d,var(--akcent))}
.r-uwaga{border-color:#5a4a1e;background:#1b1810}.r-uwaga .ramka-et{color:var(--akcent2)}
.r-polecam,.r-projekt{background:var(--karta)}
.r-projekt .ramka-et span{color:var(--tekst3);margin-left:8px}
.rp-n{font:800 24px/1.1 var(--fd);margin:0 0 6px!important}
.rp-uj{font-size:13px;color:var(--tekst3)}
.ramka .btn{text-decoration:none;color:#111113}
.tab{overflow-x:auto;margin:1.5em 0;border:1px solid var(--linia);border-radius:var(--r)}
.tresc table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45}
.tresc th{text-align:left;font:600 12px var(--fm);letter-spacing:.05em;text-transform:uppercase;color:var(--tekst3);background:var(--bg2);padding:11px 14px;border-bottom:1px solid var(--linia)}
.tresc td{padding:11px 14px;border-bottom:1px solid var(--linia);vertical-align:top}
.tresc tr:last-child td{border-bottom:0}
.przedpo{margin:1.8em 0}
.pp-ram{position:relative;border-radius:var(--r);overflow:hidden;background:var(--karta);--x:50%}
.pp-ram>img{width:100%}
.pp-przed{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.pp-przed img{width:100%;height:100%;object-fit:cover}
.pp-ram::after{content:"";position:absolute;top:0;bottom:0;left:var(--x);width:2px;background:var(--tekst);transform:translateX(-1px);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.pp-ram input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.pp-et{position:absolute;top:12px;font:600 11px var(--fm);letter-spacing:.08em;text-transform:uppercase;background:rgba(17,17,19,.8);padding:5px 8px;border-radius:6px;pointer-events:none}
.pp-l{left:12px}.pp-p{right:12px}
.art-f{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:40px 0 0;padding-top:22px;border-top:1px solid var(--linia)}
.pin{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--linia2);border-radius:10px;padding:10px 14px;font:600 14px var(--ft);text-decoration:none}
.pin:hover{border-color:#e60023;color:#fff;background:#e60023}
.tagi{display:flex;flex-wrap:wrap;gap:8px;font:500 12.5px var(--fm);color:var(--tekst3)}
.autor-box{display:flex;gap:16px;margin:28px 0 0;padding:22px;border:1px solid var(--linia);border-radius:var(--r);background:var(--bg2);font-size:15px;color:var(--tekst2)}
.autor-box p{margin:0}.aut-n{font:700 16px var(--ft);color:var(--tekst);margin-bottom:4px!important}.aut-n a{text-decoration:none}
.dalej{padding-top:64px;padding-bottom:70px}
.prosta .art-h{padding-bottom:0}.prosta .tresc{padding-bottom:70px}

/* konstruktor */
.kp-g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:36px;align-items:start;margin-top:28px}
.kp-f fieldset{border:0;border-top:1px solid var(--linia);margin:0;padding:16px 0 18px}
.kp-f legend{font:600 11.5px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst3);padding:0 0 10px;float:left;width:100%}
.opcje{display:flex;flex-wrap:wrap;gap:8px;clear:both}
.opcje label{cursor:pointer}
.opcje input{position:absolute;opacity:0;pointer-events:none}
.opcje span{display:inline-block;padding:9px 13px;border:1px solid var(--linia2);border-radius:9px;font:500 14.5px var(--ft);color:var(--tekst2);transition:all .15s}
.opcje label:hover span{border-color:var(--tekst3);color:var(--tekst)}
.opcje input:checked+span{background:var(--tekst);color:#111113;border-color:var(--tekst)}
.opcje input:focus-visible+span{outline:2px solid var(--akcent);outline-offset:2px}
.kp-wyn{position:sticky;top:92px}
.kp-wyn .prompt{margin-top:0}
.kp-pl{font-size:15px;color:var(--tekst2)}
.kp-img img{border-radius:var(--r);width:100%;max-height:520px;object-fit:contain;background:var(--karta)}
.e404{padding:90px 24px 120px}.e404 h1{font:800 clamp(40px,6vw,76px)/1 var(--fd);letter-spacing:-.03em;margin:0 0 18px}
.e404 p{font-size:19px;color:var(--tekst2)}

.audio{margin:.7em 0;padding:12px 14px;border:1px solid var(--linia);border-radius:var(--r);background:var(--bg2);display:grid;gap:8px}
.audio figcaption{margin:0!important;font:600 14px var(--ft)!important;color:var(--tekst)!important}
.audio audio{width:100%;height:36px}
/* stopka */
.foot{border-top:1px solid var(--linia);background:#0d0d0f;padding:46px 0 30px;font-size:15px}
.foot-g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.foot-m img{height:28px;width:auto;margin-bottom:14px}
.foot-m p{color:var(--tekst3);max-width:420px;margin:0}
.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:7px 0}
.foot a{text-decoration:none;color:var(--tekst2)}.foot a:hover{color:var(--tekst)}
.foot-d{margin:36px 0 0;padding-top:18px;border-top:1px solid var(--linia);font-size:13px;color:var(--tekst3)}

/* wjazd sekcji */
.wj{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.wj.in{opacity:1;transform:none}

@media (max-width:1060px){
 .hero{grid-template-columns:1fr;gap:26px;padding-top:30px}
 .sc-hint{grid-column:1}
 .czolo,.pop-n,.narz,.kp-g{grid-template-columns:1fr}
 .dzialy{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dzialy a:nth-child(5){border-left:0}
 .dzialy a:nth-child(n+5){border-top:1px solid var(--linia)}
 .kp-wyn{position:static}
}
@media (max-width:760px){
 body{font-size:16.5px}
 .w{padding:0 18px}
 .top-w{height:60px;gap:12px}.logo img{height:25px}
 .nav{inset:60px 0 auto 0}
 .hero{padding-top:34px}
 .hero h1{font-size:64px;margin-bottom:18px}
 .hero-l{font-size:18px;margin-bottom:22px}
 .hero-n b{font-size:28px}
 .sciana{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -18px;padding:0 18px 6px;scrollbar-width:none}
 .sciana::-webkit-scrollbar{display:none}
 .sciana{height:auto}
 .sc{flex:0 0 72%;height:auto;scroll-snap-align:start;aspect-ratio:4/5;grid-area:auto}
 .sc6{display:block}
 .s3{grid-template-columns:1fr}
 .siatka{gap:28px}
 .k-s .k-a{grid-template-columns:128px minmax(0,1fr);gap:14px}
 .k-s h3{font-size:16.5px}
 .sek{padding-top:44px}
 .sek-h h2{font-size:25px}
 .dzialy{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px}
 .dzialy a{border-left:0;border-top:1px solid var(--linia)}
 .dzialy a:nth-child(even){border-left:1px solid var(--linia)}
 .dzialy a:nth-child(-n+2){border-top:0}
 .narz{padding:24px;gap:24px}.narz h2{font-size:30px}
 .news{padding:24px}.news-f{flex-direction:column}
 .art h1{font-size:34px}
 .lead{font-size:18.5px}
 .tresc{font-size:17px}
 .tresc h2{font-size:25px}
 .galeria.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .galeria.g3 .gfig:first-child{grid-column:span 2}
 .tab table{font-size:14px}
 .foot-g{grid-template-columns:1fr 1fr;gap:28px}.foot-m{grid-column:span 2}
 .art-okl{padding:0}
 .art-okl img{border-radius:0}
 .art-okl figcaption{padding:0 18px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.sc,.wj{opacity:1;transform:none}}

.dzialy,.narz{max-width:calc(var(--wrap) - 48px)}
.dzialy{padding:0}
@media (max-width:1288px){.dzialy,.narz{margin-left:24px;margin-right:24px}}
@media (max-width:760px){.dzialy,.narz{margin-left:18px;margin-right:18px}}