:root{color-scheme:dark;--gold:#d0b35f;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}body{margin:0;background:#050505;color:#eee;font-family:Outfit,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:96px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}header>a:last-child{font-size:14px;color:#aaa}.brand{display:flex;align-items:center;gap:16px;letter-spacing:.32em;font-size:14px}.brand img{width:34px}#progress{position:fixed;top:0;height:2px;background:var(--gold);width:100%;transform:scaleX(0);transform-origin:left;z-index:10}main{max-width:1800px;margin:auto;padding:70px 8vw 100px}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:52px}.eyebrow,.meta,.number,footer{font:12px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#aaa}.eyebrow{color:var(--gold)}h1{font-size:clamp(68px,10vw,160px);letter-spacing:-.055em;font-weight:200;line-height:1;margin:18px 0}.intro p{font-size:20px;max-width:23ch;color:#aaa;line-height:1.5}nav.filters{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #ffffff20;padding:25px 0 45px}.filters a{font-size:16px;color:#999;padding:8px 0;border-bottom:1px solid transparent}.filters a[aria-current]{color:var(--gold);border-color:var(--gold)}.stories{display:grid;grid-template-columns:1.3fr 1fr;gap:90px 7vw;align-items:start}.story-card:nth-child(even){margin-top:140px}.cover{overflow:hidden;background:#0a0a0a;position:relative}.cover img{display:block;width:100%;height:auto}.cover::after{content:attr(data-open);position:absolute;bottom:20px;right:20px;background:#050505d9;padding:13px 18px;border:1px solid #ffffff38;font-size:14px;opacity:0;transform:translateY(12px);transition:.5s var(--ease)}.story-card:hover .cover::after,.story-card:focus-visible .cover::after{opacity:1;transform:none}.story-card h2{font-weight:200;font-size:clamp(28px,3vw,48px);letter-spacing:-.025em;margin:20px 0 12px}.story-card .meta{display:flex;justify-content:space-between;gap:15px;line-height:1.7}.empty{padding:70px 0;border-top:1px solid #ffffff25}.empty h2{font-size:36px;font-weight:200}.empty p{color:#aaa;font-size:18px}.back{display:inline-block;margin-bottom:32px;font-size:14px;color:var(--gold)}.story-heading h1{font-size:clamp(54px,8vw,120px);max-width:12ch;margin-bottom:30px}.story-heading .summary{font-size:20px;color:#aaa;max-width:38ch;line-height:1.6}.story-tools{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;background:#050505ee;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff25;margin:40px 0 60px}.story-tools button{border:1px solid #ffffff40;background:none;padding:12px 18px;font-size:14px}.frames{display:flex;flex-direction:column;gap:110px}.frame{margin:0;width:100%}.frame:nth-child(3n+2){width:78%;align-self:flex-end}.frame:nth-child(3n){width:84%;align-self:flex-start}.photo-button{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in}.frame img{display:block;max-width:100%;width:auto;max-height:85svh;height:auto;margin:auto;object-fit:contain}.frame figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:14px;color:#aaa}.frames.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:start}.frames.grid .frame{width:100%}.frames.grid img{width:100%;max-height:none}.next-story{display:block;border-top:1px solid #ffffff25;margin-top:120px;padding-top:35px}.next-story h2{font-size:clamp(30px,5vw,70px);font-weight:200;margin:20px 0}.next-story img{width:220px;max-width:50%;height:auto}.enter{animation:enter .85s var(--ease) both}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(36px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}footer{margin:0 6vw;padding:35px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25}dialog{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;border:0;padding:70px 65px 40px;background:#050505f8;color:white}dialog::backdrop{background:#000}dialog figure{height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}dialog img{max-height:calc(100svh - 150px);max-width:100%;object-fit:contain}dialog figcaption{font-size:14px;color:#aaa}dialog button{position:absolute;background:#050505bd;border:1px solid #ffffff38;padding:14px;font-size:16px;z-index:2}.close{right:25px;top:18px}.previous{left:12px;top:50%}.next{right:12px;top:50%}@media(max-width:700px){header{height:80px;padding:0 6vw}.brand{letter-spacing:.15em;font-size:12px}.brand img{width:26px}header>a:last-child{font-size:12px}main{padding:45px 6vw 70px}.intro{display:block;margin-bottom:30px}.intro p{font-size:18px;max-width:none}.stories{display:block}.story-card{display:block;margin:0 0 55px!important}.cover::after{opacity:1;transform:none;font-size:12px;padding:10px}.frames{gap:65px}.frame:nth-child(n){width:100%}.frames.grid{grid-template-columns:repeat(2,1fr);gap:30px 15px}.frame figcaption{font-size:12px}.story-tools{margin:25px 0 40px}.story-tools .meta{font-size:11px}footer{flex-wrap:wrap;font-size:11px}dialog{padding:75px 40px 30px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* A quiet, even collection of covers leading into immersive stories. */
.stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 4vw}.story-card:nth-child(even){margin-top:0}.cover{height:clamp(240px,30vw,470px);padding:16px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff1c}.cover img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}@media(max-width:700px){.cover{height:310px}}

/* Kodzior T44 · przelacznik jezyka + ikony */
nav.langs{display:flex;gap:12px;font:11px 'IBM Plex Mono',monospace;letter-spacing:.14em}nav.langs a{color:#ffffff59}nav.langs a[aria-current="true"]{color:#fff}
@media(max-width:700px){header{gap:12px}nav.langs{gap:9px}}