/* Motyw nagiec 1.0.0 — VenoCMS */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/bricolage-grotesque-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+20AC}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+20AC}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+20AC}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/dm-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/dm-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+20AC}
:root{--bg:#fff6e9;--ink:#16130f;--ink2:#3d382f;--mu:#6b6355;--peach:#ffc9a8;--mint:#b8ebcf;--lilac:#d8c8ff;--butter:#ffe98a;--sky:#bfe2ff;--pink:#ffb8d2;--tom:#ff5a36;--b:2.5px solid var(--ink);--sh:5px 5px 0 var(--ink);--r:16px;--disp:"Bricolage Grotesque",system-ui,sans-serif;--sans:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--ink);text-decoration-color:var(--tom);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--tom)}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--tom);outline-offset:3px}
.pr-w{width:100%;max-width:1260px;margin:0 auto;padding-left:clamp(16px,3vw,36px);padding-right:clamp(16px,3vw,36px)}
.ng-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.pr-top{padding-top:18px}
.ng-head{display:flex;align-items:center;gap:20px;padding-bottom:16px}
.ng-logo{position:relative;font:800 clamp(42px,6vw,64px)/.9 var(--disp);letter-spacing:-2px;color:var(--ink);text-decoration:none}
.ng-dot{display:inline-block;width:.32em;height:.32em;border-radius:50%;background:var(--tom);border:var(--b);margin-left:4px;vertical-align:baseline;animation:ng-bounce 1.6s cubic-bezier(.3,1.6,.6,1) infinite}
.ng-desc{margin:0;padding:8px 14px;background:var(--butter);border:var(--b);border-radius:999px;font:600 14px/1.3 var(--sans);transform:rotate(-1.5deg);max-width:340px}
.pr-burger{display:none;margin-left:auto;width:48px;height:48px;background:var(--mint);border:var(--b);border-radius:12px;padding:12px;box-shadow:3px 3px 0 var(--ink)}
.pr-burger i{display:block;height:3px;border-radius:2px;background:var(--ink);margin:3px 0}
.pr-menu-in{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}
.pr-menu a{font:600 15px/1 var(--disp);text-decoration:none;color:var(--ink);background:#fff;border:var(--b);border-radius:999px;padding:10px 16px;transition:transform .15s,box-shadow .15s}
.pr-menu a:nth-child(5n+1){background:var(--peach)}.pr-menu a:nth-child(5n+2){background:var(--mint)}.pr-menu a:nth-child(5n+3){background:var(--lilac)}.pr-menu a:nth-child(5n+4){background:var(--sky)}.pr-menu a:nth-child(5n+5){background:var(--butter)}
.pr-menu a:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}
.pr-menu a.on{background:var(--ink);color:#fff}

.ng-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;padding-top:30px}
.ng-big{position:relative;background:var(--peach);border:var(--b);border-radius:var(--r);box-shadow:var(--sh);padding:16px;display:flex;flex-direction:column}
.ng-sticker{position:absolute;right:-12px;top:-16px;z-index:3;background:var(--butter);border:var(--b);border-radius:999px;padding:9px 16px;font:800 17px/1 var(--disp);transform:rotate(8deg);animation:ng-wiggle 3.2s ease-in-out infinite}
.ng-big-img{display:block;line-height:0;border:var(--b);border-radius:12px;overflow:hidden}
.ng-big-img img,.ng-big-img .pr-ph{width:100%;aspect-ratio:16/9;object-fit:cover}
.ng-big-b{padding:16px 6px 4px}
.ng-big h2{margin:10px 0 10px;font:800 clamp(28px,3.2vw,42px)/1.05 var(--disp);letter-spacing:-1px}
.ng-big h2 a{text-decoration:none}
.ng-big p{margin:0 0 10px;color:var(--ink2)}
.ng-stack{display:flex;flex-direction:column;gap:24px}
.ng-small{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;background:var(--mint);border:var(--b);border-radius:var(--r);box-shadow:var(--sh);padding:14px;transition:transform .15s,box-shadow .15s}
.ng-small:nth-child(2){background:var(--lilac)}
.ng-small:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}
.ng-small-img{display:block;line-height:0;border:var(--b);border-radius:10px;overflow:hidden}
.ng-small-img img,.ng-small-img .pr-ph{width:100%;aspect-ratio:16/7;object-fit:cover}
.ng-small h3{margin:8px 0 0;font:700 21px/1.15 var(--disp);letter-spacing:-.3px}
.ng-small h3 a{text-decoration:none}

