/* SLIDESHOW / wygaszacz (14.10.2026). Strona na caly ekran jak kartka gazety z ksera; przejscia tylko transform/opacity. */
.ss{position:fixed;inset:0;z-index:100000;background:#0a0a0a;overflow:hidden;color:#141414;font-family:var(--f-body,Inter,system-ui,sans-serif)}
.ss.ss-idle{cursor:none}
.ss-stage{position:absolute;inset:0;perspective:2400px;perspective-origin:50% 40%}
.ss-sheet{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.ss-front,.ss-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#f3eee3;overflow:hidden}
.ss-back{transform:rotateY(180deg);background:#e8e1d0 repeating-linear-gradient(0deg,transparent 0 23px,rgba(0,0,0,.05) 23px 24px)}
.ss-fill .ss-front{background:#f3eee3 repeating-linear-gradient(0deg,transparent 0 27px,rgba(0,0,0,.07) 27px 28px)}
.ss-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.05));opacity:0;pointer-events:none}
/* strona */
.ss-pg{position:absolute;inset:0;overflow:hidden;font-family:Georgia,'Times New Roman',serif;font-size:clamp(14px,calc(.9vh + .55vw),24px);line-height:1.5;
  background:#f3eee3 radial-gradient(circle at 20% 10%,rgba(0,0,0,.04),transparent 40%),repeating-linear-gradient(90deg,transparent 0 3px,rgba(0,0,0,.012) 3px 4px);border-left:clamp(8px,1vw,18px) solid #FF4DBD}
.ss-in{padding:2.2em 3.2em 4em;will-change:transform;transform-origin:top left}
.ss-mh{display:flex;align-items:center;justify-content:space-between;gap:1em;border-bottom:4px double #141414;padding-bottom:.6em}
.ss-mh b{font:700 clamp(26px,3.4em,70px)/1 'Old English Text MT','UnifrakturCook',Georgia,serif;text-align:center;flex:1}
.ss-mh small{font:500 .62em var(--f-ui,Oswald,Arial Narrow,sans-serif);letter-spacing:.14em;text-transform:uppercase;text-align:right;max-width:14em}
.ss-sn{flex:none;transform:rotate(-2deg)}
.ss-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.4em;margin:1.2em 0 1.4em;align-items:start}
.ss-sec{font:700 .7em var(--f-ui,Oswald,Arial Narrow,sans-serif);letter-spacing:.18em;text-transform:uppercase;background:#FFD400;display:inline-block;padding:.25em .8em;transform:rotate(-1.2deg);margin:0 0 .8em}
.ss-pg h1{font:700 clamp(30px,3.7vw + 1vh,84px)/1.04 Georgia,serif;letter-spacing:-.015em;margin:0 0 .35em}
.ss-sub{font:italic 1.3em/1.35 Georgia,serif;margin:0 0 .6em;color:#333}
.ss-by{font:600 .7em var(--f-ui,Oswald,Arial Narrow,sans-serif);letter-spacing:.14em;text-transform:uppercase;margin:0}
.ss-fig{position:relative;margin:0;max-height:38vh;overflow:hidden;background:#111;box-shadow:.4em .4em 0 #000;transform:rotate(var(--r,0deg))}
.ss-fig>img{display:block;width:100%;height:100%;max-height:38vh;object-fit:contain;background:#111}
/* kolaze to wycinanki z przezroczystoscia: bez czarnej ramki, z twardym cieniem jak papier na papierze */
.ss-kolaz{background:transparent;box-shadow:none;overflow:visible;max-height:none}
.ss-kolaz>img{background:transparent;max-height:36vh;width:auto;max-width:100%;margin:0 auto;filter:drop-shadow(5px 6px 0 rgba(0,0,0,.55))}
.ss-fig.ss-brak{display:none}
.ss-fig figcaption{position:relative;background:#fff;color:#000;font:600 .62em var(--f-ui,Oswald,sans-serif);padding:.3em .7em;margin-top:.6em;transform:rotate(-1deg)}
.ss-tape{position:absolute;left:50%;top:-.5em;width:7em;height:1.8em;margin-left:-3.5em;background:#FFD400 url(/img/tape-yellow.webp) center/100% 100%;transform:rotate(-4deg);opacity:.92}
.ss-wm{position:absolute;right:.6em;bottom:.5em;opacity:.8;pointer-events:none;transform:rotate(-3deg);filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}
.ss-cols{columns:3 18em;column-gap:2.4em;column-rule:1px solid #bbb;hyphens:auto}
.ss-cols p{margin:0 0 .8em;font-size:1em;line-height:1.55}
.ss-cols p:first-child::first-letter{float:left;font:700 3.6em/.85 Georgia,serif;margin:.06em .1em 0 0}
.ss-pq{break-inside:avoid;font:italic 700 1.45em/1.25 Georgia,serif!important;border-top:3px solid #141414;border-bottom:3px solid #141414;padding:.6em 0;margin:.4em 0 1em!important}
.ss-pq cite{display:block;font:600 .5em var(--f-ui,Oswald,sans-serif);letter-spacing:.14em;text-transform:uppercase;margin-top:.5em;font-style:normal}
.ss-foot{margin-top:1.4em;border-top:1px solid #141414;padding-top:.6em;font:.62em var(--f-ui,Oswald,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#555}
/* pasek czasu i panel */
.ss-bar{position:absolute;left:0;right:0;bottom:0;height:6px;background:rgba(0,0,0,.35);z-index:10;pointer-events:none}
.ss-bar i{display:block;height:100%;background:#FF4DBD;transform-origin:left;transform:scaleX(0)}
.ss-hud{position:absolute;right:14px;bottom:18px;z-index:11;display:flex;gap:6px;align-items:center;transition:opacity .4s}
.ss.ss-idle .ss-hud{opacity:0;pointer-events:none}
.ss-hint{background:#000;color:#fff;font:500 12px var(--f-ui,Oswald,sans-serif);letter-spacing:.1em;padding:8px 10px;margin-right:6px}
.ss-hud button{background:#FFD400;color:#000;border:2px solid #000;box-shadow:3px 3px 0 #000;font:700 18px/1 var(--f-ui,Oswald,sans-serif);min-width:44px;height:44px;cursor:pointer}
.ss-hud button:hover{background:#FF4DBD}
.ss-hud button:focus-visible{outline:3px solid #00D9FF}
.ss-empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;color:#fff;font:700 28px var(--f-head,Anton,Impact,sans-serif);text-align:center;padding:20px}
.ss-pauza .ss-bar i{background:#FFD400}
@media (max-width:900px){
  .ss-in{padding:1.4em 1.2em 4.5em}
  .ss-top{grid-template-columns:1fr;gap:1em}
  .ss-mh small{display:none}
  .ss-mh b{font-size:2.2em}
  .ss-hint{display:none}
  .ss-fig,.ss-fig>img,.ss-kolaz>img{max-height:26vh}
  /* Q1-10 (14.10.2026): figura z naklejka ma podpis POD obrazkiem; wspolne max-height z .ss-fig przycinalo jej wysokosc
     ukladu do 26vh, a podpis wystawal poza nia i nachodzil na pierwszy wiersz tekstu. Limit zostaje na obrazku. */
  .ss-kolaz{max-height:none}
  .ss-cols{columns:1}
}
@media (prefers-reduced-motion:reduce){.ss-hud{transition:none}}
/* przycisk wejscia w TRUST ME BRO i FAKE NEWS */
.btn-ss{display:inline-block;background:#FFD400;color:#000;border:2px solid #000;box-shadow:4px 4px 0 #000;font:700 15px var(--f-ui,Oswald,sans-serif);letter-spacing:.1em;padding:10px 16px;transform:rotate(-1.5deg);text-decoration:none}
.btn-ss:hover{background:#FF4DBD}
.ss-wejscie{margin:10px 0;display:flex;justify-content:center}