/* drbielicki.com v13.2 · 30.09.2026 · jeden arkusz dla wszystkich stron (dawniej: style.css, art.css, v11.css, maps.css, home.css, v12.css, v13/v13.css — w tej kolejności) */


/* ── style.css ── */
@font-face{font-family:Display;src:url('/assets/fonts/dm-serif-display-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Display;src:url('/assets/fonts/dm-serif-display-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Display;src:url('/assets/fonts/dm-serif-display-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Display;src:url('/assets/fonts/dm-serif-display-latin-ext-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Text;src:url('/assets/fonts/source-sans-3-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2191,U+2193}
@font-face{font-family:Text;src:url('/assets/fonts/source-sans-3-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Text;src:url('/assets/fonts/source-sans-3-latin-600-normal.woff2') format('woff2');font-weight:600 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2191,U+2193}
@font-face{font-family:Text;src:url('/assets/fonts/source-sans-3-latin-ext-600-normal.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:Notes;src:url('/assets/fonts/space-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Notes;src:url('/assets/fonts/space-mono-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f4f0e8;--surface:#eae3d7;--ink:#1b2a4a;--muted:#555f6e;--blue:#3D6BB3;--amber:#9b5925;--night:#14161C;--light:#f8f5ee;--line:#c5bfb3;--dark-line:#586479;--focus:#3D6BB3;--serif:Display,Georgia,serif;--sans:Text,Arial,sans-serif;--mono:Notes,monospace;--w:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6.5rem}body{margin:0;background:var(--paper);color:var(--ink);font:1.1875rem/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}img{display:block;width:100%;height:auto}button:disabled{cursor:wait}h1,h2,h3,p,figure,blockquote,ul,ol{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;text-wrap:balance}h1{font-size:clamp(2.75rem,5.6vw,4.7rem);letter-spacing:-.035em}h2{font-size:clamp(2rem,3.7vw,3.15rem);letter-spacing:-.025em}h3{font-size:1.8rem;letter-spacing:-.018em}p{max-width:68ch}p+p{margin-top:1rem}em{font-family:var(--serif);font-weight:400}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.dark :focus-visible{outline-color:#f3bf77}[hidden]{display:none!important}.wrap{width:min(calc(100% - 5rem),var(--w));margin-inline:auto}.section{padding-block:5.5rem}.section-sm{padding-block:3.5rem}.eyebrow{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;font: .8125rem/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--blue)}.eyebrow::before{content:'';width:1.75rem;height:1px;background:currentColor}.muted{color:var(--muted)}.lead{font-size:1.35rem;line-height:1.5;max-width:52ch}.display-blue{color:var(--blue)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.3rem;min-height:3.2rem;padding:.8rem 1.3rem;background:var(--ink);color:var(--light);border:1px solid var(--ink);font-weight:600;font-size:1.0625rem;text-decoration:none;line-height:1.35;transition:background .18s,transform .18s}.button:hover{background:var(--blue);border-color:var(--blue);text-decoration:none;transform:translateY(-2px)}.button.light{background:var(--light);color:var(--ink);border-color:var(--light)}.button.light:hover{background:#e4dac8;border-color:#e4dac8}.text-link{display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;font-weight:600;font-size:1.0625rem}.arrow{font-family:Arial,sans-serif;font-weight:400;line-height:1}.skip{position:fixed;left:1rem;top:-100px;z-index:100;background:var(--ink);color:white;padding:.8rem 1rem}.skip:focus{top:1rem}.site-header{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}.nav-inner{min-height:5.7rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{flex:0 0 auto}.brand img{height:3.65rem;width:auto}.nav-list{list-style:none;display:flex;align-items:center;gap:1.65rem;padding:0}.nav-list a{display:block;padding:.75rem 0;text-decoration:none;font-size:1.0625rem;white-space:nowrap}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.55rem}.menu-button{display:none;align-items:center;gap:.65rem;border:1px solid var(--line);background:transparent;color:var(--ink);padding:.55rem .8rem;min-height:2.8rem}.menu-icon{width:18px;height:12px;border-block:1px solid currentColor;position:relative}.menu-icon::after{content:'';position:absolute;top:5px;width:18px;height:1px;background:currentColor}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:5rem;align-items:center;padding-block:3.4rem 4rem}.dark{background:var(--night);color:var(--light)}.dark .eyebrow{color:#b9d4d9}.dark .muted{color:#cbd1d8}.feature{display:grid;grid-template-columns:1fr 1.05fr;gap:3.2rem;align-items:center}.feature h2{font-size:clamp(1.9rem,3.2vw,2.7rem);margin-bottom:1rem}.feature .eyebrow{margin-bottom:1rem}.video-image{position:relative;display:block;text-decoration:none;background:var(--ink);overflow:hidden}.video-image img{aspect-ratio:16/9;object-fit:cover}.video-image::after{content:'';position:absolute;inset:0;border:1px solid #ffffff30;pointer-events:none}.play{display:flex;align-items:center;justify-content:center;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:3.8rem;height:3.8rem;border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 3px 18px #0004;transition:transform .2s}.video-image:hover .play{transform:translate(-50%,-50%) scale(1.07)}.play svg{width:1.25rem;height:1.25rem;fill:currentColor;margin-left:.2rem}.video-meta{font-size:.9375rem;color:var(--muted);margin-bottom:.65rem}.dark .video-meta{color:#cbd1d8}.feature .actions{margin-top:1rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.8rem}.section-heading h2{max-width:21ch}.caption{font-size:.8125rem;color:var(--muted);margin-top:.75rem;line-height:1.5}.proof-line{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;border-top:1px solid var(--line);padding-top:1.3rem;margin-top:1.5rem;font-size:1rem}.closing{display:flex;align-items:center;justify-content:space-between;gap:3rem}.closing h2{font-size:2.5rem}.closing p{margin-top:.7rem;max-width:45ch}.site-footer{border-top:1px solid var(--line);padding-block:2.6rem 1.6rem}.footer-top{display:flex;justify-content:space-between;gap:2rem;align-items:start}.footer-sign{font:1.6rem/1.25 var(--serif)}.footer-sign span{display:block;font: .9375rem/1.5 var(--sans);color:var(--muted);margin-top:.6rem}.footer-links{display:flex;flex-wrap:wrap;gap:.35rem 1.6rem;justify-content:flex-end;max-width:40rem}.footer-links a{min-height:2.75rem;display:inline-flex;align-items:center;font-size:1rem}.footer-bottom{display:flex;align-items:start;justify-content:space-between;gap:2rem;margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}.privacy{max-width:42rem}.privacy summary{cursor:pointer;text-align:right;min-height:2rem}.privacy p{margin-top:.75rem;font-size:.875rem}.page-top{padding-block:3.5rem 3rem}.page-top h1{max-width:20ch;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem)}.page-top .eyebrow{margin-bottom:1rem}.page-top .lead{max-width:52ch}.feature.paper{background:var(--surface);padding:2rem;margin-bottom:3rem}.feature.paper h2{font-size:2.2rem}.materials-list{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2.5rem}.material-card{border-bottom:1px solid var(--line);padding-bottom:2rem}.material-card h3{font-size:1.8rem;margin-block:.5rem .85rem}.material-card p{color:var(--muted);font-size:1.0625rem}.material-card .video-image{margin-bottom:1.2rem}.material-card .text-link{margin-top:.8rem}.resource-row{display:grid;grid-template-columns:.65fr 1.35fr;gap:3rem;border-block:1px solid var(--line);padding-block:2.5rem;margin-top:3rem;align-items:start}.resource-row+.resource-row{border-top:0;margin-top:0}.resource-row .book-title{font-family:var(--serif);font-size:2.6rem;line-height:1.08}.resource-row h3{margin-bottom:1rem}.resource-row .caption{margin-top:1rem}.resource-row .eyebrow{margin-bottom:1rem}.about-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:4.5rem;align-items:center}.about-hero h1{max-width:15ch}.about-hero img{aspect-ratio:4/5;object-fit:cover;object-position:center 15%}.about-hero .lead{margin-bottom:1rem}.about-hero .text-link{margin-top:1rem}.section-rule{border-top:1px solid var(--line)}.bio-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.bio-grid h2{max-width:13ch}.facts{list-style:none;padding:0}.facts li{border-top:1px solid var(--line);padding:1rem 0;display:grid;grid-template-columns:5rem 1fr;gap:1.5rem}.facts li:first-child{border-top:0;padding-top:0}.facts .year{font:.8125rem/1.6 var(--mono);color:var(--blue);padding-top:.2rem}.facts h3{font:600 1.1875rem/1.4 var(--sans);margin-bottom:.3rem}.facts p{font-size:1.0625rem;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2.5rem}.gallery img{aspect-ratio:4/3;object-fit:cover;background:var(--surface)}.gallery figcaption{font-size:.9375rem;margin-top:.65rem}.story-intro{max-width:65ch;margin-block:1.5rem 2rem}.story-group{border-top:1px solid var(--line)}.story-group>summary{font-family:var(--serif);font-size:1.65rem;cursor:pointer;min-height:4.5rem;padding:1.15rem .25rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}.story-group>summary::after{content:'+';font-family:var(--sans)}.story-group[open]>summary::after{content:'−'}.story-group summary::-webkit-details-marker{display:none}.stories{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;padding-block:.5rem 2rem}.story{border-top:1px solid var(--line);padding:1.25rem 0}.story h3{font-size:1.25rem;font-family:var(--sans);font-weight:600;margin-bottom:.6rem}.story p{font-size:1.0625rem;color:var(--muted)}.offer-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}.offer-hero h1{font-size:clamp(2.5rem,4.8vw,4rem)}.offer-photo img{aspect-ratio:4/3;object-fit:cover;object-position:31% center}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:2.5rem}.offer{border-top:1px solid var(--line);padding-top:1.3rem}.offer h3{font-size:1.65rem;margin-bottom:1rem}.offer p{font-size:1.0625rem;color:var(--muted)}.offer .meta{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.9375rem;color:var(--blue)}.experience-list{margin-top:2rem}.experience{display:grid;grid-template-columns:.7fr 1.3fr;gap:2.5rem;padding:1.75rem 0;border-top:1px solid var(--line)}.experience h3{font-size:1.55rem}.experience p{color:var(--muted);font-size:1.0625rem}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.contact-box h2{margin-bottom:1rem}.contact-box p{color:#cbd1d8}.contact-address{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.4rem}.contact-address a{font-size:1.25rem;overflow-wrap:anywhere;min-width:0}.copy{min-height:2.8rem;padding:.5rem .9rem;background:transparent;color:inherit;border:1px solid currentColor;font-size:.9375rem}.copy:hover{background:#ffffff15}.status{min-height:1.5rem;margin-top:.5rem;font-size:.9375rem;color:var(--muted)}.dark .status{color:#e5d1aa}.contact-list{padding-left:1.1rem;font-size:1.0625rem;color:#d8dde3}.contact-list li+li{margin-top:.5rem}.academic{display:grid;grid-template-columns:.6fr 1.4fr;gap:3rem;align-items:center}.academic img{aspect-ratio:16/10;object-fit:cover;object-position:center 35%}.academic h2{font-size:2rem;margin-bottom:1rem}.academic .text-link{overflow-wrap:anywhere}.student-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:3.5rem;align-items:start}.student-hero h1{max-width:15ch}.student-side{padding:1.5rem 0 1.5rem 1.75rem;border-left:1px solid var(--line);margin-top:2.5rem}.student-side h2{font-size:1.6rem;margin-bottom:1rem}.student-side ol{padding-left:1.25rem;font-size:1.0625rem}.student-side li+li{margin-top:.7rem}.student-hero .contact-address{margin-top:1rem}.student-hero .contact-address a{font-size:1.125rem}.student-rules{display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem;padding-top:3rem;margin-top:3rem;border-top:1px solid var(--line)}.student-rules h2{font-size:2rem}.student-rules p{font-size:1.0625rem}.not-found{min-height:58vh;display:grid;align-content:center;padding-block:4rem}.not-found p{margin-top:1.5rem}.error-number{font: .9375rem var(--mono);color:var(--blue);margin-bottom:1rem}
@media(min-width:1500px){.hero{padding-block:4rem 4.5rem}.portrait img{max-height:530px}}
@media(max-width:1100px){.wrap{width:calc(100% - 3.5rem)}.nav-list{gap:1.05rem}.hero{gap:3rem}.offer-hero,.about-hero{gap:3rem}.offer-grid{gap:1.5rem}.student-hero{gap:2rem}}
@media(max-width:850px){.wrap{width:calc(100% - 2.5rem)}.nav-inner{min-height:4.8rem;flex-wrap:wrap;gap:0}.brand img{height:3rem}.menu-button{display:inline-flex}.site-nav{width:100%;padding-bottom:1rem}.nav-list{display:block;border-top:1px solid var(--line);margin-top:.8rem}.nav-list a{white-space:normal;padding:.85rem .1rem;min-height:3.1rem}.nav-list li+li{border-top:1px solid var(--line)}.nav-list a[aria-current=page]{text-underline-offset:.3rem}.hero{gap:2rem}.hero .actions{gap:.5rem 1rem}.portrait figcaption{font-size:.75rem}.feature{gap:2rem}.feature.paper{padding:1.5rem}.feature h2,.feature.paper h2{font-size:2rem}.section{padding-block:4rem}.offer-hero,.about-hero{grid-template-columns:1.1fr .9fr;gap:2rem}.offer-grid{grid-template-columns:1fr}.offer{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem 2rem}.offer .meta{grid-column:2;margin-top:0}.student-hero{grid-template-columns:1fr}.student-side{margin-top:0;max-width:40rem}.academic{gap:2rem}.footer-top{gap:2rem}.footer-links{max-width:23rem}.contact-box{gap:2rem}.bio-grid{gap:2.5rem}}
@media(max-width:620px){body{font-size:1.125rem}.wrap{width:calc(100% - 2.5rem)}.hero{grid-template-columns:1fr;padding-block:2.5rem 2.5rem;gap:2.3rem}.eyebrow{font-size:.75rem;margin-bottom:1.1rem}.hero .actions{gap:.65rem 1.25rem}.section{padding-block:3rem}.section-sm{padding-block:2.5rem}.feature{grid-template-columns:1fr;gap:1.4rem}.feature h2,.feature.paper h2{font-size:2rem}.feature .eyebrow{font-size:.75rem}.feature p{font-size:1.0625rem}.feature.paper{padding:1.1rem;margin-bottom:2rem}.feature .actions{gap:.5rem 1rem}.section-heading{display:block;margin-bottom:1.8rem}.section-heading .text-link{margin-top:1rem}h2{font-size:2.15rem}.closing{display:block}.closing h2{font-size:2.2rem}.closing .button{margin-top:1.5rem}.site-footer{padding-top:2rem}.footer-top,.footer-bottom{display:block}.footer-links{justify-content:start;margin-top:1.4rem;gap:.1rem 1.4rem;max-width:none}.footer-bottom{margin-top:1.5rem}.privacy{margin-top:.8rem}.privacy summary{text-align:left}.page-top{padding-block:2.5rem 2rem}.page-top h1{font-size:2.8rem}.page-top .lead{font-size:1.2rem}.about-hero,.offer-hero{grid-template-columns:1fr;gap:1.8rem}.about-hero .aside-photo{max-width:420px}.about-hero img{aspect-ratio:5/4;object-position:center 19%}.about-hero h1{max-width:15ch}.materials-list{grid-template-columns:1fr;gap:2rem}.material-card h3{font-size:1.7rem}.resource-row{grid-template-columns:1fr;gap:1.3rem;padding-block:2rem;margin-top:2rem}.resource-row .book-title{font-size:2.1rem}.bio-grid{grid-template-columns:1fr;gap:1.75rem}.bio-grid h2{max-width:20ch}.facts li{grid-template-columns:4.8rem 1fr;gap:1rem}.gallery{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}.gallery figure:last-child{grid-column:1/-1}.gallery figure:last-child img{aspect-ratio:16/9}.gallery figcaption{font-size:.875rem}.stories{grid-template-columns:1fr;gap:0}.story-group>summary{font-size:1.5rem}.offer-hero h1{font-size:2.7rem}.offer-photo{max-width:480px}.offer-grid{gap:1.5rem;margin-top:2rem}.offer{display:block}.offer h3{font-size:1.65rem}.offer .meta{margin-top:1rem}.experience{grid-template-columns:1fr;gap:.65rem}.contact-box{grid-template-columns:1fr;gap:1.5rem}.contact-address a{font-size:1.1875rem}.academic{grid-template-columns:1fr;gap:1.5rem}.academic img{max-height:220px;object-position:center 30%}.academic .text-link{word-break:break-word;display:block;padding-block:.6rem}.student-side{padding:1.25rem;border:1px solid var(--line)}.student-rules{grid-template-columns:1fr;gap:1rem;padding-top:2rem;margin-top:2rem}.button{padding:.8rem 1rem;font-size:1rem;gap:.8rem}.student-hero .contact-address{gap:.6rem}.student-hero .contact-address a{font-size:1.0625rem}}
@media(max-width:370px){.wrap{width:calc(100% - 2rem)}.page-top h1{font-size:2.5rem}.portrait figcaption{display:block}.portrait figcaption span+span{display:none}.offer-hero h1{font-size:2.4rem}.button{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ── art.css ── */

/* drbielicki.com v7 · art.css — dwie płaszczyzny: papier (sztuka) i noc (technologia).
   Technologia jest językiem zapisu: linia, odnośnik, siatka, skan. Każda etykieta mówi prawdę. */

:root{--technical:#3D6BB3;--technical-light:#6C96D9;--studio:#14161C;--kosc:#F3EDDD;--cyjan:#6C96D9;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--t-press:160ms;--t-ui:180ms;--t-story:700ms}

.eyebrow{letter-spacing:.13em}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== nagłówek jako materiał ===== */

.site-header{background:rgba(244,240,232,.84);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(197,191,179,.7);box-shadow:none}

.nav-inner{min-height:4.5rem}

.brand img{height:2.9rem}

.nav-list .nav-cta{display:inline-flex;align-items:center;min-height:2.6rem;padding:.45rem 1rem;background:var(--ink);color:var(--light);border:1px solid var(--ink);font-weight:600;text-decoration:none;white-space:nowrap;margin-left:.4rem}

.nav-list .nav-cta:hover{color:var(--light);text-decoration:none}

@media (prefers-reduced-transparency:reduce){.site-header{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}

@media(max-width:850px){.nav-list .nav-cta{display:inline-flex;margin:.9rem 0 .2rem}.nav-list li:has(.nav-cta){border-top:0}}

/* ===== hero ===== */

.hero{gap:3.5rem;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding-block:2.7rem 3.5rem;align-items:center}

/* ===== plansza (papier): rysunek/rycina wtopiona w papier + odnośniki dokumentacyjne ===== */

.stempel{position:absolute;right:0;top:0;font:.6875rem/1.4 var(--mono);letter-spacing:.2em;color:var(--technical);border:1px solid var(--technical);padding:.4rem .6rem;text-transform:uppercase;z-index:2;background:rgba(244,240,232,.7);white-space:nowrap}

/* hero: szkic ratusza */

/* start · Menelaos w „Co mnie ciekawi” */

/* jeden krok */

/* o mnie · Tabl. I Dawid + Dowody */

.dowody{font-size:1.0625rem}

.dowody .eyebrow{margin-bottom:1rem}

.dowody div{padding:.9rem 0;border-top:1px solid var(--line)}

.dowody strong{display:block;font:.75rem/1.6 var(--mono);letter-spacing:.14em;color:var(--technical);text-transform:uppercase;margin-bottom:.2rem}

.dowody p{color:var(--muted)}

.about-hero figcaption,.offer-photo figcaption,.academic figcaption{font-size:.8125rem;color:var(--muted);margin-top:.75rem;line-height:1.5}

/* materiały · Tabl. II Herkules */

/* ===== noc (technologia): skan Perseusza + sieć ===== */

.dark{background:var(--studio);color:var(--kosc)}

.dark .eyebrow{color:var(--cyjan)}

.dark .muted,.contact-box p{color:#CDC6B4}

.dark .video-meta{color:#B7B0A0}

.dark .text-link{color:var(--kosc);text-decoration-color:var(--cyjan)}

.dark .status{color:var(--cyjan)}

.contact-list{color:#D8D1C0}

.night-story{background:var(--studio);color:var(--kosc);border-top:0;overflow:hidden;position:relative;isolation:isolate}

.night-story .siec{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.35;pointer-events:none}

.night-story .closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center}

.night-story .closing h2{font-size:clamp(2.3rem,4vw,3.5rem);max-width:17ch}

.night-story .closing p{color:#CDC6B4;margin-bottom:1.7rem;max-width:38ch}

.night-story .closing p.eyebrow{max-width:none;margin-bottom:1.5rem}

.nd{fill:var(--studio);stroke:var(--cyjan);stroke-width:1.2;vector-effect:non-scaling-stroke}

.nd-on{fill:var(--cyjan);stroke:none}

.ed{stroke:var(--cyjan);stroke-opacity:.35;stroke-width:1;vector-effect:non-scaling-stroke;fill:none}

.ed-on{stroke:var(--cyjan);stroke-opacity:.8;stroke-width:1.2;vector-effect:non-scaling-stroke;fill:none}

/* miniatury YouTube na nocy — wyciszone */

.dark .video-image img{filter:grayscale(1) contrast(1.05);mix-blend-mode:screen;opacity:.85;transition:filter 200ms ease,opacity 200ms ease}

@media (hover:hover) and (pointer:fine){.dark .video-image:hover img{filter:none;opacity:1}}

/* ===== ruch: narracja (klasa .in dodawana raz przez IntersectionObserver) ===== */

/* ===== ruch: mikrointerakcje ===== */

.button,.copy,.atlas-views button,.text-link,.video-image,.nav-list .nav-cta{transition:transform var(--t-press) var(--ease-out),background var(--t-ui) ease,border-color var(--t-ui) ease,color var(--t-ui) ease}

.button:hover{transform:none}

.map-pin .pin-mark{transition:background 180ms ease,box-shadow 180ms ease,transform 120ms var(--ease-out)}

.play{transition:transform 200ms var(--ease-out)}

.video-image:hover .play{transform:translate(-50%,-50%)}

@media (hover:hover) and (pointer:fine){
  .button:hover{transform:translateY(-2px)}
  .video-image:hover .play{transform:translate(-50%,-50%) scale(1.07)}
  .nav-list .nav-cta:hover{background:var(--technical);border-color:var(--technical)}
}

/* wciśnięcie wygrywa z hoverem — dlatego po bloku hover */

.button:active,.copy:active,.atlas-views button:active,.video-image:active,.nav-list .nav-cta:active{transform:scale(.97)}

.text-link:active{transform:scale(.98)}

.map-pin:active .pin-mark{transform:scale(.88)}

.video-image:active .play{transform:translate(-50%,-50%) scale(.95)}

/* menu mobilne jako nakładka */

@media(max-width:850px){
  .nav-inner{position:relative;flex-wrap:nowrap}
  .site-nav{position:absolute;top:100%;left:-1.25rem;right:-1.25rem;width:auto;background:var(--paper);border-bottom:1px solid var(--line);padding:0 1.25rem 1rem;
    transition:opacity var(--t-ui) var(--ease-out),transform var(--t-ui) var(--ease-out)}
  .site-nav[hidden]{display:block!important;opacity:0;transform:translateY(-6px);pointer-events:none;visibility:hidden;transition:opacity 120ms var(--ease-out),transform 120ms var(--ease-out),visibility 0s 120ms}
  .site-nav:not([hidden]){opacity:1;transform:none;visibility:visible}
  @starting-style{.site-nav:not([hidden]){opacity:0;transform:translateY(-6px)}}
  .nav-list{margin-top:0;border-top:0}
}

/* mapa: region wchodzi jak przybliżenie; karta — crossfade */

.map-canvas{transform-origin:var(--ox,50%) var(--oy,50%);transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out)}

@starting-style{.map-canvas:not([hidden]){opacity:0;transform:scale(.96)}}

.atlas-card h3,.atlas-card p{transition:opacity 150ms var(--ease-out),filter 150ms var(--ease-out)}

.atlas-card.is-swapping h3,.atlas-card.is-swapping p{opacity:0;filter:blur(2px)}

.atlas-views button{transition:border-color 120ms ease,background 120ms ease,color 120ms ease,transform var(--t-press) var(--ease-out)}

/* kopiuj → skopiowano */

.copy{position:relative;min-width:8.5rem}

.copy .copy-l{display:inline-block;transition:opacity 150ms var(--ease-out),filter 150ms var(--ease-out)}

.copy.is-swapping .copy-l{opacity:.4;filter:blur(2px)}

.copy.ok{border-color:var(--cyjan);color:var(--cyjan)}

/* details */

@keyframes wejscie{from{opacity:0;transform:translateY(-4px)}}

details[open]>:not(summary){animation:wejscie 200ms var(--ease-out)}

/* przejścia między podstronami */

@view-transition{navigation:auto}

::view-transition-old(root),::view-transition-new(root){animation-duration:150ms;animation-timing-function:ease}

/* ===== reduced motion — mniej, nie zero ===== */

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .button:hover,.button:active,.copy:active,.atlas-views button:active,.text-link:active,.video-image:active,.nav-list .nav-cta:active,.map-pin:active .pin-mark,.video-image:hover .play{transform:none}
  .video-image:active .play{transform:translate(-50%,-50%)}
  .site-nav,.map-canvas{transition:opacity 120ms ease;transform:none!important}
  details[open]>:not(summary){animation-duration:1ms!important;animation-delay:0ms!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}

.atlas{margin-block:2.5rem;border:1px solid var(--line);box-shadow:10px 10px 0 var(--surface)}

.atlas-toolbar{padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}

.atlas-toolbar p{font-size:.9375rem;color:var(--muted)}

.atlas-views{display:flex;gap:.3rem;flex-wrap:wrap}

.atlas-views button{background:transparent;color:var(--ink);border:1px solid transparent;min-height:44px;padding:.65rem 1.1rem;font: .875rem/1.3 var(--mono)}

.atlas-views button:hover{border-color:var(--technical)}

.atlas-views button[aria-pressed=true]{background:var(--ink);color:var(--light)}

.atlas-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr)}

.atlas-chart{min-width:0;background:#f0ede4;display:flex;flex-direction:column;justify-content:center}

.atlas-caption{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;font:.8125rem/1.4 var(--mono);color:var(--blue)}

.map-canvas{position:relative;width:100%;margin:auto 0}

.map-canvas>img{display:block;width:100%;height:auto}

.map-canvas[hidden]{display:none}

.map-pin{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;padding:0;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;z-index:2;cursor:pointer;color:var(--ink)}

.map-pin .pin-mark{width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);transition:background .18s,box-shadow .18s;pointer-events:none}

.map-pin[aria-pressed=true]{z-index:4}

.map-pin[aria-pressed=true] .pin-mark{background:#d79847;box-shadow:0 0 0 5px #d7984733}

.map-pin:hover,.map-pin:focus-visible{z-index:5}

.map-pin:focus-visible{outline:2px solid var(--technical);outline-offset:1px}

.map-pin:hover .pin-mark{box-shadow:0 0 0 5px #3d6bb329}

.map-cluster .pin-mark{width:25px;height:25px;background:var(--ink);color:var(--light);font:20px/20px var(--sans);display:grid;place-items:center;border:0}

.pin-label{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);white-space:nowrap;max-width:14rem;background:var(--ink);color:var(--light);padding:.4rem .6rem;font:.8125rem/1.4 var(--sans);pointer-events:none;opacity:0;border-radius:2px}

.map-pin:hover .pin-label,.map-pin:focus-visible .pin-label{opacity:1}

.atlas-key{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;padding:1rem;font-size:.8125rem;color:var(--muted)}

.key-dot{width:10px;height:10px;background:#d79847;border:1px solid var(--ink);border-radius:50%}

.key-plus{margin-left:.7rem;color:var(--ink);font-size:1.2rem}

.atlas-side{padding:1.5rem;border-left:1px solid var(--line);background:var(--paper);min-width:0}

.atlas-side label{display:block;font-weight:600;font-size:1rem;margin-bottom:.5rem}

.atlas-side select{width:100%;min-width:0;max-width:100%;min-height:46px;background:var(--paper);border:1px solid #738493;border-radius:0;padding:.6rem;color:var(--ink);font-size:1rem;cursor:pointer}

.atlas-card{padding-top:2rem;min-height:23rem}

.atlas-card .eyebrow{font-size:.75rem;line-height:1.65;margin-bottom:.9rem}

.atlas-card h3{font:1.85rem/1.2 var(--serif);margin-bottom:1rem}

.atlas-card>p:last-child{font-size:1.0625rem;line-height:1.65;color:var(--muted)}

.journal-all{margin-top:2rem}

.journal-all>summary{cursor:pointer;font-weight:600;min-height:44px;padding:.8rem 0;font-size:1.0625rem}

.journal-all .story-group{margin-left:1rem}

@media(max-width:1100px){.atlas-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr)}.atlas-side{padding:1.2rem}}

@media(max-width:850px){.atlas-grid{grid-template-columns:1fr}.atlas-side{border-left:0;border-top:1px solid var(--line)}.atlas-card{min-height:0;padding-top:1.5rem}.atlas-chart{min-height:0}.atlas-toolbar{display:block}.atlas-toolbar p{margin-top:.65rem}.atlas-caption{padding:.9rem 1rem}.atlas-key{padding:.7rem}}

@media(max-width:620px){.atlas{box-shadow:6px 6px 0 var(--surface)}.atlas-toolbar{padding:.8rem}.atlas-views{gap:.1rem;flex-wrap:nowrap}.atlas-views button{padding:.6rem .85rem;font-size:.875rem}.atlas-caption{font-size:.75rem}.atlas-side{padding:1rem}.atlas-card h3{font-size:1.7rem}.atlas-key{font-size:.75rem}.pin-label{display:none}.map-pin{width:28px;height:28px}.map-pin .pin-mark{width:12px;height:12px}.journal-all .story-group{margin-left:0}}

@media(max-width:370px){.atlas-views button{padding:.6rem .65rem}.atlas-toolbar p{font-size:.875rem}.atlas-caption{gap:.5rem;font-size:.75rem}}

/* ===== responsywność komponentów v7 ===== */

@media(max-width:1100px){.hero{gap:2.5rem}}

@media(max-width:850px){.hero{gap:1.8rem}.night-story .closing{gap:2rem}}

@media(max-width:620px){
  .hero{grid-template-columns:1fr;gap:2rem;padding-block:2.3rem 2.5rem}
  .night-story .closing{grid-template-columns:1fr;gap:2rem}.night-story .closing h2{font-size:2.5rem}
  .stempel{font-size:.625rem;padding:.3rem .5rem}
}

/* ===== v8.0 · 07.09.2026 — po audycie: jedna duża plansza na podstronę, mniej warstw, mapa wyżej ===== */

/* hero: Marcin + Herkules Farnezyjski — soczewka: pod marmurem siatka (L2) */

/* tematy — zwykła lista, bez nazw filarów; Menelaos jako mały detal */

/* mały detal (rycina/fotografia bez odnośników, jeden podpis) */

.detal{margin:0}

.detal img{mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}

.detal figcaption{margin-top:.5rem;font:italic .8125rem/1.4 var(--serif);color:var(--muted)}

.detal-dawid{max-width:150px;margin-top:2.2rem;order:3}

.bio-grid>div:first-child{display:grid;grid-template-columns:1fr;align-content:start}

.detal-herkules{max-width:200px;justify-self:end}

/* kto za tym stoi — portret na schodach w całości (bez ucinania głowy) */

/* dwa krótkie wejścia (papier) */

.wejscia{display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:1px solid var(--line)}

.wejscie h2{font-size:1.6rem;margin-bottom:.5rem}

.wejscie p{color:var(--muted);font-size:1.0625rem;max-width:40ch}

.wejscie .text-link{margin-top:.6rem}

/* zamknięcie: Perseusz mały, ze skanem; wersja bez planszy */

.closing-krotkie{display:block}

.closing-krotkie p{margin-bottom:1.7rem}

/* o mnie: zdjęcie poziome w hero, Dowody zwijane, pas nocy krótki */

.about-hero-szer{grid-template-columns:1fr 1.1fr;align-items:center}

.about-hero-szer img{aspect-ratio:3/2;object-fit:cover;object-position:center}

.dowody-full{margin-top:1.2rem;border-top:1px solid var(--line)}

.dowody-full>summary{cursor:pointer;list-style:none;min-height:3rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;font:.8125rem/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--technical)}

.dowody-full>summary::after{content:'+';font:1.3rem/1 var(--sans);color:var(--ink)}

.dowody-full[open]>summary::after{content:'−'}

.dowody-full summary::-webkit-details-marker{display:none}

.dowody-full .dowody{padding-bottom:.5rem}

.dowody-full .dowody div:first-child{border-top:0;padding-top:.2rem}

.kompas-pas .lead{margin:0}

.kompas-pas h2{max-width:22ch}

.gallery .szkic-papier{mix-blend-mode:multiply;object-fit:contain;background:transparent}

.gallery .foto-pion{object-position:center 28%}

/* materiały: winieta obok tytułu, nagranie od razu */

.archive-top-v8{display:grid;grid-template-columns:minmax(0,1fr) 200px;grid-template-areas:'e f' 'h f' 'l f';column-gap:3rem;align-items:end;padding-bottom:1.5rem}

.archive-top-v8 .eyebrow{grid-area:e;align-self:start}

.archive-top-v8 h1{grid-area:h}

.archive-top-v8 .lead{grid-area:l}

.detal-herkules{grid-area:f}

.materialy-v8 .feature.paper{margin-top:0}

/* współpraca: formy jako „dla kogo / o czym / jak”, bez etykiet */

.offer-dl{margin:0;font-size:1rem}

.offer-dl dt{font:.75rem/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--technical);margin-top:.9rem}

.offer-dl dd{margin:0;color:var(--muted)}

.wiecej{margin-top:1.8rem}

/* studenci: tematy jako lista, zasady raz */

.lista-tematow{padding-left:1.1rem;margin-bottom:1.2rem}

.lista-tematow li+li{margin-top:.5rem}

.lista-tematow b{font-weight:600}

.student-rules-v8{margin-top:0;padding-top:0;border-top:0}

.student-rules-v8 h2{margin-top:0}

/* en */

.en-hero .aside-photo img{aspect-ratio:1/1;object-fit:cover}

.en-note{margin-top:1.2rem}

@media(max-width:850px){
.about-hero-szer{grid-template-columns:1fr 1fr;gap:2rem}
.offer{display:block}
.offer .offer-dl{margin-top:.2rem}
.archive-top-v8{grid-template-columns:minmax(0,1fr) 150px}
}

@media(max-width:620px){
.wejscia{grid-template-columns:1fr;gap:1.6rem}
.wejscie h2{font-size:1.5rem}
.about-hero-szer{grid-template-columns:1fr;gap:1.6rem}
.about-hero-szer .aside-photo{max-width:none}
.about-hero-szer img{aspect-ratio:3/2;object-position:center}
.bio-grid>div:first-child{grid-template-columns:1fr 96px;column-gap:1rem}
.bio-grid>div:first-child .eyebrow,.bio-grid>div:first-child h2{grid-column:1}
.detal-dawid{order:0;grid-column:2;grid-row:1/3;max-width:96px;margin-top:0;align-self:start}
.detal-dawid figcaption{font-size:.6875rem}
.archive-top-v8{grid-template-columns:minmax(0,1fr) 96px;grid-template-areas:'e e' 'h h' 'l f';column-gap:1rem;align-items:start;padding-bottom:.5rem}
.detal-herkules{max-width:96px;justify-self:end;margin-top:0}
.detal-herkules figcaption{font-size:.6875rem}
.stempel{display:none!important}
.offer-dl{font-size:.9375rem}
}

/* ===== WARIANT „NOC” — odwrócone płaszczyzny: noc dominuje, papier jako wkładki ===== */

:root{--paper:#14161C;--surface:#1C1F27;--ink:#F3EDDD;--muted:#B7B0A0;--blue:#6C96D9;--technical:#6C96D9;--technical-light:#6C96D9;
  --light:#14161C;--line:#2E3340;--dark-line:#586479;--focus:#6C96D9;--night:#F4F0E8;--studio:#14161C;--kosc:#F3EDDD;--cyjan:#6C96D9;--amber:#E09B45}

body{background:#14161C;color:#F3EDDD}

::selection{background:#6C96D9;color:#14161C}

:focus-visible{outline-color:#6C96D9}

/* nagłówek i stopka */

.site-header{background:rgba(20,22,28,.86);border-bottom:1px solid #2E3340}

@media (prefers-reduced-transparency:reduce){.site-header{background:#14161C}}

.nav-list a:hover,.nav-list a[aria-current=page]{color:#6C96D9}

.nav-list .nav-cta{background:#F3EDDD;color:#14161C;border-color:#F3EDDD}

.nav-list .nav-cta:hover{color:#14161C}

@media (hover:hover) and (pointer:fine){.nav-list .nav-cta:hover{background:#6C96D9;border-color:#6C96D9;color:#14161C}}

.menu-button{border-color:#3A4050;color:#F3EDDD}

.site-nav{background:#14161C;border-bottom-color:#2E3340}

.site-footer{border-top-color:#2E3340}

.footer-sign span,.footer-bottom{color:#B7B0A0}

.footer-bottom{border-top-color:#2E3340}

/* przyciski i linki na nocy */

.button{background:#F3EDDD;color:#14161C;border-color:#F3EDDD}

.button:hover{background:#6C96D9;border-color:#6C96D9;color:#14161C}

.button.light{background:#F3EDDD;color:#14161C;border-color:#F3EDDD}

.button.light:hover{background:#6C96D9;border-color:#6C96D9}

.text-link{text-decoration-color:#6C96D9}

.display-blue{color:#6C96D9}

.eyebrow{color:#6C96D9}

.caption,.detal figcaption,.about-hero figcaption,.offer-photo figcaption,.academic figcaption,.gallery figcaption{color:#B7B0A0}

.proof-line{border-top-color:#2E3340}

.wejscia,.section-rule,.facts li,.dowody div,.dowody-full,.story-group,.story,.experience,.offer,.material-card,.resource-row,.student-side,.student-rules{border-color:#2E3340}

.copy{border-color:#F3EDDD}

.copy:hover{background:#ffffff12}

.copy.ok{border-color:#6C96D9;color:#6C96D9}

.status{color:#B7B0A0}

.dowody strong,.offer-dl dt,.dowody-full>summary,.facts .year{color:#6C96D9}

.dowody-full>summary::after{color:#F3EDDD}

.atlas-views button{color:#F3EDDD}

.dowody p,.offer-dl dd,.wejscie p,.material-card p,.offer p,.experience p,.story p,.facts p,.atlas-card>p:last-child,.privacy p,.muted,.lead.muted{color:#B7B0A0}

.student-side{border-color:#2E3340}

.play{background:#F3EDDD;color:#14161C}

.feature.paper{background:#1C1F27}

.video-image::after{border-color:#ffffff22}

/* plansze na nocy: ryciny jaśnieją do cyjanu, szkice stają się „blueprintem”, zdjęcia dostają cienką linię */

.detal-dawid img,.detal-herkules img{filter:brightness(1.75) saturate(1.15);mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}

.gallery .szkic-papier,.gallery img[src*="szkic-kon"]{filter:invert(1) contrast(1.05);mix-blend-mode:screen;background:transparent}

.gallery img{background:#1C1F27}

.about-hero img,.offer-photo img,.academic img,.gallery .foto-pion,.video-image img{outline:1px solid #2E3340;outline-offset:0}

.dark .video-image img,.video-image img{filter:none;mix-blend-mode:normal;opacity:1}

/* sekcje „.dark” (dotąd noc) — teraz PAPIER: wkładki na nocy */

.dark{--paper:#F4F0E8;--surface:#eae3d7;--ink:#1B2A4A;--muted:#555f6e;--blue:#3D6BB3;--technical:#3D6BB3;--cyjan:#3D6BB3;--line:#c5bfb3;--dark-line:#c5bfb3;--kosc:#1B2A4A;--light:#F3EDDD;--focus:#3D6BB3;
  background:#F4F0E8;color:#1B2A4A}

.dark .eyebrow{color:#3D6BB3}

.dark .muted,.dark .contact-box p,.dark .video-meta,.dark .status{color:#555f6e}

.dark .text-link{color:#1B2A4A;text-decoration-color:#3D6BB3}

.dark .contact-list{color:#1B2A4A}

.dark .button,.dark .button.light{background:#1B2A4A;color:#F3EDDD;border-color:#1B2A4A}

.dark .button:hover,.dark .button.light:hover{background:#3D6BB3;border-color:#3D6BB3;color:#F3EDDD}

.dark .copy{border-color:#1B2A4A;color:#1B2A4A}

.dark .copy:hover{background:#1B2A4A12}

.dark .copy.ok{border-color:#3D6BB3;color:#3D6BB3}

.dark .play{background:#1B2A4A;color:#F3EDDD}

.dark :focus-visible{outline-color:#3D6BB3}

.dark h2 .display-blue{color:#3D6BB3}

.dark .lead{color:#1B2A4A}

.dark .feature p{color:#1B2A4A}

/* zamknięcie „Przy ognisku” zostaje nocą — ciemniejszy pas z siecią */

.night-story.dark{--paper:#14161C;--ink:#F3EDDD;--muted:#B7B0A0;--cyjan:#6C96D9;--technical:#6C96D9;--kosc:#F3EDDD;--studio:#0F1116;--light:#F3EDDD;
  background:#0F1116;color:#F3EDDD;border-top:1px solid #2E3340}

.night-story.dark .eyebrow{color:#6C96D9}

.night-story.dark .closing p{color:#CDC6B4}

.night-story.dark .button.light{background:#F3EDDD;color:#14161C;border-color:#F3EDDD}

.night-story.dark .button.light:hover{background:#6C96D9;border-color:#6C96D9}

.night-story.dark .text-link{color:#F3EDDD}

.night-story .nd{fill:#0F1116}

/* „Zacznij od tego” na starcie: zostaje nocą (technologia/YouTube), tylko jako jaśniejsza płyta */

#zacznij.dark{--paper:#1C1F27;--ink:#F3EDDD;--muted:#B7B0A0;--blue:#6C96D9;--technical:#6C96D9;--cyjan:#6C96D9;--kosc:#F3EDDD;--light:#F3EDDD;background:#1C1F27;color:#F3EDDD}

#zacznij.dark .eyebrow{color:#6C96D9}

#zacznij.dark .video-meta{color:#B7B0A0}

#zacznij.dark .text-link{color:#F3EDDD;text-decoration-color:#6C96D9}

#zacznij.dark .feature p{color:#F3EDDD}

#zacznij.dark .play{background:#F3EDDD;color:#14161C}

/* atlas — mapa jest zawsze papierowym przedmiotem */

.atlas{--paper:#F4F0E8;--surface:#eae3d7;--ink:#1B2A4A;--muted:#555f6e;--blue:#3D6BB3;--technical:#3D6BB3;--line:#c5bfb3;--light:#F3EDDD;
  color:#1B2A4A;background:#F4F0E8;border-color:#c5bfb3;box-shadow:10px 10px 0 #1C1F27}

.atlas .eyebrow{color:#3D6BB3}

.atlas-views button{color:#1B2A4A}

.atlas-toolbar p,.atlas-card>p:last-child,.atlas-key{color:#555f6e}

.atlas :focus-visible{outline-color:#3D6BB3}

/* ===== wariant B „Noc + arkusze”: człowiek i sztuka na papierowych arkuszach ===== */

html.arkusze .feature.paper,html.arkusze .gallery,html.arkusze .offer-grid,html.arkusze .materials-list{
  --paper:#F4F0E8;--surface:#eae3d7;--ink:#1B2A4A;--muted:#555f6e;--blue:#3D6BB3;--technical:#3D6BB3;--line:#c5bfb3;--light:#F3EDDD;
  background:#F4F0E8;color:#1B2A4A;border:0}

html.arkusze .feature.paper .eyebrow{color:#3D6BB3}

html.arkusze .feature.paper{padding:2rem}

html.arkusze .feature.paper .video-meta{color:#555f6e}

html.arkusze .feature.paper .text-link{color:#1B2A4A;text-decoration-color:#3D6BB3}

html.arkusze .feature.paper .play{background:#1B2A4A;color:#F3EDDD}

html.arkusze .gallery{padding:2rem;gap:2rem}

html.arkusze .gallery img{background:transparent}

html.arkusze .gallery .szkic-papier,html.arkusze .gallery img[src*="szkic-kon"]{filter:none;mix-blend-mode:multiply}

html.arkusze .gallery figcaption{color:#1B2A4A}

html.arkusze .gallery .foto-pion{outline:0}

html.arkusze .offer-grid{padding:2rem;gap:2rem}

html.arkusze .offer{border-top-color:#c5bfb3}

html.arkusze .offer p,html.arkusze .offer-dl dd{color:#555f6e}

html.arkusze .offer-dl dt{color:#3D6BB3}

html.arkusze .materials-list{padding:2rem;gap:2rem}

html.arkusze .material-card{border-bottom-color:#c5bfb3}

html.arkusze .material-card p,html.arkusze .material-card .video-meta{color:#555f6e}

html.arkusze .material-card .text-link{color:#1B2A4A;text-decoration-color:#3D6BB3}

html.arkusze .material-card .play{background:#1B2A4A;color:#F3EDDD}

@media(max-width:620px){
  html.arkusze .gallery,html.arkusze .offer-grid,html.arkusze .materials-list{padding:1.25rem}
  html.arkusze .feature.paper{padding:1.1rem}
}

/* ===== v9 · rzeźby w ruchu: M3 głębia (Menelaos), D1 kreślenie (Dawid), H3 wywołanie (Herkules i Kakus) ===== */

.rz-stage{position:relative;overflow:hidden;isolation:isolate}

.rz-stage>img{display:block;width:100%;height:auto;position:relative;z-index:1}

/* M3 · Głębia: rzeźba i siatka za nią rozchodzą się za kursorem; trzy punkty z krótkimi etykietami */

/* D1 · Kreślenie: rycina rysuje się od góry do dołu, linia pióra prowadzi (raz, przy wejściu) */

/* H3 · Wywołanie: odbitka wynurza się z rozmycia i ziarna jak w kuwecie (raz, przy wejściu) */

/* w nocy detale nie potrzebują maski gradientowej na rycinach (ryciny mają alfę) */

/* v10 · 29.09.2026 — hero z dopiskiem, zapowiedź odcinka, sytuacje, „Jak pracuję z wiedzą”, lista uczelni */

.zasady{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;counter-reset:z}

.zasady li{counter-increment:z;position:relative;padding:.9rem 0 .9rem 2.4rem;border-top:1px solid var(--line);font-size:1.0625rem}

.zasady li::before{content:counter(z,decimal-leading-zero);position:absolute;left:0;top:1.05rem;font:.8125rem/1.6 var(--mono);color:var(--amber)}

.zasady-omnie{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--line);max-width:64ch}

.zasady-omnie .zasady{grid-template-columns:1fr;margin-top:.6rem}

.zasady-omnie .zasady li{border-top:0;padding-block:.35rem}

.sernik{font:italic 1.125rem/1.55 var(--serif);color:var(--muted);margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--line);max-width:60ch}

.zapowiedzi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:2rem}

.zapowiedzi .odcinek{border-top:1px solid var(--line);padding-top:1.2rem}

.zapowiedzi .odcinek .eyebrow{margin-bottom:.6rem}

.zapowiedzi h3{font-size:1.6rem;margin-bottom:.6rem}

.zapowiedzi p{color:var(--muted);font-size:1.0625rem}

.zapowiedzi-nota{margin-top:1.6rem;font-size:.9375rem;color:var(--muted)}

.uczelnie{margin-top:1.2rem;border-top:1px solid var(--line)}

.uczelnie>summary{cursor:pointer;list-style:none;min-height:3rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;font:.8125rem/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--technical)}

.uczelnie>summary::after{content:'+';font:1.3rem/1 var(--sans);color:var(--ink)}

.uczelnie[open]>summary::after{content:'−'}

.uczelnie summary::-webkit-details-marker{display:none}

.uczelnie table{width:100%;border-collapse:collapse;font-size:.9375rem;margin-bottom:1rem}

.uczelnie th{text-align:left;font:.75rem/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:.5rem .6rem .5rem 0;border-bottom:1px solid var(--line)}

.uczelnie td{padding:.55rem .6rem .55rem 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}

.uczelnie td:first-child{color:var(--ink);white-space:nowrap}

.uczelnie .rok{font:.8125rem/1.6 var(--mono);white-space:nowrap}

@media(max-width:850px){.zapowiedzi{grid-template-columns:1fr}}

@media(max-width:620px){.zasady{grid-template-columns:1fr;gap:0}.uczelnie table{font-size:.875rem}.uczelnie td,.uczelnie th{padding-right:.4rem}}

.resource-row .h-kolejny{margin-top:1.8rem}

.resource-row .actions{margin-top:1.6rem}

.zapowiedzi-nota .text-link{display:inline-flex;margin-left:.4rem}

.uczelnie-blok{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}

.uczelnie-blok h2{font-size:2rem;max-width:18ch}

.uczelnie-blok p{font-size:1.0625rem;color:var(--muted);max-width:56ch}

.uczelnie-blok .actions{margin-top:1.4rem}

@media(max-width:620px){.uczelnie-blok{grid-template-columns:1fr;gap:1.2rem}}

.zapowiedzi-nota{margin-bottom:3.5rem}

.resource-row .dl-lead{margin-top:1rem;font-size:1rem;line-height:1.55;color:var(--muted);max-width:34ch}

@media(max-width:620px){.uczelnie thead{display:none}.uczelnie table,.uczelnie tbody,.uczelnie tr,.uczelnie td{display:block;width:100%}.uczelnie tr{padding:.7rem 0;border-bottom:1px solid var(--line)}.uczelnie td{border:0;padding:.1rem 0;white-space:normal}.uczelnie td:first-child{font-weight:600;white-space:normal}.uczelnie .rok{white-space:normal;margin-top:.15rem}}

/* ── v11.css ── */

/* drbielicki.com v11.0 · wspólne dla wszystkich stron: nagłówek (K4), stopka na papierze z kompasem, akcent z Palety v1.0 */

:root{--blon:#6C96D9;--blad:#3D6BB3;--bursn:#E09B45;--burs:#C87D2F;--pap:#F1E9DA;--atr:#1B2A4A}

/* nagłówek: logo, nawigacja krojem Display, YouTube w pigułce */

.site-header{background:#14161C;border-bottom:1px solid rgba(245,240,230,.11);-webkit-backdrop-filter:none;backdrop-filter:none}

.site-header .nav-inner{min-height:5.25rem;gap:2rem}

.site-header .brand img{height:4rem;width:auto}

.site-header .site-nav{flex:1}

.site-header .nav-list{gap:2.6rem;justify-content:flex-end}

.site-header .nav-list li:first-child{margin-left:auto}

.site-header .nav-list li:last-child{margin-left:auto}

.site-header .nav-list a{font:400 1.18rem/1 var(--serif);letter-spacing:0;padding:.8rem 0}

.site-header .nav-list a:hover,.site-header .nav-list a[aria-current=page]{color:#F3EDDD;text-decoration:underline;text-decoration-color:var(--blon);text-decoration-thickness:2px;text-underline-offset:.5rem}

.site-header .nav-list .nav-cta{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:.7rem 1.3rem;margin:0;background:transparent;color:#F3EDDD;border:1.5px solid var(--blon);border-radius:999px;font:600 .95rem/1 var(--sans);text-decoration:none}

.site-header .nav-list .nav-cta:hover{background:var(--blon);border-color:var(--blon);color:#14161C;text-decoration:none}

.site-header.nad{position:absolute;top:0;left:0;right:0;z-index:40;background:transparent}

@media (max-width:1100px){.site-header .nav-list{gap:1.6rem}.site-header .nav-list a{font-size:1.08rem}}

@media (max-width:850px){
  .site-header .nav-inner{min-height:4.4rem}
  .site-header .brand img{height:3.1rem}
  .site-header .nav-list li:first-child,.site-header .nav-list li:last-child{margin-left:0}
  .site-header .nav-list a{font-size:1.25rem;padding:.9rem .1rem}
  .site-header .nav-list .nav-cta{margin:1rem 0 .3rem}
  .site-header.nad .site-nav{background:#14161C}
}

/* stopka: papier z naddartą krawędzią i kompasem, który ustawia się na północ */

.site-footer{position:relative;margin-top:-10px;border-top:0;color:var(--atr);background-color:var(--pap);
  background-image:radial-gradient(ellipse 30% 60% at 90% 30%,rgba(150,112,60,.10),transparent 70%),url(/assets/v11/papier.svg);
  -webkit-mask:url(/assets/v11/torn-gora.svg) top/100% 12px no-repeat,linear-gradient(#000,#000) 0 11px/100% calc(100% - 11px) no-repeat;
  mask:url(/assets/v11/torn-gora.svg) top/100% 12px no-repeat,linear-gradient(#000,#000) 0 11px/100% calc(100% - 11px) no-repeat;
  padding-block:4.2rem 1.8rem}

.site-footer a{color:var(--atr)}

.site-footer .footer-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.4rem 2rem}

.site-footer .footer-sign{color:var(--atr)}

.site-footer .footer-sign span,.site-footer .footer-bottom{color:#5a5448}

.site-footer .footer-bottom{border-top-color:#1B2A4A2e}

.site-footer .privacy summary{color:var(--atr)}

.kompas{width:112px;height:112px;flex:none}

.kompas svg{width:100%;height:100%;overflow:visible}

@media (max-width:850px){
  .site-footer{padding-top:3.4rem}
  .site-footer .footer-top{grid-template-columns:auto minmax(0,1fr)}
  .site-footer .footer-links{grid-column:1/-1}
  .kompas{width:84px;height:84px}
}

/* O mnie: akcent w nagłówku „Kompas nie.” (bez stylu w linii — CSP) */

.akcent-blon{color:var(--blon)}

@media (min-width:851px){.site-header.nad .site-nav{background:transparent}}

/* v9–v10: przy 360 px menu wystawało 4 px poza ekran */

@media (max-width:370px){.site-header .site-nav{left:-1rem;right:-1rem;padding-left:1rem;padding-right:1rem}}

/* ── maps.css ── */

.map-pin--swiat-pittsburgh{left:29.290%;top:29.894%}

.map-pin--swiat-fortworth{left:24.040%;top:35.234%}

.map-pin--swiat-kolumbia{left:29.200%;top:54.723%}

.map-pin--swiat-rpa{left:57.070%;top:78.191%}

.map-pin--swiat-wietnam{left:79.820%;top:50.489%}

.map-pin--swiat-__europa{left:53.400%;top:21.915%}

.map-pin--europa-francja{left:41.750%;top:65.774%}

.map-pin--europa-bergen{left:44.750%;top:32.968%}

.map-pin--europa-tallinn{left:64.430%;top:36.065%}

.map-pin--europa-salzburg{left:52.580%;top:68.355%}

.map-pin--europa-lublana{left:54.060%;top:72.548%}

.map-pin--europa-sewilla{left:33.310%;top:91.565%}

.map-pin--europa-rzym{left:52.030%;top:82.000%}

.map-pin--europa-jyvaskyla{left:65.450%;top:26.661%}

.map-pin--europa-oulu{left:65.160%;top:16.468%}

.map-pin--europa-turku{left:61.920%;top:32.774%}

.map-pin--europa-rotterdam{left:43.900%;top:57.935%}

.map-pin--europa-kassel{left:48.990%;top:59.532%}

.map-pin--europa-montpellier{left:43.300%;top:78.194%}

.map-pin--europa-lizbona{left:30.110%;top:88.806%}

.map-pin--europa-belgia{left:43.890%;top:60.726%}

.map-pin--europa-__polska{left:56.510%;top:56.629%}

.map-pin--polska-preczki{left:53.370%;top:36.554%}

.map-pin--polska-rypin{left:50.950%;top:31.946%}

.map-pin--polska-torun{left:47.270%;top:34.679%}

.map-pin--polska-poznan{left:38.430%;top:44.036%}

/* ── home.css ── */

/* drbielicki.com v11.0 · strona główna — noc i papier na przemian; każda plansza z własnym ruchem */

.glowna{--blon:#6C96D9;--blad:#3D6BB3;--burs:#C87D2F;--bursn:#E09B45;--perg:#F5F0E6;--atr:#1B2A4A;--pap:#F1E9DA;--noc:#14161C;--ease:cubic-bezier(.2,.7,.2,1);overflow-x:hidden}

.glowna main{display:block}

/* ── 1 · HERO (noc) ───────────────────────────────────────── */

.h-hero{position:relative;height:clamp(660px,86vh,820px);overflow:hidden;background:
  radial-gradient(ellipse 34% 46% at 64% 34%,rgba(224,155,69,.10),transparent 70%),
  radial-gradient(ellipse 60% 70% at 70% 40%,#23252c 0,#15161b 55%,#101115 100%)}

.h-hero::before{content:'';position:absolute;inset:0;opacity:.35;mix-blend-mode:soft-light;pointer-events:none;background:
  repeating-linear-gradient(90deg,transparent 0 118px,rgba(255,255,255,.035) 118px 120px,transparent 120px 190px),url(/assets/v11/szum.svg)}

.h-scena{position:absolute;inset:0}

.h-kadr{position:absolute;right:max(3%,calc(50% - 680px));bottom:-1%;height:89%;aspect-ratio:1030/1350}

.h-kadr::after{content:'';position:absolute;left:-4%;right:10%;bottom:1%;height:9%;background:radial-gradient(ellipse 50% 50% at 45% 50%,rgba(0,0,0,.55),transparent 70%);z-index:-1}

.h-posag,.h-czlowiek{position:absolute;inset:0}

.h-posag{transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .8s var(--ease)}

.h-czlowiek{transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .8s var(--ease)}

.h-posag img{width:100%;height:100%;filter:grayscale(.55) sepia(.22) brightness(.5) contrast(1.22);-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 97%);mask-image:linear-gradient(180deg,#000 72%,transparent 97%)}

.h-czlowiek img{width:100%;height:100%;filter:saturate(.92) contrast(1.04) brightness(1.02)}

.h-posag svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}

.h-obrys{fill:none;stroke:var(--blon);stroke-width:4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 5px rgba(108,150,217,.5))}

.h-tekst{position:absolute;left:max(24px,6.6%);top:calc(50% + 42px);transform:translateY(-50%);width:min(38%,480px);z-index:5}

.h-tekst h1{font-size:clamp(2.8rem,4.6vw,4.1rem);line-height:1.02;letter-spacing:-.02em;margin-bottom:1.2rem;color:var(--perg)}

.h-podpis{font-size:1.02rem;color:#B9B3A8;margin-bottom:1.5rem}

.h-lead{font-size:1.1rem;line-height:1.5;max-width:37ch;color:#F5F0E6ee;margin-bottom:.7rem}

.h-dop{font-size:1.02rem;color:#8FA3BF;margin:0 0 2rem}

.h-btn{display:inline-flex;align-items:center;gap:.9rem;background:var(--perg);color:#15161b;text-decoration:none;border-radius:999px;padding:1rem 1.6rem 1rem 1.9rem;font:600 1.08rem/1 var(--sans);transition:background .2s,transform .12s}

.h-btn:hover{background:#fff;text-decoration:none}

.h-btn:active{transform:scale(.98)}

.h-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}

.h-fig{position:absolute;right:max(20px,2.6%);top:112px;max-width:260px;z-index:4;font:.625rem/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8d8a84;text-align:right}

.h-fig b{color:var(--blon);font-weight:400}

@media (prefers-reduced-motion:no-preference){
  .h-obrys{stroke-dashoffset:1;animation:h-obrys 2.8s cubic-bezier(.45,.05,.2,1) .7s forwards}
  .h-posag img{animation:h-wejdz 1.4s var(--ease) .1s both}
  .h-czlowiek img{animation:h-wstan 1s var(--ease) .5s both}
  .h-tekst>*{animation:h-tekst .7s var(--ease) both}
  .h-tekst>:nth-child(2){animation-delay:.12s}.h-tekst>:nth-child(3){animation-delay:.22s}.h-tekst>:nth-child(4){animation-delay:.3s}.h-tekst>:nth-child(5){animation-delay:.38s}.h-tekst>:nth-child(6){animation-delay:.46s}
  .h-fig{animation:h-wejdz .8s ease 2.8s both}
}

@keyframes h-obrys{to{stroke-dashoffset:0}}

@keyframes h-wejdz{from{opacity:0}}

@keyframes h-wstan{from{opacity:0;transform:translateY(14px)}}

@keyframes h-tekst{from{opacity:0;transform:translateY(10px)}}

/* ── PAPIER: wspólne ──────────────────────────────────────── */

.p-cien{position:relative;z-index:6;margin:-10px 0;filter:drop-shadow(0 -3px 8px rgba(0,0,0,.2))}

.papier{position:relative;color:var(--atr);background-color:var(--pap);
  background-image:radial-gradient(ellipse 26% 32% at 88% 22%,rgba(150,112,60,.10),transparent 70%),radial-gradient(ellipse 30% 28% at 8% 78%,rgba(150,112,60,.09),transparent 70%),url(/assets/v11/papier.svg);
  -webkit-mask:url(/assets/v11/torn-gora.svg) top/100% 12px no-repeat,url(/assets/v11/torn-dol.svg) bottom/100% 12px no-repeat,linear-gradient(#000,#000) 0 11px/100% calc(100% - 22px) no-repeat;
  mask:url(/assets/v11/torn-gora.svg) top/100% 12px no-repeat,url(/assets/v11/torn-dol.svg) bottom/100% 12px no-repeat,linear-gradient(#000,#000) 0 11px/100% calc(100% - 22px) no-repeat;
  padding:92px 0 104px}

.papier a{color:var(--atr)}

.papier h2{color:var(--atr)}

.p-ety{font:400 .75rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blad);margin:0 0 .6rem}

.p-meta{font-size:1.05rem;color:#5f5a50;margin:0 0 .8rem}

.p-link{display:inline-flex;gap:.45rem;align-items:center;font-weight:600;text-decoration:underline;text-decoration-color:var(--blad);text-decoration-thickness:1.5px;text-underline-offset:.3em;min-height:2.75rem}

.p-link:hover{text-decoration-thickness:2.5px}

/* ── 2 · PAPIER I: pierwszy odcinek (szkic się cieniuje, stempel) ── */

.p-odc{padding-top:84px}

.p-szkic{position:absolute;right:3.2%;top:22px;width:min(24vw,330px);height:auto;mix-blend-mode:multiply;opacity:.62;filter:grayscale(1) contrast(1.1);-webkit-mask-image:radial-gradient(ellipse 60% 62% at 55% 45%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 60% 62% at 55% 45%,#000 55%,transparent 100%);pointer-events:none}

.p-szkic .sk{fill:none;stroke:#fff;stroke-width:120;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}

.p-odc-siatka{position:relative;display:grid;grid-template-columns:minmax(0,5.2fr) minmax(0,7fr);gap:56px;align-items:center}

.p-karta{margin:0}

.p-zdj{position:relative;display:block;aspect-ratio:16/8.6;border-radius:6px;overflow:hidden;background:#222}

.p-zdj img{width:100%;height:100%;object-fit:cover;object-position:62% 30%;transition:transform .6s var(--ease)}

.p-zdj:hover img{transform:scale(1.03)}

.p-stempel{position:absolute;left:6%;top:50%;margin-top:-40px;width:80px;height:80px;border-radius:50%;border:2px solid #F5F0E6e6;background:#14161C73;display:grid;place-items:center;text-align:center;color:var(--perg);font:.75rem/1.15 var(--mono);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-6deg)}

.p-karta figcaption{margin-top:.7rem;font:italic .9rem/1.4 var(--serif);color:#1B2A4Aa6}

.p-odc-tekst h2{font-size:clamp(2.4rem,4.2vw,3.7rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 1rem;max-width:14ch}

.p-opis{font-size:1.1rem;max-width:44ch;color:#1B2A4Ad9;margin:0 0 .8rem}

.p-zacznij{margin-top:56px;padding-top:28px;border-top:1px solid #1B2A4A33;display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start;max-width:860px}

.p-zacznij h3{font-size:1.6rem;margin:.1rem 0 .5rem;color:var(--atr)}

.p-zacznij p{font-size:1rem;color:#1B2A4Ad9}

.p-zacznij .p-meta{font-size:.95rem;margin:0}

.p-wideo{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#222;filter:grayscale(.85) contrast(1.05)}

.p-wideo img{width:100%;height:100%;object-fit:cover}

.p-wideo:hover{filter:none}

.p-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;border:2px solid #F5F0E6;background:#14161C8c;display:grid;place-items:center}

.p-play svg{width:17px;height:20px;fill:#F5F0E6;margin-left:3px}

@media (prefers-reduced-motion:no-preference){
  html.js .p-szkic .sk{stroke-dashoffset:1;transition:stroke-dashoffset .5s cubic-bezier(.4,.1,.6,.9)}
  html.js .p-szkic.in .sk{stroke-dashoffset:0}
  html.js .p-szkic .sk:nth-child(2){transition-delay:0.28s}
  html.js .p-szkic .sk:nth-child(3){transition-delay:0.56s}
  html.js .p-szkic .sk:nth-child(4){transition-delay:0.84s}
  html.js .p-szkic .sk:nth-child(5){transition-delay:1.12s}
  html.js .p-szkic .sk:nth-child(6){transition-delay:1.40s}
  html.js .p-szkic .sk:nth-child(7){transition-delay:1.68s}
  html.js .p-szkic .sk:nth-child(8){transition-delay:1.96s}
  html.js .p-szkic .sk:nth-child(9){transition-delay:2.24s}
  html.js .p-szkic .sk:nth-child(10){transition-delay:2.52s}
  html.js .p-karta:not(.in) .p-stempel{opacity:0;transform:scale(1.7) rotate(-18deg)}
  html.js .p-karta .p-stempel{transition:opacity .25s ease .5s,transform .45s cubic-bezier(.3,1.6,.5,1) .5s}
}

/* ── 3 · NOC: K6B — materia → zapis → rozdzielenie → człowiek ── */

.k6{position:relative;background:#14161C;padding-top:30px}

.k6-scrolly{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}

.k6-panel{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#101217}

.k6-panel canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}

.k6-rama{position:absolute;inset:18px;pointer-events:none;border:1px solid #F5F0E61a;z-index:6}

.k6-rama::before,.k6-rama::after{content:'';position:absolute;width:14px;height:14px;border:1px solid var(--blon)}

.k6-rama::before{left:-1px;top:-1px;border-right:0;border-bottom:0}

.k6-rama::after{right:-1px;bottom:-1px;border-left:0;border-top:0}

.k6-stan{position:absolute;left:34px;bottom:30px;right:34px;display:flex;justify-content:space-between;gap:1rem;font:.6875rem/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blon);z-index:7}

.k6-stan span{background:#101217d9;padding:4px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

.k6-stan span:first-child{flex:none}

.k6-stan span:last-child{color:#BDB2A0;text-align:right}

.k6-pasma{position:absolute;inset:0;pointer-events:none;z-index:5}

.k6-pasma b{position:absolute;left:34px;font:400 .6875rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--perg);opacity:0;transition:opacity .35s;background:#101217cc;padding:4px 6px}

.k6-pasma.on b{opacity:1}

.k6-kroki{position:relative;z-index:2}

.k6-krok{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:96px 64px 80px 56px;max-width:680px}

.k6-ety{font:400 .75rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blon);margin:0 0 1.2rem}

.k6-krok h2:not(.k6-ety){font-size:clamp(2rem,3.2vw,2.9rem);margin:0 0 1.2rem}

.k6-lista{list-style:none;padding:0;margin:0}

.k6-lista li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:16px 0;border-top:1px solid #F5F0E61f;font-size:1.125rem;max-width:none}

.k6-lista li span{font:.75rem/1.9 var(--mono);color:var(--blon)}

.k6-bio{font-size:1.125rem;line-height:1.55;max-width:46ch;margin:0 0 .4rem}

.k6-proof{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid #F5F0E61f;font-size:.9375rem;color:#BDB2A0}

.k6-akcje{display:flex;flex-wrap:wrap;gap:.2rem 1.8rem;margin-top:1rem}

.k6-link{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--blon);text-underline-offset:.3em;text-decoration-thickness:1.5px;align-self:flex-start;margin-top:.8rem}

.k6-akcje .k6-link{margin-top:0}

/* bez JS: od razu stan końcowy (człowiek) */

html:not(.js) .k6-stan{display:none}

/* ── 4 · PAPIER II: odbitka wywołuje się jak w kuwecie ─────── */

.p-wej{padding:104px 0 112px}

.p-wej-siatka{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}

.p-odbitka{margin:0;justify-self:center;width:min(100%,430px)}

.p-odb-ramka{position:relative;background:#fbf8f1;padding:14px 14px 42px;box-shadow:0 1px 2px rgba(27,42,74,.18),0 14px 30px -12px rgba(27,42,74,.35);transform:rotate(-1.6deg)}

.p-odb-ramka img{width:100%;aspect-ratio:1440/1360;object-fit:cover}

.p-rog{position:absolute;width:22px;height:22px;border:0 solid var(--atr);opacity:.8}

.p-rog.r1{left:5px;top:5px;border-left-width:2px;border-top-width:2px}

.p-rog.r2{right:5px;top:5px;border-right-width:2px;border-top-width:2px}

.p-rog.r3{left:5px;bottom:33px;border-left-width:2px;border-bottom-width:2px}

.p-rog.r4{right:5px;bottom:33px;border-right-width:2px;border-bottom-width:2px}

.p-odbitka figcaption{margin-top:.9rem;font:italic .9rem/1.4 var(--serif);color:#1B2A4Aa6;text-align:center}

.p-wej-lista{display:grid;gap:40px}

.p-wejscie{border-top:1px solid var(--atr);padding-top:18px}

.p-wejscie h2{font-size:clamp(1.9rem,2.8vw,2.5rem);margin:0 0 .6rem}

.p-wejscie p{font-size:1.1rem;color:#1B2A4Ad9;margin:0 0 .4rem}

@media (prefers-reduced-motion:no-preference){
  html.js .p-odbitka img{transition:filter 3.2s cubic-bezier(.3,.1,.3,1) .35s,opacity 1.2s ease .2s}
  html.js .p-odbitka:not(.in) img{filter:brightness(1.9) contrast(.28) sepia(.9) blur(1.2px);opacity:.25}
  html.js .p-odbitka .p-rog{transition:opacity .5s ease,transform .5s var(--ease)}
  html.js .p-odbitka:not(.in) .p-rog{opacity:0;transform:scale(.6)}
  .p-odbitka .r2{transition-delay:.12s!important}.p-odbitka .r3{transition-delay:.24s!important}.p-odbitka .r4{transition-delay:.36s!important}
}

/* ── 5 · NOC: kanał — latarka w trybie Ognisko ──────────────── */

.kk{position:relative;background:#14161C;overflow:hidden;padding:120px 0 150px}

.kk-siatka{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:center}

.kk-ety{font:400 .75rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bursn);margin:0 0 1rem}

.kk h2{font-size:clamp(2.2rem,4vw,3.4rem);margin:0 0 1rem}

.kk-tekst p:not(.kk-ety){color:#F5F0E6cc;max-width:44ch;margin:0 0 1.8rem}

.kk-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.8rem}

.kk-btn{display:inline-flex;gap:.7rem;align-items:center;background:var(--bursn);color:#14161C;text-decoration:none;padding:.95rem 1.3rem;font-weight:600;border-radius:999px;transition:background .2s}

.kk-btn:hover{background:#efb266;text-decoration:none}

.kk-link{font-weight:600;text-decoration-color:var(--bursn);text-underline-offset:.3em;min-height:2.75rem;display:inline-flex;align-items:center;gap:.4rem}

.kk-latarka{margin:0;justify-self:end;width:min(100%,480px)}

.kk-scena{position:relative;aspect-ratio:1453/1600;touch-action:pan-y;-webkit-mask-image:radial-gradient(ellipse 60% 58% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 60% 58% at 50% 50%,#000 62%,transparent 100%)}

.kk-w{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.kk-ciemna{filter:sepia(.25) brightness(.9)}

.kk-swiatlo,.kk-blask{display:none}

.kk-latarka figcaption{margin-top:.8rem;font:italic .875rem/1.4 var(--serif);color:#BDB2A0}

html.js .kk-ciemna{filter:brightness(.16) saturate(.3) contrast(1.1)}

html.js .kk-swiatlo{display:block;background:url(/assets/responsive/tezeusz-sepia-900.webp) center/cover no-repeat;filter:sepia(.5) saturate(1) brightness(1.1) contrast(1.08);
  -webkit-mask-image:radial-gradient(circle var(--r,0px) at var(--x,20%) var(--y,48%),#000 0,rgba(0,0,0,.95) 26%,rgba(0,0,0,.62) 52%,rgba(0,0,0,.18) 78%,transparent 100%);
  mask-image:radial-gradient(circle var(--r,0px) at var(--x,20%) var(--y,48%),#000 0,rgba(0,0,0,.95) 26%,rgba(0,0,0,.62) 52%,rgba(0,0,0,.18) 78%,transparent 100%)}

html.js .kk-blask{display:block;mix-blend-mode:screen;background:radial-gradient(circle calc(var(--r,0px)*1.9) at var(--x,20%) var(--y,48%),rgba(224,155,69,.26),rgba(224,155,69,.08) 45%,transparent 70%)}

@media (prefers-reduced-motion:reduce){html.js .kk-ciemna{filter:sepia(.25) brightness(.9)}html.js .kk-swiatlo,html.js .kk-blask{display:none}}

/* ── MOBILE ───────────────────────────────────────────────── */

@media (max-width:900px){
  .h-hero{height:auto;padding-top:0}
  .h-scena{position:relative;height:min(118vw,640px);overflow:hidden}
  .h-kadr{right:auto;left:50%;transform:translateX(-46%);height:calc(100% - 78px);bottom:-1%}
  .h-tekst{position:relative;left:auto;top:auto;transform:none;width:auto;padding:28px 20px 64px}
  .h-fig{position:static;max-width:none;text-align:left;padding:0 20px 34px;margin-top:-34px}
  .p-cien{margin:-10px 0}
  .papier{padding:70px 0 84px}
  .p-szkic{width:44vw;opacity:.32;top:26px}
  .p-odc-siatka{grid-template-columns:1fr;gap:26px}
  .p-karta{order:1}.p-odc-tekst{order:0}
  .p-zacznij{grid-template-columns:1fr;gap:16px;margin-top:40px}
  .p-wideo{max-width:360px}
  .k6{padding-top:24px}
  .k6-scrolly{grid-template-columns:1fr}
  .k6-panel{height:46vh;height:46svh;z-index:3}
  .k6-krok{min-height:78vh;min-height:78svh;padding:40px 20px 60px;max-width:none}
  .k6-stan{left:26px;right:26px;bottom:22px;font-size:.5625rem;letter-spacing:.08em}
  .k6-pasma b{left:26px}
  .p-wej-siatka{grid-template-columns:1fr;gap:44px}
  .p-odbitka{width:min(100%,360px)}
  .kk{padding:84px 0 110px}
  .kk-siatka{grid-template-columns:1fr;gap:36px}
  .kk-latarka{justify-self:start;width:min(100%,380px)}
}

@media (max-width:420px){.h-tekst h1{font-size:2.5rem}.p-odc-tekst h2{font-size:2.3rem}}

/* ── v12.css ── */

/* v12 · spokojniejsza galeria, czytelny pierwszy ekran i krótszy mobile */

.nav-language{font:400 .7rem/1 var(--sans);color:#B9C4D5;vertical-align:middle;margin-left:.15rem}

.h-hero{height:auto;min-height:760px;display:flex;align-items:center;padding:152px 0 104px}

.h-tekst{position:relative;left:auto;top:auto;transform:none;width:min(40%,510px);margin-left:max(40px,6.6%)}

.h-tekst h1{font-size:clamp(2.65rem,4.05vw,3.65rem);line-height:1.07;letter-spacing:-.018em;max-width:14ch;margin-bottom:24px}

.h-podpis{max-width:38ch;font-size:1rem;line-height:1.5;color:#C2BCAE;margin-bottom:28px}

.h-lead{max-width:42ch;font-size:1.125rem;line-height:1.55;margin-bottom:14px}

.h-dop{max-width:40ch;font-size:1rem;line-height:1.5;color:#B9C4D5;margin-bottom:30px}

.h-btn{font-size:1rem;line-height:1.25;padding:15px 22px;gap:12px;min-height:52px;max-width:100%}

.h-btn svg{flex:none}

.h-kadr{inset:auto 0 0 auto;width:min(57%,860px);height:78%;aspect-ratio:auto}

.h-posag{inset:-17% auto auto 22%;width:90%;aspect-ratio:1553/1600}

.h-posag img{filter:grayscale(.65) sepia(.18) brightness(.44) contrast(1.15);-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 80%);mask-image:linear-gradient(180deg,#000 45%,transparent 80%)}

.h-obrys{stroke-width:2.5;filter:none;opacity:.65}

.h-czlowiek{inset:auto auto -2px 0;width:77%;aspect-ratio:910/978}

.h-czlowiek img{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}

.h-fig{top:auto;bottom:30px;right:3%;max-width:210px;font-size:.75rem;line-height:1.6;letter-spacing:.025em;text-transform:none;color:#AAA89F}

.p-szkic{opacity:.26;right:2%;width:min(22vw,300px)}

.p-odc{padding-block:112px 104px}

.p-odc-siatka{gap:72px}

.p-odc-tekst h2{font-size:clamp(2rem,3.1vw,2.85rem);line-height:1.12;max-width:16ch}

.p-karta figcaption{font-size:.75rem;line-height:1.5;letter-spacing:.025em}

.p-zacznij{margin-top:72px}

.k6-krok{min-height:88svh;padding:88px 56px;scroll-margin-top:24px}

.k6-krok h2:not(.k6-ety){font-size:clamp(2rem,2.8vw,2.65rem)}

.k6-bio{line-height:1.65}

.k6-proof{font-size:1rem;line-height:1.5}

.k6-stan{font-size:.75rem;letter-spacing:.055em}

.k6-pasma b{font-size:.75rem;letter-spacing:.06em}

.p-wej{padding-block:112px 120px}

.p-wej-lista{gap:48px}

.p-wejscie{padding-top:24px}

.kk{padding-block:112px 128px}

.kk h2{font-size:clamp(2.2rem,3.2vw,3rem)}

/* Zapas widoczny także, gdy animacja nie może wystartować. */

.k6:not(.k6-ready) .k6-stan{display:none}

@media(max-width:1100px) and (min-width:901px){
  .h-tekst{margin-left:40px;width:43%}
  .h-kadr{right:-6%;width:60%}
  .h-fig{right:24px;max-width:200px}
  .k6-krok{padding:72px 32px}
}

@media(max-width:900px){
  .glowna .site-header.nad{position:relative;background:#14161C}
  .h-hero{display:block;min-height:0;padding:0}
  .h-scena{height:320px;-webkit-mask-image:linear-gradient(180deg,#000 68%,transparent 100%);mask-image:linear-gradient(180deg,#000 68%,transparent 100%)}
  .h-kadr{inset:auto 0 0 0;width:100%;max-width:650px;margin-inline:auto;height:100%;transform:none}
  .h-posag{inset:-32px auto auto 41%;width:460px}
  .h-czlowiek{inset:auto auto -64px 18%;width:340px}
  .h-tekst{width:auto;max-width:660px;margin:0 auto;padding:32px 40px 64px}
  .h-tekst h1{font-size:2.8rem;max-width:18ch}
  .h-lead{max-width:48ch}
  .h-fig{display:none}
  .p-odc{padding-block:76px}
  .p-odc-siatka{gap:32px}
  .p-zacznij{margin-top:48px}
  .k6{padding-top:10px}
  .k6-panel{height:240px;height:min(30svh,260px)}
  .k6-rama{inset:12px}
  .k6-stan{left:22px;right:22px;bottom:19px;font-size:.6875rem;letter-spacing:0;gap:.5rem}
  .k6-pasma b{left:24px;font-size:.6875rem;letter-spacing:0}
  .k6-krok{min-height:0;max-width:680px;width:100%;margin:0 auto;padding:48px 32px 64px;scroll-margin-top:280px}
  .k6-krok+.k6-krok{border-top:1px solid #F5F0E61f}
  .k6-lista li{font-size:1.0625rem;line-height:1.5;grid-template-columns:28px 1fr;gap:12px;padding:18px 0}
  .k6-krok h2:not(.k6-ety){font-size:2rem}
  .k6-bio{font-size:1.0625rem;line-height:1.6}
  .p-wej{padding-block:76px 88px}
  .kk{padding-block:76px 88px}
  .kk-latarka{width:min(100%,320px);justify-self:center}
}

@media(max-width:600px){
  .h-scena{height:180px}
  .h-kadr{max-width:440px}
  .h-posag{inset:-30px auto auto 43%;width:300px}
  .h-czlowiek{inset:auto auto -32px calc(50% - 116px);width:190px}
  .h-tekst{padding:24px 24px 52px}
  .h-tekst h1{font-size:2.25rem;line-height:1.06;max-width:15ch;margin-bottom:18px}
  .h-podpis{font-size:.9375rem;line-height:1.35;margin-bottom:22px}
  .h-lead{font-size:1.0625rem;line-height:1.5;margin-bottom:12px}
  .h-dop{font-size:1rem;line-height:1.45;margin-bottom:24px}
  .h-btn{font-size:1rem;padding:14px 19px;gap:9px;min-height:48px}
  .p-odc-tekst h2{font-size:2.2rem}
  .p-szkic{opacity:.18;width:42vw}
  .p-meta{font-size:1rem}
  .k6-krok{padding:40px 24px 56px}
  .k6-stan span:last-child{max-width:48%}
  .k6-proof{font-size:.9375rem}
  .p-wej-lista{gap:36px}
  .p-wejscie h2{font-size:1.9rem}
}

@media(prefers-reduced-motion:reduce){
  .h-hero *, .p-karta *, .p-odbitka *{animation:none!important;transition:none!important}
  .k6-panel canvas,.k6-pasma,.k6-stan{display:none!important}
  .k6-krok{min-height:0}
}

@media(max-width:900px) and (prefers-reduced-motion:reduce){
  .k6-panel{position:relative;height:220px}
  .k6-krok{scroll-margin-top:24px}
}

/* ── v13/v13.css ── */

/* ── podpisy katalogowe (decyzja 4 · C): numer / autor / tytuł / data / miejsce / źródło ── */

.h-fig,.p-karta figcaption,.p-odbitka figcaption,.kk-latarka figcaption{font:400 .6875rem/1.6 var(--mono);letter-spacing:.04em;font-style:normal;text-transform:none}

.h-fig i,.p-karta figcaption i,.p-odbitka figcaption i,.kk-latarka figcaption i{font-style:normal;opacity:.55}

.kk-latarka figcaption abbr{text-decoration:none;border-bottom:1px dotted currentColor;cursor:help}

.h-fig{max-width:420px;bottom:46px}

/* ── 1 · HERO: fotogrametria × rzeźba ── */

.h-obrys{stroke-dasharray:1000;stroke-dashoffset:0}

.h-hero .h-obrys,.h-hero .h-posag img,.h-hero .h-czlowiek img,.h-hero .h-fig{animation:none}

.h-posag .h-f{position:absolute;inset:0;width:100%;height:100%;filter:none;-webkit-mask-image:none;mask-image:none;pointer-events:none}

.h-posag .h-f[hidden]{display:none}

.h-f-linia{position:absolute;left:0;right:0;top:0;height:1px;background:var(--blon);opacity:0;pointer-events:none}

.h-f-linia::before{content:'';position:absolute;left:0;right:0;bottom:1px;height:26px;background:linear-gradient(0deg,rgba(108,150,217,.16),transparent)}

.h-f-lab{position:absolute;right:3%;top:118px;z-index:4;margin:0;text-align:right;font:.6875rem/1.64 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--blon);opacity:0;pointer-events:none}

.h-f-lab b{font-weight:400;color:#AAA89F}

.h-alt{margin:16px 0 0;font-size:.9375rem;line-height:1.45}

.h-alt a{color:#C2BCAE;text-decoration:underline;text-decoration-color:var(--blon);text-underline-offset:.3em;text-decoration-thickness:1px}

.h-alt a:hover{color:var(--perg)}

/* zabezpieczenie: zanim ruszy skrypt, hero nie miga stanem końcowym; gdyby skrypt nie ruszył — obraz wraca po 3 s */

@media (prefers-reduced-motion:no-preference){
  html.js .h-hero:not(.h-anim):not(.h-gotowe) .h-czlowiek img,
  html.js .h-hero:not(.h-anim):not(.h-gotowe) .h-posag>img:not(.h-f),
  html.js .h-hero:not(.h-anim):not(.h-gotowe) .h-fig{opacity:0;animation:v13-awaria .01s 3s forwards}
  html.js .h-hero:not(.h-anim):not(.h-gotowe) .h-obrys{opacity:0;animation:v13-awaria-o .01s 3s forwards}
}

@keyframes v13-awaria{to{opacity:1}}

@keyframes v13-awaria-o{to{opacity:.65}}

/* ── 2 · PAPIER I: perspektywa zbieżna nad szkicem ratusza + stempel ── */

.p-szkic-box{position:absolute;right:2%;top:22px;width:min(22vw,300px);aspect-ratio:880/820;pointer-events:none}

.p-szkic-box .p-szkic{position:absolute;inset:0;right:auto;top:auto;width:100%;height:100%}

.p-szkic .sk{stroke-dasharray:1000}

html.js .p-szkic .sk{transition:none}

.p-konstr{position:absolute;inset:0;width:100%;height:100%;overflow:visible}

.pk-l{stroke:var(--blad);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0}

.pk-p{fill:var(--blad);opacity:0}

.pk-t{font:29px var(--mono);letter-spacing:.1em;fill:var(--blad);opacity:0}

.p-dlon{position:absolute;left:calc(6% - 6px);top:50%;width:92px;height:92px;margin-top:-46px;border-radius:50%;background:rgba(20,22,28,.5);filter:blur(10px);opacity:0;pointer-events:none}

html.js .p-karta:not(.in) .p-stempel{opacity:1;transform:rotate(-6deg)}

html.js .p-karta .p-stempel{transition:none}

/* ── 3 · K6: sortownia → tryptyk ── */

.k6-panel{container-type:size}

.k6-ready .k6-panel canvas{opacity:1}

.k6-pasma{position:absolute;left:9%;right:9%;top:12%;bottom:16%;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));z-index:5;pointer-events:none}

.k6-pas{display:flex;flex-direction:column;min-height:0;padding-bottom:10px}

.k6-pas p{display:flex;justify-content:space-between;gap:1rem;max-width:none;margin:0 0 10px;font:.75rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--perg);opacity:0;transition:opacity .35s}

.k6-pasma b{position:static;opacity:1;background:none;padding:0;font:inherit;letter-spacing:inherit;transition:none}

.k6-pas p i{font-style:normal;color:#BDB2A0}

.k6-pole{flex:1;min-height:0}

.k6-pasma.on .k6-pas p{opacity:1}

.k6-tryptyk{position:absolute;inset:0 7% 6%;display:flex;align-items:center;justify-content:center;gap:16px;z-index:4;pointer-events:none}

.k6-ram{margin:0;flex:none;display:flex;flex-direction:column;align-items:center}

.k6-okno{position:relative;height:min(300px,58cqh,calc((86cqw - 32px) / 1.9));aspect-ratio:190/300;overflow:hidden;background:#171A21;box-shadow:inset 0 0 0 1px rgba(245,240,230,.14)}

.k6-okno img{width:100%;height:100%;object-fit:cover;display:block}

.k6-ram:nth-child(2) img{filter:saturate(.72) brightness(.88) contrast(1.05)}

.k6-sztuka{background:#101217}

.k6-sztuka img{object-position:30% 50%;filter:invert(1) contrast(1.08) brightness(.95);mix-blend-mode:screen}

.k6-nauka{padding:10% 9%;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(245,240,230,.12)}

.k6-nauka b{font:400 min(84px,15cqh,9cqw)/1 var(--serif);color:var(--perg)}

.k6-nauka p{margin:0;font:min(.625rem,2.2cqh)/1.8 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#BDB2A0}

.k6-nauka .k6-n2{color:var(--blon)}

.k6-ram figcaption{margin-top:14px;font:.6875rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--perg)}

/* ── 4 · PAPIER II: diagram Woronoja × witraż ── */

.p-odbitka{position:relative}

.p-odczyt{position:absolute;left:0;top:-32px;margin:0;font:.6875rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--atr);white-space:pre;opacity:0;pointer-events:none}

.p-wit{position:absolute;left:14px;top:14px;right:14px;aspect-ratio:1440/1360;overflow:hidden;pointer-events:none;display:none}

.p-odbitka.w-anim .p-wit{display:block}

.p-wit svg{position:absolute;inset:0;width:100%;height:100%}

.p-wit polygon{stroke:#1b202c;stroke-width:2.6;stroke-linejoin:round;fill-opacity:0;stroke-dasharray:1000;stroke-dashoffset:1000}

html.js .p-odbitka .p-wit img.p-wit-w{position:absolute;inset:0;width:100%;height:100%;opacity:0;filter:none;transition:none}

.p-wit-blask{position:absolute;left:-60%;top:-60%;width:80%;height:220%;transform:rotate(22deg);mix-blend-mode:screen;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,248,230,.35) 45%,rgba(255,248,230,.1) 60%,transparent)}

html.js .p-odbitka img,html.js .p-odbitka .p-rog{transition:none}

html.js .p-odbitka.in img:not(.p-wit-w){filter:none;opacity:1}

/* ── 5 · KANAŁ: rozpoznawanie obrazu × ikonografia ── */

.kk-latarka{position:relative}

.kk-ukl{position:relative}

.kk-nad{position:absolute;inset:0;pointer-events:none}

.kk-nad svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}

.kk-box rect{fill:none;stroke:var(--bursn);stroke-width:.8;stroke-dasharray:3 3;opacity:0}

.kk-box path{fill:none;stroke:var(--bursn);stroke-width:1.8;opacity:0;transform-box:fill-box;transform-origin:center}

.kk-et{position:absolute;left:0;top:0;font:.65625rem/1 var(--mono);letter-spacing:.08em;padding:4px 6px;white-space:nowrap;opacity:0}

.kk-m{background:var(--bursn);color:#14161C}

.kk-c{background:var(--perg);color:#14161C}

.kk-odczyt{position:absolute;left:0;top:-34px;margin:0;font:.6875rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bursn);white-space:pre;opacity:0;pointer-events:none}

.kk-zrodlo{position:absolute;left:0;top:100%;margin:10px 0 0;font:.625rem/1.5 var(--mono);letter-spacing:.06em;color:#BDB2A0;opacity:0;pointer-events:none}

/* ── STOPKA: róża wiatrów → igła → krzywe Béziera → znak dB (Atrament) ── */

.znak-db{position:relative;width:112px;height:112px;flex:none}

.znak-db svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}

.db-znak{fill:#1B2A4A}

.db-roza,.db-kreski,.db-igla{display:none}

.znak-db.db-anim .db-roza,.znak-db.db-anim .db-kreski,.znak-db.db-anim .db-igla{display:inline}

.db-ring{fill:none;stroke:#1B2A4A;stroke-dasharray:1000;stroke-dashoffset:1000}

.db-r1{stroke-width:1.3}

.db-r2{stroke-width:.7}

.db-ticks{fill:none;stroke:#1B2A4A;stroke-width:.7;opacity:0}

.db-ramie{opacity:0}

.db-ciem{fill:#1B2A4A;opacity:.55}

.db-jasn{fill:#EBE2D3;stroke:#1B2A4A;stroke-width:.5;stroke-opacity:.55}

.db-lit{font:12px var(--serif);fill:#1B2A4A;text-anchor:middle;opacity:0}

.db-igla{fill:#1B2A4A}

.db-wyp{fill:#1B2A4A;opacity:0}

.db-kontur{fill:none;stroke:#1B2A4A;stroke-width:1.2;stroke-dasharray:1000;stroke-dashoffset:1000}

.db-w{fill:#F1E9DA;stroke:#1B2A4A;stroke-width:6;opacity:0}

.db-u{stroke:#1B2A4A;stroke-width:5;opacity:0}

.db-uk{fill:#1B2A4A;opacity:0}

.site-footer .footer-sign{position:relative}

.site-footer .footer-sign .db-odczyt{position:absolute;left:0;top:100%;margin-top:6px;font:.625rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#1B2A4A;white-space:nowrap;opacity:0;pointer-events:none}

/* ── podpisy katalogowe na podstronach (etap 4) ── */

html figcaption.kat{font:400 .6875rem/1.6 var(--mono);letter-spacing:.04em;font-style:normal;text-transform:none}

html figcaption.kat i{font-style:normal;opacity:.55}

.kp{display:inline-block;max-width:100%}

/* ── ryciny na podstronach (etap 4): Dawid — skan laserowy; Herkules i Kakus — algorytm ewolucyjny ── */

.d-skan,.h-ewo{position:relative}

.d-paski,.d-laser,.d-diag,.d-odczyt,.h-tri,.h-odczyt{display:none}

.d-anim .d-paski{display:block;position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:717/1600;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;filter:none;pointer-events:none}

.d-anim .d-laser{display:block;position:absolute;left:-14%;right:-14%;top:0;height:1.5px;background:#BFD4F5;box-shadow:0 0 6px 1px rgba(108,150,217,.9);opacity:0;pointer-events:none}

.d-anim .d-diag{display:block;position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;opacity:0;pointer-events:none}

.d-diag line{stroke:#6C96D9;stroke-width:.8;stroke-dasharray:3 3;opacity:.8}

.d-diag rect,.d-diag circle{fill:none;stroke:#6C96D9;stroke-width:1.2}

.d-diag text{font:8.5px var(--mono);letter-spacing:.1em;fill:#AAA89F;text-transform:uppercase}

.d-anim .d-odczyt{display:block;position:absolute;left:calc(100% + 72px);top:-6px;margin:0;width:max-content;font:.625rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6C96D9;white-space:pre;opacity:0;pointer-events:none}

.h-anim .h-tri{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}

.h-tri polygon{fill:rgb(22,205,250);fill-opacity:.17;stroke:rgba(22,205,250,.35);stroke-width:.4}

.h-anim .h-odczyt{display:block;position:absolute;right:0;bottom:calc(100% + 8px);margin:0;width:max-content;text-align:right;font:.625rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#6C96D9;white-space:pre;opacity:0;pointer-events:none}

@media (max-width:620px){.d-anim .d-diag,.d-anim .d-odczyt,.h-anim .h-odczyt{display:none}html .detal figcaption.kat{font-size:.5625rem;letter-spacing:0}}

@media (prefers-reduced-motion:reduce){.d-paski,.d-laser,.d-diag,.d-odczyt,.h-tri,.h-odczyt{display:none!important}}

/* ── TELEFON I TABLET ── */

@media (max-width:900px){
  .p-szkic-box{width:44vw;top:26px}
  .h-f-lab{top:12px;right:auto;left:18px;text-align:left;font-size:.5625rem;letter-spacing:.1em}
  .p-konstr{opacity:.5}
  .h-alt{font-size:.9375rem}
  .k6-pasma{left:7%;right:7%;top:11%;bottom:18%}
  .k6-pas{padding-bottom:4px}
  .k6-pas p{font-size:.5625rem;letter-spacing:.02em;margin-bottom:4px}
  .k6-tryptyk{inset:0 5% 14%;gap:12px}
  .k6-okno{height:min(300px,62cqh,calc((90cqw - 24px) / 1.9))}
  .k6-ram figcaption{margin-top:8px;font-size:.5625rem;letter-spacing:.08em}
  .kk-odczyt{top:-28px;font-size:.5625rem;letter-spacing:.08em}
  .p-odczyt{font-size:.5625rem;letter-spacing:.08em;top:-26px}
}

@media (max-width:850px){.znak-db{width:84px;height:84px}}

@media (max-width:600px){
  .p-szkic-box{width:42vw}
  .pk-t{display:none}
  .h-alt{margin-top:14px}
}

/* ── BEZ RUCHU: od razu stan końcowy ── */

@media (prefers-reduced-motion:reduce){
  .h-f,.h-f-linia,.h-f-lab,.p-konstr,.p-dlon,.p-odczyt,.p-wit,.kk-odczyt,.kk-nad,.kk-zrodlo,.db-roza,.db-kreski,.db-igla{display:none!important}
  .k6-ram{opacity:1!important}
}