.pr-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:clamp(24px,3.4vw,44px);align-items:start;padding-top:46px;padding-bottom:60px}
.pr-main{min-width:0}
.pr-h{display:inline-block;margin:0 0 24px;font:800 30px/1 var(--disp);letter-spacing:-.8px;background:var(--sky);border:var(--b);border-radius:12px;padding:10px 16px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-1deg)}
.pr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:26px}
.pr-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:var(--b);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:transform .15s,box-shadow .15s}
.pr-card:nth-child(5n+1){background:#fff1e8}.pr-card:nth-child(5n+2){background:#effbf4}.pr-card:nth-child(5n+3){background:#f4efff}.pr-card:nth-child(5n+4){background:#eef7ff}.pr-card:nth-child(5n+5){background:#fffbe6}
.pr-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}
.pr-card-m{position:relative;border-bottom:var(--b)}
.pr-card-img{display:block;line-height:0}
.pr-card-img img,.pr-card-img .pr-ph{width:100%;aspect-ratio:4/3;object-fit:cover}
.pr-label{display:inline-block;background:var(--butter);color:var(--ink);font:700 12px/1 var(--disp);border:2px solid var(--ink);border-radius:999px;padding:6px 10px;text-decoration:none}
.pr-card .pr-label{position:absolute;left:12px;top:12px;transform:rotate(-3deg)}
.pr-label:hover{background:var(--tom);color:#fff}
.pr-card-b{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.pr-card-t{margin:0 0 8px;font:700 21px/1.18 var(--disp);letter-spacing:-.3px}
.pr-card-t a{text-decoration:none}
.pr-card-x{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--ink2)}
.pr-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font:600 13px/1.4 var(--sans);color:var(--mu)}
.pr-meta a{color:inherit}
.pr-time{display:inline-flex;gap:6px;align-items:center}
.pr-cup{width:13px;height:13px;flex:none}.pr-cup-o{fill:none;stroke:currentColor;stroke-width:1.6}.pr-cup-in{fill:var(--tom)}
.pr-ph{display:grid!important;place-items:center;background:var(--lilac)}.pr-ph-c{width:20%;height:auto;max-width:60px;color:var(--ink)}
.pr-pag{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:34px;font:700 15px var(--disp)}
.pr-pag a{background:var(--butter);border:var(--b);border-radius:999px;padding:10px 18px;text-decoration:none;box-shadow:3px 3px 0 var(--ink)}
.pr-empty{background:#fff;border:var(--b);border-radius:var(--r);padding:16px 20px}
.pr-strip{grid-column:1/-1;display:flex;gap:12px;align-items:center;margin:0;padding:14px 18px;background:var(--butter);border:var(--b);border-radius:12px;font-size:15.5px}
.pr-links{background:#fff;border:var(--b);border-radius:var(--r);padding:16px 20px;margin-top:30px}
.pr-links h3{font:800 20px var(--disp);margin:0 0 6px}

.pr-side{min-width:0;display:flex;flex-direction:column;gap:24px}
.ng-w{background:#fff;border:var(--b);border-radius:var(--r);box-shadow:var(--sh);padding:0 0 18px;overflow:hidden}
.ng-w[hidden]{display:none}
.ng-w h4{margin:0 0 14px;padding:12px 18px;border-bottom:var(--b);font:800 20px/1 var(--disp);letter-spacing:-.4px}
.ng-w-butter h4{background:var(--butter)}.ng-w-mint h4{background:var(--mint)}.ng-w-lilac h4{background:var(--lilac)}.ng-w-sky h4{background:var(--sky)}
.ng-w>*:not(h4){margin-left:18px;margin-right:18px}
.ng-w ol{margin-top:0;margin-bottom:0;padding:0;list-style:none;counter-reset:s}
.ng-w ol li{counter-increment:s;display:grid;grid-template-columns:38px 1fr;align-items:start;font:600 15.5px/1.32 var(--sans)}
.ng-w ol li:before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;background:var(--peach);font:800 14px/1 var(--disp)}
.ng-w ol li+li{margin-top:12px}
.ng-w a{text-decoration:none}
.pr-toc a.on{color:var(--tom)}
.pr-cl{list-style:none;padding:0;margin-top:0;margin-bottom:0}
.pr-cl li+li{border-top:2px dashed #e7dccb}
.pr-cl a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;font:600 15.5px/1.3 var(--sans)}
.pr-cl b{font:800 12px/1 var(--disp);background:var(--ink);color:#fff;border-radius:999px;padding:5px 8px}
.pr-tags,.pr-ptags{display:flex;flex-wrap:wrap;gap:8px}
.pr-tags a,.pr-ptags a{font:600 13px/1.3 var(--sans);border:2px solid var(--ink);border-radius:999px;background:#fff;padding:5px 11px;text-decoration:none;overflow-wrap:anywhere}
.pr-tags a:nth-child(4n+1),.pr-ptags a:nth-child(4n+1){background:var(--pink)}.pr-tags a:nth-child(4n+2),.pr-ptags a:nth-child(4n+2){background:var(--sky)}.pr-tags a:nth-child(4n+3),.pr-ptags a:nth-child(4n+3){background:var(--mint)}
.pr-tags a:hover,.pr-ptags a:hover{background:var(--ink);color:#fff}
.pr-ptags{margin-top:28px}

.pr-lhead,.pr-phead{padding:38px 0 34px}
.pr-crumbs{font:600 13.5px/1.4 var(--sans);color:var(--mu);margin-bottom:12px}
.pr-crumbs a{color:var(--ink)}
.pr-lhead h1,.pr-phead h1{margin:0;max-width:980px;font:800 clamp(34px,5vw,62px)/1.02 var(--disp);letter-spacing:-1.6px}
.pr-lhead p{margin:14px 0 0;max-width:760px;color:var(--ink2)}
.pr-lcount{display:inline-block;margin-top:14px;font:700 13px var(--disp);background:var(--mint);border:2px solid var(--ink);border-radius:999px;padding:6px 12px}
.pr-phead .pr-meta{margin-top:16px}
.pr-art{background:#fff;border:var(--b);border-radius:20px;box-shadow:7px 7px 0 var(--ink);padding:clamp(20px,3.6vw,46px)}
.pr-art-img{margin:0 0 28px;line-height:0;border:var(--b);border-radius:14px;overflow:hidden}
.pr-art-img img{width:100%;display:block}
.pr-body{font-size:18px;line-height:1.75;overflow-wrap:break-word;color:#25211b}
.pr-body>:first-child{margin-top:0}
.pr-body h2,.pr-body h3{font-family:var(--disp);font-weight:800;line-height:1.12;margin:1.6em 0 .5em;letter-spacing:-.6px}
.pr-body h2{font-size:31px}.pr-body h2:before{content:"";display:inline-block;width:14px;height:14px;border:2.5px solid var(--ink);border-radius:50%;background:var(--tom);margin-right:12px;vertical-align:4px}
.pr-body h3{font-size:24px}
.pr-body a{color:var(--ink)}
.pr-body img{height:auto;margin:1.4em 0;border:var(--b);border-radius:14px}
.pr-body blockquote{margin:1.6em 0;padding:18px 22px;background:var(--lilac);border:var(--b);border-radius:14px;box-shadow:4px 4px 0 var(--ink);font:700 21px/1.4 var(--disp)}
.pr-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:15.5px}
.pr-body th,.pr-body td{border:2px solid var(--ink);padding:8px 10px;text-align:left}
.pr-body th{background:var(--butter);font:700 14px var(--disp)}
.pr-body li::marker{color:var(--tom)}
.pr-body a.pr-rel{display:flex;flex-direction:column;gap:4px;margin:26px 0;padding:14px 18px;background:var(--mint);border:var(--b);border-radius:14px;box-shadow:4px 4px 0 var(--ink);text-decoration:none;overflow-wrap:anywhere}
.pr-rel-k{font:600 13px/1.4 var(--sans);color:var(--ink2)}
.pr-rel-t{font:800 20px/1.25 var(--disp)}
.pr-next,.pr-talk{margin-top:48px}
.pr-msg{display:flex;gap:14px;background:#fff;border:var(--b);border-radius:14px;padding:16px 18px;margin-bottom:14px}
.pr-msg-a{width:42px;height:42px;flex:none;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--peach);font:800 18px var(--disp)}
.pr-msg-h{display:flex;gap:10px;align-items:baseline}.pr-msg-h small{font-size:13px;color:var(--mu)}
.pr-msg p{margin:4px 0 0}
.pr-form{background:var(--sky);border:var(--b);border-radius:16px;box-shadow:var(--sh);padding:22px}
.pr-form label{display:block;margin-bottom:14px}
.pr-form label>span{display:block;font:700 14px var(--disp);margin-bottom:5px}
.pr-form-r{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pr-form input,.pr-form textarea{width:100%;font:16px var(--sans);padding:11px 13px;border:var(--b);border-radius:10px;background:#fff;color:var(--ink)}
.pr-form-f{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.pr-form-f small{color:var(--ink2)}
.pr-btn{display:inline-block;min-height:46px;background:var(--tom);color:#fff;border:var(--b);border-radius:999px;padding:11px 22px;font:800 16px/1.4 var(--disp);text-decoration:none;box-shadow:3px 3px 0 var(--ink)}
.pr-btn:hover{background:var(--ink);color:#fff}
.pr-lost{padding:70px 0;text-align:center}.pr-lost .pr-w{display:flex;flex-direction:column;align-items:center}
.ng-404{font:800 90px/1 var(--disp);background:var(--butter);border:var(--b);border-radius:24px;padding:10px 30px;box-shadow:var(--sh);transform:rotate(-4deg)}
.pr-lost h1{font:800 42px/1.05 var(--disp);letter-spacing:-1px;margin:30px 0 8px}.pr-lost p{color:var(--ink2);max-width:520px}

.pr-foot{background:var(--ink);color:#e9e2d4;padding:44px 0 22px;border-top-left-radius:28px;border-top-right-radius:28px}
.pr-foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px}
.ng-logo-s{font-size:44px;color:#fff}.ng-logo-s .ng-dot{border-color:#fff}
.pr-foot p{margin:12px 0 0;font-size:15px;max-width:380px}
.pr-foot h5{display:inline-block;margin:0 0 14px;font:800 15px var(--disp);background:var(--butter);color:var(--ink);border-radius:999px;padding:6px 12px}
.pr-foot ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.35}.pr-foot li+li{margin-top:8px}
.pr-foot a{color:#e9e2d4;text-decoration:none}.pr-foot a:hover{color:var(--butter)}
.pr-copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:32px;padding-top:16px;border-top:2px dashed rgba(255,255,255,.2);font-size:13.5px}

@keyframes ng-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-.22em)}}
@keyframes ng-wiggle{0%,100%{transform:rotate(8deg)}50%{transform:rotate(-3deg) scale(1.05)}}

@media(max-width:1020px){.ng-hero{grid-template-columns:minmax(0,1fr)}.ng-stack{flex-direction:row}.pr-grid{grid-template-columns:minmax(0,1fr)}.pr-side{max-width:640px;width:100%;margin:0 auto}.ng-desc{display:none}}
@media(max-width:760px){
  .pr-burger{display:block}
  .pr-menu{display:none}.pr-top.is-open .pr-menu{display:block}
  .pr-menu-in{padding-top:2px;padding-bottom:10px}
  .ng-stack{flex-direction:column}.ng-sticker{right:-4px}
  .pr-foot-in{grid-template-columns:1fr}.pr-form-r{grid-template-columns:1fr}
  .pr-body{font-size:17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ng-dot,.ng-sticker{animation:none}.pr-card,.ng-small,.pr-menu a{transition:none}}
