/* Piwnica Poetycka, makieta v2 (22.10.2026): nowoczesny, responsywny układ
   Motyw: owal neonu „Kredens pod Oknami” (pigułki, owalne znaczniki), kadr kinowy, jasne tło */
:root{
  --white:#FFFFFF;
  --stone:#EFECE6;
  --stone-2:#E3DED5;
  --ink:#191919;
  --ink-2:#55524D;
  --green:#23703F;
  --neon:#CDEB6B;
  --velvet:#8C2131;
  --sepia:#EADFCB;
  --display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --text:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --pad:clamp(16px,4vw,56px);
  --r:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--text);font-size:clamp(17px,1.15vw,19px);line-height:1.55;font-variation-settings:"opsz" 14;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--display);margin:0;line-height:.95;letter-spacing:-.03em;font-weight:700;font-variation-settings:"opsz" 96}
h2{font-size:clamp(40px,6.4vw,104px)}
h3{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.02em}
.wrap{padding:0 var(--pad);max-width:1600px;margin:0 auto}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px}

.mock-note{background:var(--neon);color:var(--ink);font-size:14px;text-align:center;padding:6px 16px}

.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;font-weight:600;font-size:18px;text-decoration:none;border:2px solid var(--ink);background:var(--ink);color:var(--white);transition:background .2s,color .2s;white-space:nowrap}
.pill:hover{background:var(--green);border-color:var(--green)}
.pill.line{background:transparent;color:var(--ink)}
.pill.line:hover{background:var(--ink);color:var(--white)}
.pill.neon{background:var(--neon);border-color:var(--neon);color:var(--ink)}
.pill.neon:hover{background:var(--ink);border-color:var(--ink);color:var(--neon)}
.oval{display:inline-flex;align-items:center;gap:8px;border:2px solid currentColor;border-radius:999px;padding:4px 14px;font-size:15px;font-weight:600;line-height:1.3}
.dot{width:9px;height:9px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.25}}

.top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--stone-2)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo .mark{width:54px;height:34px;border-radius:50%;border:2.5px solid var(--green);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:14px;color:var(--green);letter-spacing:-.02em}
.logo b{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1}
.logo small{display:block;font-size:13px;color:var(--ink-2);margin-top:3px}
.menu{display:flex;gap:4px}
.menu a{text-decoration:none;padding:9px 16px;border-radius:999px;font-weight:500;font-size:17px}
.menu a:hover{background:var(--stone)}
.menu a.on{background:var(--ink);color:var(--white)}
.top .call{display:flex;align-items:center;gap:10px}
.burger{display:none;width:52px;height:52px;border-radius:50%;border:2px solid var(--ink);background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger span{width:20px;height:2px;background:var(--ink);transition:transform .3s,opacity .3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.drawer{display:none}

.hero{padding:clamp(28px,4vw,56px) 0 0;overflow:hidden}
.hero .title{font-size:clamp(60px,12vw,212px);line-height:.84;letter-spacing:-.028em;font-weight:800;font-variation-settings:"opsz" 96,"wdth" 92;margin:0;position:relative;z-index:2}
.hero .title span{display:block}
.hero .title .indent{padding-left:16vw}
.hero .stage{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--pad);align-items:end;margin-top:clamp(-120px,-7vw,-30px);padding-left:var(--pad)}
.hero .side{padding-bottom:6px;max-width:440px}
.hero .frame{position:relative;z-index:1}
.hero .frame img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:50% 45%;border-radius:var(--r) 0 0 var(--r)}
.hero .lead{font-size:clamp(19px,1.4vw,22px);line-height:1.45;color:var(--ink-2);margin:0}
.hero .lead strong{color:var(--ink);font-weight:600}
.hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

.today{margin-top:clamp(40px,6vw,90px);background:var(--neon)}
.today .wrap{display:flex;align-items:center;gap:clamp(16px,3vw,48px);min-height:96px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.today .when{font-family:var(--display);font-weight:800;font-size:clamp(28px,3vw,44px);letter-spacing:-.03em;line-height:1;display:flex;align-items:center;gap:12px}
.today .what{flex:1;min-width:240px;font-size:19px;line-height:1.35}
.today .what b{font-family:var(--display);font-size:clamp(22px,2vw,30px);letter-spacing:-.02em;display:block}

.sec{padding:clamp(72px,9vw,150px) 0}
.sec-head{display:grid;grid-template-columns:1fr minmax(0,440px);gap:var(--pad);align-items:end;margin-bottom:clamp(36px,4vw,64px)}
.sec-head p{color:var(--ink-2);margin:0;font-size:clamp(18px,1.3vw,21px)}

.feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--stone);border-radius:var(--r);overflow:hidden}
.feature .poster{background:var(--stone-2);display:flex;align-items:center;justify-content:center;padding:clamp(24px,3.5vw,56px)}
.feature .poster img{max-height:620px;width:auto;box-shadow:0 30px 60px -20px rgba(25,25,25,.35);cursor:zoom-in;transform:rotate(-2deg);transition:transform .4s}
.feature .poster img:hover{transform:rotate(0) scale(1.02)}
.feature .info{padding:clamp(28px,4vw,64px);display:flex;flex-direction:column}
.bigdate{font-family:var(--display);font-weight:800;font-size:clamp(80px,11vw,190px);line-height:.8;letter-spacing:-.04em;font-variation-settings:"opsz" 96,"wdth" 85}
.bigdate small{display:block;font-size:clamp(20px,1.6vw,26px);letter-spacing:-.01em;font-weight:600;margin-top:14px;color:var(--ink-2)}
.feature h3{font-size:clamp(34px,3.6vw,60px);letter-spacing:-.035em;margin:clamp(24px,3vw,44px) 0 14px}
.feature .who{font-size:20px;color:var(--ink-2)}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}
.facts span{background:var(--white);border-radius:999px;padding:8px 16px;font-size:16px;font-weight:500}
.feature .acts{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px}

.rows{margin-top:clamp(16px,2vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px)}
.row{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;border:2px solid var(--stone-2);border-radius:var(--r);padding:20px;transition:border-color .2s}
.row:hover{border-color:var(--ink)}
.row img{width:120px;aspect-ratio:990/1400;object-fit:cover;border-radius:10px;cursor:zoom-in}
.row .d{font-family:var(--display);font-weight:800;font-size:40px;letter-spacing:-.04em;line-height:1}
.row h3{font-size:clamp(24px,2vw,30px);margin:8px 0 6px}
.row p{margin:0;color:var(--ink-2);font-size:17px}
.row .oval{margin-top:12px}

.week-sec{background:var(--stone)}
.week{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,2.2fr) repeat(3,minmax(0,.8fr)) minmax(0,2.6fr);gap:10px}
.wd{background:var(--white);border-radius:var(--r);padding:20px 18px;min-height:360px;display:flex;flex-direction:column}
.wd .n{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em}
.wd.off{background:transparent;border:2px dashed var(--stone-2)}
.wd.off .n{color:#9b958c}
.wd.off p{margin-top:auto;color:#8a847b;writing-mode:vertical-rl;transform:rotate(180deg);font-size:16px;align-self:flex-start}
.wd.on{box-shadow:inset 0 0 0 2px var(--ink)}
.wd .h{font-family:var(--display);font-weight:800;font-size:clamp(34px,3vw,52px);letter-spacing:-.05em;line-height:1;margin:auto 0 8px}
.wd h3{font-size:24px;margin-bottom:8px}
.wd p{font-size:15px;color:var(--ink-2);margin:0 0 14px;line-height:1.4}
.wd .tel{font-weight:700;font-size:17px;text-decoration:none;color:var(--green)}
.wd.span2 .h{font-size:clamp(40px,4vw,64px)}

.guests{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,1.5vw,20px);align-items:start}
.g{grid-column:span 3;text-decoration:none;display:block}
.g.lg{grid-column:span 6;grid-row:span 2}
.g .ph{overflow:hidden;border-radius:var(--r);aspect-ratio:4/5;background:var(--stone)}
.g img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06);transition:filter .6s,transform .9s}
.g:hover img,.g:focus-visible img{filter:none;transform:scale(1.03)}
.g .nm{margin-top:14px}
.g.all{grid-column:span 6;background:var(--neon);border-radius:var(--r);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:220px}
.g.all .num{font-family:var(--display);font-weight:800;font-size:clamp(64px,7vw,120px);letter-spacing:-.05em;line-height:.85}
.g.all p{margin:0;font-size:19px;max-width:30ch}
.g strong{display:block;font-family:var(--display);font-size:clamp(24px,2.2vw,38px);letter-spacing:-.035em;line-height:1;font-weight:700}
.g.lg strong{font-size:clamp(36px,4.4vw,76px)}
.g .nm span{display:block;font-size:16px;color:var(--ink-2);margin-top:6px}

.strip-wrap{position:relative}
.strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--pad) 18px;scroll-padding:0 var(--pad);scrollbar-width:thin}
.strip figure{margin:0;flex:0 0 auto;scroll-snap-align:start}
.strip img{height:clamp(300px,40vw,540px);width:auto;border-radius:var(--r);cursor:zoom-in}
.strip .q{flex:0 0 clamp(280px,30vw,460px);height:clamp(300px,40vw,540px);background:var(--neon);border-radius:var(--r);padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start}
.strip .q p{font-family:var(--display);font-weight:700;font-size:clamp(28px,2.8vw,46px);line-height:1;letter-spacing:-.035em;margin:0}
.strip-nav{display:flex;gap:10px}
.strip-nav button{width:56px;height:56px;border-radius:50%;border:2px solid var(--ink);background:var(--white);font-size:24px;cursor:pointer;color:var(--ink)}
.strip-nav button:hover{background:var(--ink);color:var(--white)}

.osiedle{background:var(--sepia)}
.osiedle .in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--pad);align-items:center}
.osiedle h2{font-weight:800;font-variation-settings:"opsz" 96,"wdth" 80}
.faces{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.faces img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:50%;filter:grayscale(1) sepia(.35);background:#d6c8af;transition:filter .4s}
.faces img:hover{filter:none}

.support{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px)}
.card{border-radius:var(--r);padding:clamp(28px,4vw,56px)}
.card.ink{background:var(--ink);color:var(--white)}
.card.stone{background:var(--stone)}
.partners{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.partners span{border:1.5px solid var(--stone-2);border-radius:999px;padding:6px 14px;font-size:15px;background:var(--white)}
.note{font-size:15px;opacity:.75}

footer{border-top:1px solid var(--stone-2);padding:56px 0 48px}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;font-size:16px;color:var(--ink-2)}
footer b{color:var(--ink);font-family:var(--display);letter-spacing:-.02em}
footer .big{font-family:var(--display);font-size:clamp(44px,8.5vw,150px);font-weight:800;letter-spacing:-.035em;line-height:.85;color:var(--ink);grid-column:1/-1;margin-bottom:24px;font-variation-settings:"opsz" 96,"wdth" 85}
footer .fine{grid-column:1/-1;border-top:1px solid var(--stone-2);padding-top:18px;font-size:14px}
.callbar{display:none}

.gh{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 76px)}
.gh .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.gh .tx{padding:clamp(28px,5vw,80px) var(--pad);display:flex;flex-direction:column;justify-content:flex-end;background:var(--stone)}
.gh h1{font-size:clamp(64px,8.6vw,170px);line-height:.84;letter-spacing:-.035em;font-weight:800;font-variation-settings:"opsz" 96,"wdth" 85}
.gh .t2{font-family:var(--display);font-size:clamp(26px,2.4vw,40px);font-weight:600;letter-spacing:-.03em;color:var(--velvet);margin:22px 0 16px}
.meta{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;margin:28px 0 0;padding-top:24px;border-top:1.5px solid var(--stone-2);font-size:18px}
.meta dt{color:var(--ink-2)}
.meta dd{margin:0;font-weight:600}
.masonry{columns:3 300px;column-gap:16px}
.masonry img{width:100%;margin:0 0 16px;border-radius:16px;cursor:zoom-in;break-inside:avoid}
.todo{border:2px dashed var(--velvet);border-radius:var(--r);padding:20px 24px;color:var(--velvet);font-size:17px;margin-bottom:36px}
.credit{font-size:15px;color:var(--ink-2)}

.o-hero{background:var(--sepia);padding:clamp(60px,8vw,130px) 0 clamp(40px,5vw,80px)}
.o-hero h1{font-size:clamp(60px,10.5vw,190px);line-height:.84;letter-spacing:-.035em;font-weight:800;font-variation-settings:"opsz" 96,"wdth" 85;max-width:11ch}
.o-hero .lead{font-size:clamp(19px,1.5vw,24px);max-width:44ch;margin-top:28px;color:#4d463b}
.tl{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:clamp(40px,5vw,72px)}
.tl div{background:rgba(255,255,255,.55);border-radius:var(--r);padding:22px}
.tl b{font-family:var(--display);font-weight:800;font-size:clamp(32px,3vw,50px);letter-spacing:-.04em;line-height:1;display:block}
.tl span{display:block;margin-top:10px;font-size:16px;line-height:1.4}
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:28px 18px}
.person{margin:0;cursor:zoom-in}
.person img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:50%;filter:grayscale(1) sepia(.3);background:#d6c8af;transition:filter .4s}
.person:hover img{filter:none}
.person strong{display:block;overflow-wrap:anywhere;font-family:var(--display);font-size:20px;letter-spacing:-.02em;line-height:1.15;margin-top:12px;text-align:center}
.film{display:grid;grid-template-columns:7fr 5fr;gap:var(--pad);align-items:center;background:var(--sepia);border-radius:var(--r);padding:clamp(24px,4vw,56px)}
.film .screen{aspect-ratio:16/9;background:rgba(255,255,255,.6);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#6d6457;font-size:16px}
.film .play{width:86px;height:86px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center}
.film .play:after{content:"";border-left:24px solid var(--white);border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:6px}

.lb{position:fixed;inset:0;background:rgba(255,255,255,.97);z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px 16px}
.lb.on{display:flex}
.lb img{max-width:92vw;max-height:78vh;object-fit:contain;border-radius:12px}
.lb .cap{max-width:70ch;text-align:center;font-size:17px;line-height:1.5;color:var(--ink-2);padding:0 72px}
.lb .cap:empty{display:none}
.lb button{position:absolute;background:var(--white);border:2px solid var(--ink);width:60px;height:60px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer;color:var(--ink)}
.lb button:hover{background:var(--ink);color:var(--white)}
.lb .x{top:20px;right:20px}
.lb .pv{left:20px;top:50%;transform:translateY(-50%)}
.lb .nx{right:20px;top:50%;transform:translateY(-50%)}

@media (prefers-reduced-motion:no-preference){
  .hero .title span{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
  .hero .title span:nth-child(2){animation-delay:.12s}
  .hero .title span:nth-child(3){animation-delay:.24s}
  .hero .frame{animation:fade 1.4s .3s both}
}
@keyframes rise{from{transform:translateY(40%);opacity:0}to{transform:none;opacity:1}}
@keyframes fade{from{opacity:0;clip-path:inset(0 0 0 30%)}to{opacity:1;clip-path:inset(0)}}
@media (prefers-reduced-motion:reduce){.dot{animation:none}}

@media (max-width:1100px){
  .menu{display:none}
  .burger{display:flex}
  .top .call .pill{display:none}
  .drawer{position:fixed;inset:76px 0 0;background:var(--white);z-index:29;padding:24px var(--pad);flex-direction:column;gap:6px;overflow:auto}
  .drawer.open{display:flex}
  .drawer a{font-family:var(--display);font-size:40px;font-weight:700;letter-spacing:-.03em;text-decoration:none;padding:8px 0;border-bottom:1px solid var(--stone-2)}
  .drawer a.pill{margin-top:20px;font-size:20px;border-bottom:2px solid var(--ink);padding:0 28px}
  .hero .stage{grid-template-columns:1fr;margin-top:28px;padding:0}
  .hero .side{order:2;padding:28px var(--pad) 0;max-width:640px}
  .hero .frame{order:1;margin-left:12vw}
  .sec-head{grid-template-columns:1fr}
  .feature{grid-template-columns:1fr}
  .feature .poster img{max-height:460px}
  .rows{grid-template-columns:1fr}
  .week{grid-template-columns:repeat(2,1fr)}
  .wd{min-height:auto}
  .wd.off{display:none}
  .wd .h{margin-top:18px}
  .wd.span2{grid-column:span 2}
  .g,.g.all{grid-column:span 6}
  .g.lg{grid-column:1/-1;grid-row:auto}
  .osiedle .in,.support,.gh,.film{grid-template-columns:1fr}
  .gh .ph{height:72svh}
  .tl{grid-template-columns:repeat(2,1fr)}
  footer .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .top .wrap{height:68px}
  .drawer{inset:68px 0 0}
  .logo small{display:none}
  .logo .mark{width:46px;height:29px;font-size:12px}
  .hero .title{font-size:clamp(54px,17.5vw,92px)}
  .hero .title .indent{padding-left:0}
  .hero .frame{margin:0;border-radius:0}
  .hero .frame img{border-radius:0;aspect-ratio:4/3}
  .hero .acts .pill{width:100%}
  .today .wrap{display:block}
  .today .when{margin-bottom:8px}
  .today .pill{margin-top:14px;width:100%}
  .feature .acts .pill{width:100%}
  .row{grid-template-columns:84px 1fr;gap:16px;padding:14px}
  .row img{width:84px}
  .week{grid-template-columns:1fr}
  .wd.span2{grid-column:auto}
  .g,.g.lg,.g.all{grid-column:1/-1}
  .feature .poster img{max-height:340px}
  .faces{grid-template-columns:repeat(4,1fr)}
  .tl{grid-template-columns:1fr}
  .o-hero h1,.gh h1{font-size:13.5vw;max-width:none}
  footer .wrap{grid-template-columns:1fr}
  footer{padding-bottom:110px}
  .callbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;gap:8px}
  .callbar a{flex:1;min-height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;font-size:17px;box-shadow:0 10px 30px -8px rgba(25,25,25,.4)}
  .callbar .c1{background:var(--ink);color:var(--white)}
  .callbar .c2{background:var(--neon);color:var(--ink)}
  .lb button{width:50px;height:50px}
  .lb .pv{left:8px}.lb .nx{right:8px}
}

/* ================= WERSJA 3: warstwa artystyczna ================= */

/* 6. kurtyna nad kadrem fotela */
.hero .frame{overflow:hidden;border-radius:var(--r) 0 0 var(--r)}
.curtain{position:absolute;inset:0;display:flex;pointer-events:none;z-index:3}
.curtain i{flex:1;background:
  linear-gradient(180deg,rgba(0,0,0,.18),transparent 18%,transparent 85%,rgba(0,0,0,.25)),
  repeating-linear-gradient(90deg,#6E1625 0 14px,#8C2131 26px,#A33041 34px,#8C2131 44px,#6E1625 58px);
  transition:transform 2.2s cubic-bezier(.7,0,.2,1)}
.curtain .l{box-shadow:inset -18px 0 30px rgba(0,0,0,.25)}
.curtain .r{box-shadow:inset 18px 0 30px rgba(0,0,0,.25)}
.open .curtain .l{transform:translateX(-101%) skewX(-4deg)}
.open .curtain .r{transform:translateX(101%) skewX(4deg)}
@media (prefers-reduced-motion:reduce){.curtain{display:none}}

/* 3. ziarno filmu na fotografiach */
.grain{position:relative}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:multiply;border-radius:inherit;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* 3. taśma filmowa: archiwalni goście Piwnicy */
.reel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--pad) 10px;scroll-padding:0 var(--pad);gap:0;scrollbar-width:thin}
.frame35{flex:0 0 auto;scroll-snap-align:start;background:var(--ink);padding:34px 10px;position:relative;text-decoration:none;color:var(--white)}
.frame35:first-child{border-radius:14px 0 0 14px}
.frame35:last-child{border-radius:0 14px 14px 0}
.frame35::before,.frame35::after{content:"";position:absolute;left:6px;right:6px;height:12px;background:repeating-linear-gradient(90deg,transparent 0 8px,#f4f1ea 8px 20px,transparent 20px 28px);opacity:.9}
.frame35::before{top:10px}
.frame35::after{bottom:10px}
.frame35 .k{position:absolute;top:-1px;left:14px;font-size:11px;color:var(--neon);letter-spacing:.08em;line-height:10px;padding-top:0;display:none}
.frame35 .im{height:clamp(260px,30vw,420px);aspect-ratio:2/3;overflow:hidden;border-radius:6px}
.frame35 img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:filter .5s}
.frame35:hover img{filter:grayscale(0)}
.frame35 .cap{position:absolute;left:14px;right:14px;bottom:30px;padding:40px 8px 8px;background:linear-gradient(transparent,rgba(25,25,25,.85));border-radius:0 0 6px 6px}
.frame35 .cap b{display:block;font-family:var(--display);font-size:22px;letter-spacing:-.02em;line-height:1.05}
.frame35 .cap small{font-size:13px;opacity:.8}
.film-meta{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:15px;color:var(--ink-2)}

/* 4. ściana afiszy */
.wall-sec{background:var(--stone)}
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:clamp(26px,3vw,44px) clamp(18px,2.4vw,34px);align-items:start}
.poster-pin{text-decoration:none;position:relative;display:block;transform:rotate(var(--r0,0deg));transition:transform .35s cubic-bezier(.2,.7,.2,1);cursor:zoom-in}
.poster-pin:hover{transform:rotate(0) scale(1.04);z-index:2}
.poster-pin img{width:100%;box-shadow:0 18px 30px -16px rgba(25,25,25,.45),0 2px 4px rgba(25,25,25,.12);background:#fff}
.poster-pin::before{content:"";position:absolute;top:-9px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--neon);box-shadow:0 2px 3px rgba(25,25,25,.35),inset -3px -3px 0 rgba(0,0,0,.12);z-index:2}
.poster-pin .y{display:block;margin-top:10px;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em}
.poster-pin .y small{display:block;font-family:var(--text);font-weight:400;font-size:15px;color:var(--ink-2);letter-spacing:0}

