*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#070605;color:#eee7dc;font:300 16px Outfit,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #dcc193;outline-offset:8px}header{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:28px 4vw;background:linear-gradient(#07060588,transparent)}header>a{font-size:13px;letter-spacing:.3em}header button{background:#07060555;border:1px solid #fff3;padding:10px 14px;border-radius:0;font-size:13px}.journey{height:820svh}.room{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.atmosphere{position:absolute;inset:-20%;z-index:-1;pointer-events:none;opacity:var(--ambient,1);transition:opacity .15s linear;filter:blur(65px)}.light{position:absolute;border-radius:50%;will-change:transform;background:radial-gradient(ellipse,var(--glow-0,#b16a29aa),transparent 67%);width:75%;height:80%;animation:drift 23s ease-in-out infinite alternate}.light-a{top:-5%;left:-20%}.light-b{top:25%;right:-15%;background:radial-gradient(ellipse,var(--glow-1,#d88b4266),transparent 65%);animation-delay:-9s;animation-duration:29s}.light-c{width:50%;height:55%;left:35%;top:45%;background:radial-gradient(ellipse,var(--glow-2,#926f443d),transparent 65%);animation-duration:19s}.intro,.outro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 24px;z-index:3}.intro span,.outro>span{font:12px 'IBM Plex Mono',monospace;letter-spacing:.22em;color:#d7bb92}.intro h1{font-size:clamp(55px,8.2vw,130px);font-weight:200;line-height:1.02;letter-spacing:-.055em;margin:35px 0 20px}.intro em{font-style:normal;color:#d8b688}.intro p{font-size:18px;letter-spacing:.1em;color:#eee7dc99}.intro a{margin-top:38px;font-size:14px;color:#d7c9b5}.intro a span{display:block;font-size:23px;margin-top:16px}.photographs{position:absolute;inset:105px 7vw 95px}.photographs figure{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;opacity:0;clip-path:inset(38% 12%);will-change:opacity,clip-path}.photographs img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 100px #0006}.photographs figcaption{position:absolute;bottom:-34px;font:12px 'IBM Plex Mono',monospace;letter-spacing:.2em;color:#c8bda7}.outro{opacity:0;pointer-events:none}.outro p{font-size:clamp(45px,7vw,95px);font-weight:200;letter-spacing:-.04em;margin:28px 0 40px}.outro a{font-size:19px;border-bottom:1px solid #d7bb9266;padding-bottom:9px}.outro button{background:none;border:0;color:#aaa;font-size:14px;margin-top:28px;padding:12px}.guide{position:absolute;left:4vw;right:4vw;bottom:25px;display:flex;align-items:center;gap:25px;font:11px 'IBM Plex Mono',monospace;letter-spacing:.15em;color:#b9a992}.guide>div{flex:1;height:1px;background:#fff2}.guide i{display:block;height:1px;background:#d0b186;transform:scaleX(var(--progress,0));transform-origin:left}.guide span{white-space:nowrap}@keyframes drift{from{transform:translate(-5%,-3%) scale(.95)}to{transform:translate(8%,9%) scale(1.17)}}body.still .journey{height:auto}body.still .room{height:auto;overflow:visible;position:relative}body.still .intro,body.still .outro{position:relative;min-height:65svh;opacity:1!important;pointer-events:auto!important;transform:none!important}body.still .intro a,body.still .guide{display:none}body.still .photographs{position:relative;inset:auto;padding:20px 6vw}body.still .photographs figure{position:relative;inset:auto;opacity:1!important;clip-path:none!important;margin:0 0 100px}body.still .photographs img{max-height:85svh}body.still .atmosphere{display:none}body.still .light{animation:none}@media(max-width:600px){header{padding:20px 5vw}header>a{font-size:11px}.photographs{inset:105px 4vw 100px}.intro h1{font-size:clamp(48px,12vw,75px)}.guide{gap:14px;font-size:9px}.atmosphere{filter:blur(40px)}}@media(prefers-reduced-motion:reduce){.light{animation:none!important}}

.intro h1{max-width:13ch}.outro #next-story{margin-top:24px;font-size:16px;color:#d7bb92;max-width:90%;line-height:1.5}.outro p{margin-bottom:24px}

/* Kodzior T44 · przelacznik jezyka */
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:#eee7dc}
@media(max-width:600px){header{gap:10px}nav.langs{gap:8px}header button{padding:8px 10px;font-size:12px}}

body.still header{background:linear-gradient(#070605f5,#070605cc);backdrop-filter:blur(10px)}

/* historia.py v1.1 (MISJA 23): linia danych i podpis pod kadrem, karta tytułowa, opis na pierwszym ekranie */
@font-face{font-family:'GV Bebas';src:url(../fonts/bebasneue-400.woff2?v=202610130928) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'GV Cormorant';src:url(../fonts/cormorantgaramond-500i.woff2?v=202610130928) format('woff2');font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:'GV Inter';src:url(../fonts/inter-400.woff2?v=202610130928) format('woff2');font-weight:400;font-style:normal;font-display:swap}
body.has-cap .photographs figure{flex-direction:column}body.has-cap .photographs img{flex:none;max-height:calc(100% - var(--cap,48px))}body.has-cap .photographs figcaption{position:static;flex:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 20px;margin-top:14px;max-width:100%;text-align:center}body.has-cap:not(.still) .photographs .nr{display:none}.photographs .exif{white-space:nowrap}.photographs .opis{flex-basis:100%;max-width:64ch;margin:4px auto 0;font:300 15px/1.45 Outfit,sans-serif;letter-spacing:.01em;color:#eee7dcb8;text-wrap:balance}body.still.has-cap .photographs img{max-height:85svh}@media(max-width:600px){.photographs .exif{font-size:11px;letter-spacing:.03em}.photographs .opis{font-size:14px}}
body.has-card .intro{--cu:calc(min(100vw,75svh)/1080);align-items:flex-start;text-align:left;padding:90px calc(100% - var(--cu)*984) 90px calc(var(--cu)*96)}.card-bg{position:absolute;inset:-40px 0;z-index:-1;background:#0a0a0a center/cover no-repeat}body.has-card .intro h1{font:400 calc(var(--cu)*176)/.92 'GV Bebas','Arial Narrow',Impact,sans-serif;letter-spacing:.03em;max-width:none;margin:calc(var(--cu)*30) 0 0;color:#ece9e2}body.has-card .intro .motto{font:italic 500 calc(var(--cu)*58)/1.14 'GV Cormorant',Georgia,serif;letter-spacing:0;color:#ece9e2;margin:calc(var(--cu)*14) 0 0;max-width:100%;text-wrap:balance}body.has-card .intro .rule{display:block;width:calc(var(--cu)*120);height:1px;background:#787670;margin:calc(var(--cu)*40) 0 0}body.has-card .intro .place{font:400 max(11.5px,calc(var(--cu)*24))/1.3 'GV Inter',Outfit,sans-serif;letter-spacing:.04em;color:#cccac4;margin:calc(var(--cu)*24) 0 0}body.has-card .intro a{margin-top:calc(var(--cu)*70)}.intro .lead{font:300 16px/1.6 Outfit,sans-serif;letter-spacing:.01em;color:#eee7dcc7;max-width:46ch;margin:22px 0 0;text-wrap:pretty}body.has-card .intro .lead{font-size:max(15px,calc(var(--cu)*27));margin-top:calc(var(--cu)*34)}body.still.has-card .intro{min-height:88svh;overflow:hidden}body.still .card-bg{inset:0}