/* 2. przedmioty z Kredensu jako wycinanki */
.has-obj{position:relative}
.obj{position:absolute;pointer-events:none;z-index:4;filter:drop-shadow(0 22px 22px rgba(25,25,25,.22));will-change:transform}
.obj img{width:100%}
.obj.latarnia{width:clamp(90px,9vw,140px);right:4vw;top:6px}
.obj.telefon{width:clamp(90px,9vw,140px);right:4vw;top:10px}
.obj.muszle{width:clamp(150px,16vw,250px);right:4vw;top:16px}
@media (max-width:640px){
  .obj{display:none}
  .wall{grid-template-columns:1fr 1fr}
  .frame35 .im{height:300px}
}

/* plakat przy gościu */
.g .ph{position:relative}
.mini-poster{position:absolute;right:22px;bottom:22px;width:clamp(110px,11vw,170px)!important;height:auto!important;filter:none!important;transform:rotate(4deg)!important;box-shadow:0 18px 30px -12px rgba(25,25,25,.55);cursor:zoom-in;transition:transform .35s!important;z-index:2}
.mini-poster:hover{transform:rotate(0) scale(1.06)!important}
.gh .tx{position:relative}
.pin-poster{position:absolute;top:clamp(24px,4vw,64px);right:var(--pad);width:clamp(120px,12vw,190px);transform:rotate(3deg);transition:transform .35s;cursor:zoom-in}
.pin-poster:hover{transform:rotate(0) scale(1.05)}
.pin-poster img{width:100%;box-shadow:0 18px 30px -14px rgba(25,25,25,.5)}
.pin-poster::before{content:"";position:absolute;top:-9px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--neon);box-shadow:0 2px 3px rgba(25,25,25,.35)}
@media (max-width:1100px){.pin-poster{position:relative;top:auto;right:auto;align-self:flex-start;margin:28px 0 6px 10px;width:140px}}

.g.all{grid-column:span 3}
.obj.reflektor{width:clamp(70px,6vw,100px);right:4vw;top:14px}
.obj.maska{width:clamp(100px,9vw,150px);right:5vw;top:16px}
.obj.globus{width:clamp(100px,9vw,150px);right:5vw;top:20px}
.obj.roze{width:clamp(80px,7vw,120px);right:6vw;top:14px;transform:rotate(-20deg)}

/* ===== stopka: witryna kredensu z prawdziwymi rekwizytami ===== */
footer.vit{background:var(--stone);padding:clamp(64px,8vw,120px) 0 clamp(28px,3vw,40px);border:0;color:var(--ink);font-size:17px}
footer.vit .wrap{display:block}
.vit-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.vit-title{font-family:var(--display);font-weight:800;font-size:clamp(48px,7.4vw,128px);line-height:.86;letter-spacing:-.035em;margin:0;color:var(--ink);font-variation-settings:"opsz" 96,"wdth" 88}
.vit-tel{text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:800;font-size:clamp(30px,3.4vw,56px);letter-spacing:-.03em;line-height:1;background:var(--neon);border-radius:999px;padding:18px 34px;transform:rotate(-2deg);transition:transform .3s}
.vit-tel:hover{transform:rotate(0)}
.vit-tel small{display:block;font-family:var(--text);font-weight:500;font-size:15px;letter-spacing:0;margin-bottom:4px}
.kredens{position:relative;margin-top:clamp(20px,3vw,48px)}
.kredens .neon{position:absolute;left:50%;top:-10px;width:clamp(180px,22vw,340px);transform:translateX(-50%) rotate(-6deg);filter:drop-shadow(0 0 18px rgba(205,235,107,.95));z-index:2;animation:flicker 7s infinite}
.kredens::before{display:none;content:"";position:absolute;left:50%;top:0;width:clamp(260px,32vw,480px);height:clamp(160px,18vw,260px);transform:translateX(-50%);background:radial-gradient(closest-side,rgba(205,235,107,.55),rgba(205,235,107,0));pointer-events:none}
@keyframes flicker{0%,93%,100%{opacity:1}94%{opacity:.55}95%{opacity:1}96.5%{opacity:.7}97%{opacity:1}}
.scene{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5vw;padding:0 3vw;position:relative;z-index:1}
.scene.upper{padding-top:clamp(130px,14vw,210px);justify-content:space-around}
.scene + .shelf{margin-bottom:clamp(14px,2vw,26px)}
.scene .it{height:auto;filter:drop-shadow(0 14px 10px rgba(40,25,10,.28));transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.scene .it:hover{transform:translateY(-6px) rotate(-2deg)}
.scene .tabliczka{width:clamp(80px,10vw,170px)}
.scene .kielich{width:clamp(60px,7.4vw,124px)}
.scene .budka{width:clamp(44px,5.2vw,88px)}
.scene .butelka{width:clamp(50px,6vw,100px)}
.scene .kufel{width:clamp(56px,6.4vw,106px)}
.scene .wojownicy{width:clamp(70px,8.4vw,140px)}
.scene .globus{width:clamp(90px,11vw,190px)}
.scene .telefon{width:clamp(110px,14vw,230px)}
.scene .wachlarz{width:clamp(100px,12vw,200px)}
.scene .roze{width:clamp(70px,8vw,140px);transform:rotate(-28deg) translateY(10px)}
.scene .muszle{width:clamp(130px,17vw,290px);margin-bottom:-6px}
.scene .reflektor{width:clamp(70px,9vw,150px)}
.shelf{height:22px;border-radius:4px;background:linear-gradient(180deg,#9a6c48 0,#9a6c48 4px,#7a5236 4px,#5e3d27 100%);box-shadow:0 18px 26px -10px rgba(60,35,15,.45);position:relative;z-index:0}
@media (prefers-reduced-motion:reduce){.kredens .neon{animation:none}}
.labels{display:grid;align-items:start;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px);margin-top:clamp(30px,3vw,48px)}
.label{background:var(--white);padding:22px 22px 20px;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,.06),0 14px 24px -18px rgba(25,25,25,.45);position:relative;font-size:16px;line-height:1.45;color:var(--ink-2)}
.label:nth-child(odd){transform:rotate(-.8deg)}
.label:nth-child(even){transform:rotate(.7deg);margin-top:14px}
.label::before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e9cf86,#b08a3a);box-shadow:0 2px 3px rgba(0,0,0,.3)}
.label h4{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;padding-bottom:10px;border-bottom:1.5px solid var(--stone-2)}
.label p{margin:0 0 10px}
.label a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--neon)}
.label a:hover{border-color:var(--green)}
.label .sm{font-size:14.5px}
.label .addr{padding-left:18px}
.label .addr li::before{left:-27px}
.label .addr b{font-size:17px}
.fbl a{display:block;width:max-content;max-width:100%;margin-bottom:8px}
.fbl a.old{font-weight:400;color:var(--ink-2);border-bottom-style:dashed;border-bottom-color:#b9b2a6}
.addr{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px dashed #c9c2b6}
.addr li{position:relative;padding:0 0 16px}
.addr li::before{content:"";position:absolute;left:-31px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--white);border:2px solid #b9b2a6}
.addr li.now::before{background:var(--neon);border-color:var(--green)}
.addr .when{display:block;font-size:14px}
.addr b{display:block;font-family:var(--display);letter-spacing:-.02em;line-height:1.2;margin:2px 0 4px;color:var(--ink)}
.addr li:not(.now) b{color:var(--ink-2)}
.addr span{font-size:14px}
.vit-fine{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:clamp(40px,4vw,64px);padding-top:20px;border-top:1.5px solid var(--stone-2);font-size:14px;color:var(--ink-2)}
.vit-fine a{text-decoration:none;font-weight:600;color:var(--ink)}
@media (max-width:1100px){.labels{grid-template-columns:1fr 1fr}.label:nth-child(even){margin-top:0}}
@media (max-width:640px){
  .labels{grid-template-columns:1fr}
  .label{transform:none!important}
  .scene{padding:0;gap:4px}
  .scene .roze,.scene .reflektor,.scene .wachlarz,.scene .kufel,.scene .wojownicy{display:none}
  .scene.upper{padding-top:120px}
  .kredens .neon{width:190px}
  .vit-tel{width:100%;text-align:center}
  footer.vit{padding-bottom:110px}
}

/* ================= WERSJA 4: zmysły ================= */

/* płynne przejścia między stronami (przeglądarki z View Transitions) */
@view-transition{navigation:auto}
.vt-z{view-transition-name:portret-zanussi}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}
::view-transition-group(portret-zanussi){animation-duration:.7s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}

/* światło lampy w hero */
.hero .frame .lit{display:none}
@media (hover:hover) and (pointer:fine){
  .hero .frame .base{filter:brightness(.42) saturate(.7) contrast(1.05);transition:filter .6s}
  .hero .frame .lit{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;pointer-events:none;
    -webkit-mask-image:radial-gradient(circle var(--rr,230px) at var(--lx,32%) var(--ly,30%),#000 0,rgba(0,0,0,.85) 35%,transparent 100%);
            mask-image:radial-gradient(circle var(--rr,230px) at var(--lx,32%) var(--ly,30%),#000 0,rgba(0,0,0,.85) 35%,transparent 100%);
    filter:saturate(1.15) brightness(1.08) sepia(.12)}
  .hero .frame{cursor:none}
  .hero .frame::after{content:"";position:absolute;left:var(--lx,32%);top:var(--ly,30%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--neon);box-shadow:0 0 18px 6px rgba(205,235,107,.7);pointer-events:none;z-index:2;opacity:var(--dot,0);transition:opacity .3s}
}
@media (prefers-reduced-motion:reduce){.hero .frame .base{filter:none!important}.hero .frame .lit{display:none!important}.hero .frame{cursor:auto}}

/* bilety */
.feature.ticket{position:relative;overflow:visible}
.feature.ticket .poster{position:relative;border-radius:var(--r) 0 0 var(--r)}
.feature.ticket .info{border-left:3px dashed #cfc8bc;position:relative}
.feature.ticket .info::before,.feature.ticket .info::after{content:"";position:absolute;left:-17px;width:32px;height:32px;border-radius:50%;background:var(--white)}
.feature.ticket .info::before{top:-16px}
.feature.ticket .info::after{bottom:-16px}
.stamp{position:absolute;right:8%;bottom:10%;transform:rotate(-14deg);border:3px solid var(--velvet);outline:1.5px solid var(--velvet);outline-offset:3px;color:var(--velvet);font-family:var(--display);font-weight:800;font-size:clamp(16px,1.5vw,22px);letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:8px;mix-blend-mode:multiply;opacity:.82;pointer-events:none;z-index:3;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.4 2.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.4 2.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.stamp.s2{color:var(--green);border-color:var(--green);outline-color:var(--green);transform:rotate(9deg)}
.rows{grid-template-columns:1fr 1fr}
.tk{display:grid;grid-template-columns:150px 1fr;position:relative;filter:drop-shadow(0 16px 22px rgba(25,25,25,.12))}
.tk-stub{background:var(--neon);border-radius:18px 0 0 18px;padding:22px 18px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .9s cubic-bezier(.3,.1,.2,1),opacity .9s;transform-origin:100% 0}
.tk-stub b{font-family:var(--display);font-weight:800;font-size:44px;letter-spacing:-.04em;line-height:1}
.tk-stub small{font-size:16px;font-weight:600;margin-top:8px}
.tk-stub .no{font-size:13px;color:var(--ink-2);writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-start;margin-top:14px}
.tk-body{background:var(--white);border-radius:0 18px 18px 0;border:2px solid var(--stone-2);border-left:3px dashed #cfc8bc;display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;padding:20px;position:relative;overflow:hidden}
.tk-body::before,.tk-body::after{content:"";position:absolute;left:-14px;width:26px;height:26px;border-radius:50%;background:var(--white);border:2px solid var(--stone-2)}
.tk-body::before{top:-14px}
.tk-body::after{bottom:-14px}
.tk-body img{width:96px;aspect-ratio:990/1400;object-fit:cover;border-radius:6px;cursor:zoom-in}
.tk-body h3{font-size:clamp(24px,2vw,32px);margin-bottom:6px}
.tk-body p{margin:0 0 14px;color:var(--ink-2);font-size:16px}
.tk-body .pill{min-height:46px;font-size:16px;padding:0 20px}
.tk-body .stamp{right:14px;top:16px;bottom:auto;font-size:14px}
.tk.torn .tk-stub{transform:translate(-14px,46px) rotate(-16deg);opacity:0}
.feature.ticket.torn .bigdate{animation:tear 1.2s cubic-bezier(.3,.1,.2,1)}
@keyframes tear{30%{transform:rotate(-5deg) translateY(10px)}100%{transform:none}}
.tear-msg{position:fixed;left:50%;bottom:28px;transform:translate(-50%,40px);background:var(--ink);color:var(--white);padding:14px 22px;border-radius:999px;font-weight:600;z-index:90;opacity:0;transition:opacity .4s,transform .4s;pointer-events:none}
.tear-msg.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:1100px){.rows{grid-template-columns:1fr}}
@media (max-width:640px){
  .tk{grid-template-columns:96px 1fr}
  .tk-stub{padding:16px 12px}
  .tk-stub b{font-size:30px}
  .tk-body{grid-template-columns:1fr;gap:12px;padding:16px}
  .tk-body img{display:none}
  .tk-body{padding-bottom:66px}
  .tk-body .stamp{top:auto;bottom:16px;right:14px;font-size:12px}
  .feature.ticket .info{border-left:0;border-top:3px dashed #cfc8bc}
  .feature.ticket .info::before{top:-17px;left:-16px}
  .feature.ticket .info::after{top:-17px;bottom:auto;left:auto;right:-16px}
}

/* indeks gości */
.idx-sec{padding-top:0}
.idx{list-style:none;margin:0;padding:0;border-bottom:1.5px solid var(--ink)}
.idx li{border-top:1.5px solid var(--ink)}
.idx a{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:16px;padding:clamp(10px,1.2vw,18px) 0;text-decoration:none;transition:opacity .35s,padding .35s}
.idx .nm{font-family:var(--display);font-weight:800;font-size:clamp(32px,5.6vw,96px);line-height:.95;letter-spacing:-.035em;font-variation-settings:"opsz" 96,"wdth" 88}
.idx .mt{font-size:clamp(14px,1.1vw,17px);color:var(--ink-2);white-space:nowrap}
.idx .m-img{display:none}
.idx:hover a{opacity:.22}
.idx a:hover,.idx a:focus-visible{opacity:1;padding-left:clamp(10px,2vw,32px)}
.idx a:hover .nm{color:var(--green)}
.idx-float{position:fixed;left:0;top:0;width:clamp(200px,20vw,300px);aspect-ratio:4/5;pointer-events:none;z-index:25;opacity:0;transform:translate(-50%,-50%) scale(.85);transition:opacity .3s,transform .35s;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(25,25,25,.5)}
.idx-float.on{opacity:1}
.idx-float img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}
@media (hover:none),(pointer:coarse){
  .idx-float{display:none}
  .idx:hover a{opacity:1}
  .idx a{grid-template-columns:1fr}
  .idx .m-img{display:block;width:100%;max-height:0;object-fit:cover;object-position:50% 25%;border-radius:14px;filter:grayscale(1);transition:max-height .5s ease,margin .5s;margin:0}
  .idx li.open .m-img{max-height:420px;margin:12px 0 4px}
  .idx li.open .nm{color:var(--green)}
}

/* ================= WERSJA 5: neon w hero i kredens ================= */
.hero-top{position:relative}
.hero-neon{position:absolute;right:var(--pad);top:clamp(0px,1vw,20px);width:clamp(150px,19vw,330px);transform:rotate(8deg);z-index:3;
  filter:drop-shadow(0 0 16px rgba(205,235,107,.9)) drop-shadow(0 10px 18px rgba(25,25,25,.25));animation:flicker 7s infinite}
@keyframes flicker{0%,93%,100%{opacity:1}94%{opacity:.55}95%{opacity:1}96.5%{opacity:.7}97%{opacity:1}}
@media (prefers-reduced-motion:reduce){.hero-neon{animation:none}}
@media (max-width:640px){.hero-neon{width:118px;top:-6px;right:10px}}

.scene{padding-top:20px}
.scene .globus{width:clamp(110px,13vw,210px)}
.scene .telefon{width:clamp(130px,16vw,260px)}
.scene .muszle{width:clamp(160px,20vw,330px)}
.scene{justify-content:space-evenly}

.kr-sec{background:var(--stone)}
.kredens-mebel{max-width:1120px;margin:0 auto;--w1:#7a4f30;--w2:#5b3a22;--w3:#3f2716}
.kr-crown{height:64px;margin:0 -22px;border-radius:14px 14px 4px 4px;position:relative;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#9a6c48 0,#8a5c3a 30%,var(--w2) 100%);box-shadow:inset 0 -6px 0 rgba(0,0,0,.18),0 10px 20px -10px rgba(40,20,5,.5)}
.kr-crown::before{content:"";position:absolute;left:50%;top:-34px;width:260px;height:44px;transform:translateX(-50%);border-radius:140px 140px 0 0;background:linear-gradient(180deg,#9a6c48,#8a5c3a)}
.kr-plaque{position:relative;z-index:1;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.02em;color:#3a2410;padding:6px 18px;border-radius:999px;background:linear-gradient(180deg,#f0d78f,#c39a45);box-shadow:inset 0 1px 0 #fff6,0 2px 4px rgba(0,0,0,.35)}
.kr-glass{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:14px;background:linear-gradient(90deg,var(--w2),var(--w1) 50%,var(--w2));box-shadow:inset 0 0 0 6px var(--w3)}
.niche{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:6px;background:#2a1a10;box-shadow:inset 0 0 0 3px #c39a45,inset 0 0 40px rgba(0,0,0,.7);cursor:zoom-in}
.niche img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.92) brightness(.9)}
.niche::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.28) 0,rgba(255,255,255,.06) 28%,transparent 42%,transparent 70%,rgba(255,255,255,.12) 82%,transparent 90%);transition:transform .9s cubic-bezier(.2,.7,.2,1);box-shadow:inset 0 0 0 3px #c39a45}
.niche::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 50px rgba(20,10,0,.65)}
.niche figcaption{position:absolute;left:10px;bottom:10px;z-index:3;background:#f7f1e3;color:var(--ink);font-size:13px;font-weight:600;padding:4px 10px;border-radius:3px;transform:rotate(-2deg) translateY(8px);opacity:0;transition:.4s;box-shadow:0 3px 6px rgba(0,0,0,.3)}
.niche:hover img,.niche:focus-within img{transform:scale(1.07);filter:saturate(1.05) brightness(1.03)}
.niche:hover::before{transform:translateX(110%)}
.niche:hover figcaption{opacity:1;transform:rotate(-2deg)}
.kr-top-board{height:26px;margin:0 -16px;border-radius:3px;background:linear-gradient(180deg,#a8774f 0,#8a5c3a 40%,var(--w2));box-shadow:0 8px 14px -6px rgba(40,20,5,.5)}
.kr-drawers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;background:linear-gradient(90deg,var(--w2),var(--w1) 50%,var(--w2));box-shadow:inset 0 0 0 6px var(--w3)}
.szuflada{appearance:none;border:0;cursor:pointer;height:84px;border-radius:4px;background:linear-gradient(180deg,#8f6040,#6e4529);box-shadow:inset 0 2px 0 rgba(255,255,255,.12),inset 0 -3px 0 rgba(0,0,0,.25);position:relative;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.szuflada span{font-family:var(--display);font-weight:600;font-size:15px;color:#3a2410;background:#f7f1e3;padding:3px 12px;border-radius:2px;box-shadow:inset 0 0 0 2px #c39a45;position:relative;top:-12px}
.szuflada::after{content:"";position:absolute;left:50%;bottom:14px;width:46px;height:12px;margin-left:-23px;border-radius:0 0 12px 12px;border:3px solid #c39a45;border-top:0}
.szuflada:hover,.szuflada:focus-visible{transform:translateY(6px)}
.kr-legs{display:flex;justify-content:space-between;padding:0 30px}
.kr-legs i{width:26px;height:40px;background:linear-gradient(90deg,var(--w3),var(--w1),var(--w3));border-radius:0 0 10px 10px}
@media (max-width:900px){.kr-glass{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
  .kr-glass{grid-template-columns:1fr 1fr;gap:10px;padding:10px}
  .kr-drawers{grid-template-columns:1fr 1fr}
  .kr-crown{margin:0 -8px}.kr-top-board{margin:0 -6px}
  .niche figcaption{opacity:1;transform:rotate(-2deg);font-size:12px}
  .szuflada{height:70px}
}

@media (max-width:640px){.scene .muszle{width:140px}.scene .telefon{width:110px}.scene .globus{width:95px}.scene{padding:20px 0 0;gap:6px}}

/* szyld rysowany w SVG */
svg.hero-neon{height:auto;overflow:visible;filter:drop-shadow(0 0 22px rgba(205,235,107,.75)) drop-shadow(0 14px 18px rgba(25,25,25,.25))}
.sg-big{font-family:"Cinzel",Georgia,serif;font-weight:600;font-size:33px;letter-spacing:.12em;fill:#3a1f10}
.sg-small{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;font-size:34px;fill:#3a1f10}
/* książka nad fotelem */
.hero .frame img.armbook{position:absolute;left:57%;top:4%;width:13%;height:auto;aspect-ratio:auto;object-fit:initial;z-index:2;transform:rotate(-3deg);box-shadow:0 18px 26px -10px rgba(0,0,0,.65),0 0 0 3px #c39a45;border-radius:2px;cursor:zoom-in;transition:transform .4s}
.hero .frame img.armbook:hover{transform:rotate(0) scale(1.06)}
@media (max-width:640px){.hero .frame img.armbook{left:56%;width:16%;top:4%}}

@media (max-width:640px){.hero-top{padding-top:84px}svg.hero-neon{width:130px;top:-4px;right:12px}}

.labels{margin-top:clamp(30px,3vw,48px)}
/* książka zawieszona nad fotelem, nad kadrem */
.hero .stage{position:relative}
.armhang{position:absolute;left:79%;top:-118px;width:clamp(84px,8.5vw,140px);z-index:4;transform:rotate(-4deg);transform-origin:50% -40px}
.armhang::before{content:"";position:absolute;left:50%;top:-46px;width:2px;height:52px;background:#7a5236;transform:translateX(-50%)}
.armhang::after{content:"";position:absolute;left:50%;top:-52px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e9cf86,#8a6a2a)}
.armhang img{width:100%;border-radius:2px;box-shadow:0 0 0 3px #c39a45,0 20px 28px -12px rgba(0,0,0,.5);cursor:zoom-in}
@media (prefers-reduced-motion:no-preference){.armhang{animation:sway 6s ease-in-out infinite}}
@keyframes sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(-1deg)}}
@media (max-width:1100px){.armhang{left:70%;top:14px}}
@media (max-width:640px){.armhang{left:70%;top:46px;width:70px}}
/* księżyc z Kabaretu Starszych Panów nad fotelem */
.armhang.moon{width:clamp(80px,7.5vw,124px)}
.armhang.moon svg{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45))}
.armhang.moon path{animation:moonglow 5s ease-in-out infinite}
@keyframes moonglow{0%,100%{opacity:1}50%{opacity:.82}}
@media (prefers-reduced-motion:reduce){.armhang.moon path{animation:none}}

/* ===== stopka: okno z firanką nad jedną półką (parapetem) ===== */
.parapet{margin-top:clamp(36px,5vw,72px);position:relative}
.okno{position:relative;width:min(760px,74%);margin:0 auto;aspect-ratio:800/520;border:clamp(12px,1.6vw,20px) solid #f3eee3;border-bottom-width:clamp(8px,1vw,12px);border-radius:6px 6px 0 0;box-shadow:0 0 0 2px #d8d0c0,inset 0 0 0 2px #d8d0c0,0 20px 40px -24px rgba(25,25,25,.4);background:#22324f}
.okno-svg{display:block;width:100%;height:100%}
.szprosy{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - 7px),#f3eee3 calc(50% - 7px),#f3eee3 calc(50% + 7px),transparent calc(50% + 7px)),linear-gradient(180deg,transparent 33%,#f3eee3 33%,#f3eee3 calc(33% + 10px),transparent calc(33% + 10px))}
.szprosy::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 30%,transparent 70%,rgba(255,255,255,.08))}
.karnisz{position:absolute;left:-12%;right:-12%;top:calc(-1 * clamp(26px,3vw,40px));height:10px;border-radius:6px;background:linear-gradient(180deg,#d9b25a,#8a6a2a);box-shadow:0 3px 6px rgba(0,0,0,.25)}
.karnisz::before,.karnisz::after{content:"";position:absolute;top:-6px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f0d78f,#8a6a2a)}
.karnisz::before{left:-10px}.karnisz::after{right:-10px}
.zaslona{position:absolute;top:calc(-1 * clamp(22px,2.6vw,34px));bottom:-16px;width:18%;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 6px,transparent 6px 18px,rgba(255,255,255,.12) 18px 22px,transparent 22px 30px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46'%3E%3Crect width='46' height='46' fill='%23b0862f'/%3E%3Ccircle cx='23' cy='23' r='15' fill='none' stroke='%237a5a1c' stroke-width='5'/%3E%3Ccircle cx='23' cy='23' r='6' fill='%23d9b25a'/%3E%3Ccircle cx='0' cy='0' r='6' fill='%237a5a1c'/%3E%3Ccircle cx='46' cy='0' r='6' fill='%237a5a1c'/%3E%3Ccircle cx='0' cy='46' r='6' fill='%237a5a1c'/%3E%3Ccircle cx='46' cy='46' r='6' fill='%237a5a1c'/%3E%3C/svg%3E");
  background-size:auto,30px 30px;box-shadow:0 10px 20px -6px rgba(40,25,5,.45)}
.zaslona.l{left:-13%;border-radius:0 0 40% 0/0 0 12% 0;clip-path:polygon(0 0,100% 0,82% 55%,58% 100%,0 100%)}
.zaslona.r{right:-13%;border-radius:0 0 0 40%/0 0 0 12%;clip-path:polygon(0 0,100% 0,100% 100%,42% 100%,18% 55%)}
.parapet-polka{display:flex;justify-content:space-between;align-items:flex-end;gap:.6vw;padding:0 2vw;position:absolute;left:0;right:0;bottom:28px;z-index:2}
.parapet-polka .it{flex-shrink:1;min-width:0;height:auto;filter:drop-shadow(0 12px 9px rgba(40,25,10,.3));transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.parapet-polka .it:hover{transform:translateY(-6px) rotate(-2deg)}
.parapet-polka .tabliczka{width:clamp(56px,7.6vw,120px)}
.parapet-polka .telefon{width:clamp(70px,10vw,160px)}
.parapet-polka .kielich{width:clamp(40px,5vw,80px)}
.parapet-polka .butelka{width:clamp(34px,4.4vw,70px)}
.parapet-polka .muszle{width:clamp(90px,13vw,210px);margin-bottom:-4px}
.parapet-polka .budka{width:clamp(28px,3.6vw,58px);position:relative;z-index:2}
.parapet-polka .roze{width:clamp(50px,7vw,110px);transform:rotate(-28deg) translateY(8px)}
.parapet-polka .kufel{width:clamp(36px,4.6vw,74px)}
.parapet-polka .wojownicy{width:clamp(44px,6vw,96px)}
.parapet-deska{height:28px;position:relative;z-index:1}
@media (max-width:640px){
  .okno{width:88%}
  .parapet-polka{flex-wrap:nowrap;gap:2px;padding:0 4px}
  .parapet-polka .roze,.parapet-polka .kufel,.parapet-polka .wojownicy,.parapet-polka .tabliczka{display:none}
  .parapet-polka .telefon{width:78px}.parapet-polka .muszle{width:110px}.parapet-polka .kielich{width:44px}.parapet-polka .butelka{width:38px}.parapet-polka .budka{width:32px}
}

/* kurtyna wolniej */
.curtain i{transition-duration:4.2s!important;transition-timing-function:cubic-bezier(.55,0,.15,1)!important}

/* okno: dzień przechodzi w noc, zasłony się zsuwają (sterowane przewijaniem, --p od 0 do 1) */
.parapet{--p:0}
.okno .noc{opacity:var(--p);transition:opacity .2s linear}
.okno .gwiazdy{opacity:calc(var(--p) * 1.4 - .4)}
.okno .slonce{transform:translateY(calc(var(--p) * 420px));opacity:calc(1 - var(--p) * 1.2)}
.okno .ksiezyc-n{opacity:calc(var(--p) * 1.6 - .6);transform:translateY(calc((1 - var(--p)) * 80px))}
.okno .swiatla{opacity:calc(var(--p) * 1.8 - .5)}
.okno .bloki{fill:#1c2236;opacity:calc(.55 + var(--p) * .45)}
.zaslona.l{transform:translateX(calc(var(--p) * 120%));transition:transform .15s linear}
.zaslona.r{transform:translateX(calc(var(--p) * -120%));transition:transform .15s linear}
.zaslona::after{content:"";position:absolute;left:0;right:0;top:52%;height:16px;background:linear-gradient(180deg,#d9b25a,#8a6a2a);border-radius:8px;opacity:calc(1 - var(--p) * 1.5);box-shadow:0 2px 4px rgba(0,0,0,.3)}
.okno::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(255,200,110,.35),transparent 60%);opacity:var(--p)}
@media (prefers-reduced-motion:reduce){.parapet{--p:.85!important}}

.parapet-polka .autobus{width:clamp(40px,5vw,80px)}
.parapet-polka .aniolek{width:clamp(24px,3vw,48px)}
.parapet-polka .kubek{width:clamp(46px,5.6vw,90px)}
@media (max-width:640px){.parapet-polka .autobus,.parapet-polka .kubek{display:none}.parapet-polka .aniolek{width:24px}}
/* adres w stopce wyróżniony */
.label a.ulica,.fbl a.ulica{display:block;width:auto;margin:4px 0 14px;padding:12px 14px;border:0;border-radius:10px;background:var(--neon);color:var(--green);font-family:var(--display);font-weight:800;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.02em;line-height:1.1;text-decoration:none;transform:rotate(-1.5deg);box-shadow:0 6px 14px -8px rgba(35,112,63,.6);transition:transform .3s}
.label a.ulica small{display:block;font-family:var(--text);font-weight:600;font-size:13px;letter-spacing:0;color:var(--ink);margin-top:4px}
.label a.ulica:hover{transform:rotate(0) scale(1.02)}
/* książki na parapecie */
.parapet-polka .ksiazki{display:flex;align-items:flex-end;gap:2px;filter:drop-shadow(0 12px 9px rgba(40,25,10,.3))}
.ksiazki .okl{display:block;border-radius:1px 3px 3px 1px;box-shadow:inset 6px 0 8px -4px rgba(0,0,0,.6);border-left:4px solid rgba(40,20,8,.75)}
.ksiazki .o1{width:clamp(46px,6vw,96px);transform:rotate(-4deg);transform-origin:100% 100%}
.ksiazki .o2{width:clamp(42px,5.4vw,86px)}
.ksiazki .o3{width:clamp(40px,5vw,80px);transform:rotate(6deg);transform-origin:0 100%}
.ksiazki .stos{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 2px}
.ksiazki .stos i{display:block;height:clamp(9px,1.1vw,16px);border-radius:2px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.ksiazki .stos i:nth-child(1){width:clamp(46px,5.4vw,84px);background:#7c1527;transform:translateX(3px)}
.ksiazki .stos i:nth-child(2){width:clamp(52px,6.2vw,96px);background:#23703f}
.ksiazki .stos i:nth-child(3){width:clamp(48px,5.8vw,90px);background:#c39a45;transform:translateX(-2px)}
.ksiazki .stos i:nth-child(4){width:clamp(54px,6.6vw,100px);background:#2f3b4c}
@media (max-width:640px){.parapet-polka .ksiazki .o3,.parapet-polka .ksiazki .stos{display:none}}

.parapet-polka .ksiazki .okl{min-width:0;flex-shrink:1}
.parapet-polka{gap:0}
@media (max-width:640px){.parapet-polka .budka{width:26px}}

/* gospodyni Kredensu w stopce */
.gospodyni{display:flex;align-items:center;gap:clamp(18px,3vw,40px);margin:clamp(36px,4vw,60px) auto 0;max-width:900px;background:var(--white);border-radius:var(--r);padding:clamp(18px,2.4vw,30px);box-shadow:0 18px 30px -22px rgba(25,25,25,.45)}
.g-foto{flex:0 0 auto;position:relative;border:0;padding:0;background:none;cursor:pointer;width:clamp(110px,13vw,170px);aspect-ratio:1;border-radius:50%;overflow:visible}
.g-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:50%;box-shadow:0 0 0 5px var(--neon),0 0 0 7px var(--green);transition:transform .4s}
.g-foto span{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%) rotate(-3deg);white-space:nowrap;background:var(--ink);color:var(--white);font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px}
.g-foto:hover img{transform:scale(1.05) rotate(-2deg)}
.g-kto{margin:0;color:var(--ink-2);font-size:16px}
.g-imie{margin:2px 0 6px;font-family:var(--display);font-weight:800;font-size:clamp(34px,4vw,60px);letter-spacing:-.035em;line-height:.95;color:var(--green)}
.g-rola{margin:0 0 14px;color:var(--ink-2);font-size:16px;max-width:46ch}
.g-btn{min-height:46px;font-size:16px;padding:0 20px}
.anna-bio{border:0;padding:0;border-radius:var(--r);max-width:min(960px,92vw);max-height:88vh;overflow:auto;background:var(--white);color:var(--ink);box-shadow:0 40px 80px -20px rgba(0,0,0,.45)}
.anna-bio::backdrop{background:rgba(239,236,230,.88);backdrop-filter:blur(4px)}
.anna-bio[open]{animation:bioIn .5s cubic-bezier(.2,.7,.2,1)}
@keyframes bioIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
.bio-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.bio-grid figure{margin:0;position:relative;background:var(--stone)}
.bio-grid figure img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.bio-grid figcaption{position:absolute;left:12px;bottom:10px;font-size:12px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.bio-tekst{padding:clamp(24px,3.6vw,48px)}
.bio-tekst h3{font-size:clamp(36px,4vw,58px);font-weight:800;letter-spacing:-.035em;color:var(--green);margin-bottom:14px}
.bio-lead{font-size:19px;font-weight:600;line-height:1.45}
.bio-tekst p{font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.bio-wyr{border-top:1.5px solid var(--stone-2);padding-top:14px;font-size:15px!important}
.bio-x{position:sticky;top:12px;float:right;margin:12px 12px 0 0;z-index:2;width:48px;height:48px;border-radius:50%;border:2px solid var(--ink);background:var(--white);font-size:26px;cursor:pointer}
.bio-x:hover{background:var(--ink);color:var(--white)}
@media (max-width:640px){
  .gospodyni{flex-direction:column;text-align:center}
  .g-rola{margin-left:auto;margin-right:auto}
  .bio-grid{grid-template-columns:1fr}
  .bio-grid figure{height:52vh}
}

/* ===== 1. kalendarz zdzierak ===== */
.kal-wrap{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:clamp(24px,5vw,80px);align-items:center;margin-top:clamp(40px,6vw,90px)}
.kal{position:relative}
.kal-spirala{height:26px;margin:0 18px -8px;position:relative;z-index:3;background:radial-gradient(circle at 50% 70%,#191919 0 5px,transparent 6px) 0 0/28px 26px repeat-x}
.kal-stos{position:relative;aspect-ratio:4/4.3;perspective:1200px}
.kartka{position:absolute;inset:0;background:#fffdf7;border-radius:4px 4px 10px 10px;box-shadow:0 1px 0 #e3ded5,0 3px 0 #f4f0e6,0 4px 0 #e3ded5,0 7px 0 #f4f0e6,0 8px 0 #e3ded5,0 26px 40px -24px rgba(25,25,25,.5);display:flex;flex-direction:column;align-items:center;padding:16px 20px 20px;text-align:center;transform-origin:50% 0;border-top:12px solid var(--velvet)}
.kartka:nth-child(2){border-top-color:var(--green)}
.kartka:nth-child(3){border-top-color:var(--ink)}
.k-mies{font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--ink-2)}
.k-dzien{font-family:var(--display);font-weight:800;font-size:clamp(110px,13vw,190px);line-height:.85;letter-spacing:-.06em;color:var(--velvet);font-variation-settings:"opsz" 96,"wdth" 80}
.kartka:nth-child(2) .k-dzien{color:var(--green)}
.kartka:nth-child(3) .k-dzien{color:var(--ink)}
.k-tyg{font-family:var(--display);font-weight:700;font-size:22px;margin-bottom:auto}
.k-co{border-top:1.5px dashed #d9d1c2;padding-top:12px;font-size:15px;line-height:1.4;color:var(--ink-2)}
.k-co b{display:block;font-family:var(--display);font-size:20px;color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}
.k-godz{display:inline-block;background:var(--neon);color:var(--ink);font-weight:800;border-radius:999px;padding:2px 12px;margin-bottom:6px}
.kartka.zdarta{animation:zdzieraj 1.1s cubic-bezier(.5,0,.3,1) forwards;pointer-events:none}
@keyframes zdzieraj{0%{transform:none}25%{transform:rotateX(18deg) rotateZ(-3deg)}100%{transform:translate(-30px,140%) rotateX(70deg) rotateZ(-24deg);opacity:0}}
.kal-akcje{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.kal-akcje .pill{min-height:50px;font-size:16px;padding:0 20px}
.kal-tytul{font-family:var(--display);font-weight:800;font-size:clamp(36px,4.4vw,72px);letter-spacing:-.035em;line-height:.95;margin:0 0 14px}
.kal-tekst p{color:var(--ink-2);max-width:42ch}
@media (max-width:900px){.kal-wrap{grid-template-columns:1fr}.kal{max-width:420px}}

/* ===== 2. mapka dojazdu ===== */
.dojazd{background:var(--stone)}
.dojazd-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--pad);align-items:center}
.d-adres{font-family:var(--display);font-weight:800;font-size:clamp(28px,2.6vw,40px);color:var(--green);letter-spacing:-.02em;line-height:1.05;margin:20px 0}
.d-adres span{font-family:var(--text);font-weight:500;font-size:17px;color:var(--ink-2);letter-spacing:0}
.d-kroki{padding-left:22px;color:var(--ink-2);font-size:17px}
.d-kroki li{margin-bottom:8px}
.d-akcje{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.d-mapa{margin:0;background:var(--white);border-radius:var(--r);padding:12px;box-shadow:0 20px 40px -26px rgba(25,25,25,.45);transform:rotate(1deg)}
.d-mapa svg{display:block;width:100%;height:auto;border-radius:14px}
.d-mapa figcaption{font-size:13px;color:var(--ink-2);padding:10px 6px 2px}
.d-trasa{stroke-dashoffset:400;animation:trasa 3s linear infinite}
@keyframes trasa{to{stroke-dashoffset:0}}
@media (max-width:1100px){.dojazd-in{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.d-trasa{animation:none}}

/* ===== 3. pocztówka z zaproszeniem ===== */
.zapros-link{appearance:none;border:0;background:none;font:inherit;font-weight:600;font-size:15px;color:var(--green);text-decoration:underline;text-decoration-color:var(--neon);text-decoration-thickness:3px;text-underline-offset:4px;cursor:pointer;margin-left:6px}
.pocztowka{border:0;padding:clamp(18px,3vw,34px);border-radius:var(--r);max-width:min(860px,94vw);background:var(--stone);box-shadow:0 40px 80px -20px rgba(0,0,0,.45)}
.pocztowka::backdrop{background:rgba(239,236,230,.88);backdrop-filter:blur(4px)}
.pocztowka[open]{animation:bioIn .5s cubic-bezier(.2,.7,.2,1)}
.pc-karta{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);background:#fffdf7;border-radius:6px;box-shadow:0 20px 30px -18px rgba(25,25,25,.45);transform:rotate(-1.2deg);overflow:hidden}
.pc-lewa{background:#e9e2d2;display:flex;align-items:center;justify-content:center;padding:18px}
.pc-plakat{max-height:340px;width:auto;box-shadow:0 10px 20px -8px rgba(0,0,0,.4)}
.pc-prawa{position:relative;padding:26px 26px 22px;border-left:2px dashed #d9d1c2;background:repeating-linear-gradient(transparent 0 34px,#ece6d8 34px 35px)}
.pc-hej{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:24px;line-height:1.15;margin:0 70px 14px 0;color:var(--velvet)}
.pc-co{font-size:clamp(26px,2.6vw,36px);font-weight:800;letter-spacing:-.03em;margin:0 0 10px}
.pc-kiedy{font-weight:700;font-size:18px;margin:0 0 8px;color:var(--green)}
.pc-gdzie{font-size:16px;color:var(--ink-2);margin:0}
.pc-znaczek{position:absolute;top:18px;right:18px;width:64px;height:76px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--display);font-weight:800;font-size:11px;line-height:1.05;color:var(--green);background:var(--neon);outline:3px dotted var(--neon);outline-offset:3px;transform:rotate(6deg)}
.pc-akcje{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;justify-content:center}
.pc-x{position:absolute;top:10px;right:10px;margin:0;float:none}
@media (max-width:640px){.pc-karta{grid-template-columns:1fr}.pc-lewa{padding:12px}.pc-plakat{max-height:200px}.pc-prawa{border-left:0;border-top:2px dashed #d9d1c2}}

/* ===== 4. mapa wspomnień osiedla ===== */
.o-mapa{position:relative;border-radius:var(--r);overflow:hidden;box-shadow:0 20px 40px -26px rgba(60,40,10,.5)}
.o-mapa svg{display:block;width:100%;height:auto}
.o-kropka{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:0;background:rgba(35,112,63,.2);cursor:pointer;display:grid;place-items:center;transition:transform .25s}
.o-kropka span{width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--neon)}
.o-kropka:hover,.o-kropka.on{transform:scale(1.35)}
.o-kropka::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--green);animation:puls 2.4s infinite}
@keyframes puls{from{transform:scale(.6);opacity:1}to{transform:scale(1.7);opacity:0}}
.o-dymek{position:absolute;z-index:5;width:min(320px,80%);background:var(--white);border-radius:16px;padding:14px;display:grid;grid-template-columns:84px 1fr;gap:12px;box-shadow:0 20px 40px -14px rgba(0,0,0,.45);animation:bioIn .35s cubic-bezier(.2,.7,.2,1)}
.o-dymek img{width:84px;height:84px;border-radius:50%;object-fit:cover;filter:sepia(.3)}
.o-dymek b{font-family:var(--display);font-size:19px;display:block;margin:4px 24px 6px 0;line-height:1.1}
.o-dymek p{margin:0;font-size:14px;color:var(--ink-2);font-style:italic}
.o-x{position:absolute;top:6px;right:8px;border:0;background:none;font-size:24px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.o-kropka::after{animation:none}}

/* ===== 5. wielkość liter ===== */
.aaa{display:flex;align-items:flex-end;gap:2px;background:var(--stone);border-radius:999px;padding:4px}
.aaa button{appearance:none;border:0;background:transparent;border-radius:999px;width:38px;height:38px;font-family:var(--display);font-weight:800;cursor:pointer;color:var(--ink);line-height:1}
.aaa button:nth-child(1){font-size:14px}.aaa button:nth-child(2){font-size:18px}.aaa button:nth-child(3){font-size:23px}
.aaa button[aria-pressed="true"]{background:var(--ink);color:var(--white)}
@media (max-width:640px){.aaa button{width:32px;height:32px}}

/* ===== 6. gramofon ===== */
.gramofon-sec{padding-top:0}
.gram-in{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,80px);align-items:center}
.gramofon{appearance:none;border:0;background:none;cursor:pointer;position:relative;width:clamp(240px,28vw,380px);aspect-ratio:1.25/1;padding:0}
.g-skrzynia{position:absolute;inset:8% 0 0 0;border-radius:18px;background:linear-gradient(180deg,#9a6c48,#6e4529);box-shadow:inset 0 3px 0 rgba(255,255,255,.15),0 24px 36px -20px rgba(40,20,5,.6)}
.g-plyta{position:absolute;left:7%;top:2%;width:72%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#1a1a1a 0 2px,#262626 2px 4px);box-shadow:0 8px 16px rgba(0,0,0,.4);display:grid;place-items:center}
.g-plyta::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 40deg,rgba(255,255,255,.14) 50deg,transparent 70deg 210deg,rgba(255,255,255,.1) 225deg,transparent 245deg)}
.g-etykieta{width:36%;aspect-ratio:1;border-radius:50%;background:var(--neon);display:grid;place-items:center;text-align:center;font-family:var(--display);font-weight:800;font-size:clamp(9px,.9vw,13px);line-height:1.05;color:var(--green)}
.g-ramie{position:absolute;right:8%;top:10%;width:9%;height:58%;transform-origin:50% 8%;transform:rotate(-8deg);transition:transform .9s cubic-bezier(.3,.1,.2,1)}
.g-ramie::before{content:"";position:absolute;left:50%;top:0;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f0d78f,#8a6a2a)}
.g-ramie::after{content:"";position:absolute;left:50%;top:10px;width:5px;height:100%;margin-left:-2px;background:linear-gradient(90deg,#c39a45,#f0d78f,#c39a45);border-radius:3px}
.gramofon.gra .g-plyta{animation:kreci 1.8s linear infinite}
.gramofon.gra .g-ramie{transform:rotate(22deg)}
@keyframes kreci{to{transform:rotate(360deg)}}
.gram-player{margin-top:18px;border-radius:14px;overflow:hidden;aspect-ratio:16/9;max-width:520px;box-shadow:0 20px 30px -20px rgba(0,0,0,.4)}
.gram-player iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:900px){.gram-in{grid-template-columns:1fr;justify-items:start}}

.kal-tekst .kal-tytul{color:var(--ink)}
.gram-tekst h2{margin-bottom:18px}
.gram-tekst p{color:var(--ink-2);max-width:52ch}

/* za kulisami: Alicja jak w napisach końcowych */
.kulisy{display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,80px);margin:clamp(48px,6vw,90px) auto 0;max-width:900px;padding:clamp(28px,4vw,48px);background:var(--white);color:var(--ink);border-radius:var(--r);position:relative;overflow:hidden;box-shadow:0 18px 30px -22px rgba(25,25,25,.45)}
.kulisy::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,rgba(205,235,107,.45),transparent 45%);pointer-events:none}
.polaroid{flex:0 0 auto;display:block;background:#fffdf7;padding:10px 10px 46px;width:clamp(150px,17vw,210px);transform:rotate(-5deg);box-shadow:0 24px 40px -18px rgba(25,25,25,.5),0 0 0 1px #e3ded5;text-decoration:none;position:relative;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.polaroid::before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:26px;margin-left:-45px;background:rgba(205,235,107,.8);transform:rotate(3deg)}
.polaroid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%}
.p-podpis{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;font-size:22px;color:var(--ink)}
.polaroid:hover{transform:rotate(0) scale(1.04)}
.napisy{position:relative;text-align:center}
.n-tytul{font-family:var(--display);font-weight:800;font-size:clamp(30px,3.4vw,52px);letter-spacing:-.03em;margin:0 0 20px;color:var(--green)}
.napisy dl{margin:0}
.napisy dt{font-size:13px;letter-spacing:.06em;color:var(--ink-2);margin-top:14px}
.napisy dd{margin:2px 0 0;font-family:var(--display);font-weight:700;font-size:clamp(20px,2vw,28px);letter-spacing:-.02em}
.n-link{display:inline-block;margin-top:22px;color:var(--green);font-weight:600;text-decoration:none;border-bottom:2px solid var(--neon)}
.n-link:hover{border-color:var(--green)}
@media (max-width:640px){.kulisy{flex-direction:column}.polaroid{width:170px}}
.label a.ulica.alicja{display:flex;align-items:center;gap:12px;color:var(--ink)}
.label a.ulica.alicja img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 12%;box-shadow:0 0 0 3px #fff;flex:0 0 auto}
.label a.ulica.alicja span{color:var(--green)}
.gram-scena{position:relative;padding-left:clamp(90px,11vw,160px)}
.okladka{position:absolute;left:0;top:30%;width:clamp(130px,14vw,200px);margin:0;transform:rotate(-8deg);z-index:2;background:#fffdf7;padding:8px 8px 40px;box-shadow:0 20px 34px -16px rgba(25,25,25,.5)}
.okladka img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:sepia(.25)}
.okladka figcaption{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-family:var(--display);font-weight:700;font-size:13px;line-height:1.15}
.okladka figcaption span{font-weight:500;color:var(--ink-2);font-size:11px}
.gram-scena .gramofon{position:relative;z-index:1}
.gram-co{font-size:18px;color:var(--ink)!important}
.gram-co b{font-family:var(--display);font-size:clamp(22px,2vw,30px);letter-spacing:-.02em}
.g-etykieta{font-size:clamp(9px,.85vw,12px)}
.gram-yt{margin-top:14px}
@media (max-width:640px){.okladka{width:110px;top:-30px}}

.gram-hint{background:var(--neon);border-radius:14px;padding:14px 16px;margin:0;font-size:15px;color:var(--ink)}
.gram-player:has(.gram-hint){aspect-ratio:auto;box-shadow:none}
.gramofon .g-plyta{cursor:pointer}

/* ===== Podstrony (23.10.2026): Program, Kredens, Piwnica, Fundacja, Kontakt ===== */
.p-hero{background:var(--stone);padding:clamp(56px,7vw,120px) 0 clamp(44px,5vw,80px)}
.p-hero .in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--pad);align-items:end}
.p-hero h1{font-size:clamp(60px,10vw,180px);line-height:.84;letter-spacing:-.035em;font-weight:800;font-variation-settings:"opsz" 96,"wdth" 85;margin-top:24px}
.p-hero .lead{font-size:clamp(19px,1.5vw,24px);max-width:46ch;margin:28px 0 0;color:var(--ink-2)}
.p-hero .ph{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5}
.p-hero .ph img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.p-hero.ink{background:var(--ink);color:var(--white)}
.p-hero.ink .lead{color:#cfcac2}
.subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.subnav a{border:2px solid currentColor;border-radius:999px;padding:6px 16px;font-weight:600;font-size:16px;text-decoration:none}
.subnav a:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.prose{max-width:68ch;font-size:clamp(18px,1.25vw,20px)}
.prose p{margin:0 0 1.1em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,88px);align-items:start}
.split.rev>:first-child{order:2}
.split img{width:100%;border-radius:var(--r);cursor:zoom-in}
.quote{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(32px,3.6vw,60px);line-height:1.08;letter-spacing:-.01em;max-width:24ch;margin:0}
.quote+cite{display:block;margin-top:18px;font-style:normal;font-weight:600;color:var(--ink-2)}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;cursor:zoom-in;background:var(--stone)}
.gal.tall img{aspect-ratio:3/4}
.gal.bw img{filter:grayscale(1) contrast(1.05);transition:filter .5s}
.gal.bw img:hover{filter:none}
.ppl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:28px 16px}
.ppl figure{margin:0}
.ppl img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;filter:grayscale(1) contrast(1.06);transition:filter .5s;cursor:zoom-in;background:var(--stone)}
.ppl figure:hover img{filter:none}
.ppl figcaption{margin-top:10px;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em;line-height:1.1}
.ppl figcaption small{display:block;font-family:var(--text);font-weight:400;font-size:15px;color:var(--ink-2);margin-top:4px;letter-spacing:0}
.names{columns:3 220px;column-gap:var(--pad);font-size:19px;margin:0;padding:0;list-style:none}
.names li{break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--stone-2)}
.names b{display:block;font-size:14px;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin-top:18px;border:0}
.hosts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
.host{background:var(--white);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.host img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 25%;cursor:zoom-in}
.host .tx{padding:clamp(22px,2.4vw,34px)}
.host h3{font-size:clamp(28px,2.4vw,40px)}
.host .rola{color:var(--velvet);font-weight:600;margin:10px 0 14px}
.host p{font-size:17px;color:var(--ink-2)}
details.more summary{cursor:pointer;font-weight:700;color:var(--green);list-style:none;margin-top:6px}
details.more summary::-webkit-details-marker{display:none}
details.more summary::after{content:" +"}
details.more[open] summary::after{content:" \2212"}
details.more[open] summary{margin-bottom:12px}
.ev-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.ev-list li{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(0,4fr) minmax(0,2fr);gap:var(--pad);padding:22px 0;border-bottom:1px solid var(--stone-2);align-items:baseline}
.ev-list .d{font-family:var(--display);font-weight:800;font-size:clamp(24px,2.2vw,36px);letter-spacing:-.04em;line-height:1}
.ev-list h3{font-size:clamp(22px,1.9vw,30px)}
.ev-list p{margin:6px 0 0;color:var(--ink-2);font-size:17px}
.ev-list .gdzie{font-size:16px;color:var(--ink-2)}
.ev-list a{text-decoration-thickness:1.5px;text-underline-offset:3px}
.cycles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
.cycle{background:var(--white);border-radius:var(--r);padding:clamp(24px,3vw,40px)}
.cycle .num{font-family:var(--display);font-weight:800;font-size:clamp(56px,6vw,96px);letter-spacing:-.05em;line-height:.85;color:var(--green)}
.cycle h3{margin:18px 0 10px}
.cycle p{color:var(--ink-2);font-size:17px;margin:0}
.long{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--pad);align-items:start;background:var(--stone);border-radius:var(--r);padding:clamp(24px,3.5vw,56px);margin-top:clamp(16px,2vw,24px)}
.long img{width:100%;border-radius:16px;cursor:zoom-in}
.long h3{font-size:clamp(30px,3vw,48px);margin-bottom:14px}
.long .facts span{background:var(--white)}
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}
.logos a,.logos div{background:var(--white);border:1.5px solid var(--stone-2);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:180px;text-align:center;font-size:15px;color:var(--ink-2)}
.logos img{max-height:80px;width:auto;max-width:100%;object-fit:contain}
.logos b{color:var(--ink);font-size:17px}
.data{display:grid;grid-template-columns:auto 1fr;gap:12px 28px;margin:0;font-size:19px}
.data dt{color:var(--ink-2)}
.data dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.data dd.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.copy{margin-left:10px;border:1.5px solid var(--ink);background:transparent;border-radius:999px;padding:2px 12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.copy:hover{background:var(--ink);color:var(--white)}
.yt{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.yt a{display:flex;align-items:center;gap:14px;background:var(--white);border-radius:16px;padding:18px 20px;text-decoration:none;font-weight:600;line-height:1.3}
.yt a::before{content:"";flex:0 0 44px;height:44px;border-radius:50%;background:var(--velvet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%23fff'/%3E%3C/svg%3E") center/22px no-repeat}
.yt a:hover{background:var(--neon)}
@media (max-width:1360px){.logo small{display:none}.menu a{padding:9px 12px}}
@media (max-width:1100px){
  .p-hero .in,.split,.long{grid-template-columns:1fr}
  .split.rev>:first-child{order:0}
  .p-hero .ph{aspect-ratio:16/10;max-width:720px}
  .hosts,.cycles{grid-template-columns:1fr 1fr}
  .ev-list li{grid-template-columns:110px 1fr}
  .ev-list .gdzie{grid-column:2}
}
@media (max-width:640px){
  .hosts,.cycles,.yt{grid-template-columns:1fr}
  .ev-list li{grid-template-columns:1fr;gap:6px}
  .ev-list .gdzie{grid-column:auto}
  .data{grid-template-columns:1fr;gap:2px}
  .data dd{margin-bottom:12px}
  .p-hero h1{font-size:clamp(52px,15vw,84px)}
}
.tl.c4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.tl.c4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.tl.c4{grid-template-columns:1fr}}

/* ===== Rozmowy Osiedla, indeks Piwnic (23.10.2026) ===== */
.r-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:22px 14px}
.r-card{text-decoration:none;display:flex;flex-direction:column;gap:8px;font-weight:600;line-height:1.2;font-size:16px}
.r-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;filter:grayscale(1) sepia(.3);transition:filter .4s;background:#d6c8af}
.r-card:hover img{filter:none}
.r-card i{font-style:normal;font-size:13px;font-weight:600;color:var(--green)}
.r-item{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);padding:clamp(40px,5vw,72px) 0;border-top:1.5px solid var(--stone-2);scroll-margin-top:90px}
.r-item figure{margin:0;position:sticky;top:100px;align-self:start}
.r-item figure img{width:100%;border-radius:var(--r);filter:sepia(.25);cursor:zoom-in}
.r-nr{font-family:var(--display);font-weight:800;color:#b7a988;font-size:20px}
.r-item h3{font-size:clamp(32px,3.4vw,56px);margin:6px 0 10px}
.r-meta{color:#6b6253;font-size:17px;margin:0 0 18px}
.r-audio{background:var(--sepia);border-radius:16px;padding:14px 18px;margin:0 0 22px;display:flex;flex-direction:column;gap:8px}
.r-audio span{font-weight:700;font-size:16px}
.r-audio audio{width:100%}
.r-item .prose p.q{font-weight:700;color:var(--velvet);margin-top:1.4em}
.r-more summary{margin:8px 0 4px}
.r-up{display:inline-block;margin-top:14px;font-size:15px;color:var(--ink-2)}
.pi-rok{border-top:2px solid var(--ink)}
.pi-rok summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 0}
.pi-rok summary::-webkit-details-marker{display:none}
.pi-rok summary b{font-family:var(--display);font-weight:800;font-size:clamp(40px,5vw,80px);letter-spacing:-.04em;line-height:1}
.pi-rok summary span{color:var(--ink-2);font-weight:600}
.pi-rok summary span::after{content:"  +";color:var(--green);font-weight:800}
.pi-rok[open] summary span::after{content:"  \2212"}
.pi-rok:last-of-type{border-bottom:2px solid var(--ink)}
.ev-list.pi{border-top:0}
.ev-list .d small{display:block;font-family:var(--text);font-weight:600;font-size:16px;letter-spacing:0;color:var(--ink-2);margin-top:6px}
.article{columns:2 340px;column-gap:clamp(28px,4vw,64px);font-size:18px}
.article p{break-inside:avoid-column}
.yt-embed{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#1c130d;cursor:pointer}
.yt-embed img{width:100%;height:100%;object-fit:cover;opacity:.75}
.yt-embed span{position:absolute;inset:auto 24px 24px 24px;color:#fff;font-weight:700;font-size:20px;display:flex;align-items:center;gap:14px}
.yt-embed span::before{content:"";flex:0 0 64px;height:64px;border-radius:50%;background:var(--neon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%23191919'/%3E%3C/svg%3E") center/30px no-repeat}
.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:1100px){.r-item{grid-template-columns:1fr}.r-item figure{position:static;max-width:520px}}
.p-link{display:block;font-size:14px;font-weight:600;color:var(--green);margin-top:4px;cursor:pointer}
@media (max-width:640px){.split .pill,.long .pill,.prose .pill{white-space:normal;text-align:center;height:auto;padding-top:12px;padding-bottom:12px}.split>*,.long>*{min-width:0}}
.roles{columns:2 260px;column-gap:24px;font-size:15px;padding-left:18px;color:var(--ink-2)}.roles li{break-inside:avoid;margin-bottom:4px}
@media (max-width:1100px){.guests .g[style*="span 4"]{grid-column:span 6 !important}}@media (max-width:640px){.guests .g[style*="span 4"]{grid-column:1/-1 !important}}
.r-film{margin:0 0 22px;max-width:640px}
.r-opis{font-style:italic;color:#6b6253;margin:-6px 0 16px}
.yt-links{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.yt-link{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--stone-2);border-radius:999px;padding:5px 12px 5px 8px;font-size:14px;font-weight:600;text-decoration:none;background:var(--white);line-height:1.2}
.yt-link::before{content:"";flex:0 0 18px;height:18px;border-radius:50%;background:var(--velvet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%23fff'/%3E%3C/svg%3E") center/12px no-repeat}
.yt-link:hover{background:var(--neon);border-color:var(--neon)}
/* Rolki pionowe (23.10.2026) */
.reels{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:18px}
.reel-v{margin:0}
.reel-v video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:var(--r);background:#111;display:block}
.reel-v figcaption{margin-top:10px;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em;line-height:1.15}
.reel-v figcaption small{display:block;font-family:var(--text);font-weight:400;font-size:15px;color:var(--ink-2);margin-top:4px;letter-spacing:0}
.pin-cap{display:block;margin-top:8px;font-size:12px;line-height:1.3;color:var(--ink-2);transform:rotate(-3deg);text-align:center}
.pin-cap{position:relative;z-index:2;background:var(--white);padding:5px 8px;border-radius:8px;text-decoration:none;box-shadow:0 6px 14px -8px rgba(25,25,25,.4)}
.names-groups{columns:3 240px;column-gap:var(--pad)}
.names-group{break-inside:avoid;margin-bottom:28px}
.names-group h4{font-size:14px;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}
.names-group ul{list-style:none;margin:0;padding:0;font-size:19px}
.names-group li{padding:8px 0;border-bottom:1px solid var(--stone-2)}
.names-groups{columns:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px var(--pad);align-items:start;margin-top:8px}
.names-group{margin:0;min-width:0}
.names-group li{overflow-wrap:anywhere}
@media (max-width:1100px){.names-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.names-groups{grid-template-columns:1fr}}
/* Strony gości: jeden porządek (23.10.2026) */
.h-mid{font-size:clamp(36px,4.6vw,76px)}
.g-about-in{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:var(--pad);align-items:start}
.g-about .prose{font-size:clamp(19px,1.4vw,22px);max-width:62ch}
.g-about .prose p:first-child{font-family:var(--display);font-weight:600;font-size:clamp(22px,1.9vw,30px);line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.g-film .h-mid{margin-bottom:28px}
.g-film-box{max-width:1100px}
.g-reels{background:var(--ink);color:var(--white)}
.g-reels .sec-head p{color:#cfcac2}
.g-reels .sec-head a{color:var(--neon)}
.g-reels .reel-v figcaption small{color:#cfcac2}
.g-reels .reels{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.g-reels .reels.one{grid-template-columns:minmax(0,360px)}
.g-cycle{border-top:1px solid var(--stone-2)}
.yt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:22px 18px}
.yt-card{text-decoration:none;display:flex;flex-direction:column;gap:6px}
.yt-card .th{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:var(--stone-2)}
.yt-card .th img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.yt-card .th::after{content:"";position:absolute;left:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:var(--velvet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%23fff'/%3E%3C/svg%3E") center/20px no-repeat}
.yt-card:hover .th img{transform:scale(1.04)}
.yt-card b{font-family:var(--display);font-size:20px;letter-spacing:-.02em;margin-top:6px}
.yt-card span:not(.th){font-size:15px;color:var(--ink-2);line-height:1.35}
@media (max-width:1100px){.g-about-in{grid-template-columns:1fr}.g-reels .reels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.g-reels .reels{grid-template-columns:1fr}.g-reels .reels.one{grid-template-columns:1fr}}
.g-reels .reels{max-width:1040px}
.g-reels .wrap:has(.reels.one){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:var(--pad);align-items:center;max-width:1200px}
.g-reels .wrap:has(.reels.one) .sec-head{grid-template-columns:1fr;margin:0}
.g-reels .wrap:has(.reels.one) .sec-head p{max-width:40ch}
.g-reels .reels.one{grid-template-columns:1fr}
@media (max-width:640px){.g-reels .wrap:has(.reels.one){grid-template-columns:1fr}}
.g-reels .reels:not(.one){grid-template-columns:repeat(auto-fit,minmax(0,320px))}
@media (max-width:640px){.g-reels .reels:not(.one){grid-template-columns:1fr}}
/* Rolki: opis po lewej, filmy po prawej, równo (23.10.2026) */
.g-reels .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--pad);align-items:center;max-width:1400px}
.g-reels .wrap .sec-head{grid-template-columns:1fr;margin:0;gap:24px}
.g-reels .wrap .sec-head p{max-width:36ch}
.g-reels .reels,.g-reels .reels:not(.one){display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);max-width:none;justify-content:stretch}
.g-reels .reels.one{max-width:340px;justify-self:end;width:100%}
@media (max-width:1100px){.g-reels .wrap{grid-template-columns:1fr}.g-reels .reels.one{justify-self:start}}
@media (max-width:640px){.g-reels .reels,.g-reels .reels:not(.one){grid-template-columns:1fr}}
.g-reels .reels,.g-reels .reels:not(.one){grid-template-columns:repeat(auto-fit,minmax(0,min(39vh,320px)));justify-content:end}
.g-reels .reels.one{max-width:min(39vh,340px)}
@media (max-width:1100px){.g-reels .reels,.g-reels .reels:not(.one){justify-content:start}}
@media (max-width:640px){.g-reels .reels,.g-reels .reels:not(.one){grid-template-columns:1fr}}
.g-reels .reels,.g-reels .reels:not(.one),.g-reels .reels.one{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:clamp(14px,1.6vw,24px);max-width:none;justify-self:stretch}
.g-reels .reel-v{flex:0 1 min(36vh,290px);min-width:0}
@media (max-width:1100px){.g-reels .reels,.g-reels .reels:not(.one),.g-reels .reels.one{justify-content:flex-start}}
@media (max-width:640px){.g-reels .reels,.g-reels .reels:not(.one),.g-reels .reels.one{flex-direction:column;align-items:stretch}.g-reels .reel-v{flex:none;width:100%}}
.g-reels .reels,.g-reels .reels:not(.one),.g-reels .reels.one{gap:clamp(28px,3.6vw,64px)}@media (max-width:640px){.g-reels .reels,.g-reels .reels:not(.one),.g-reels .reels.one{gap:40px}}
.names-groups.n3{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px var(--pad)}
.names-group h4{font-family:var(--display);font-size:clamp(22px,1.8vw,28px);font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--ink);margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.names-coda{margin:36px 0 0;font-size:clamp(19px,1.4vw,22px);color:var(--ink-2);font-style:italic}
@media (max-width:1100px){.names-groups.n3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.names-groups.n3{grid-template-columns:1fr}}
.sub-h{font-size:clamp(22px,1.8vw,28px);margin:40px 0 16px}
.masonry.bw img{filter:grayscale(1) contrast(1.05)}
#goscie{padding-bottom:clamp(32px,3vw,56px)}#archiwum-gosci{padding-top:clamp(32px,3vw,56px)}
/* Odstępy: mniej pustego miejsca (23.10.2026) */
.sec{padding:clamp(56px,6vw,96px) 0}
main > section:last-child{padding-bottom:clamp(40px,4vw,64px)}
footer.vit{padding-top:clamp(40px,4vw,64px)}
.g-reels.light{background:var(--white);color:var(--ink)}
.g-reels.light .sec-head p,.g-reels.light .reel-v figcaption small{color:var(--ink-2)}
.g-reels.light .sec-head a{color:var(--ink)}
/* Bez ściany tekstu obok pustego pola (23.10.2026) */
.split:has(> .prose),.g-about-in{grid-template-columns:1fr;gap:clamp(20px,2.4vw,36px)}
.split:has(> .prose) > .prose,.g-about-in > .prose{max-width:none;columns:2 380px;column-gap:clamp(32px,4vw,72px)}
.split:has(> .prose) > .prose p,.g-about-in > .prose p{break-inside:avoid-column}
.split:has(> .prose) > .prose > div,.split:has(> .prose) > .prose details,.g-about-in > .prose > div{column-span:all}
.split:has(> .prose) .quote{max-width:none}
.g-about .prose p:first-child{column-span:all;max-width:46ch}
.long > img{position:sticky;top:100px;align-self:start}
@media (max-width:1100px){.long > img{position:static}}
.masonry.bw img{filter:grayscale(1) contrast(1.05)}.masonry img{cursor:zoom-in}
/* Teksty do czytania: układ redakcyjny (23.10.2026) */
.ed-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);align-items:start}
.ed-side{position:sticky;top:100px}
.ed-facts{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;margin:28px 0 28px;padding-top:22px;border-top:1.5px solid rgba(25,25,25,.15)}
.ed-facts dt{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em;white-space:nowrap;color:var(--green)}
.ed-facts dd{margin:0;font-size:16px;line-height:1.4;color:var(--ink-2)}
.ed-text{max-width:64ch;font-size:clamp(18px,1.25vw,20px);line-height:1.75;hyphens:auto;text-wrap:pretty}
.ed-text p{margin:0 0 1.15em}
.ed-text .ed-lead{font-family:var(--display);font-weight:500;font-size:clamp(21px,1.7vw,26px);line-height:1.5;letter-spacing:-.005em;color:var(--ink)}
.ed-text .ed-lead::first-letter{float:left;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;font-size:4.4em;line-height:.78;margin:.06em .1em 0 0;color:var(--velvet)}
.ed-pull{margin:1.6em 0 1.8em;padding:0 0 0 24px;border-left:3px solid var(--velvet);font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(28px,2.6vw,42px);line-height:1.15;color:var(--ink)}
.ed-pull cite{display:block;margin-top:10px;font-family:var(--text);font-style:normal;font-weight:500;font-size:15px;color:var(--ink-2)}
.ed-h{font-size:clamp(26px,2.2vw,34px);margin:1.6em 0 .6em}
.ed-who{font-weight:700;margin-bottom:.3em!important;color:var(--velvet)}
.ed-say{padding-left:20px;border-left:2px solid rgba(25,25,25,.15);font-style:italic}
.ed-more summary{margin:.4em 0 1.2em;font-size:18px}
@media (max-width:1100px){.ed-grid{grid-template-columns:1fr}.ed-side{position:static}}
/* Wesprzyj: wyraźny apel (23.10.2026) */
.give{background:var(--neon)}
.give-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--pad);align-items:center}
.give-h{font-size:clamp(40px,5.4vw,92px);line-height:.92;margin:22px 0 22px;max-width:14ch}
.give-lead{font-size:clamp(19px,1.5vw,24px);max-width:46ch;margin:0 0 28px}
.give-acts{display:flex;flex-wrap:wrap;gap:12px}
.give-card{background:var(--white);border-radius:var(--r);padding:clamp(24px,3vw,44px);box-shadow:0 30px 60px -30px rgba(25,25,25,.35)}
.give-label{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.give-acc{font-family:var(--display);font-weight:800;font-size:clamp(24px,2.3vw,38px);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0 0 22px;line-height:1.15}
.give-card .data{font-size:17px;padding-top:18px;border-top:1.5px solid var(--stone-2)}
@media (max-width:1100px){.give-in{grid-template-columns:1fr}}
.give-acc{font-size:clamp(20px,1.9vw,32px);white-space:nowrap}@media (max-width:640px){.give-acc{font-size:clamp(15px,4.6vw,22px)}}
.ed-text .ed-lead.ed-nocap::first-letter{float:none;font:inherit;color:inherit;margin:0}
/* Fundacja (23.10.2026) */
.f-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 0;max-width:640px}
.f-facts div{background:var(--white);border-radius:16px;padding:14px 16px}
.f-facts dt{font-family:var(--display);font-weight:800;font-size:clamp(22px,2vw,30px);letter-spacing:-.03em;color:var(--green)}
.f-facts dd{margin:4px 0 0;font-size:14px;line-height:1.35;color:var(--ink-2)}
.welcome .wrap{max-width:980px;text-align:center}
.welcome h2{font-size:clamp(28px,3.2vw,50px);line-height:1.05;margin:18px auto 22px;max-width:22ch}
.welcome p{font-size:clamp(19px,1.5vw,23px);color:var(--ink-2);max-width:58ch;margin:0 auto}
.award{background:var(--ink);color:var(--white)}
.award .oval{color:var(--neon)}
.award-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,96px);align-items:center}
.medal{aspect-ratio:1;max-width:340px;width:100%;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6e7a6,#d4a93c 55%,#9c7420);box-shadow:0 0 0 10px rgba(205,235,107,.15),0 30px 60px -20px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#3a2a08;padding:12%}
.medal .m1{font-family:var(--display);font-weight:800;font-size:clamp(48px,5vw,80px);letter-spacing:-.04em;line-height:1}
.medal .m2{font-weight:700;font-size:clamp(13px,1.1vw,16px);line-height:1.3;margin:10px 0}
.medal .m3{font-family:var(--display);font-weight:700;font-size:clamp(16px,1.4vw,20px)}
.award-txt{font-size:clamp(18px,1.4vw,21px);color:#d8d3ca;max-width:60ch;margin:0 0 28px}
.award-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.award .yt-card span:not(.th){color:#e8e4dc;font-size:15px}
.people2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px)}
.host.hz{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch}
.host.hz img{aspect-ratio:auto;height:100%;min-height:320px;object-fit:cover}
.host.hz .tx p{font-size:16px}
@media (max-width:1100px){.award-in,.people2{grid-template-columns:1fr}.award-cards{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.host.hz{grid-template-columns:1fr}.host.hz img{height:auto;aspect-ratio:4/3}.f-facts{grid-template-columns:1fr}.award-cards{grid-template-columns:1fr}}
/* Wesprzyj: seniorzy, duże i czytelne (23.10.2026) */
.give-in{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start}
.ways{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px;counter-reset:w}
.ways li{counter-increment:w;display:grid;grid-template-columns:56px 1fr;gap:4px 16px;align-items:center;background:rgba(255,255,255,.55);border-radius:18px;padding:16px 18px}
.ways li::before{content:counter(w);grid-row:span 2;width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--neon);font-family:var(--display);font-weight:800;font-size:26px;display:grid;place-items:center}
.ways b{font-family:var(--display);font-size:clamp(22px,1.8vw,28px);letter-spacing:-.02em;line-height:1.1}
.ways span{font-size:18px;line-height:1.35}
.ways a{font-weight:700}
.give-visual{position:relative}
.give-photo{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3}
.give-photo img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.give-visual .give-card{position:relative;margin:-90px 24px 0;z-index:2}
.give-card .give-acts{margin-top:20px}
@media (max-width:1100px){.give-in{grid-template-columns:1fr}.give-visual .give-card{margin:-60px 12px 0}}
@media (max-width:640px){.give-visual .give-card{margin:16px 0 0}.ways li{grid-template-columns:44px 1fr}.ways li::before{width:44px;height:44px;font-size:20px}}
.wd{position:relative;transition:transform .25s,box-shadow .25s}
.wd-cover{position:absolute;inset:0;z-index:1;border-radius:inherit}
.wd .tel{position:relative;z-index:2}
.wd:hover{transform:translateY(-4px);box-shadow:0 18px 36px -20px rgba(25,25,25,.45)}
.wd.on:hover{box-shadow:inset 0 0 0 2px var(--ink),0 18px 36px -20px rgba(25,25,25,.45)}
.wd.off:hover{border-color:var(--ink)}
.wd.off:hover p,.wd.off:hover .n{color:var(--ink)}
.wd::after{content:"Szczegóły →";position:absolute;right:18px;top:18px;font-size:13px;font-weight:700;color:var(--green);opacity:0;transition:opacity .25s}
.wd:hover::after{opacity:1}
.wd.off::after{content:"→";right:14px}
/* Strony gości, druga wersja (23.10.2026) */
.g-about .ed-grid{align-items:start}
.g-facts{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0 0;padding-top:20px;border-top:1.5px solid var(--stone-2)}
.g-facts dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.g-facts dd{margin:4px 0 0;font-family:var(--display);font-weight:600;font-size:clamp(18px,1.4vw,22px);line-height:1.3;letter-spacing:-.01em}
.g-text{columns:auto!important;max-width:64ch}
.g-text p:first-child{font-family:var(--text)!important;font-weight:400!important;font-size:inherit!important;line-height:1.75!important;color:var(--ink)!important;max-width:none!important;column-span:none!important}
.g-cycle .guests{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));max-width:1100px}
.g-cycle .guests .g{grid-column:auto!important}
.g-cycle .g strong{font-size:clamp(20px,1.6vw,26px)}
/* Wydarzenia czytelnie (23.10.2026) */
.ev-text{font-size:clamp(18px,1.3vw,20px);line-height:1.7;color:var(--ink)}
.ev-text .ev-lead{font-family:var(--display)!important;font-weight:600!important;font-size:clamp(24px,2.1vw,34px)!important;line-height:1.3!important;letter-spacing:-.015em;margin:0 0 .9em}
.ev-org{color:var(--ink-2);font-size:.92em}
.ev-people{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:1.6em 0}
.ev-person{background:var(--stone);border-radius:var(--r);padding:clamp(20px,2vw,28px)}
.ev-person h3{font-size:clamp(24px,2vw,30px);margin:0}
.ev-person .ev-role{margin:4px 0 12px;font-weight:700;color:var(--velvet);font-size:15px;text-transform:uppercase;letter-spacing:.06em}
.ev-person p{font-size:17px;line-height:1.6;margin:0}
.ev-coda{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(24px,2vw,32px);line-height:1.25;margin:1em 0}
.ev-access{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:#eaf3dc;border-radius:16px;padding:16px 18px;margin:1.6em 0 1em}
.ev-access p{margin:0;font-size:17px;line-height:1.5}
.ev-access a{font-weight:700}
.ev-ico{width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:22px;display:grid;place-items:center}
.ev-fin{font-size:15px;color:var(--ink-2)}
.poster-hero .ph{background:var(--stone-2);display:flex;align-items:center;justify-content:center;padding:clamp(24px,4vw,64px)}
.poster-hero .ph img{width:auto!important;height:auto!important;max-height:80vh;max-width:100%;object-fit:contain!important;box-shadow:0 30px 60px -24px rgba(25,25,25,.45);border-radius:6px}
@media (max-width:640px){.ev-people{grid-template-columns:1fr}}
.ed-text.g-text.ev-text p.ev-lead{font-family:var(--display)!important;font-weight:600!important;font-size:clamp(24px,2.1vw,34px)!important;line-height:1.3!important;letter-spacing:-.015em}
.rows:has(> .tk:only-child){grid-template-columns:1fr}

/* Przełącznik języka PL / EN */
.call .lang{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;border:1px solid currentColor;border-radius:999px;font-weight:600;font-size:15px;letter-spacing:.06em;text-decoration:none;color:inherit;opacity:.85}
.call .lang:hover,.call .lang:focus-visible{opacity:1}
.drawer .lang-d{font-size:18px;opacity:.8}
@media (max-width:900px){.call .lang{display:none}}
.vit-copy{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.vit-autor{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;color:var(--ink)}
.vit-autor img{display:block;width:28px;height:28px;border-radius:7px}

/* Długie napisy na przyciskach (wersja angielska) nie wychodzą poza ekran telefonu */
@media (max-width:600px){.pill{white-space:normal;max-width:100%;text-align:center;height:auto}}

/* Afisze na stronie głównej: pas na sznurku z przekładkami lat */
.line-years{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.line-years button{min-height:44px;padding:6px 18px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.01em;cursor:pointer;transition:background .2s,color .2s}
.line-years button:hover{background:var(--white)}
.line-years button[aria-pressed="true"]{background:var(--ink);color:var(--stone)}
.line-box{position:relative;margin-top:clamp(18px,2vw,28px)}
.sznur{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;outline:none}
.sznur::-webkit-scrollbar{display:none}
.sznur:focus-visible{box-shadow:inset 0 0 0 3px var(--green)}
.line-track{position:relative;list-style:none;margin:0;display:flex;align-items:flex-start;gap:clamp(24px,2.8vw,44px);width:max-content;padding:0 max(var(--pad),calc((100vw - 1600px)/2 + var(--pad))) 18px;scroll-padding-left:var(--pad)}
.line-track::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:#9b8b72;box-shadow:0 1px 0 rgba(255,255,255,.6)}
.clip{position:relative;flex:0 0 clamp(190px,18vw,240px);padding-top:26px;scroll-snap-align:start;scroll-margin-left:var(--pad)}
.clip::before{content:"";position:absolute;top:4px;left:50%;width:12px;height:36px;margin-left:-6px;border-radius:3px;background:linear-gradient(90deg,#b48c52,#e6c995 50%,#b48c52);box-shadow:0 2px 3px rgba(25,25,25,.3);z-index:3}
.clip-a{display:block;transform:rotate(var(--r0,0deg));transform-origin:50% 0;transition:transform .35s cubic-bezier(.2,.7,.2,1);cursor:zoom-in}
.clip-a:hover,.clip-a:focus-visible{transform:rotate(0) scale(1.03)}
.clip-a img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 18px 30px -16px rgba(25,25,25,.45),0 2px 4px rgba(25,25,25,.12)}
.clip-cap{margin:16px 0 0;font-size:15px;line-height:1.4;color:var(--ink-2)}
.clip-cap b{color:var(--ink);font-weight:600}
.clip-more a{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;aspect-ratio:1/1.41;padding:26px;background:var(--ink);color:var(--stone);text-decoration:none;transform:rotate(1.4deg);transform-origin:50% 0;transition:transform .35s cubic-bezier(.2,.7,.2,1);box-shadow:0 18px 30px -16px rgba(25,25,25,.45)}
.clip-more a:hover,.clip-more a:focus-visible{transform:rotate(0) scale(1.03)}
.clip-more b{font-family:var(--display);font-size:clamp(24px,2vw,30px);line-height:1.05;letter-spacing:-.02em}
.clip-more span{font-size:15px;opacity:.75}
.clip-more i{font-style:normal;font-size:40px;line-height:1;color:var(--neon)}
.line-nav{position:absolute;top:40%;z-index:4;width:54px;height:54px;border-radius:50%;border:0;background:var(--white);color:var(--ink);font-size:32px;line-height:1;cursor:pointer;box-shadow:0 10px 24px -10px rgba(25,25,25,.45);transition:opacity .2s}
.line-nav.pv{left:max(10px,calc((100vw - 1600px)/2))}
.line-nav.nx{right:max(10px,calc((100vw - 1600px)/2))}
.line-nav[disabled]{opacity:0;pointer-events:none}
@media (hover:none),(max-width:700px){.line-nav{display:none}}
@media (max-width:700px){.clip{flex-basis:62vw}.line-years button{font-size:16px;padding:6px 14px}}
.clip-cap b{display:block;margin-bottom:2px}

/* EN/PL tuż obok „Wesprzyj” w menu; ramka dla osób ze szczególnymi potrzebami w kolorach strony */
.menu{align-items:center}
.menu a.lang{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin-left:6px;padding:0 9px;border:1.5px solid var(--ink);border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.06em}
.menu a.lang:hover{background:var(--ink);color:var(--white)}
.ev-access{background:var(--sepia)}
.ev-ico{background:var(--velvet)}
.ev-access a{color:var(--velvet)}

/* Menu z EN mieści się w jednym wierszu dopiero od 1300 px; węższe ekrany dostają menu pod przyciskiem */
@media (max-width:1300px){
  .menu{display:none}
  .burger{display:flex}
  .top .call .pill{display:none}
  .drawer{position:fixed;background:var(--white);z-index:29;padding:24px var(--pad);flex-direction:column;gap:6px;overflow:auto}
  .drawer.open{display:flex}
  .drawer a{font-family:var(--display);font-size:40px;font-weight:700;letter-spacing:-.03em;text-decoration:none;padding:8px 0;border-bottom:1px solid var(--stone-2)}
  .drawer a.pill{margin-top:20px;font-size:20px;border-bottom:2px solid var(--ink);padding:0 28px}
}
@media (min-width:1101px) and (max-width:1300px){.drawer{inset:76px 0 0}}
.drawer a.lang-d{font-size:18px;opacity:.8}
/* Sznurek w Piwnicy: czarno-białe jak dawna galeria, kolor po najechaniu */
.line-box.bw .clip-a img{filter:grayscale(1) contrast(1.05);transition:filter .5s}
.line-box.bw .clip-a:hover img{filter:none}

/* Archiwum w Programie: plakat i zdjęcie otwierają się dopiero po kliknięciu */
.ev-more-p{margin:12px 0 0}
.ev-more{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 18px;border:1.5px solid var(--ink);border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;color:var(--ink);cursor:zoom-in;transition:background .2s,color .2s}
.ev-more:hover,.ev-more:focus-visible{background:var(--ink);color:var(--white)}
.ev-more-ico{font-size:15px;line-height:1}

/* Dla seniorów: pasek „Najbliższy wieczór” pod menu, znaczki Dziś/Jutro, „Odbyło się” */
.next-bar{background:var(--ink);color:var(--white)}
.next-bar .wrap{display:flex;align-items:center;gap:14px;min-height:46px;padding-top:6px;padding-bottom:6px;font-size:17px;line-height:1.35}
.nb-lab{flex:none;background:var(--neon);color:var(--ink);border-radius:999px;padding:3px 12px;font-weight:700;font-size:14px;white-space:nowrap}
.next-bar.hot .nb-lab{background:#ffd66b}
.nb-ev{flex:1;min-width:0;color:inherit;text-decoration:none;display:flex;gap:10px;align-items:baseline}
.nb-ev b{white-space:nowrap;font-weight:700}
.nb-ev span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.88}
.nb-ev:hover span,.nb-ev:focus-visible span{text-decoration:underline}
.nb-act{flex:none;color:var(--neon);font-weight:700;white-space:nowrap;text-decoration:none}
.nb-act:hover{text-decoration:underline}
@media (max-width:700px){
  .next-bar .wrap{flex-wrap:wrap;gap:2px 10px;font-size:15px}
  .nb-ev{display:block}
  .nb-ev span{display:block}
  .nb-act{display:none}
}
.drawer{top:var(--top-h,76px)!important}
.znak-dnia{display:inline-block;margin:0 0 10px;padding:4px 12px;border-radius:999px;background:var(--stone-2);color:var(--ink);font-weight:700;font-size:14px;letter-spacing:.02em}
.znak-dnia.hot{background:var(--neon)}
.znak-dnia:empty{display:none}
.tk-stub .znak-dnia{margin:10px 0 0;font-size:12px}
.ev-list em.done{display:block;margin-bottom:4px;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--velvet)}
#bylo .ev-list .d{color:var(--ink-2)}
@media (max-width:1500px){.logo small{display:none}}
.znak-dnia{align-self:flex-start;justify-self:start;width:max-content}
.ev-list em.done{font-size:13px}
@media (max-width:700px){.nb-ev{flex-basis:100%}.nb-ev b,.nb-ev span{white-space:normal}.next-bar .wrap{padding-top:8px;padding-bottom:8px}}
.top .next-bar .wrap{height:auto;justify-content:flex-start}
/* Zajęcia co tydzień: wyróżniony dzisiejszy dzień */
.wd.dzis{box-shadow:inset 0 0 0 3px var(--ink),0 14px 30px -18px rgba(25,25,25,.5);background:var(--white)}
.wd.off.dzis{border-color:var(--ink)}
.wd .znak-dnia{margin:0 0 10px}
.long.dzis{box-shadow:inset 0 0 0 3px var(--ink)}
.long .znak-dnia{display:table;margin:0 0 12px}
[hidden]{display:none!important}

/* Czytelność dla seniorów: tekst do czytania co najmniej 16 px, etykiety 15 px, szarości ciemniejsze.
   Bez zmian zostają ozdobniki: znaczki na plakatach, napisy na przedmiotach, litera „A” w przełączniku, znak PP. */
.oval,.wd p,.partners span,.note,footer .fine,.credit,.film-meta,.poster-pin .y small,.vit-tel small,.label .sm,.addr .when,.addr span,.vit-fine,
.kr-plaque,.niche figcaption,.szuflada span,.label a.ulica small,.g-foto span,.bio-grid figcaption,.k-mies,.k-co,.d-mapa figcaption,.zapros-link,
.o-dymek p,.okladka figcaption,.gram-hint,.ppl figcaption small,.names b,.logos a,.logos div,.copy,.r-up,.p-link,.roles,.yt-link,
.reel-v figcaption small,.pin-cap,.names-group h4,.yt-card span:not(.th),.ed-pull cite,.give-label,.f-facts dd,.award .yt-card span:not(.th),
.ev-person .ev-role,.ev-fin,.clip-cap,.clip-more span,.next-bar .wrap,.idx .mt{font-size:16px!important}
.clip-cap,.next-bar .wrap,.k-co,.wd p{font-size:17px!important}
.tk-stub .no,.napisy dt,.wd::after,.g-facts dt,.ev-list em.done,.nb-lab,.znak-dnia,.tk-stub .znak-dnia,.menu a.lang,.call .lang,.r-card i,.medal .m2{font-size:15px!important}
.logo small{font-size:14px}
.wd.off .n{color:#6b665e}
.wd.off p{color:#6b665e}
.r-nr{color:#8a7a57}
@media (max-width:700px){.next-bar .wrap{font-size:16px!important}}
.frame35 .cap small{font-size:15px!important}
/* Kronika z Facebooka: osoby wymienione w opisie */
.ev-osoby{margin:6px 0 0;font-size:16px;font-weight:600;color:var(--velvet)}
/* Kronika z Facebooka: dni bez opisu jako karty ze zdjęciem */
.fb-karty-tyt{margin:22px 0 10px;font-weight:700;color:var(--ink-2)}
.fb-karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:10px}
.fb-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);cursor:zoom-in}
.fb-card img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:10px;background:var(--stone-2);transition:transform .25s}
.fb-card:hover img,.fb-card:focus-visible img{transform:scale(1.03)}
.fb-card b{font-size:16px}
.fb-card span{font-size:15px;color:var(--ink-2)}
/* miniatury zdjęć przy wpisach */
.ev-th{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.ev-th button{position:relative;width:96px;height:96px;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--stone);cursor:zoom-in}
.ev-th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ev-th button:hover img{transform:scale(1.06)}
.ev-th span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(25,25,25,.55);color:#fff;font-weight:700;font-size:20px}
@media (max-width:600px){.ev-th button{width:74px;height:74px}}
/* wyszukiwarka wieczorów */
.szukaj{margin:0 0 28px}
.szukaj label{display:block}
.szukaj label span{display:block;font-weight:700;margin-bottom:8px}
.szukaj input{width:100%;max-width:640px;font:inherit;font-size:20px;padding:14px 18px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink)}
.szukaj-wynik{margin:10px 0 0;color:var(--ink-2);font-weight:600;min-height:1.4em}
/* galerie lat */
.rok-galeria{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 0 24px}
.rok-galeria img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;cursor:zoom-in;display:block}
@media (max-width:600px){.rok-galeria{grid-template-columns:repeat(2,1fr)}}
.gal-sub{font-family:var(--display);font-weight:800;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.02em;margin:48px 0 20px}
.person-more{grid-column:span 5;display:flex;align-items:center;justify-content:center;padding:12px 0}
@media (max-width:900px){.person-more{grid-column:1/-1}}
/* cytaty z wpisów przy wieczorach */
.ev-cyt{margin:12px 0 0;padding:2px 0 2px 18px;border-left:3px solid var(--green);max-width:62ch}
.ev-cyt p{margin:0;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:21px;line-height:1.35;color:var(--ink)}
.ev-cyt cite{display:block;margin-top:6px;font-style:normal;font-size:14px;font-weight:600;color:var(--ink-2)}
.szukaj-idz{font:inherit;font-weight:700;color:var(--green);background:none;border:0;padding:0;margin-left:8px;cursor:pointer;text-decoration:underline}
.tematy{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 28px;font-weight:600}
.liczby{margin:-8px 0 22px;font-size:17px;color:var(--ink-2)}.liczby b{color:var(--ink);font-weight:800}
/* Kredens: zdjęcia adresów */
.adresy-zdj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.adresy-zdj figure{margin:0}
.adresy-zdj img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;cursor:zoom-in;display:block}
.adresy-zdj figcaption{margin-top:8px;font-size:15px;color:var(--ink-2)}
@media (max-width:600px){.adresy-zdj{grid-template-columns:1fr}}
/* archiwalne zdjęcia (strona Kaliny) */
.archiwum-zdj{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.archiwum-zdj figure{margin:0}
.archiwum-zdj img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;cursor:zoom-in;display:block;filter:grayscale(1)}
.archiwum-zdj figcaption{margin-top:8px;font-size:14px;line-height:1.4;color:var(--ink-2)}
@media (max-width:800px){.archiwum-zdj{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================= PRZEBUDOWA UX (26.10.2026): czytelność, orientacja, mniej gadżetów ================= */
/* 1. Skala pisma: nagłówki mniejsze, tekst bez zmian. Strona ma się czytać, nie krzyczeć. */
h2{font-size:clamp(34px,4.6vw,68px)}
.hero .title{font-size:clamp(52px,9.6vw,150px)}
.p-hero h1{font-size:clamp(52px,8vw,128px)}
.gh h1{font-size:clamp(48px,6.4vw,112px)}
.bigdate{font-size:clamp(64px,8vw,132px)}
.idx .nm{font-size:clamp(24px,3vw,44px);font-weight:700}
.idx a{padding:clamp(12px,1.2vw,18px) 0}
.idx:hover a{opacity:1}
.idx a:hover,.idx a:focus-visible{padding-left:clamp(8px,1vw,18px)}
.kal-tytul,.h-mid{font-size:clamp(32px,4vw,60px)}
@media (max-width:640px){.hero .title{font-size:clamp(48px,15vw,80px)}.p-hero h1{font-size:clamp(44px,13vw,72px)}.o-hero h1,.gh h1{font-size:12vw}}
/* 2. Strona gościa: tekst od razu, bez pustego ekranu */
.gh{min-height:0}
.gh .ph{min-height:420px}
@media (max-width:1100px){.gh .ph{height:auto;min-height:0}.gh .ph img{aspect-ratio:4/3;height:auto}}
/* 3. Kotwice nie chowają się pod paskiem u góry (bez Lenis) */
[id]{scroll-margin-top:calc(var(--top-h,76px) + 72px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* 4. Trzy kroki na stronie głównej (zamiast kalendarza do zdzierania) */
.kroki{list-style:none;margin:clamp(36px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);counter-reset:k}
.kroki li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:6px 16px;align-items:start;background:var(--stone);border-radius:var(--r);padding:clamp(20px,2.4vw,30px)}
.kroki b{grid-row:1/3;width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--neon);display:grid;place-items:center;font-family:var(--display);font-size:24px;font-weight:800}
.kroki div{font-size:17px;line-height:1.45;color:var(--ink-2)}
.kroki strong{display:block;color:var(--ink);font-family:var(--display);font-size:clamp(20px,1.5vw,24px);letter-spacing:-.01em;margin-bottom:2px}
.kroki a{grid-column:2;justify-self:start;font-weight:700;color:var(--green);text-decoration:underline;text-underline-offset:3px;font-size:17px}
@media (max-width:900px){.kroki{grid-template-columns:1fr}}
/* 5. Wyszukiwarka na stronie głównej i w archiwum */
.szukaj-mini{margin:-10px 0 clamp(28px,3vw,40px);max-width:760px}
.szukaj-mini label{display:block;font-weight:700;margin-bottom:8px}
.szukaj-mini div{display:flex;gap:10px;flex-wrap:wrap}
.szukaj-mini input{flex:1 1 260px;font:inherit;font-size:19px;padding:0 18px;min-height:56px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink)}
.szukaj-g{max-width:820px}
.szukaj-g label{display:block;font-weight:700;margin-bottom:8px;font-size:18px}
.szukaj-g .pole{display:flex;gap:10px;flex-wrap:wrap}
.szukaj-g input{flex:1 1 280px;font:inherit;font-size:20px;padding:0 20px;min-height:60px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink)}
.szukaj-g .pods{margin:10px 0 0;font-size:16px;color:var(--ink-2)}
.szukaj-g .pods button{font:inherit;font-size:15px;font-weight:600;border:1.5px solid var(--stone-2);background:#fff;border-radius:999px;padding:5px 12px;margin:4px 6px 0 0;cursor:pointer}
.szukaj-g .pods button:hover{border-color:var(--ink)}
.wyniki{list-style:none;margin:22px 0 0;padding:0;border-top:2px solid var(--ink)}
.wyniki li{border-bottom:1px solid var(--stone-2)}
.wyniki a{display:grid;grid-template-columns:minmax(96px,auto) 1fr auto;gap:8px 20px;align-items:baseline;padding:14px 0;text-decoration:none}
.wyniki a:hover h3,.wyniki a:focus-visible h3{text-decoration:underline}
.wyniki .d{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em;white-space:nowrap}
.wyniki h3{font-size:clamp(19px,1.5vw,24px);letter-spacing:-.01em}
.wyniki p{margin:4px 0 0;font-size:16px;color:var(--ink-2)}
.wyniki .k{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--green);white-space:nowrap}
.wyniki-info{margin:14px 0 0;font-weight:600;color:var(--ink-2);min-height:1.4em}
@media (max-width:640px){.wyniki a{grid-template-columns:1fr}.wyniki .d{font-size:17px}.wyniki .k{grid-row:1}}
/* 6. Archiwum: mapa zbiorów */
.hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.hub a{display:flex;flex-direction:column;gap:10px;background:var(--stone);border-radius:var(--r);padding:clamp(22px,2.6vw,34px);text-decoration:none;min-height:200px;transition:background .2s}
.hub a:hover,.hub a:focus-visible{background:var(--neon)}
.hub .n{font-family:var(--display);font-weight:800;font-size:clamp(40px,4vw,64px);letter-spacing:-.04em;line-height:.9}
.hub h3{font-size:clamp(22px,1.8vw,28px);letter-spacing:-.01em}
.hub p{margin:0;font-size:16px;color:var(--ink-2);flex:1}
.hub .go{font-weight:700;color:var(--green);text-decoration:underline;text-underline-offset:3px;font-size:16px}
.hub a.ink{background:var(--ink);color:var(--white)}
.hub a.ink p{color:#d8d3ca}
.hub a.ink .go{color:var(--neon)}
.hub a.ink:hover,.hub a.ink:focus-visible{background:var(--green)}
.hub a.sepia{background:var(--sepia)}
@media (max-width:1100px){.hub{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.hub{grid-template-columns:1fr}.hub a{min-height:0}}
.hub-h{margin:clamp(40px,5vw,64px) 0 16px;font-size:clamp(22px,2vw,30px)}
/* 7. Okruszki: skąd przyszedłem, jak wrócić */
.crumb{background:var(--stone);border-bottom:1px solid var(--stone-2)}
.crumb .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;min-height:48px;padding-top:8px;padding-bottom:8px;font-size:16px;font-weight:600}
.crumb a{text-decoration:none;color:var(--ink)}
.crumb a:hover,.crumb a:focus-visible{text-decoration:underline}
.crumb a.back::before{content:"← "}
.crumb span{color:var(--ink-2);font-weight:500}
.p-hero.ink+.crumb,.crumb.ink{background:var(--ink);color:var(--white);border-color:#333}
.crumb.ink a{color:var(--white)}.crumb.ink span{color:#cfcac2}
/* 8. Przyklejony spis sekcji na długich stronach (pojawia się po zjechaniu z nagłówka) */
.pagenav{position:sticky;top:var(--top-h,76px);z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--stone-2);transform:translateY(-110%);opacity:0;transition:transform .25s,opacity .25s;pointer-events:none}
.pagenav.on{transform:none;opacity:1;pointer-events:auto}
.pagenav .wrap{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;min-height:52px;padding-top:6px;padding-bottom:6px}
.pagenav .wrap::-webkit-scrollbar{display:none}
.pagenav b{flex:none;font-family:var(--display);font-weight:700;font-size:16px;margin-right:10px;white-space:nowrap}
.pagenav a{flex:none;text-decoration:none;font-weight:600;font-size:16px;padding:8px 14px;border-radius:999px;white-space:nowrap;color:var(--ink)}
.pagenav a:hover{background:var(--stone)}
.pagenav a.on{background:var(--ink);color:var(--white)}
.pagenav.ink{background:rgba(25,25,25,.96);border-color:#333;color:var(--white)}
.pagenav.ink a{color:var(--white)}.pagenav.ink a:hover{background:#333}.pagenav.ink a.on{background:var(--neon);color:var(--ink)}
/* 9. Do góry */
.totop{position:fixed;right:18px;bottom:18px;z-index:28;width:58px;height:58px;border-radius:50%;border:2px solid var(--ink);background:var(--white);color:var(--ink);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 10px 24px -12px rgba(25,25,25,.5);opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s;pointer-events:none}
.totop.on{opacity:1;transform:none;pointer-events:auto}
.totop:hover{background:var(--ink);color:var(--neon)}
@media (max-width:640px){.totop{right:12px;bottom:12px;width:52px;height:52px}}
/* 10. Menu: krócej, „Wesprzyj” jako wyraźny przycisk */
.menu a.wesprzyj{background:var(--neon);font-weight:700}
.menu a.wesprzyj:hover{background:var(--ink);color:var(--neon)}
.menu a.wesprzyj.on{background:var(--ink);color:var(--neon)}
@media (max-width:1100px){.menu{display:none}}
@media (min-width:1101px) and (max-width:1300px){.menu{display:flex}.menu a{padding:9px 11px;font-size:16px}.burger{display:none}.top .call .pill{display:inline-flex}}
.drawer a.wesprzyj{color:var(--green)}
/* 11. Zajrzyj do kredensu na stronie Kredens, bez ciemnego tła strony głównej */
.kr-sec{background:var(--stone)}
/* 12. Rozwijane listy lat: większe pole dotyku i widoczny znak */
.pi-rok summary{padding:22px 0;min-height:64px}
.pi-rok summary span::after{font-size:1.3em;margin-left:6px}
details.more summary{padding:6px 0;min-height:44px;display:inline-flex;align-items:center}
/* 13. Archiwum: lista tematów (nazwisko duże, opis mały) */
.tematy-lista{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--pad)}
.tematy-lista li{padding:0}
.tematy-lista a{display:block;padding:14px 0;text-decoration:none}
.tematy-lista a:hover b,.tematy-lista a:focus-visible b{text-decoration:underline}
.tematy-lista b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(20px,1.6vw,24px);letter-spacing:-.01em;text-transform:none;color:var(--ink);margin:0}
.tematy-lista span{display:block;font-size:16px;color:var(--ink-2);margin-top:2px}
@media (max-width:900px){.tematy-lista{grid-template-columns:1fr}}
/* 14. Trafiony wpis z wyszukiwarki */
.ev-list li.trafiony{background:#f6ffd9;box-shadow:0 0 0 10px #f6ffd9;border-radius:6px}
/* 15. Telefon: okruszki tylko „wstecz”, menu nie chowa się pod dolnym paskiem, liczby pod wstępem z odstępem */
@media (max-width:640px){.crumb span,.crumb a:not(.back){display:none}.drawer{padding-bottom:150px}}
.liczby{margin-top:16px}
/* 16. Menu: „Szukaj” jako przycisk z lupą (26.10.2026, po uwadze Alicji: Kredens i Piwnica to nie archiwum) */
.menu a.szukaj{border:2px solid var(--ink);padding:7px 14px 7px 12px;font-weight:600}
.menu a.szukaj::before{content:"";display:inline-block;width:15px;height:15px;margin-right:7px;vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191919' stroke-width='3' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") center/contain no-repeat}
.menu a.szukaj:hover,.menu a.szukaj.on{background:var(--ink);color:var(--white)}
.menu a.szukaj:hover::before,.menu a.szukaj.on::before{filter:invert(1)}
@media (max-width:1500px){.menu a{padding:9px 10px;font-size:16px}.menu a.szukaj{padding:7px 12px 7px 10px}}
@media (max-width:1300px){.menu a.lang{margin-left:2px}}
.menu a{white-space:nowrap;flex:none}
/* 17. Szybkie poprawki (26.10.2026): linia wprost w hero, link do treści, kontakt w stopce, weekend w planie tygodnia, druk programu */
.hero-sub{font-size:clamp(16px,1.2vw,19px);font-weight:600;color:var(--ink-2);margin:0 0 10px;position:relative;z-index:2;max-width:70ch}
.skip{position:absolute;left:12px;top:-100px;z-index:100;background:var(--ink);color:var(--neon);padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.vit-kontakt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px clamp(16px,2vw,32px);margin:clamp(28px,3vw,44px) 0 0;padding:clamp(20px,2.4vw,32px);background:var(--white);border-radius:var(--r);font-size:17px;line-height:1.4}
.vit-kontakt div{display:flex;flex-direction:column;gap:4px;min-width:0}
.vit-kontakt b{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.vit-kontakt a{font-weight:700;text-decoration:none;color:var(--ink);overflow-wrap:anywhere}
.vit-kontakt a:hover{text-decoration:underline}
.vit-kontakt span{color:var(--ink-2)}
@media (max-width:1100px){.vit-kontakt{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.vit-kontakt{grid-template-columns:1fr}}
.wd.weekend{background:var(--white);border:2px dashed var(--stone-2)}
.wd.weekend .h{font-size:clamp(28px,2.6vw,40px)}
.drukuj{border:2px solid currentColor;border-radius:999px;padding:6px 16px;font:inherit;font-weight:600;font-size:16px;background:transparent;color:inherit;cursor:pointer}
.drukuj::before{content:"⎙ ";font-weight:400}
.drukuj:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
@media print{
  .mock-note,.top,.drawer,.callbar,.totop,.pagenav,.crumb,.skip,.subnav,footer.vit .parapet,footer.vit .gospodyni,footer.vit .labels,.anna-bio,.pocztowka,.lb,.tear-msg,.zapros-btn,.zapros-link,.ev-th,.ev-more-p,#bylo,#cykle{display:none!important}
  body{font-size:13pt;color:#000;background:#fff}
  .p-hero{background:none;padding:0 0 12pt}
  .p-hero h1{font-size:34pt}
  .sec{padding:12pt 0;break-inside:avoid}
  .feature,.long{display:block;background:none;border:1px solid #999;border-radius:8pt;padding:12pt;margin:0 0 12pt;break-inside:avoid}
  .feature .poster img,.long img{max-height:220pt;width:auto}
  .bigdate{font-size:40pt}
  .pill{border:1px solid #000;background:none;color:#000;min-height:0;padding:4pt 10pt}
  a[href^="tel"]::after{content:""}
  footer.vit{background:none;padding:12pt 0}
  .vit-title{font-size:20pt}
  .vit-tel{background:none;border:1px solid #000}
  .wrap{padding:0}
}
/* 18. Osiedle: podmenu w nagłówku jak na innych stronach */
.o-hero .subnav{margin-top:28px}
/* 19. Ulepszenia (26.10.2026): zawody przy nazwiskach, „Tego dnia”, strona dla nowych gości, oś czasu, 404 */
.zaw{display:block;font-family:var(--text);font-weight:500;font-size:15px;color:var(--ink-2);letter-spacing:0;margin-top:2px}
.idx .nm .zaw{display:inline;margin-left:10px;font-size:16px;font-weight:500}
.names li .zaw,.names-group li .zaw{display:inline;margin-left:8px;font-size:15px}
.g .nm .zaw{display:block;margin-top:2px}
@media (max-width:640px){.idx .nm .zaw{display:block;margin:2px 0 0}}
.dzis-sec{background:var(--sepia)}
.dzis-sec .dzis{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,48px);align-items:center;background:var(--white);border-radius:var(--r);overflow:hidden}
.dzis-sec .dzis img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:zoom-in;filter:sepia(.25)}
.dzis-sec .dzis .tx{padding:clamp(22px,3vw,44px) clamp(22px,3vw,44px) clamp(22px,3vw,44px) 0}
.dzis-sec .dzis .kiedy{font-family:var(--display);font-weight:800;font-size:clamp(30px,3.4vw,54px);letter-spacing:-.03em;line-height:1;margin:0 0 10px}
.dzis-sec .dzis .lat{display:inline-block;background:var(--neon);border-radius:999px;padding:4px 12px;font-weight:700;font-size:15px;margin-bottom:14px}
.dzis-sec .dzis h3{font-size:clamp(24px,2.2vw,34px);letter-spacing:-.02em;margin:0 0 10px}
.dzis-sec .dzis p{color:var(--ink-2);margin:0 0 18px;font-size:17px}
.dzis-sec .dzis .inne{margin:0 0 18px;font-size:16px;color:var(--ink-2)}
.dzis-sec .dzis .inne a{font-weight:600}
@media (max-width:900px){.dzis-sec .dzis{grid-template-columns:1fr}.dzis-sec .dzis .tx{padding:22px}}
.os{list-style:none;margin:0;padding:0;border-left:3px solid var(--ink);max-width:820px}
.os li{position:relative;padding:0 0 clamp(22px,3vw,34px) clamp(24px,3vw,40px)}
.os li::before{content:"";position:absolute;left:-10px;top:10px;width:17px;height:17px;border-radius:50%;background:var(--neon);border:3px solid var(--ink)}
.os b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(26px,2.6vw,40px);letter-spacing:-.03em;line-height:1;margin-bottom:6px}
.os span{display:block;font-size:17px;color:var(--ink-2);max-width:60ch}
.os a{font-weight:600}
.os li.teraz::before{background:var(--ink)}
.pr-kroki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.pr-krok{background:var(--white);border-radius:var(--r);padding:clamp(22px,2.6vw,34px)}
.pr-krok b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--neon);font-family:var(--display);font-size:24px;font-weight:800;margin-bottom:14px}
.pr-krok h3{font-size:clamp(22px,1.9vw,30px);margin:0 0 10px}
.pr-krok p{margin:0;color:var(--ink-2);font-size:17px}
.pr-krok a.pill{margin-top:16px}
@media (max-width:700px){.pr-kroki{grid-template-columns:1fr}}
.pr-foto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pr-foto figure{margin:0}
.pr-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;cursor:zoom-in;display:block}
.pr-foto figcaption{margin-top:8px;font-size:15px;color:var(--ink-2)}
@media (max-width:700px){.pr-foto{grid-template-columns:1fr}}
.faq{max-width:820px;margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}
.faq li{border-bottom:1px solid var(--stone-2);padding:18px 0}
.faq b{display:block;font-family:var(--display);font-size:clamp(20px,1.6vw,24px);letter-spacing:-.01em;margin-bottom:6px}
.faq p{margin:0;color:var(--ink-2)}
.s404{text-align:center;padding:clamp(60px,10vw,140px) 0}
.s404 .n{font-family:var(--display);font-weight:800;font-size:clamp(90px,16vw,220px);letter-spacing:-.05em;line-height:.85;color:var(--stone-2)}
.s404 h1{font-size:clamp(32px,4vw,60px);margin:10px 0 14px}
.s404 p{color:var(--ink-2);max-width:48ch;margin:0 auto 24px}
.s404 form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 auto 24px;max-width:640px}
.s404 input{flex:1 1 260px;font:inherit;font-size:19px;padding:0 18px;min-height:56px;border:2px solid var(--ink);border-radius:999px}
.s404 .linki{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pr-zach{margin:18px 0 0;font-size:18px}.pr-zach a{font-weight:700;color:var(--green)}
/* 20. Trzy kroki jako jeden bilet z perforacją; notka o dostępności jak karteczka z Kredensu (26.10.2026) */
.kroki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(36px,5vw,72px) 0 0;padding:0;list-style:none;background:var(--white);border:2px solid var(--ink);border-radius:var(--r);overflow:visible;position:relative;box-shadow:0 24px 50px -36px rgba(25,25,25,.5)}
.kroki li{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 18px;align-items:start;background:transparent;border-radius:0;padding:clamp(22px,2.6vw,34px) clamp(20px,2.4vw,32px) clamp(22px,2.6vw,34px)}
.kroki li+li{border-left:2px dashed var(--stone-2)}
.kroki li+li::before,.kroki li+li::after{content:"";position:absolute;left:-12px;width:22px;height:22px;border-radius:50%;background:var(--white);border:2px solid var(--ink)}
.kroki li+li::before{top:-13px;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;clip-path:inset(50% 0 0 0)}
.kroki li+li::after{bottom:-13px;clip-path:inset(0 0 50% 0)}
.kroki b{grid-row:1/3;width:auto;height:auto;border-radius:0;background:none;color:var(--ink);font-family:var(--display);font-weight:800;font-size:clamp(56px,5.6vw,88px);line-height:.8;letter-spacing:-.05em;font-variation-settings:"opsz" 96,"wdth" 85;display:block;padding:0 4px 0 0;background-image:linear-gradient(var(--neon),var(--neon));background-repeat:no-repeat;background-size:100% 38%;background-position:0 92%}
.kroki div{font-size:17px;line-height:1.45;color:var(--ink-2);padding-top:6px}
.kroki strong{display:block;color:var(--ink);font-family:var(--display);font-weight:700;font-size:clamp(21px,1.6vw,26px);letter-spacing:-.015em;margin-bottom:4px}
.kroki a{grid-column:2;justify-self:start;margin-top:8px;display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:2px solid var(--ink);border-radius:999px;font-weight:600;font-size:16px;color:var(--ink);text-decoration:none;transition:background .2s,color .2s}
.kroki a:hover,.kroki a:focus-visible{background:var(--ink);color:var(--neon)}
.pr-zach{margin:18px 0 0;font-size:17px;display:flex;align-items:center;gap:12px}
.pr-zach::before{content:"";width:34px;height:2px;background:var(--ink);flex:none}
.pr-zach a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--green)}
.pr-zach a:hover{color:var(--green)}
@media (max-width:900px){
  .kroki{grid-template-columns:1fr}
  .kroki li+li{border-left:0;border-top:2px dashed var(--stone-2)}
  .kroki li+li::before,.kroki li+li::after{top:-12px;bottom:auto;left:-13px;clip-path:inset(0 0 0 50%)}
  .kroki li+li::after{left:auto;right:-13px;clip-path:inset(0 50% 0 0)}
  .kroki b{font-size:56px}
}
.ev-access{position:relative;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin:26px 0;padding:18px 22px 18px 20px;background:var(--white);border:2px solid var(--velvet);border-radius:var(--r);color:var(--ink);font-size:17px;line-height:1.5;box-shadow:6px 6px 0 var(--sepia)}
.ev-access::before{content:"Dobrze wiedzieć";position:absolute;top:-14px;left:18px;background:var(--velvet);color:var(--white);font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:999px}
html[lang="en"] .ev-access::before{content:"Good to know"}
.ev-access .ev-ico{width:34px;height:34px;border-radius:50%;background:var(--neon);color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:700;font-size:24px;display:grid;place-items:center;line-height:1;margin-top:2px;flex:none}
.ev-access p{margin:0;color:var(--ink)}
.ev-access a{font-weight:700;color:var(--velvet);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.ev-access a:hover{color:var(--ink)}
.ev-fin{display:inline-block;margin-top:4px;padding:6px 14px;border:1.5px solid var(--stone-2);border-radius:999px;font-size:15px!important;color:var(--ink-2)}
/* 21. Karty tygodnia: znaczek „Dziś” nad nazwą dnia, karta zawsze w jednej kolumnie (26.10.2026) */
.wd .znak-dnia{align-self:flex-start;margin:0 0 8px}
.wd.dzis{display:flex;flex-direction:column}
/* 22. Kafelek „53 spotkania” na tablecie i telefonie na pełną szerokość (wcześniej nadpisany przez span 3) */
@media (max-width:1100px){.guests .g.all{grid-column:span 6;min-height:0}}
@media (max-width:640px){.guests .g.all{grid-column:1/-1}}
/* 23. Wąskie karty dni bez zajęć: nazwa dnia mieści się w karcie */
@media (min-width:1101px){.wd.off{padding:20px 12px}.wd.off .n{font-size:17px}}

/* Nagłówek luźniej (26.10.2026): bez adresu pod logo (jest w pasku i stopce), nazwa w jednej linii, Szukaj w osi, mniejszy telefon */
.logo small{display:none}
.logo b{white-space:nowrap}
.top .wrap{gap:clamp(16px,2vw,36px)}
.menu{gap:4px}
.menu a.szukaj{margin:0}
.top .call{gap:12px}
.top .call .pill{min-height:50px;padding:0 22px;font-size:17px}
@media (max-width:1500px){.top .call .pill{padding:0 16px;font-size:16px}.aaa button{width:34px;height:34px}.logo b{font-size:19px}}
/* Pełny pasek menu na każdym komputerze (od 1101 px): ciaśniej zamiast hamburgera; telefon w pasku znika poniżej 1260 px, bo jest w czarnym pasku „Zapisy” */
@media (min-width:1101px) and (max-width:1420px){.menu{display:flex}.burger{display:none}.top .call .pill{display:inline-flex}
  .top .wrap{gap:14px}.menu{gap:0}.menu a{padding:8px 9px;font-size:15.5px}.menu a.szukaj{padding:6px 10px 6px 9px}.menu a.lang{min-width:36px;height:36px;margin-left:2px}
  .logo b{font-size:17px}.logo .mark{width:44px;height:28px;font-size:12px}.aaa button{width:30px;height:30px}.top .call{gap:8px}.top .call .pill{min-height:44px;padding:0 14px;font-size:15px}}
@media (min-width:1101px) and (max-width:1259px){.top .call .pill{display:none}}
/* Tytuł nie wchodzi na zdjęcie (26.10.2026): mniejsze podciągnięcie zdjęcia pod napis */
@media (min-width:901px){.hero .stage{margin-top:clamp(-50px,-2.4vw,-12px)}}
/* „Nasi Goście” w Kredensie jako karty (26.10.2026) */
.gk{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:14px}
.gk li{display:flex}
.gk a{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;position:relative;padding:22px 52px 20px 24px;background:var(--white);border:1.5px solid var(--stone-2);border-radius:var(--r);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s,box-shadow .2s}
.gk a::after{content:"→";position:absolute;right:20px;top:20px;font-size:22px;line-height:1;color:var(--green);transition:transform .2s}
.gk a:hover,.gk a:focus-visible{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 14px 24px -18px rgba(25,25,25,.5)}
.gk a:hover::after,.gk a:focus-visible::after{transform:translateX(4px)}
.gk-n{font-family:var(--display);font-size:clamp(21px,1.6vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.gk-z{font-size:16px;color:var(--ink-2);line-height:1.35}
.gk-s{margin-top:4px;font-size:14px;font-weight:600;background:var(--neon);border-radius:999px;padding:3px 11px}
@media (prefers-reduced-motion:reduce){.gk a,.gk a::after{transition:none}.gk a:hover{transform:none}}
@media (max-width:640px){.gk{gap:10px}.gk a{padding:14px 44px 14px 18px;gap:3px}.gk a::after{top:14px;right:16px}.gk-n{font-size:20px}.gk-z{font-size:15px}}
/* Filmy nigdy nie stykają się ze sobą (26.10.2026) */
.g-filmy{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:clamp(18px,2vw,28px);max-width:1100px}
.g-filmy .g-film-box{max-width:none}
.g-film-box + .g-film-box,.r-film + .r-film,.yt-embed + .yt-embed{margin-top:clamp(18px,2vw,28px)}
.g-filmy > .g-film-box + .g-film-box{margin-top:0}
/* Gospodarze Piwnic: karta + biogram w okienku jak na Fundacji (26.10.2026) */
.host-foto{display:block;width:100%;border:0;padding:0;background:none;cursor:pointer;overflow:hidden}
.host-foto img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 25%;cursor:pointer;transition:transform .5s}
.host-foto:hover img,.host-foto:focus-visible img{transform:scale(1.04)}
.host .tx{display:flex;flex-direction:column;flex:1}
.host-czytaj{align-self:flex-start;margin-top:auto;min-height:48px;padding:0 22px;font-size:17px;cursor:pointer}
.host .tx > p:last-of-type{margin-bottom:22px}
@media (prefers-reduced-motion:reduce){.host-foto img{transition:none}}
.bio-host .bio-grid figure{position:sticky;top:0;align-self:start;height:min(88vh,900px)}
.bio-host .bio-grid figure img{object-position:50% 25%}
@media (max-width:640px){.bio-host .bio-grid figure{position:relative;height:52vh}}
/* Okładki nagrań dopasowane do treści (26.10.2026): kolor wg rodzaju, nazwisko, data, część */
.yt-ok{--ok-bg:var(--green);--ok-fg:#fff;--ok-ac:var(--neon);container-type:inline-size;background:var(--ok-bg);color:var(--ok-fg)}
.yt-ok.ok-osiedle{--ok-bg:var(--sepia);--ok-fg:var(--ink);--ok-ac:var(--green)}
.yt-ok.ok-spektakl{--ok-bg:var(--velvet);--ok-fg:#fff;--ok-ac:var(--neon)}
.yt-ok.ok-film{--ok-bg:#191919;--ok-fg:#fff;--ok-ac:var(--neon)}
.yt-embed.yt-ok img{position:absolute;top:0;right:0;width:52%;height:100%;object-fit:cover;opacity:1;transition:transform .6s}
.yt-ok.ok-osiedle img{filter:sepia(.45) saturate(.8)}
.yt-ok::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--ok-bg) 46%,color-mix(in srgb,var(--ok-bg) 70%,transparent) 52%,transparent 72%)}
.yt-ok::after{content:"";position:absolute;inset:12px;z-index:1;pointer-events:none;border:1px solid color-mix(in srgb,var(--ok-ac) 55%,transparent);border-radius:calc(var(--r) - 8px)}
.yt-embed.yt-ok span{position:static;inset:auto;display:block;color:inherit;font-size:inherit;font-weight:inherit;gap:0}
.yt-embed.yt-ok span::before{content:none}
.yt-embed.yt-ok .ok-tx{position:absolute;z-index:2;left:0;top:0;bottom:0;width:56%;padding:7cqw 5cqw 6cqw 6.5cqw;display:flex;flex-direction:column;align-items:flex-start}
.yt-embed.yt-ok .ok-et{font-size:max(13px,1.5cqw);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ok-ac)}
.yt-ok.ok-osiedle .ok-et{color:var(--green)}
.yt-embed.yt-ok .ok-n{margin-top:auto;font-family:var(--display);font-size:max(22px,5.4cqw);font-weight:800;line-height:1;letter-spacing:-.03em;text-wrap:balance}
.yt-embed.yt-ok .ok-d{margin-top:1.4cqw;font-size:max(15px,2cqw);font-weight:600;opacity:.9}
.yt-embed.yt-ok .ok-dop{margin-top:.8cqw;font-size:max(14px,1.7cqw);opacity:.8}
.yt-embed.yt-ok .ok-play{margin-top:auto;display:inline-flex;align-items:center;gap:12px;font-size:max(15px,1.8cqw);font-weight:700}
.yt-embed.yt-ok .ok-play::before{content:"";flex:0 0 auto;width:max(44px,6.4cqw);height:max(44px,6.4cqw);border-radius:50%;background:var(--ok-ac) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%23191919'/%3E%3C/svg%3E") 55% 50%/45% no-repeat;transition:transform .3s}
.yt-ok.ok-osiedle .ok-play::before{background-color:var(--green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%23ffffff'/%3E%3C/svg%3E")}
.yt-ok:hover img,.yt-ok:focus-visible img{transform:scale(1.04)}
.yt-ok:hover .ok-play::before,.yt-ok:focus-visible .ok-play::before{transform:scale(1.08)}
.yt-ok:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
/* wąska okładka (telefon, małe kafelki): zdjęcie na całość, napisy na dole */
@container (max-width:520px){
  .yt-embed.yt-ok img{width:100%}
  .yt-ok::before{background:linear-gradient(0deg,var(--ok-bg) 30%,color-mix(in srgb,var(--ok-bg) 55%,transparent) 62%,transparent 90%)}
  .yt-embed.yt-ok .ok-tx{width:100%;padding:18px 20px 16px}
  .yt-embed.yt-ok .ok-n{font-size:22px}
  .yt-embed.yt-ok .ok-d{margin-top:4px;font-size:15px}
  .yt-embed.yt-ok .ok-dop{margin-top:2px}
  .yt-embed.yt-ok .ok-play{position:absolute;right:16px;top:14px;margin:0;font-size:0;gap:0}
  .yt-embed.yt-ok .ok-play::before{width:48px;height:48px}
}
@media (prefers-reduced-motion:reduce){.yt-ok img,.yt-ok .ok-play::before{transition:none}}
/* miniatury YouTube (4:3) mają czarne pasy nad i pod obrazem 16:9: obraz o 1/3 wyższy i przesunięty, pasy poza okładką */
.yt-embed.yt-ok img{top:-16.7%;height:133.4%}
.g-filmy .yt-embed + .yt-embed{margin-top:0}
@container (max-width:520px){
  .yt-embed.yt-ok .ok-tx{justify-content:flex-end}
  .yt-embed.yt-ok .ok-n{margin-top:4px}
  .yt-ok::before{background:linear-gradient(0deg,var(--ok-bg) 38%,color-mix(in srgb,var(--ok-bg) 60%,transparent) 66%,transparent 92%)}
}
@container (max-width:520px){.yt-embed.yt-ok .ok-tx{padding:18px 24px 24px}}
@media (max-width:640px){.logo b{white-space:normal;font-size:17px;line-height:1.05}.top .wrap{gap:10px}.top .call{gap:8px}}
@media (max-width:359px){.logo .mark{display:none}.aaa button{width:28px;height:28px}.burger{width:46px;height:46px}}
/* bardzo wąskie telefony (320 px): długie adresy e-mail i linki zawijają się zamiast rozpychać stronę */
@media (max-width:640px){.labels{grid-template-columns:minmax(0,1fr)}.label{overflow-wrap:anywhere}}
@media (max-width:1100px){.give-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:400px){.gram-in{grid-template-columns:minmax(0,1fr)}.gram-scena{padding-left:64px}.gramofon{width:220px}}
/* Kartka z kalendarza do zrywania w nagłówku Wydarzeń (26.10.2026): najbliższe wydarzenie */
.p-hero .wrap{position:relative}
.zrywka{position:absolute;right:var(--pad);top:50%;transform:translateY(-50%) rotate(3deg);width:clamp(230px,21vw,310px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 22px 22px;background:#fffdf8;border-radius:6px;text-decoration:none;color:var(--ink);box-shadow:0 2px 0 rgba(0,0,0,.05),0 26px 40px -22px rgba(25,25,25,.55);transition:transform .35s}
.zrywka::before,.zrywka::after{content:"";position:absolute;inset:0;z-index:-1;background:#f6f1e7;border-radius:6px;box-shadow:0 10px 20px -16px rgba(25,25,25,.5)}
.zrywka::before{transform:rotate(-4deg) translate(-6px,6px)}
.zrywka::after{transform:rotate(-1.5deg) translate(-3px,3px);background:#faf6ee}
.zr-mies{align-self:stretch;margin:0 -22px;padding:22px 12px 12px;background:var(--velvet);color:#fff;border-radius:6px 6px 0 0;font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;position:relative}
.zr-mies::before,.zr-mies::after{content:"";position:absolute;top:8px;width:10px;height:10px;border-radius:50%;background:var(--stone);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.zr-mies::before{left:28%}.zr-mies::after{right:28%}
.zr-dzien{font-family:var(--display);font-weight:800;font-size:clamp(96px,9vw,140px);line-height:1;letter-spacing:-.05em;margin:14px 0 4px}
.zr-tyg{font-size:16px;font-weight:600;color:var(--ink-2)}
.zr-tyt{margin-top:14px;padding-top:14px;border-top:1.5px dashed var(--stone-2);align-self:stretch;font-family:var(--display);font-weight:700;font-size:clamp(18px,1.5vw,22px);line-height:1.2;letter-spacing:-.02em}
.zr-dalej{margin-top:14px;font-size:15px;font-weight:700;color:var(--green)}
.zrywka:hover,.zrywka:focus-visible{transform:translateY(-50%) rotate(0deg) scale(1.02)}
.zrywka:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.p-hero .wrap:has(.zrywka) .lead{max-width:min(46ch,calc(100% - clamp(230px,21vw,310px) - 6vw))}
@media (max-width:1000px){.zrywka{display:none}.p-hero .wrap:has(.zrywka) .lead{max-width:none}}
@media (prefers-reduced-motion:reduce){.zrywka{transition:none}}
/* własne zdjęcie na okładce nagrania (bez czarnych pasów YouTube) */
.yt-embed.yt-ok img.ok-wlasne{top:0;height:100%}

/* Nagłówek stron gości i tematów (26.10.2026): układ pół na pół jak wcześniej, ale zdjęcie najwyżej na wysokość ekranu (pionowe zdjęcia nie rozpychają strony) */
@media (min-width:1101px){.gh .ph{position:relative;height:clamp(480px,calc(100svh - 190px),860px);min-height:0;overflow:hidden}.gh .ph img{position:absolute;inset:0;width:100%;height:100%}}
/* kartka z kalendarza: kliknięcie zdziera kartkę (jak kalendarz zdzierak), po ostatniej wraca pierwsza (26.10.2026) */
.zr-kartka{align-self:stretch;display:flex;flex-direction:column;align-items:center;appearance:none;border:0;padding:0 22px;margin:0 -22px;background:transparent;color:inherit;font:inherit;text-align:center;border-radius:6px 6px 0 0}
button.zr-kartka{cursor:pointer}
button.zr-kartka:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.zrywka:hover,.zrywka:focus-within{transform:translateY(-50%) rotate(1deg)}
a.zr-dalej{text-decoration:none;border-bottom:2px solid transparent}
a.zr-dalej:hover,a.zr-dalej:focus-visible{border-color:var(--green)}
.zr-nr{margin-top:12px;font-size:14px;font-weight:600;color:var(--ink-2)}
.zr-zdarta{position:absolute;z-index:3;background:#fffdf8;margin:0;box-sizing:border-box;padding-bottom:16px;border-radius:6px;box-shadow:0 18px 30px -18px rgba(25,25,25,.5);transform-origin:50% 0;pointer-events:none;animation:zrZdziera 1s cubic-bezier(.55,0,.35,1) forwards}
@keyframes zrZdziera{0%{transform:none;opacity:1}25%{transform:rotateX(16deg) rotateZ(-4deg) translateY(6px);opacity:1}75%{opacity:1}100%{transform:translate(-40px,150%) rotateX(70deg) rotateZ(-26deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.zr-zdarta{display:none}}
@media (min-width:1001px){.p-hero .wrap:has(.zrywka){min-height:540px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}}
/* Gdy film gra, okładka (gradient, ramka) znika, a odtwarzacz przykrywa całą powierzchnię (26.10.2026) */
.yt-embed iframe{z-index:5}
.yt-embed:has(iframe){background:#000}
.yt-embed:has(iframe)::before,.yt-embed:has(iframe)::after{display:none}
/* Przycisk języka z globusem zamiast flagi (26.10.2026): globus = „zmień język”, bez wskazywania kraju */
.menu a.lang,.call .lang,.drawer a.lang-d{gap:6px}
.drawer a.lang-d{display:inline-flex;align-items:center}
.menu a.lang::before,.call .lang::before,.drawer a.lang-d::before{content:"";flex:none;width:1.05em;height:1.05em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5c2.6 2.7 3.9 5.9 3.9 9.5s-1.3 6.8-3.9 9.5M12 2.5C9.4 5.2 8.1 8.4 8.1 12s1.3 6.8 3.9 9.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5c2.6 2.7 3.9 5.9 3.9 9.5s-1.3 6.8-3.9 9.5M12 2.5C9.4 5.2 8.1 8.4 8.1 12s1.3 6.8 3.9 9.5'/%3E%3C/svg%3E") center/contain no-repeat}
.menu a.lang{padding:0 12px 0 10px}
@media (min-width:1101px) and (max-width:1420px){.menu a.lang{padding:0 9px 0 8px;gap:4px}}
/* Kronika: rok wczytywany po rozwinięciu (26.10.2026) */
.pi-lazy{padding:18px 0 8px}
.pi-czekaj{color:var(--ink-2);font-style:italic;margin:0}
/* Kartka z kalendarza na telefonie i tablecie (26.10.2026): mniejsza, pod tekstem i przyciskami nagłówka Wydarzeń */
@media (max-width:1000px){
  .p-hero .wrap:has(.zrywka){display:flex;flex-direction:column;align-items:flex-start}
  .zrywka{display:flex;position:relative;order:10;right:auto;top:auto;transform:rotate(-1.5deg);width:min(300px,86vw);margin:34px 0 8px 6px}
  .zrywka:hover,.zrywka:focus-within{transform:rotate(0)}
  .zr-dzien{font-size:clamp(76px,22vw,104px);margin:10px 0 2px}
  .zr-mies{padding:18px 12px 10px}
}

/* zasłony w oknie stopki: ciemnozielone jak w Kredensie (30.10.2026; wcześniej śliwkowe), szersze, większy wzór */
.zaslona{width:35%;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 6px,transparent 6px 18px,rgba(255,255,255,.12) 18px 22px,transparent 22px 30px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46'%3E%3Crect width='46' height='46' fill='%231f4a33'/%3E%3Ccircle cx='23' cy='23' r='15' fill='none' stroke='%230d2a1b' stroke-width='5'/%3E%3Ccircle cx='23' cy='23' r='6' fill='%236fa383'/%3E%3Ccircle cx='0' cy='0' r='6' fill='%230d2a1b'/%3E%3Ccircle cx='46' cy='0' r='6' fill='%230d2a1b'/%3E%3Ccircle cx='0' cy='46' r='6' fill='%230d2a1b'/%3E%3Ccircle cx='46' cy='46' r='6' fill='%230d2a1b'/%3E%3C/svg%3E");
  background-size:auto,72px 72px;box-shadow:0 10px 20px -6px rgba(10,35,20,.45)}
.zaslona.l{left:-24%}.zaslona.r{right:-24%}
.zaslona::after{display:none}
/* zasłony większe (30.10.2026, prośba Alicji): szersze, większy wzór; przy otwartych widać ok. 18% okna z każdej strony, zamknięte schodzą się na środku */
.zaslona{width:50%;background-size:auto,90px 90px}
.zaslona.l{left:-32%;transform:translateX(calc(var(--p) * 68%))}
.zaslona.r{right:-32%;transform:translateX(calc(var(--p) * -68%))}
/* noc ciemniejsza: firanka przygasa po zmroku */
.okno g[clip-path]{opacity:calc(.62 - var(--p) * .32)}
/* kurtyna przy fotelu: po rozsunięciu zostaje jej kawałek po bokach */
.open .curtain .l{transform:translateX(-86%) skewX(-3deg)}
.open .curtain .r{transform:translateX(86%) skewX(3deg)}
/* Osiedle: w tle nagłówka bardzo delikatne zdjęcie bloków z lat 50. */
.o-hero{position:relative;overflow:hidden;isolation:isolate}
.o-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("img/osiedle-historia/wtedy-10.jpg") center 45%/cover no-repeat;filter:grayscale(1) sepia(.35);opacity:.13;mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}
/* Rozmowy z mieszkańcami: w tle gotowe bloki (pierwsze zdjęcie) */
.o-hero:has(.tl.c4)::before{background-image:url("img/osiedle-historia/wtedy-15.jpg");background-position:center 40%}
/* karta Alicji w stopce jako przycisk otwierający biogram */
.label button.ulica.alicja{display:flex;align-items:center;gap:12px;width:100%;margin:4px 0 14px;padding:12px 14px;border:0;border-radius:10px;background:var(--neon);color:var(--ink);font-family:var(--display);font-weight:800;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.02em;line-height:1.1;text-align:left;cursor:pointer;transform:rotate(-1.5deg);box-shadow:0 6px 14px -8px rgba(35,112,63,.6);transition:transform .3s}
.label button.ulica.alicja:hover{transform:rotate(0) scale(1.02)}
.label button.ulica.alicja img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 12%;box-shadow:0 0 0 3px #fff;flex:0 0 auto}
.label button.ulica.alicja span{color:var(--green)}
.label button.ulica.alicja small{display:block;font-family:var(--text);font-weight:600;font-size:13px;letter-spacing:0;color:var(--ink);margin-top:4px}
#alicja-bio .bio-grid figure img{object-position:50% 25%}
#alicja-bio .bio-tekst a{color:var(--green)}

/* biogram Alicji: szkoły i Secret Storm – zwykły tekst z czarnym podkreśleniem (Zatrwian i Magda Marcella zostają zielone) */
#alicja-bio .bio-tekst a.bio-zw{color:var(--ink);font-weight:inherit;border-bottom:1px solid currentColor}

/* stopka: logo AK prowadzi do alicjakozlowska.com, podpis otwiera biogram Alicji */
.vit-autor a{display:block;line-height:0}
.vit-autor-bio{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
.vit-autor-bio:hover,.vit-autor-bio:focus-visible{text-decoration:underline;text-underline-offset:3px}

/* „Wróć do wyników” na stronie otwartej z wyszukiwarki */
.powrot-wyniki{position:fixed;left:16px;bottom:16px;z-index:45;max-width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--ink);color:var(--white);padding:12px 20px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 10px 30px -10px rgba(25,25,25,.5)}
.powrot-wyniki:hover,.powrot-wyniki:focus-visible{background:var(--green)}
@media (max-width:640px){.powrot-wyniki{bottom:84px;left:12px}}

/* jedno zwykłe zdjęcie z albumu: miniaturka przy wpisie zamiast przycisku (30.10.2026) */
.ev-more[data-mini]{padding:0;border:0;background:none;box-shadow:none;border-radius:12px;overflow:hidden;display:inline-block}
.ev-more[data-mini] img{width:120px;height:120px;object-fit:cover;display:block;border-radius:12px;transition:transform .2s}
.ev-more[data-mini]:hover img,.ev-more[data-mini]:focus-visible img{transform:scale(1.04)}

/* nagranie w prawej kolumnie wieczoru: duży, wyraźny przycisk (30.10.2026, prośba Alicji – „Fragment” z Krafftówną był niewidoczny) */
.ev-list .gdzie.yt-links{align-self:start}
.ev-list .gdzie .yt-link{font-size:18px!important;font-weight:700;padding:12px 22px 12px 12px;gap:12px;background:var(--velvet);border-color:var(--velvet);color:#fff;box-shadow:0 8px 20px -10px rgba(110,22,37,.6)}
.ev-list .gdzie .yt-link::before{flex-basis:30px;height:30px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%238C2131'/%3E%3C/svg%3E");background-size:18px}
.ev-list .gdzie .yt-link:hover,.ev-list .gdzie .yt-link:focus-visible{background:var(--neon);border-color:var(--neon);color:var(--ink)}