/* Wzorowa Agencja: bloki <style> z <head> o57 (w oryginalnej kolejności) */
/* ---- o57 blok style #1 ---- */
:root{--dlh:283px}:root{--krawedz:polygon(0.00% 4.1px,1.39% 4.6px,2.78% 3.6px,4.17% 3.9px,5.56% 3.0px,6.94% 2.7px,8.33% 2.9px,9.72% 3.3px,11.11% 2.1px,12.50% 3.4px,13.89% 5.7px,15.28% 4.8px,16.67% 3.2px,18.06% 3.2px,19.44% 4.4px,20.83% 4.9px,22.22% 8.5px,23.61% 5.7px,25.00% 3.8px,26.39% 3.7px,27.78% 3.8px,29.17% 4.4px,30.56% 3.0px,31.94% 3.2px,33.33% 2.8px,34.72% 2.0px,36.11% 1.8px,37.50% 0.8px,38.89% 0.5px,40.28% 0.7px,41.67% 1.4px,43.06% 1.2px,44.44% 1.2px,45.83% 2.0px,47.22% 2.1px,48.61% 2.3px,50.00% 3.4px,51.39% 3.5px,52.78% 3.0px,54.17% 3.6px,55.56% 3.6px,56.94% 4.0px,58.33% 3.6px,59.72% 2.6px,61.11% 3.4px,62.50% 1.8px,63.89% 2.0px,65.28% 2.4px,66.67% 1.3px,68.06% 1.9px,69.44% 1.3px,70.83% 2.5px,72.22% 3.0px,73.61% 3.1px,75.00% 4.0px,76.39% 3.6px,77.78% 4.6px,79.17% 4.8px,80.56% 5.0px,81.94% 4.9px,83.33% 5.6px,84.72% 5.6px,86.11% 4.6px,87.50% 4.6px,88.89% 3.3px,90.28% 3.9px,91.67% 3.5px,93.06% 3.7px,94.44% 3.2px,95.83% 2.2px,97.22% 2.3px,98.61% 2.8px,100.00% 1.9px,calc(100% - 3.5px) 0.00%,calc(100% - 3.3px) 1.14%,calc(100% - 3.2px) 2.27%,calc(100% - 3.7px) 3.41%,calc(100% - 2.2px) 4.55%,calc(100% - 2.6px) 5.68%,calc(100% - 2.8px) 6.82%,calc(100% - 3.3px) 7.95%,calc(100% - 3.4px) 9.09%,calc(100% - 3.7px) 10.23%,calc(100% - 3.1px) 11.36%,calc(100% - 3.6px) 12.50%,calc(100% - 3.8px) 13.64%,calc(100% - 4.9px) 14.77%,calc(100% - 5.2px) 15.91%,calc(100% - 4.0px) 17.05%,calc(100% - 4.0px) 18.18%,calc(100% - 5.8px) 19.32%,calc(100% - 7.9px) 20.45%,calc(100% - 5.6px) 21.59%,calc(100% - 3.5px) 22.73%,calc(100% - 2.5px) 23.86%,calc(100% - 1.6px) 25.00%,calc(100% - 1.9px) 26.14%,calc(100% - 1.4px) 27.27%,calc(100% - 1.5px) 28.41%,calc(100% - 2.0px) 29.55%,calc(100% - 1.5px) 30.68%,calc(100% - 1.4px) 31.82%,calc(100% - 1.7px) 32.95%,calc(100% - 4.4px) 34.09%,calc(100% - 6.6px) 35.23%,calc(100% - 5.5px) 36.36%,calc(100% - 3.3px) 37.50%,calc(100% - 3.7px) 38.64%,calc(100% - 3.8px) 39.77%,calc(100% - 3.3px) 40.91%,calc(100% - 3.3px) 42.05%,calc(100% - 2.7px) 43.18%,calc(100% - 3.4px) 44.32%,calc(100% - 2.2px) 45.45%,calc(100% - 1.9px) 46.59%,calc(100% - 1.8px) 47.73%,calc(100% - 1.5px) 48.86%,calc(100% - 1.6px) 50.00%,calc(100% - 1.0px) 51.14%,calc(100% - 0.9px) 52.27%,calc(100% - 1.3px) 53.41%,calc(100% - 1.4px) 54.55%,calc(100% - 2.1px) 55.68%,calc(100% - 2.0px) 56.82%,calc(100% - 3.8px) 57.95%,calc(100% - 3.8px) 59.09%,calc(100% - 3.5px) 60.23%,calc(100% - 4.1px) 61.36%,calc(100% - 4.5px) 62.50%,calc(100% - 4.7px) 63.64%,calc(100% - 4.3px) 64.77%,calc(100% - 5.4px) 65.91%,calc(100% - 5.5px) 67.05%,calc(100% - 4.4px) 68.18%,calc(100% - 4.1px) 69.32%,calc(100% - 3.1px) 70.45%,calc(100% - 2.7px) 71.59%,calc(100% - 2.8px) 72.73%,calc(100% - 2.4px) 73.86%,calc(100% - 3.1px) 75.00%,calc(100% - 2.0px) 76.14%,calc(100% - 1.8px) 77.27%,calc(100% - 3.5px) 78.41%,calc(100% - 3.0px) 79.55%,calc(100% - 2.7px) 80.68%,calc(100% - 3.6px) 81.82%,calc(100% - 3.0px) 82.95%,calc(100% - 4.1px) 84.09%,calc(100% - 4.9px) 85.23%,calc(100% - 4.8px) 86.36%,calc(100% - 4.5px) 87.50%,calc(100% - 3.6px) 88.64%,calc(100% - 3.5px) 89.77%,calc(100% - 2.8px) 90.91%,calc(100% - 3.3px) 92.05%,calc(100% - 2.5px) 93.18%,calc(100% - 2.5px) 94.32%,calc(100% - 1.4px) 95.45%,calc(100% - 0.9px) 96.59%,calc(100% - 1.6px) 97.73%,calc(100% - 1.8px) 98.86%,calc(100% - 1.7px) 100.00%,100.00% calc(100% - 0.6px),98.61% calc(100% - 0.9px),97.22% calc(100% - 1.6px),95.83% calc(100% - 2.0px),94.44% calc(100% - 3.2px),93.06% calc(100% - 4.1px),91.67% calc(100% - 3.7px),90.28% calc(100% - 4.9px),88.89% calc(100% - 5.2px),87.50% calc(100% - 5.3px),86.11% calc(100% - 4.4px),84.72% calc(100% - 4.1px),83.33% calc(100% - 3.9px),81.94% calc(100% - 3.6px),80.56% calc(100% - 3.3px),79.17% calc(100% - 3.7px),77.78% calc(100% - 3.8px),76.39% calc(100% - 3.5px),75.00% calc(100% - 2.8px),73.61% calc(100% - 3.1px),72.22% calc(100% - 3.4px),70.83% calc(100% - 2.5px),69.44% calc(100% - 3.7px),68.06% calc(100% - 4.5px),66.67% calc(100% - 4.7px),65.28% calc(100% - 5.1px),63.89% calc(100% - 5.0px),62.50% calc(100% - 4.8px),61.11% calc(100% - 5.9px),59.72% calc(100% - 5.2px),58.33% calc(100% - 5.9px),56.94% calc(100% - 6.0px),55.56% calc(100% - 6.2px),54.17% calc(100% - 7.5px),52.78% calc(100% - 6.1px),51.39% calc(100% - 3.9px),50.00% calc(100% - 2.5px),48.61% calc(100% - 2.0px),47.22% calc(100% - 1.7px),45.83% calc(100% - 2.7px),44.44% calc(100% - 2.5px),43.06% calc(100% - 1.5px),41.67% calc(100% - 2.7px),40.28% calc(100% - 3.2px),38.89% calc(100% - 3.0px),37.50% calc(100% - 2.8px),36.11% calc(100% - 3.5px),34.72% calc(100% - 3.0px),33.33% calc(100% - 3.0px),31.94% calc(100% - 4.6px),30.56% calc(100% - 4.1px),29.17% calc(100% - 3.7px),27.78% calc(100% - 4.1px),26.39% calc(100% - 3.0px),25.00% calc(100% - 3.3px),23.61% calc(100% - 2.9px),22.22% calc(100% - 1.5px),20.83% calc(100% - 1.3px),19.44% calc(100% - 1.2px),18.06% calc(100% - 1.0px),16.67% calc(100% - 1.6px),15.28% calc(100% - 1.3px),13.89% calc(100% - 1.8px),12.50% calc(100% - 1.7px),11.11% calc(100% - 3.5px),9.72% calc(100% - 3.1px),8.33% calc(100% - 5.4px),6.94% calc(100% - 8.1px),5.56% calc(100% - 6.9px),4.17% calc(100% - 4.7px),2.78% calc(100% - 5.6px),1.39% calc(100% - 5.0px),0.00% calc(100% - 4.9px),3.4px 100.00%,2.2px 98.86%,2.4px 97.73%,2.7px 96.59%,2.4px 95.45%,2.1px 94.32%,2.6px 93.18%,2.9px 92.05%,3.6px 90.91%,2.9px 89.77%,4.1px 88.64%,3.9px 87.50%,4.3px 86.36%,5.4px 85.23%,5.1px 84.09%,5.2px 82.95%,5.4px 81.82%,5.4px 80.68%,4.3px 79.55%,4.2px 78.41%,3.6px 77.27%,3.2px 76.14%,3.1px 75.00%,2.3px 73.86%,2.2px 72.73%,2.0px 71.59%,2.8px 70.45%,2.5px 69.32%,2.9px 68.18%,3.3px 67.05%,2.5px 65.91%,3.2px 64.77%,4.1px 63.64%,4.1px 62.50%,3.1px 61.36%,3.0px 60.23%,3.4px 59.09%,2.6px 57.95%,2.6px 56.82%,1.9px 55.68%,2.5px 54.55%,2.3px 53.41%,2.1px 52.27%,0.7px 51.14%,1.4px 50.00%,1.3px 48.86%,0.6px 47.73%,2.0px 46.59%,2.4px 45.45%,1.6px 44.32%,3.2px 43.18%,2.7px 42.05%,3.3px 40.91%,4.5px 39.77%,4.5px 38.64%,3.6px 37.50%,4.1px 36.36%,4.2px 35.23%,3.7px 34.09%,5.6px 32.95%,8.4px 31.82%,5.9px 30.68%,2.2px 29.55%,2.8px 28.41%,2.5px 27.27%,1.8px 26.14%,2.3px 25.00%,3.0px 23.86%,3.1px 22.73%,2.7px 21.59%,4.5px 20.45%,4.5px 19.32%,5.2px 18.18%,4.1px 17.05%,4.5px 15.91%,4.2px 14.77%,5.4px 13.64%,4.4px 12.50%,3.9px 11.36%,4.0px 10.23%,5.4px 9.09%,6.2px 7.95%,3.5px 6.82%,1.8px 5.68%,2.7px 4.55%,1.9px 3.41%,2.0px 2.27%,1.1px 1.14%,1.1px 0.00%)}
/* ---- o57 blok style #2 ---- */
@media (min-width:1024px){.pracownia .a{font-size:92px}}
/* ---- o57 blok style #3 ---- */
.js-h .pasek-app .logo2{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 260ms ease,transform 260ms ease,visibility 0s linear 260ms}
.js-h.logo-w-pasku .pasek-app .logo2{opacity:1;visibility:visible;transform:none;transition:opacity 260ms ease,transform 260ms ease,visibility 0s}
@media (prefers-reduced-motion:reduce){.js-h .pasek-app .logo2,.js-h.logo-w-pasku .pasek-app .logo2{transition:none}}
/* ---- o57 blok style #4 ---- */
.pracownia .postep-tor{height:36px}
.pracownia .postep-txt{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--f);letter-spacing:.22em;text-transform:uppercase;color:var(--tusz);padding-left:.22em}
.pracownia .postep-tor .ti{z-index:1}
/* kreski „ładują się" seriami: ok. 2,6 s ruchu, potem pauza */
@media (prefers-reduced-motion:no-preference){.pracownia .postep-wyp{animation:ladowanie 7s cubic-bezier(.45,0,.25,1) infinite}}
@keyframes ladowanie{0%{background-position:0 0}38%{background-position:68px 0}100%{background-position:68px 0}}
/* ---- o57 blok style #5 ---- */
/* WYRÓŻNIENIE SŁOWA: styl z logo (kreskowane litery z konturem), ale w żywej zieleni; do kluczowych słów na stronie */
.pracownia{--zywa:#19C26B}
.pracownia .wyr{--hp:6px;--hl:2.3px;--ow:1.5px;font-style:normal;color:transparent;
  background:repeating-linear-gradient(135deg,var(--zywa) 0 var(--hl),transparent var(--hl) var(--hp));
  -webkit-background-clip:text;background-clip:text;-webkit-text-stroke:var(--ow) #1D1C1A;paint-order:stroke fill}
.pracownia .a .wyr{--hp:7px;--hl:3px;--ow:2px;font-weight:800}
.pracownia .b .wyr{color:var(--tusz);font-weight:700;-webkit-text-stroke:0;-webkit-background-clip:border-box;background-clip:border-box;background:repeating-linear-gradient(135deg,var(--zywa) 0 3px,rgba(25,194,107,.28) 3px 7px);padding:0 .14em;margin:0 -.04em;box-shadow:0 0 0 1.5px #1D1C1A;border-radius:3px}
/* aktywny krok nie potrzebuje już żółtego pasa: o aktywności mówi pełny numer i zielone słowo */
.pracownia .is-active .t::before{display:none}
/* ---- o57 blok style #6 id=kroki-css ---- */
/* kroki 1–3 na białej karcie w prawej kolumnie (miejsce dawnego „Przykładu”); „marketing” się nie zawija na szerokim ekranie */
.pracownia .hero-r .b{--px:16px;--py:12px;width:100%;background:var(--ui);border:1px solid rgba(59,58,54,.35);border-radius:var(--r);box-shadow:var(--cien);padding:var(--py) var(--px);margin:0 0 14px}
.pracownia .hero-r .b::before{left:calc(var(--px) + 11px);top:calc(var(--py) + var(--rowh) / 2)}
@media (min-width:1024px){
  .pracownia .hero-r .b{--px:24px;--py:16px;--t-b:clamp(21px,2.05vw,30px);margin:0 0 18px}
  .pracownia .hero-r .b::before{left:calc(var(--px) + 13px)}
  .pracownia .hero-r .b .t{white-space:nowrap}
}
@media (min-width:1024px) and (max-width:1300px){.pracownia .hero-r .b .t{white-space:normal}}
/* ---- o57 blok style #7 id=bez-rejestru-css ---- */
/* sekcja „Podpis sprawdzisz sam” tymczasowo zdjęta (Łukasz, 02.11.2026: przeszkadza w ocenie hero); wersja z rejestrem: kompozycja-6-v02-z-rejestrem.html */
.pracownia .dl-h,.pracownia .dl-v,.pracownia .dl-b,.pracownia .dl-n1,.pracownia .dl-n2{display:none}
/* ---- o57 blok style #8 id=zestaw-css ---- */
.pracownia .zestaw{position:relative;z-index:2;margin-top:48px;padding-bottom:38px;display:flex;flex-direction:column;gap:32px}
.pracownia .zestaw-r1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 22px}
.pracownia .zestaw-tech{display:flex;flex-direction:column;gap:16px}
.pracownia .zestaw-w{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 14px}
.pracownia .zl{display:block;flex:none;position:relative;color:inherit;text-decoration:none;transform:rotate(var(--r,0deg));transform-origin:50% 60%;
  transition:transform 260ms cubic-bezier(.2,.9,.3,1.3),filter 260ms ease,background-color 200ms ease;-webkit-tap-highlight-color:transparent;border-radius:6px}
.pracownia .zl .komp{position:static!important;display:block;width:auto;height:52px;transform:none}
.pracownia .zl-nota .k-maps,.pracownia .zl-nota .k-social,.pracownia .zl-nota .k-analityka{height:120px}
.pracownia .zl-nota .k-wp{height:68px}
.pracownia .zl-nota{filter:drop-shadow(0 0 0 rgba(30,20,10,0))}
.pracownia .zestaw-w>.komp.tech-et{position:static!important;flex:none;display:block;width:auto;height:34px;opacity:.8;mix-blend-mode:multiply;transform:none}
.pracownia .zl-chip{background:rgba(251,247,234,.62);box-shadow:0 1px 0 rgba(30,20,10,.22),0 6px 10px -6px rgba(30,20,10,.35)}
.pracownia .zl .komp.tech{height:42px;opacity:1;mix-blend-mode:multiply}
/* najechanie i fokus: karteczka podnosi się i prostuje, nazwa dostaje żółty zakreślacz */
.pracownia .zl-nota:hover,.pracownia .zl-nota:focus-visible{transform:translateY(-9px) rotate(0deg) scale(1.07);filter:drop-shadow(0 14px 14px rgba(30,20,10,.34))}
.pracownia .zl-chip:hover,.pracownia .zl-chip:focus-visible{transform:translateY(-4px) rotate(-1deg);background:rgba(255,214,10,.8);box-shadow:0 10px 14px -8px rgba(30,20,10,.5)}
.pracownia .zl:active{transform:translateY(1px) scale(.98)}
.pracownia .zl:focus-visible{outline:3px solid #1D1C1A;outline-offset:4px}
/* wejście: karteczki opadają na kartkę, zakreślacz się rysuje, nazwy wsuwają się po kolei */
.pracownia .zl .mk{transform-box:fill-box;transform-origin:0 50%}
.js-h .zestaw:not(.jest) .zl{opacity:0}
.js-h .zestaw:not(.jest) .zl .mk{transform:scaleX(0)}
@media (prefers-reduced-motion:no-preference){
  .zestaw.jest .zl-nota{animation:opada 760ms cubic-bezier(.2,.9,.3,1.25) backwards;animation-delay:calc(var(--i)*85ms)}
  .zestaw.jest .zl-nota .mk{animation:rysuj 520ms cubic-bezier(.3,.7,.2,1) backwards;animation-delay:calc(var(--i)*85ms + 520ms)}
  .zestaw.jest .zl-chip,.zestaw.jest .zestaw-w .tech-et{animation:wsun 520ms cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0)*55ms + 500ms)}
  .zestaw.fala .zl-chip .komp{animation:fala 900ms ease both;animation-delay:calc((var(--i) - 8)*70ms)}
}
@keyframes opada{from{opacity:0;transform:translateY(-34px) rotate(calc(var(--r)*3)) scale(.92)}to{opacity:1;transform:translateY(0) rotate(var(--r)) scale(1)}}
@keyframes rysuj{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wsun{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes fala{0%,100%{filter:none}40%{filter:drop-shadow(0 -9px 0 rgba(255,214,10,.0)) brightness(1.0)}}
.pracownia .zl-chip::after{content:"";position:absolute;left:8px;right:8px;bottom:3px;height:7px;background:#FFD60A;opacity:0;transform:scaleX(0);transform-origin:0 50%;border-radius:2px;mix-blend-mode:multiply;pointer-events:none}
@media (prefers-reduced-motion:no-preference){.zestaw.fala .zl-chip::after{animation:przejazd 1100ms ease both;animation-delay:calc((var(--i) - 8)*70ms)}}
@keyframes przejazd{0%{opacity:0;transform:scaleX(0)}35%{opacity:.85;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.js-h .zestaw:not(.jest) .zl{opacity:1}.js-h .zestaw:not(.jest) .zl .mk{transform:none}}
@media (min-width:1024px) and (max-width:1380px){.pracownia .zl .komp{height:42px}.pracownia .zl-nota .k-maps,.pracownia .zl-nota .k-social,.pracownia .zl-nota .k-analityka{height:96px}.pracownia .zl-nota .k-wp{height:56px}.pracownia .zl .komp.tech{height:33px}.pracownia .zestaw-w>.komp.tech-et{height:28px}}
@media (max-width:1023px){.pracownia .zestaw{margin-top:28px;gap:22px}.pracownia .zestaw-r1{flex-wrap:wrap;justify-content:center;gap:14px 16px}.pracownia .zl .komp{height:42px}.pracownia .zl-nota .k-maps,.pracownia .zl-nota .k-social,.pracownia .zl-nota .k-analityka{height:92px}.pracownia .zl-nota .k-wp{height:54px}.pracownia .zestaw-w{flex-wrap:wrap;justify-content:flex-start;gap:10px 12px}.pracownia .zl .komp.tech{height:34px}.pracownia .zl-nota:hover{transform:translateY(-4px) scale(1.04)}}
/* ---- o57 blok style #9 id=slider-css ---- */
@font-face{font-family:"Reenie Beanie";font-weight:400;font-display:swap;src:url(../fonts/reenie-beanie-latin-400.woff2) format("woff2")}
.pracownia .hero-cols{align-items:start}
.pracownia .cta{margin-bottom:34px}
@media (min-width:1280px){.pracownia .hero-l{margin-right:-76px}}
.pracownia .sl{--zol:#FFD60A;position:relative;width:100%;outline:none}
.pracownia .sl:focus-visible{outline:3px solid #1D1C1A;outline-offset:6px;border-radius:20px}
.pracownia .sl-vp{overflow:hidden;border-radius:20px;box-shadow:0 14px 28px -10px rgba(30,20,10,.45),0 0 0 1px rgba(59,58,54,.25)}
.pracownia .sl-track{display:flex;transition:transform 620ms cubic-bezier(.2,.8,.2,1);will-change:transform}
.pracownia .sl-slide{flex:0 0 100%;min-width:0;position:relative;min-height:312px;background:linear-gradient(rgba(252,247,234,.88),rgba(252,247,234,.88)),url(../img/tla/papier-1-m.jpg) 0 0/380px}
/* pas „sceny" z postrzępionym brzegiem po prawej, po którym leżą urządzenia */
.pracownia .sl-slide::after{content:"";position:absolute;right:0;top:0;bottom:0;width:47%;background:linear-gradient(135deg,#eadfc2,#d2c5a1);clip-path:polygon(100% 0,100% 100%,0% 100.0%,7% 95.0%,2% 90.0%,9% 85.0%,3% 80.0%,6% 75.0%,1% 70.0%,8% 65.0%,4% 60.0%,7% 55.0%,2% 50.0%,9% 45.0%,5% 40.0%,3% 35.0%,8% 30.0%,1% 25.0%,6% 20.0%,4% 15.0%,9% 10.0%,2% 5.0%,7% 0.0%);z-index:0}
.pracownia .sl-txt{position:relative;z-index:2;width:49%;padding:28px 0 26px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.pracownia .sl-tagw{position:relative;display:inline-block}
.pracownia .sl-tag{display:inline-block;font:400 25px/1 "Reenie Beanie",cursive;letter-spacing:.08em;text-transform:uppercase;background:var(--zol);padding:5px 14px 3px;transform:rotate(-2.5deg);color:#1D1C1A;margin-left:6px;box-shadow:0 2px 0 rgba(30,20,10,.18)}
.pracownia .sl-tick{position:absolute;right:-30px;top:-20px;width:38px;height:34px;fill:none;stroke:#19C26B;stroke-width:3;stroke-linecap:round}
.pracownia .sl-title{margin:4px 0 0;font:800 clamp(22px,2.1vw,29px)/1.1 var(--f);color:#1D1C1A;letter-spacing:-.005em}
.pracownia .sl-sub{margin:0;font:400 clamp(20px,1.8vw,24px)/1.08 "Reenie Beanie",cursive;color:#2b2b2b}
.pracownia .sl-sub u{text-decoration:none;background:linear-gradient(transparent 64%,var(--zol) 64% 90%,transparent 90%)}
.pracownia .sl-zak{display:flex;align-items:center;gap:8px;margin:2px 0 0;font:400 clamp(19px,1.6vw,22px)/1 "Reenie Beanie",cursive;color:#1D1C1A}
.pracownia .sl-zak svg{flex:none;width:34px;height:20px;fill:none;stroke:#1D1C1A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pracownia .sl-btn{display:inline-flex;align-items:center;gap:12px;height:46px;padding:0 24px;margin-top:8px;border-radius:999px;background:#1D1C1A;color:#fff;font:700 17px/1 var(--f);text-decoration:none;box-shadow:0 8px 16px rgba(30,20,10,.3);transition:transform 160ms ease,background-color 160ms ease}
.pracownia .sl-btn svg{width:20px;height:13px;fill:none;stroke:#fff;stroke-width:2}
.pracownia .sl-btn:hover{transform:translateY(-2px);background:#000}.pracownia .sl-btn:focus-visible{outline:3px solid var(--zol);outline-offset:3px}
/* WARSTWA URZĄDZEŃ: wystaje poza kartę z góry i z prawej */
.pracownia .sl-scena{position:absolute;z-index:6;right:-40px;top:-46px;width:calc(49% + 40px);height:392px;perspective:1500px;pointer-events:none}
.pracownia .sl-urz{position:absolute;inset:0;opacity:0;transform:translateX(80px) scale(.93);transition:opacity 460ms ease,transform 760ms cubic-bezier(.2,.9,.3,1.08)}
.pracownia .sl-urz.on{opacity:1;transform:none}
.pracownia .sl-kol{position:absolute;right:2%;top:10%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ak) 78%,#fff),var(--ak) 62%,color-mix(in srgb,var(--ak) 78%,#000));opacity:.92;box-shadow:inset 0 0 0 5px rgba(255,255,255,.28),0 18px 30px -12px rgba(30,20,10,.5)}
.pracownia .sl-lap{position:absolute;left:5%;top:19%;width:88%;display:block;pointer-events:auto;transform-style:preserve-3d;transform:rotateY(-17deg) rotateX(5deg) rotateZ(-3deg);filter:drop-shadow(-14px 22px 16px rgba(20,10,0,.5))}
.pracownia .sl-lap .sl-ekr{position:relative;border:7px solid #131316;border-bottom-width:9px;border-radius:11px 11px 3px 3px;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1.5px #3a3a40}
.pracownia .sl-ekr img{position:static;inset:auto;display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.pracownia .sl-ekr::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.08) 34%,transparent 36%,transparent 70%,rgba(255,255,255,.12) 100%);pointer-events:none}
.pracownia .sl-podst{display:block;height:12px;margin:0 -6%;border-radius:0 0 16px 16px;background:linear-gradient(#e2e3e7,#9a9ba2 70%,#6d6e75);box-shadow:0 3px 4px rgba(0,0,0,.4)}
.pracownia .sl-podst::before{content:"";display:block;width:16%;height:4px;margin:0 auto;border-radius:0 0 6px 6px;background:#74757c}
.pracownia .sl-tel{position:absolute;right:-1%;bottom:4%;width:28%;display:block;pointer-events:auto;transform-style:preserve-3d;transform:rotateY(-18deg) rotateX(3deg) rotateZ(5deg);filter:drop-shadow(-12px 20px 14px rgba(20,10,0,.55))}
.pracownia .sl-tel .sl-ekr{position:relative;border:6px solid #131316;border-radius:24px;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1.5px #3a3a40}
.pracownia .sl-tel .sl-ekr img{aspect-ratio:390/844}
.pracownia .sl-tel .sl-ekr::before{content:"";position:absolute;z-index:2;left:50%;top:5px;width:34%;height:9px;transform:translateX(-50%);border-radius:9px;background:#131316}
.pracownia .sl-cien{position:absolute;left:6%;right:6%;bottom:1%;height:20px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(20,10,0,.42),transparent 70%)}
@media (prefers-reduced-motion:no-preference){.pracownia .sl-urz.on .sl-lap{animation:plyw 7s ease-in-out infinite}.pracownia .sl-urz.on .sl-tel{animation:plyw 6s ease-in-out infinite reverse}}
@keyframes plyw{50%{translate:0 -9px}}
.pracownia .sl-tasma{position:absolute;z-index:7;width:78px;height:30px;background:rgba(255,214,10,.85);box-shadow:0 2px 4px rgba(30,20,10,.25);clip-path:polygon(0 8%,4% 0,8% 12%,12% 0,100% 0,96% 40%,100% 70%,96% 100%,10% 100%,6% 88%,0 100%)}
.pracownia .sl-tasma.t1{left:-18px;top:-10px;transform:rotate(-28deg)}.pracownia .sl-tasma.t2{left:30%;bottom:62px;transform:rotate(4deg);display:none}
.pracownia .sl-ster{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:16px}
.pracownia .sl-kropki{display:flex;gap:8px;align-items:center}
.pracownia .sl-kr{appearance:none;border:0;background:none;padding:10px 0;cursor:pointer}
.pracownia .sl-kr i{display:block;position:relative;width:10px;height:10px;border-radius:999px;background:rgba(29,28,26,.3);overflow:hidden;transition:width 300ms ease,background-color 200ms ease}
.pracownia .sl-kr.on i{width:44px;background:rgba(29,28,26,.22)}
.pracownia .sl-kr.on i::after{content:"";position:absolute;inset:0;background:#1D1C1A;transform-origin:0 50%;transform:scaleX(var(--pp,1))}
.pracownia .sl-kr:focus-visible{outline:3px solid #1D1C1A;outline-offset:2px}
.pracownia .sl-str{display:flex;gap:10px}
.pracownia .sl-str button{appearance:none;width:46px;height:46px;border-radius:50%;border:1.5px solid #1D1C1A;background:rgba(255,255,255,.7);cursor:pointer;display:grid;place-items:center;transition:transform 160ms ease,background-color 160ms ease}
.pracownia .sl-str button:hover{background:var(--zol);transform:translateY(-2px)}.pracownia .sl-str button:focus-visible{outline:3px solid #1D1C1A;outline-offset:3px}
.pracownia .sl-str svg{width:20px;height:13px;fill:none;stroke:#1D1C1A;stroke-width:2}
@media (max-width:1023px){
  .pracownia .sl-slide{min-height:0}.pracownia .sl-slide::after{display:none}.pracownia .sl-txt{width:100%;padding:22px 20px}
  .pracownia .sl-tick{display:none}.pracownia .sl-tasma{display:none}
  .pracownia .sl-scena{position:relative;right:auto;top:auto;width:100%;height:290px;margin-top:-8px;order:2}
  .pracownia .sl-kol{right:6%;top:6%;width:62%}.pracownia .sl-lap{left:4%;width:74%}.pracownia .sl-tel{right:4%;width:26%}
}
@media (prefers-reduced-motion:reduce){.pracownia .sl-track,.pracownia .sl-urz{transition:none}}
/* ---- o57 blok style #10 id=ciemny-css ---- */
/* ===== CIEMNA BAZA: czerń i biel, żółty i zielony jako akcenty ===== */
html,body.pracownia{background:#08080a}
body.pracownia{color:#fff;
  background:
   radial-gradient(900px 520px at 80% 4%,rgba(255,214,10,.13),transparent 62%),
   radial-gradient(760px 520px at 6% 62%,rgba(25,194,107,.10),transparent 62%),
   radial-gradient(1200px 700px at 50% 120%,rgba(255,255,255,.05),transparent 60%),#08080a}
.pracownia .kartka-ramka,.pracownia .kartka-tlo{display:none}
/* siatka konstrukcyjna i ziarno */
.pracownia .kartka-wrap{background:
   linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/64px 64px,
   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/64px 64px}
.pracownia .kartka-wrap::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.055;mix-blend-mode:screen;pointer-events:none;z-index:0}
.pracownia .kartka{z-index:1}
.pracownia .pasek-app{background:rgba(8,8,10,.86);box-shadow:0 1px 0 rgba(255,255,255,.1)}
/* napisy */
.pracownia .a{color:#fff}
.pracownia .a .wyr{-webkit-text-stroke-color:#fff}
.pracownia .zakres,.pracownia .zakres li{color:#c9c9cc}
/* przycisk główny: żółty */
.pracownia .cta .btn,.pracownia a.btn{background:#FFD60A;color:#111;border-color:#FFD60A;box-shadow:0 10px 24px rgba(255,214,10,.28)}
.pracownia .cta .btn svg path,.pracownia .cta .btn .arr path{stroke:#111}
@media (hover:hover){.pracownia a.btn:hover{background:#fff;color:#111;box-shadow:0 12px 26px rgba(255,255,255,.25)}}
/* duże logo z kartki: biała wersja na czerni */
.pracownia .logo-big{mix-blend-mode:normal}
.pracownia .logo-big img{filter:invert(1) brightness(1.08)}
.pracownia .postep-kroki,.pracownia .postep-kroki span,.pracownia .postep-kroki span.on{color:#fff}
.pracownia .postep-tor{border-color:#fff}
.pracownia .postep-wstega{filter:drop-shadow(0 6px 14px rgba(255,214,10,.28))}
/* kroki 1–3: szkło na czerni */
.pracownia .hero-r .b{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px -18px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pracownia .b li{color:#fff}
.pracownia .b .n,.pracownia .is-active .n,.pracownia .b li.is-done .n{background:#fff;color:#111;border-color:#fff;box-shadow:none}
.pracownia .hero-r .b::before{background:rgba(255,255,255,.7)}
.pracownia .hero-r .b .wyr{color:#fff;background:repeating-linear-gradient(135deg,#19C26B 0 3px,rgba(25,194,107,.30) 3px 7px);box-shadow:0 0 0 1.5px rgba(255,255,255,.85);text-shadow:0 1px 0 rgba(0,0,0,.35)}
/* slider: papierowe karty świecą na czerni */
.pracownia .sl-vp{box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.16)}
.pracownia .sl-kr i{background:rgba(255,255,255,.35)}
.pracownia .sl-kr.on i{background:rgba(255,255,255,.25)}
.pracownia .sl-kr.on i::after{background:#FFD60A}
.pracownia .sl-str button{background:transparent;border-color:rgba(255,255,255,.7)}
.pracownia .sl-str svg{stroke:#fff}
.pracownia .sl-str button:hover{background:#FFD60A;border-color:#FFD60A}.pracownia .sl-str button:hover svg{stroke:#111}
.pracownia .sl-kr:focus-visible,.pracownia .sl-str button:focus-visible,.pracownia .sl:focus-visible{outline-color:#fff}
.pracownia .sl-urz .sl-cien{background:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 70%)}
/* rząd usług i technologii */
.pracownia .zestaw-w>.komp.tech-et{filter:invert(1);mix-blend-mode:normal;opacity:.9}
.pracownia .zl-chip{background:rgba(251,247,234,.92);box-shadow:0 8px 16px -8px rgba(0,0,0,.8)}
.pracownia .zl-nota:hover,.pracownia .zl-nota:focus-visible{filter:drop-shadow(0 14px 18px rgba(255,214,10,.28))}
.pracownia .zl:focus-visible{outline-color:#fff}
.pracownia .zl-nota .k-wp{background:rgba(251,247,234,.94);border-radius:8px}
/* ---- o57 blok style #11 id=v09-css ---- */
/* ===== CZYTELNOŚĆ: techniczne wersaliki zamiast cienkiego pisma odręcznego w treści ===== */
.pracownia{--tech:"Sofia Sans Extra Condensed","Arial Narrow",sans-serif}
.pracownia .sl-tag{font:800 20px/1 var(--tech);letter-spacing:.12em;padding:6px 12px 5px;transform:rotate(-1.5deg)}
.pracownia .sl-sub{font:400 clamp(17px,1.35vw,19px)/1.4 var(--f);color:#24231f;max-width:21em}
.pracownia .sl-sub u{text-decoration:none;background:none;border-bottom:3px solid #19C26B}
.pracownia .sl-zak{font:800 15px/1 var(--tech);letter-spacing:.1em;text-transform:uppercase;color:#1d1c1a}
.pracownia .sl-zak svg{stroke-width:2.2}
/* zielone słowa na czerni: pełniejsze, z mocnym konturem i ciemnym tekstem w zakreślaczu */
.pracownia .a .wyr{--hp:6px;--hl:3.4px;--ow:2.4px;background-image:repeating-linear-gradient(135deg,#34e58f 0 var(--hl),transparent var(--hl) var(--hp));-webkit-text-stroke-color:#fff;text-shadow:none}
.pracownia .hero-r .b .wyr{color:#07130c;font-weight:700;background:repeating-linear-gradient(135deg,#2fe08a 0 3px,#19C26B 3px 7px);box-shadow:0 0 0 1.5px #fff;text-shadow:none}
.pracownia .kroki .wyr,.pracownia .b .wyr{color:#07130c}
/* ===== KRÓLESTWO NASZYCH SPECJALIZACJI ===== */
.pracownia .krol{position:relative;z-index:2;padding:clamp(48px,6vw,88px) 0 clamp(56px,6vw,96px)}
.pracownia .krol .wrap{max-width:1440px;margin:0 auto;padding:0 var(--m,clamp(20px,5vw,72px))}
.pracownia .krol-nad{margin:0 0 10px;font:800 15px/1 var(--tech);letter-spacing:.2em;color:#FFD60A}
.pracownia .krol h2{margin:0;font:800 clamp(40px,4.8vw,68px)/1 var(--tech);letter-spacing:.01em;color:#fff;text-transform:uppercase}
.pracownia .krol-wstep{margin:14px 0 0;max-width:46em;font:400 clamp(17px,1.4vw,20px)/1.5 var(--f);color:#d9d9dc}
.pracownia .krol-linijka{height:22px;margin:26px 0 30px;border-bottom:1px solid rgba(255,255,255,.7);background:
   repeating-linear-gradient(90deg,rgba(255,255,255,.75) 0 1px,transparent 1px 72px) bottom/100% 16px no-repeat,
   repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 1px,transparent 1px 12px) bottom/100% 8px no-repeat}
.pracownia .krol-siatka{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:1100px){.pracownia .krol-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pracownia .krol-siatka{grid-template-columns:1fr}}
.pracownia .kr-k{position:relative;display:block;height:100%;text-decoration:none;color:#1d1c1a;transform:rotate(var(--r,0deg));filter:drop-shadow(0 22px 20px rgba(0,0,0,.75));transition:transform 240ms cubic-bezier(.2,.9,.3,1.2),filter 240ms ease}
.pracownia .kr-k:hover,.pracownia .kr-k:focus-visible{transform:translateY(-8px) rotate(0deg);filter:drop-shadow(0 30px 24px rgba(0,0,0,.8)) drop-shadow(0 0 14px rgba(255,214,10,.35));outline:none}
.pracownia .kr-pap{position:relative;display:flex;flex-direction:column;gap:7px;height:100%;min-height:0;padding:27px 18px 13px;background-color:var(--nc,#efe6cf);background-image:url(../img/tla/papier-1-m.jpg);background-size:380px;background-blend-mode:multiply}
.pracownia .vw-vell{--nc:#e4e1d6}.pracownia .vw-sticky{--nc:#f3e69c}.pracownia .vw-krepa{--nc:#efe6cf}.pracownia .vw-biala{--nc:#f6f2e6}.pracownia .vw-kraft{--nc:#dccb9d}
.pracownia .vw-sticky .kr-pap{clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%)}
.pracownia .vw-sticky .kr-pap::after{content:"";position:absolute;right:0;bottom:0;width:34px;height:34px;background:linear-gradient(315deg,transparent 50%,#d2c26c 50%,#e9dc8c)}
.pracownia .vw-kraft .kr-pap{clip-path:polygon(0.0% 1.2%,4.2% 1.5%,8.3% 2.4%,12.5% 1.2%,16.7% 1.3%,20.8% 1.5%,25.0% 0.5%,29.2% 1.3%,33.3% 1.6%,37.5% 2.1%,41.7% 0.2%,45.8% 0.8%,50.0% 0.2%,54.2% 2.1%,58.3% 1.8%,62.5% 0.1%,66.7% 2.6%,70.8% 2.5%,75.0% 1.7%,79.2% 1.6%,83.3% 0.4%,87.5% 0.0%,91.7% 1.4%,95.8% 0.2%,100.0% 0.5%,100.0% 99.4%,95.8% 99.9%,91.7% 98.8%,87.5% 98.9%,83.3% 97.8%,79.2% 98.7%,75.0% 98.3%,70.8% 98.7%,66.7% 98.3%,62.5% 98.8%,58.3% 99.3%,54.2% 97.4%,50.0% 97.4%,45.8% 97.8%,41.7% 98.2%,37.5% 99.2%,33.3% 99.4%,29.2% 99.2%,25.0% 99.8%,20.8% 98.0%,16.7% 99.0%,12.5% 97.8%,8.3% 99.0%,4.2% 97.5%,0.0% 97.8%)}
.pracownia .vw-krepa .kr-pap{clip-path:polygon(0 0,100% 0,100.0% 100.0%,96.4% 99.5%,92.9% 98.0%,89.3% 99.0%,85.7% 97.8%,82.1% 99.1%,78.6% 99.8%,75.0% 98.6%,71.4% 98.3%,67.9% 99.4%,64.3% 99.8%,60.7% 99.3%,57.1% 97.9%,53.6% 98.3%,50.0% 99.7%,46.4% 99.5%,42.9% 99.8%,39.3% 99.9%,35.7% 98.2%,32.1% 99.6%,28.6% 98.8%,25.0% 99.0%,21.4% 99.6%,17.9% 98.4%,14.3% 99.7%,10.7% 98.6%,7.1% 99.7%,3.6% 99.1%,0.0% 99.5%)}
.pracownia .vw-biala .kr-pap{box-shadow:inset 0 0 0 5px #f6f2e6,inset 0 0 0 7px rgba(29,28,26,.55)}
.pracownia .kr-tasma{position:absolute;z-index:3;left:50%;top:-10px;width:74px;height:24px;margin-left:-37px;transform:rotate(-3deg);background:rgba(204,199,184,.82);box-shadow:0 2px 4px rgba(0,0,0,.35);clip-path:polygon(0 8%,4% 0,8% 12%,12% 0,100% 0,96% 40%,100% 70%,96% 100%,10% 100%,6% 88%,0 100%)}
.pracownia .kr-nr{position:absolute;right:18px;top:12px;font:800 12px/1 var(--tech);letter-spacing:.18em;color:#5a5951;transition:opacity 200ms ease}
.pracownia .kr-gl{display:flex;align-items:center;gap:11px;min-height:46px}
.pracownia .kr-ik{width:44px;height:44px;flex:none;margin:0}
/* nazwa pisana tym samym krojem co reszta strony (wersaliki Sofia Sans Extra Condensed), bez pisma odręcznego */
.pracownia .kr-n{margin:0;min-height:0;display:block;font:800 clamp(23px,1.85vw,27px)/1.02 var(--tech);letter-spacing:.03em;text-transform:uppercase;color:#1d1c1a;-webkit-text-stroke:0}
.pracownia .kr-n span{display:inline;padding:.04em .22em .02em;margin-left:-.22em;background:#FFD60A;clip-path:polygon(0 14%,2% 0,98% 8%,100% 20%,99% 86%,97% 100%,3% 92%,0 82%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.pracownia .kr-co{list-style:none;margin:0;padding:0;font:400 15px/1.36 var(--f);color:#24231f}
.pracownia .kr-co li{position:relative;padding:0 0 0 24px}
/* ręcznie rysowane znaczki: każdy punkt ma własny rysunek kreski i pochylenie, kolor piktogramu karty */
.pracownia .kr-co li::before{content:"";position:absolute;left:0;top:.2em;width:16px;height:16px;background:var(--ic2,#1d1c1a);transform:rotate(var(--rot,0deg));-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.pracownia .kr-co li.z1::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8.6C3.5 9.5 4.8 11 5.8 13 8 8.6 10.5 5 14.2 2.6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8.6C3.5 9.5 4.8 11 5.8 13 8 8.6 10.5 5 14.2 2.6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pracownia .kr-co li.z2::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 9.4C4 6.8 6 10.6 8.6 8 10.6 6.2 12 8.4 14.6 6.4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 9.4C4 6.8 6 10.6 8.6 8 10.6 6.2 12 8.4 14.6 6.4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pracownia .kr-co li.z3::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.6 8.6C5 8 9 7.8 13.6 8.2M9.6 4.2C11 5.8 12.4 7 14 8.3 12.4 9.6 11 10.8 9.4 12.4' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.6 8.6C5 8 9 7.8 13.6 8.2M9.6 4.2C11 5.8 12.4 7 14 8.3 12.4 9.6 11 10.8 9.4 12.4' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pracownia .kr-co li.z4::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.8L8.4 14M2.6 4.6L13.4 11.6M13.2 4.2L2.8 11.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.8L8.4 14M2.6 4.6L13.4 11.6M13.2 4.2L2.8 11.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.pracownia .kr-co li.z5::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 2.5C3 6 3.2 9 3.4 12.6 6 12.4 9 12.5 13.5 12.8M10.2 9.6L13.8 12.8 10.4 15.2' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 2.5C3 6 3.2 9 3.4 12.6 6 12.4 9 12.5 13.5 12.8M10.2 9.6L13.8 12.8 10.4 15.2' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pracownia .kr-nar{margin-top:auto;padding-top:4px}
.pracownia .kr-nl{display:block;margin-bottom:4px;font:800 10.5px/1 var(--tech);letter-spacing:.2em;color:#6b6a63}
.pracownia .kr-nar p{margin:0;display:flex;flex-wrap:wrap;gap:5px 6px}
.pracownia .kr-ch{display:inline-block;padding:1px 6px 1px;background:#f7f2e2;border-radius:4px;font:700 12.5px/1.25 var(--f);letter-spacing:.005em;color:#1d1c1a;-webkit-text-stroke:0;box-shadow:0 0 0 1.4px #1d1c1a,0 2px 4px rgba(30,20,10,.28)}
.pracownia .kr-wiecej{position:absolute;right:18px;top:11px;font:800 13px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase;color:#1d1c1a;opacity:0;transform:translateX(-6px);transition:opacity 200ms ease,transform 200ms ease}
.pracownia .kr-k:hover .kr-wiecej,.pracownia .kr-k:focus-visible .kr-wiecej{opacity:1;transform:none}
.pracownia .kr-k:hover .kr-nr,.pracownia .kr-k:focus-visible .kr-nr{opacity:0}
@media (prefers-reduced-motion:reduce){.pracownia .kr-k,.pracownia .kr-wiecej{transition:none}}
/* ---- o57 blok style #12 id=v11-css ---- */
.pracownia .kicker2{margin:0 0 12px;font:700 clamp(15px,1.3vw,19px)/1.3 var(--f);color:#e6e6e8;letter-spacing:.005em}
/* menu: Kontakt widoczny także na telefonie */
@media (max-width:1023px){
  .pracownia .pasek-app nav{display:block!important}
  .pracownia .pasek-app nav ul{display:flex;gap:0}
  .pracownia .pasek-app nav li:not(:last-child){display:none}
  .pracownia .pasek-app nav li:last-child .pig-off,.pracownia .pasek-app nav li:last-child a{display:inline-flex;align-items:center;height:44px;padding:0 18px;border:1.5px solid rgba(255,255,255,.75);border-radius:999px;color:#fff;font:700 15px/1 var(--f)}
  .pracownia .a{font-size:clamp(34px,9.2vw,46px)!important;line-height:1.02!important}
}
/* zakończenie strony */
.pracownia .kon{position:relative;z-index:2;padding:clamp(48px,6vw,88px) 0;border-top:1px solid rgba(255,255,255,.16)}
.pracownia .kon .wrap,.pracownia .stopka2 .wrap{max-width:1440px;margin:0 auto;padding:0 var(--m,clamp(20px,5vw,72px))}
.pracownia .kon h2{margin:0;max-width:16em;font:800 clamp(36px,4.2vw,60px)/1.02 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;color:#fff;text-transform:uppercase}
.pracownia .kon p{margin:14px 0 26px;max-width:40em;font:400 clamp(17px,1.4vw,20px)/1.5 var(--f);color:#d9d9dc}
.pracownia .kon-btn{display:inline-flex;align-items:center;gap:14px;height:58px;padding:0 30px;border-radius:10px;background:#FFD60A;color:#111;font:700 20px/1 var(--f);text-decoration:none;box-shadow:0 10px 24px rgba(255,214,10,.28);transition:transform 160ms ease,background-color 160ms ease}
.pracownia .kon-btn svg{width:20px;height:13px;fill:none;stroke:#111;stroke-width:2}
.pracownia .kon-btn:hover{transform:translateY(-2px);background:#fff}
.pracownia .stopka2{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.16);padding:34px 0 48px}
.pracownia .stopka2 .wrap{display:flex;flex-wrap:wrap;gap:20px 48px;align-items:center;justify-content:space-between}
.pracownia .stopka2 img{width:min(340px,70vw);height:auto;filter:invert(1) brightness(1.08)}
.pracownia .stopka2 p{margin:0;font:400 15px/1.5 var(--f);color:#a9a9ad}

/* nagłówek sekcji specjalizacji wyśrodkowany */
.pracownia .krol-nad,.pracownia .krol h2,.pracownia .krol-wstep{text-align:center;margin-left:auto;margin-right:auto}
/* mniej żółtego na kafelkach: zakreślacz pojawia się dopiero przy najechaniu; ikony kolorowe po animacji wejścia i przy najechaniu */
.pracownia .kr-n span{background:linear-gradient(transparent 58%,#FFD60A 58% 94%,transparent 94%) no-repeat 0 0/0% 100%;clip-path:none;padding:.04em .22em .02em;transition:background-size 420ms ease}
.pracownia .kr-k:hover .kr-n span,.pracownia .kr-k:focus-visible .kr-n span{background-size:100% 100%}
.pracownia .kr-k{--ic:#2B2925}
.pracownia .kr-ik *{stroke:var(--ic,#2B2925)!important;transition:stroke 600ms ease calc(var(--i,0)*110ms + 300ms)}
.pracownia .krol.jest .kr-k,.pracownia .kr-k:hover,.pracownia .kr-k:focus-visible{--ic:var(--ic2,#2B2925)}
.pracownia .kr-k:hover .kr-ik *,.pracownia .kr-k:focus-visible .kr-ik *{transition-delay:0s}
.pracownia .kr-ik{border-radius:50%;transition:background 600ms ease calc(var(--i,0)*110ms + 300ms)}
.pracownia .krol.jest .kr-ik,.pracownia .kr-k:hover .kr-ik{background:radial-gradient(circle,color-mix(in srgb,var(--ic2) 20%,transparent) 0 64%,transparent 65%)}
@media (prefers-reduced-motion:no-preference){
  .js-v .krol:not(.jest) .kr-k{opacity:0;transform:translateY(46px) rotate(var(--r,0deg))}
  .krol.jest .kr-k{animation:kr-wej 700ms cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(var(--i,0)*110ms)}
  .krol.jest .kr-ik{animation:kr-pop 650ms cubic-bezier(.3,1.4,.4,1) backwards;animation-delay:calc(var(--i,0)*110ms + 400ms)}
}
@keyframes kr-wej{from{opacity:0;transform:translateY(46px) rotate(calc(var(--r,0deg)*2))}to{opacity:1;transform:translateY(0) rotate(var(--r,0deg))}}
@keyframes kr-pop{0%{transform:scale(.6)}60%{transform:scale(1.14)}100%{transform:scale(1)}}

/* ===== POPRAWKI po uwagach Łukasza (02.11.2026) ===== */
/* slider: bez beżowej wstęgi z zygzakiem za urządzeniami; czytelna nota */
.pracownia .sl-slide::after{display:none!important}
.pracownia .sl-nota{margin:-2px 0 0;font:400 14px/1.3 var(--f);color:#5a5951!important}
/* zielone słowa na czerni: pełne, jasne wypełnienie z ciemnym kreskowaniem i białym konturem */
.pracownia .a .wyr{-webkit-text-fill-color:transparent;background-image:repeating-linear-gradient(135deg,#46f2a5 0 6px,#19b866 6px 9px)!important;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:2.2px #fff;filter:drop-shadow(0 0 16px rgba(70,242,165,.4))}
.pracownia .hero-r .b .wyr{color:#04140b!important;font-weight:800;background:repeating-linear-gradient(135deg,#46f2a5 0 5px,#2fd88b 5px 9px)!important;box-shadow:0 0 0 2px #fff,0 0 18px rgba(70,242,165,.45)!important;padding:0 .2em!important}
/* kafle specjalizacji: ten sam układ w każdym, równe krawędzie */
.pracownia .kr-k:nth-child(n){transform:rotate(var(--r,0deg))}
.pracownia .kr-pap{min-height:0}

/* ===== uwagi z wieczoru 02.11.2026: wyróżnienie „20 lat”, równe karty obok siebie ===== */
.pracownia .a{margin-bottom:clamp(8px,2vw,30px)}
/* karta slidera dopasowuje się do wysokości ramki obok, a jej treść (tekst i urządzenia) jest większa i wyśrodkowana w pionie (Łukasz, 03.11.2026) */
@media (min-width:1024px){
  .pracownia .hero-l{display:flex;flex-direction:column}
  .pracownia .sl{flex:1 1 auto;display:flex;flex-direction:column}
  .pracownia .sl-vp{flex:1 1 auto;display:flex;min-height:0}
  .pracownia .sl-track{flex:0 0 100%;min-width:0}
  .pracownia .sl-slide{min-height:344px;display:flex;align-items:center}
  .pracownia .sl-txt{padding:24px 0 24px 38px;gap:14px}
  .pracownia .sl-tag{font-size:25px;padding:7px 14px 6px}
  .pracownia .sl-title{font-size:clamp(28px,2.55vw,38px);line-height:1.06}
  .pracownia .sl-sub{font-size:clamp(18px,1.5vw,21px);line-height:1.42}
  .pracownia .sl-btn{height:56px;padding:0 clamp(22px,2.2vw,32px);margin-top:10px;font-size:clamp(17px,1.35vw,19px);gap:14px;white-space:nowrap}
  .pracownia .sl-btn svg{width:22px;height:14px}
  .pracownia .sl-scena{top:-46px;bottom:62px;height:auto}
}
/* plakietka „20 lat” (koncepcja C): żółta tabliczka z nitami, przyklejona krzywo na górze ramki */
.pracownia .hero-r .b li.b-top{display:block;height:auto;min-height:0;flex:0 0 auto;padding:0;border:0;margin:-6px -8px 18px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.5))}
.pracownia .plak{position:relative;padding:14px 22px 14px 24px;background:#FFD60A;color:#111;display:flex;align-items:center;gap:18px;transform:rotate(-1.6deg);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.pracownia .p20{flex:0 0 auto;font:800 clamp(84px,7.2vw,104px)/.72 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:-.01em;padding-top:8px}
.pracownia .ptxt{display:flex;flex-direction:column;gap:7px;padding-left:18px;border-left:3px solid #111}
.pracownia .ptxt em{font:700 12px/1 var(--f);font-style:normal;letter-spacing:.26em;text-transform:uppercase}
.pracownia .ptxt b{font:800 clamp(30px,2.65vw,38px)/.86 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.pracownia .riv{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#555,#111 70%)}
.pracownia .r1{left:10px;top:10px}.pracownia .r2{right:10px;top:10px}.pracownia .r3{left:10px;bottom:10px}.pracownia .r4{right:10px;bottom:10px}
/* pasek „Poznajemy”: trzy gładkie żółte odcinki */
.pracownia .hero-r .b li.b-poz{display:block;flex:0 0 auto;height:auto;min-height:0;padding:0;border:0;margin:0 0 8px}
.pracownia .poz{display:block}
.pracownia .poz-seg{position:relative;display:flex;gap:4px;height:32px}
.pracownia .poz-seg i{flex:1;background:#FFD60A;border-radius:5px}
.pracownia .poz-seg i:first-child{border-radius:999px 5px 5px 999px}
.pracownia .poz-seg i:nth-child(3){border-radius:5px 999px 999px 5px}
.pracownia .poz-seg span{position:absolute;inset:0;display:grid;place-items:center;font:700 12.5px/1 var(--f);letter-spacing:.3em;text-transform:uppercase;color:#111}
/* kroki 1–3: numery jako małe żółte etykietki (nie białe kółka); „marketing” z zielonym podkreśleniem */
.pracownia .hero-r .b li .n,.pracownia .hero-r .b li.is-done .n,.pracownia .hero-r .b li.is-active .n{background:#FFD60A;color:#111;border-color:#FFD60A;border-radius:4px}
.pracownia .hero-r .b li .n i{font:800 22px/1 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;font-style:normal;padding-top:2px}
.pracownia .b b.mk{font-weight:700;text-decoration:underline;text-decoration-color:#19C26B;text-decoration-thickness:2.5px;text-underline-offset:5px;text-decoration-skip-ink:none}
.pracownia .lat20-btn{display:inline-flex;align-items:center;gap:12px;height:46px;padding:0 22px;border:1.5px solid rgba(255,255,255,.7);border-radius:999px;background:transparent;color:#fff;font:600 17px/1 var(--f);text-decoration:none;white-space:nowrap;transition:background 160ms ease,color 160ms ease,border-color 160ms ease}
.pracownia .lat20-btn svg{width:20px;height:13px;fill:none;stroke:currentColor;stroke-width:2;transition:transform 160ms ease}
.pracownia .lat20-btn:hover,.pracownia .lat20-btn:focus-visible{background:#fff;color:#111;border-color:#fff}
.pracownia .lat20-btn:hover svg,.pracownia .lat20-btn:focus-visible svg{transform:translateX(4px)}
.pracownia .hero-r .b li.b-cta{display:block;height:auto;flex:0 0 auto;padding-top:10px}
@media (max-width:1023px){.pracownia .hero-r .b li.b-cta{padding-top:14px}.pracownia .hero-r .b li.is-active{padding-bottom:16px}.pracownia .lat20-btn{width:100%;justify-content:center}}
/* slider i kroki: te same górne i dolne krawędzie, więcej powietrza między nimi */
@media (min-width:1024px){
  .pracownia .hero-cols{align-items:stretch}
  .pracownia .hero-r{display:flex;flex-direction:column;padding-bottom:var(--ster-h,62px);padding-left:clamp(0px,2.2vw,32px)}
  .pracownia .hero-r .b{flex:1;display:flex;flex-direction:column;margin:0;--t-b:clamp(20px,1.8vw,27px);--px:22px}
  .pracownia .hero-r .b::before{display:none}
  .pracownia .hero-r .b li{flex:1;height:auto;min-height:44px}
  .pracownia .hero-r .b li.is-done::after{content:"";position:absolute;left:calc(var(--bcx,13px) - 1px);top:50%;height:100%;width:2px;background:rgba(255,255,255,.7);z-index:0}
  .pracownia .hero-r .b .n{position:relative;z-index:1}
}
/* łącznik między krokami 1–3 na każdej szerokości (stara kreska z ::before wyłączona) */
.pracownia .hero-r .b::before{display:none}
@media (max-width:1023px){.pracownia .hero-r .b{--bcx:12px}
  .pracownia .hero-r .b li.is-done::after{content:"";position:absolute;left:calc(var(--bcx) - 1px);top:50%;height:100%;width:2px;background:rgba(255,255,255,.7);z-index:0}
  .pracownia .hero-r .b .n{position:relative;z-index:1}}
/* logo, wstęga i pasek „Poznajemy” w tej samej szerokości i na tych samych krawędziach co ramka z krokami pod spodem */
@media (min-width:1400px){
  .pracownia{--cardW:calc(min(1296px,100vw - 144px) * 5 / 12 - 14px - clamp(0px,2.2vw,32px))}
  .pracownia .logo-big{width:var(--cardW);right:72px}
  .pracownia .postep{top:calc(var(--cardW) * .465);width:calc(var(--cardW) - 104px);right:calc(72px + 52px)}
}
/* ===== złote tło „z warsztatu”: trójwymiar z siatki w perspektywie, linijki i odręcznych dopisków ===== */
.pracownia .hero{position:relative}
.pracownia .hero .wrap{position:relative;z-index:1}
.pracownia .zl-warstwa{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;perspective:760px;perspective-origin:50% 12%}
.pracownia .zl-podloga{position:absolute;left:-30%;right:-30%;bottom:-6%;height:112%;transform:rotateX(64deg);transform-origin:50% 100%;
  background-image:linear-gradient(rgba(255,205,40,.3) 1.4px,transparent 1.4px),linear-gradient(90deg,rgba(255,205,40,.3) 1.4px,transparent 1.4px);background-size:84px 84px;
  -webkit-mask-image:linear-gradient(to top,#000 2%,rgba(0,0,0,.65) 42%,transparent 94%);mask-image:linear-gradient(to top,#000 2%,rgba(0,0,0,.65) 42%,transparent 94%)}
.pracownia .zlote{position:absolute;inset:0;pointer-events:none;z-index:0}
.pracownia .zl-form{position:absolute;pointer-events:none;z-index:0;filter:drop-shadow(0 4px 0 rgba(110,72,0,.55)) drop-shadow(0 0 14px rgba(255,200,40,.28))}
.pracownia .krol{position:relative}
.pracownia .krol>.wrap,.pracownia .kon>.wrap{position:relative;z-index:1}
.pracownia .kon .zl-form{right:clamp(24px,9vw,170px);top:50%;width:clamp(170px,15vw,220px);opacity:.62;transform:translateY(-50%) perspective(700px) rotateY(-16deg) rotate(5deg)}
.pracownia .krol .zl-krol{right:clamp(20px,6vw,110px);top:14px;width:clamp(105px,10vw,148px);opacity:.42;transform:perspective(700px) rotateY(-16deg) rotate(-6deg)}
@media (max-width:1099px){.pracownia .krol .zl-krol{display:none}}
@media (max-width:820px){.pracownia .kon .zl-form{width:150px;right:12px;top:auto;bottom:18px;opacity:.28;transform:perspective(700px) rotateY(-16deg) rotate(5deg)}}
/* pasek „Poznajemy” w ramce z krokami, nad 1–3: lżejszy, w tym samym języku co ramka (szkło, cienki obrys, przygaszone złoto) */
.pracownia .postep-tor{height:30px!important;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.55);box-shadow:none;filter:none}
.pracownia .postep-wyp{background:repeating-linear-gradient(135deg,rgba(255,214,10,.62) 0 6px,rgba(255,214,10,.2) 6px 12px)}
.pracownia .postep-tor .ti{background:rgba(255,255,255,.45);opacity:1}
.pracownia .postep-txt{color:#fff!important;font-size:12.5px!important;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.pracownia .postep-kroki,.pracownia .postep-kroki span,.pracownia .postep-kroki span.on{color:#cfcfd2;font-size:11.5px;font-weight:600}
@media (min-width:1280px){.pracownia .hero-l{margin-right:-44px}}
/* ---- o57 blok style #13 id=v13-css ---- */
@font-face{font-family:"Caveat";font-weight:600;font-display:swap;src:url(../fonts/caveat-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Caveat";font-weight:600;font-display:swap;src:url(../fonts/caveat-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/* ===== WERSJA 13: sekcje „Jak wchodzimy w Twój biznes” (.jw) i „Ludzie, którzy wchodzą w ten biznes razem z Tobą” (.lu) =====
   Ten sam świat co v12: czerń, biel, żółty #FFD60A, zieleń tylko jako cienkie podkreślenie, papier i taśma jako akcent, nowoczesny układ pod spodem.
   Pismo: Sofia Sans Extra Condensed (--tech) i Sofia Sans (--f) jak dotąd; odręczne Caveat tylko w notatkach na papierze. */
.pracownia{--vh:min(100svh,1000px);--ease:cubic-bezier(.5,.05,.15,1);--ink:#23221f;--grafit:#4a4842;--kraft:#e6d5a8}
.pracownia .jw,.pracownia .lu{position:relative;z-index:2;color:#fff}
.pracownia .jw-nad{margin:0 0 16px;font:800 15px/1.25 var(--tech);letter-spacing:.2em;color:#FFD60A}
.pracownia .jw-h,.pracownia .lu-kop h2{margin:0;font:800 clamp(40px,4.7vw,68px)/1.02 var(--tech);letter-spacing:.005em;color:#fff}
.pracownia .zu{text-decoration:underline;text-decoration-color:#19C26B;text-decoration-thickness:4px;text-underline-offset:.09em;text-decoration-skip-ink:none}
.pracownia .zb{text-decoration:underline;text-decoration-color:rgba(255,255,255,.55);text-decoration-thickness:3px;text-underline-offset:.12em;text-decoration-skip-ink:none}
.pracownia .mk{color:inherit;padding:0 .14em;margin:0 -.14em;background:linear-gradient(100deg,transparent 0,var(--mkc,#FFD60A) 2.5%,var(--mkc,#FFD60A) 97.5%,transparent 100%) 0 82%/0% 62% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .85s cubic-bezier(.6,0,.2,1) .35s,color .3s ease .95s}

/* ---------- SEKCJA 1: żywy arkusz ---------- */
.pracownia .jw-kop-m{display:none}
.pracownia .jw-scena{position:relative}
.pracownia.js-jw .jw-scena{height:calc(var(--vh)*4.4)}
.pracownia.js-jw .jw-pin{position:sticky;top:56px;height:calc(var(--vh) - 56px);display:flex;align-items:center}
.pracownia .jw-pin{padding:clamp(24px,4vw,56px) 0}
.pracownia .jw-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(28px,4vw,72px);align-items:center;width:100%}
.pracownia .jw-lewa{position:relative;z-index:2}
.pracownia .jw-lewa .jw-h{font-size:calc(clamp(40px,4.7vw,68px)*(1 - .46*var(--k,1)));line-height:1.04;opacity:calc(1 - .22*var(--k,1))}
.pracownia .jw-lewa .jw-nad{opacity:calc(1 - .5*var(--k,1))}
.pracownia .jw-stan{margin-top:calc(clamp(26px,3.2vw,44px) - 12px*var(--k,1));max-width:30em}
.pracownia .jw-tor{display:flex;gap:6px}
.pracownia .jw-tor i{position:relative;flex:1;height:calc(15px + 9px*var(--k,1));border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.05);overflow:hidden;border-radius:8px}
.pracownia .jw-tor i::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,214,10,.9) 0 6px,rgba(255,214,10,.45) 6px 12px);transform-origin:left;transform:scaleX(clamp(0,calc(var(--p,1)*4 - var(--i)),1))}
.pracownia .jw-et{margin:16px 0 0;display:flex;flex-direction:column;gap:6px}
.pracownia .jw-et-n{font:800 calc(clamp(16px,1.35vw,19px)*(1 + .85*var(--k,1)))/1.1 var(--tech);letter-spacing:.14em;color:#FFD60A}
.pracownia .jw-et-t{font:400 calc(clamp(17px,1.4vw,20px)*(1 + .7*var(--k,1)))/1.3 var(--f);color:#fff;min-height:2.6em}
.pracownia .jw-prawa{display:flex;justify-content:flex-end;position:relative;z-index:1}

.pracownia .jw-arkusz{--fs:3.05cqw;position:relative;container-type:inline-size;width:min(100%,calc((var(--vh) - 56px - 72px)*1.25));aspect-ratio:5/4;transform-origin:100% 50%;transform:translateX(calc(-1.5% * var(--p,0))) scale(calc(1 + .045*var(--p,0))) rotate(-.5deg);
 background-color:#f4f0e4;background-image:linear-gradient(rgba(70,58,30,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(70,58,30,.09) 1px,transparent 1px),linear-gradient(rgba(250,247,238,.66),rgba(250,247,238,.66)),url(../img/tla/papier-1-m.jpg);background-size:4cqw 4cqw,4cqw 4cqw,100% 100%,420px;background-blend-mode:normal,normal,normal,multiply;
 box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 34px 60px rgba(0,0,0,.7),0 6px 14px rgba(0,0,0,.5);color:var(--ink)}
.pracownia .jw-arkusz::after{content:"";position:absolute;right:0;bottom:0;width:5cqw;height:5cqw;background:linear-gradient(315deg,#08080a 0 50%,#cfc6ac 50% 100%);box-shadow:-2px -2px 5px rgba(0,0,0,.28)}
.pracownia .jw-tasma{position:absolute;z-index:6;width:11cqw;height:3.2cqw;background:rgba(214,208,190,.88);box-shadow:0 2px 4px rgba(0,0,0,.35);clip-path:polygon(0 8%,4% 0,8% 12%,12% 0,100% 0,96% 40%,100% 70%,96% 100%,10% 100%,6% 88%,0 100%)}
.pracownia .jw-tasma.t1{left:-2.5cqw;top:1.4cqw;transform:rotate(-38deg)}
.pracownia .jw-tasma.t2{right:-2.5cqw;top:1.4cqw;transform:rotate(38deg)}
.pracownia .jw-tasma.t3{left:50%;top:-1.6cqw;margin-left:-5.5cqw;transform:rotate(-2deg)}
.pracownia .jw-tyt{position:absolute;left:5%;top:3%;margin:0;font:600 4.7cqw/1 "Caveat","Segoe Script",cursive;color:var(--ink)}
.pracownia .jw-tyt svg{display:block;width:92%;height:1.3cqw;margin-top:.5cqw;overflow:visible}
.pracownia .jw-tyt path{fill:none;stroke:var(--grafit);stroke-width:2.4;stroke-linecap:round}
.pracownia .jw-przyklad{position:absolute;right:7.5%;top:4%;margin:0;font:800 max(10px,1.4cqw)/1.2 var(--tech);letter-spacing:.16em;color:#7a7461;text-align:right}
.pracownia .jw-bazgr{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .6s ease}
.pracownia .jw-bazgr .bz path{fill:none;stroke:var(--grafit);stroke-width:3;stroke-linecap:round;opacity:.7}
.pracownia .jw-scena:not([data-st="0"]) .jw-bazgr{opacity:0}

.pracownia .jw-e{position:absolute;left:var(--l);top:var(--t);width:var(--w);margin:0;opacity:var(--o);transform:rotate(var(--r));pointer-events:none;box-sizing:border-box;
 transition:left .95s var(--ease),top .95s var(--ease),width .95s var(--ease),transform .95s var(--ease),opacity .7s ease,font-size .9s var(--ease)}
.pracownia .jw-n{padding:.42em .6em .5em;font:600 var(--fs)/1.08 "Caveat","Segoe Script",cursive;color:var(--ink);background-color:var(--kraft);background-image:url(../img/tla/papier-1-m.jpg);background-size:380px;background-blend-mode:multiply;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 7px 12px rgba(30,20,10,.3),0 1px 2px rgba(30,20,10,.45)}
.pracownia .jw-p{font:600 calc(var(--fs)*1.16)/1.08 "Caveat","Segoe Script",cursive;color:var(--grafit)}
.pracownia .jw-m{font-size:calc(var(--fs)*1.05);color:#2b2a26}
.pracownia .jw-lbl{font:800 max(10px,1.45cqw)/1.2 var(--tech);letter-spacing:.18em;color:#7a7461}
.pracownia .jw-skr{position:absolute;left:-4%;top:6%;width:108%;height:88%;overflow:visible}
.pracownia .jw-skr path{fill:none;stroke:#111;stroke-width:3.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .55s ease}
.pracownia .jw-skr path{opacity:0}
.pracownia .jw-scena[data-st="2"] .jw-skr path,.pracownia .jw-scena[data-st="3"] .jw-skr path,.pracownia .jw-scena[data-st="4"] .jw-skr path{opacity:1}
.pracownia .jw-skr path.p2{transition-delay:.5s}
.pracownia .jw-chips li{background:rgba(255,255,255,.35)}
.pracownia .jw-scena[data-st="2"] .jw-skr path,.pracownia .jw-scena[data-st="3"] .jw-skr path,.pracownia .jw-scena[data-st="4"] .jw-skr path{stroke-dashoffset:0}
.pracownia .jw-str{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .7s ease}
.pracownia .jw-str .ar,.pracownia .jw-str .ah{fill:none;stroke:var(--grafit);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.pracownia .jw-str .ar{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s ease}
.pracownia .jw-str .ah{opacity:0;transition:opacity .2s ease}
.pracownia .jw-str .ar{opacity:0}
.pracownia .jw-scena:not([data-st="0"]):not([data-st="1"]) .jw-str .ar,.pracownia .jw-scena[data-st="1"] .jw-str .ar:not(.a5){opacity:1}
.pracownia .jw-scena:not([data-st="0"]) .jw-str .ar.a1{stroke-dashoffset:0;transition-delay:.25s}
.pracownia .jw-scena:not([data-st="0"]) .jw-str .ar.a2{stroke-dashoffset:0;transition-delay:.5s}
.pracownia .jw-scena:not([data-st="0"]) .jw-str .ar.a3{stroke-dashoffset:0;transition-delay:.75s}
.pracownia .jw-scena:not([data-st="0"]) .jw-str .ar.a4{stroke-dashoffset:0;transition-delay:1s}
.pracownia .jw-scena:not([data-st="0"]) .jw-str .ah.a1{opacity:1;transition-delay:.95s}
.pracownia .jw-scena:not([data-st="0"]) .jw-str .ah.a2{opacity:1;transition-delay:1.2s}
.pracownia .jw-scena:not([data-st="0"]) .jw-str .ah.a3{opacity:1;transition-delay:1.45s}
.pracownia .jw-scena:not([data-st="0"]) .jw-str .ah.a4{opacity:1;transition-delay:1.7s}
.pracownia .jw-scena[data-st="2"] .jw-str .ar.a5,.pracownia .jw-scena[data-st="3"] .jw-str .ar.a5,.pracownia .jw-scena[data-st="4"] .jw-str .ar.a5{stroke-dashoffset:0;transition-delay:.9s}
.pracownia .jw-scena[data-st="2"] .jw-str .ah.a5,.pracownia .jw-scena[data-st="3"] .jw-str .ah.a5,.pracownia .jw-scena[data-st="4"] .jw-str .ah.a5{opacity:1;transition-delay:1.7s}
.pracownia .jw-scena[data-st="3"] .jw-str{opacity:.22}
.pracownia .jw-scena[data-st="4"] .jw-str{opacity:0}
.pracownia .jw-str-m{display:none}

/* decyzja */
.pracownia .jw-dec{padding:.5em .7em .6em;background-color:#fbf8ee;background-image:url(../img/tla/papier-1-m.jpg);background-size:380px;background-blend-mode:multiply;font:600 var(--fs)/1.04 "Caveat","Segoe Script",cursive;color:var(--ink);z-index:4;box-shadow:0 14px 26px rgba(30,20,10,.42),0 2px 3px rgba(30,20,10,.45)}
.pracownia .jw-dec p{margin:0}
.pracownia .jw-dec-et{display:block;margin-bottom:.35em;font:800 max(10px,1.35cqw)/1 var(--tech);letter-spacing:.18em;color:#6d6755}
.pracownia .jw-scena[data-st="3"] .jw-dec .mk,.pracownia .jw-scena[data-st="4"] .jw-dec .mk{background-size:100% 62%}
.pracownia .jw-dec-no{position:absolute;left:-2.6cqw;top:-2.4cqw;width:5.6cqw;height:5.6cqw;display:flex;align-items:center;justify-content:center;border:.5cqw solid var(--grafit);border-radius:50% 46% 52% 48%;background:#fbf8ee;font:600 3.6cqw/1 "Caveat",cursive;color:var(--ink);transform:scale(0) rotate(-20deg);transition:transform .6s var(--ease) 1s}
.pracownia .jw-scena[data-st="3"] .jw-dec-no,.pracownia .jw-scena[data-st="4"] .jw-dec-no{transform:scale(1) rotate(-6deg)}
.pracownia .jw-dec-no{font-size:3.8cqw}
/* zestaw działań */
.pracownia .jw-lista{padding:2.2cqw 3cqw 2.6cqw;background-color:#fdfbf4;background-image:url(../img/tla/papier-1-m.jpg);background-size:380px;background-blend-mode:multiply;box-shadow:0 14px 26px rgba(30,20,10,.36),0 2px 3px rgba(30,20,10,.4);z-index:3}
.pracownia .jw-lista-t,.pracownia .jw-chips-t{margin:0 0 1.2cqw;font:800 max(10px,1.4cqw)/1 var(--tech);letter-spacing:.2em;color:#7a7461}
.pracownia .jw-lista ul{list-style:none;margin:0;padding:0;display:grid;gap:1.2cqw}
.pracownia .jw-lista li{display:flex;align-items:flex-start;gap:1.6cqw;font:600 3.1cqw/1.08 "Caveat","Segoe Script",cursive;color:var(--ink)}
.pracownia .jw-lista li svg{flex:none;width:2.8cqw;height:2.8cqw;margin-top:.5cqw;fill:none;stroke:#1d1c1a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pracownia .jw-chips-t{color:#5f5a4a}
.pracownia .jw-chips ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw}
.pracownia .jw-chips li{position:relative;padding:.9cqw .6cqw;text-align:center;font:800 max(11px,1.95cqw)/1.15 var(--tech);letter-spacing:.08em;text-transform:uppercase;color:#7d776a;border:1.5px dashed rgba(60,55,40,.4);border-radius:4px}
.pracownia .jw-chips li em{display:inline;font:600 2.6cqw/1 "Caveat","Segoe Script",cursive;letter-spacing:0;text-transform:none;color:var(--grafit);margin-left:.5em}
.pracownia .jw-chips li{display:flex;align-items:center;justify-content:center;min-height:5.6cqw;white-space:nowrap}
.pracownia .jw-chips li.on{background:#FFD60A;color:#111;border:1.5px solid #1d1c1a;box-shadow:0 3px 6px rgba(0,0,0,.3)}
.pracownia .jw-chips li.wt{color:#6b6551}

/* po scenie: drugi poziom treści */
.pracownia .jw-wnioski{padding-top:clamp(40px,6vw,96px);padding-bottom:clamp(72px,9vw,140px)}
.pracownia .jw-l1{margin:0;font:800 clamp(36px,6vw,92px)/1.02 var(--tech);color:#fff;transition:opacity .7s ease,transform .7s var(--ease)}
.pracownia.js-jw .jw-l1{opacity:.3;transform:translateX(-10px)}
.pracownia .jw-l2{margin:clamp(18px,2.2vw,32px) 0 0;max-width:24em;font:800 clamp(28px,3.6vw,54px)/1.12 var(--tech);color:#fff;transition:opacity .7s ease .2s}
.pracownia.js-jw .jw-l2{opacity:.3}
.pracownia.js-jw .jw-l1.in,.pracownia.js-jw .jw-l2.in{opacity:1;transform:none}
.pracownia .jw-l2 .mk{color:#fff;margin:0}
.pracownia .jw-l2 .mk.mk-on{background-position:0 60%;background-size:100% 94%;color:#111}

.jw-arkusz .e-n1{--l:5%;--t:21%;--w:27%;--r:-6deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-n1{--l:4%;--t:19%;--w:26%;--r:-1deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-n1{--l:4%;--t:19%;--w:26%;--r:-1deg;--o:0.9;}
.jw-scena[data-st="3"] .jw-arkusz .e-n1{--l:4%;--t:19%;--w:26%;--r:-1deg;--o:0.4;}
.jw-scena[data-st="4"] .jw-arkusz .e-n1{--l:4%;--t:19%;--w:26%;--r:-1deg;--o:0;}
.jw-arkusz .e-n2{--l:27%;--t:28%;--w:25%;--r:4deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-n2{--l:4%;--t:31%;--w:26%;--r:0.6deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-n2{--l:4%;--t:31%;--w:26%;--r:0.6deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-n2{--l:4%;--t:31%;--w:26%;--r:0.6deg;--o:0.4;}
.jw-scena[data-st="4"] .jw-arkusz .e-n2{--l:4%;--t:31%;--w:26%;--r:0.6deg;--o:0;}
.jw-arkusz .e-n3{--l:57%;--t:19%;--w:24%;--r:-3deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-n3{--l:4%;--t:43%;--w:26%;--r:-0.8deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-n3{--l:4%;--t:43%;--w:26%;--r:-0.8deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-n3{--l:4%;--t:43%;--w:26%;--r:-0.8deg;--o:0.4;}
.jw-scena[data-st="4"] .jw-arkusz .e-n3{--l:4%;--t:43%;--w:26%;--r:-0.8deg;--o:0;}
.jw-arkusz .e-n5{--l:52%;--t:47%;--w:26%;--r:-5deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-n5{--l:4%;--t:55%;--w:26%;--r:0.8deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-n5{--l:4%;--t:55%;--w:26%;--r:0.8deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-n5{--l:4%;--t:55%;--w:26%;--r:0.8deg;--o:0.4;}
.jw-scena[data-st="4"] .jw-arkusz .e-n5{--l:4%;--t:55%;--w:26%;--r:0.8deg;--o:0;}
.jw-arkusz .e-n4{--l:11%;--t:52%;--w:26%;--r:5deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-n4{--l:4%;--t:67%;--w:26%;--r:-0.6deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-n4{--l:4%;--t:67%;--w:26%;--r:-0.6deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-n4{--l:4%;--t:67%;--w:26%;--r:-0.6deg;--o:0.9;}
.jw-scena[data-st="4"] .jw-arkusz .e-n4{--l:4%;--t:67%;--w:26%;--r:-0.6deg;--o:0;}
.jw-arkusz .e-h1{--l:33%;--t:67%;--w:29%;--r:2deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-h1{--l:4%;--t:79%;--w:26%;--r:0.4deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-h1{--l:4%;--t:79%;--w:26%;--r:0.4deg;--o:0.85;}
.jw-scena[data-st="3"] .jw-arkusz .e-h1{--l:4%;--t:79%;--w:26%;--r:0.4deg;--o:0.6;}
.jw-scena[data-st="4"] .jw-arkusz .e-h1{--l:4%;--t:79%;--w:26%;--r:0.4deg;--o:0;}
.jw-arkusz .e-ll{--l:4%;--t:13%;--w:26%;--r:0deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-ll{--l:4%;--t:13%;--w:26%;--r:0deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-ll{--l:4%;--t:13%;--w:26%;--r:0deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-ll{--l:4%;--t:13%;--w:26%;--r:0deg;--o:0.4;}
.jw-scena[data-st="4"] .jw-arkusz .e-ll{--l:4%;--t:13%;--w:26%;--r:0deg;--o:0;}
.jw-arkusz .e-lr{--l:56.5%;--t:13%;--w:38.5%;--r:0deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-lr{--l:56.5%;--t:13%;--w:38.5%;--r:0deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-lr{--l:56.5%;--t:13%;--w:38.5%;--r:0deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-lr{--l:56.5%;--t:13%;--w:38.5%;--r:0deg;--o:0.4;}
.jw-scena[data-st="4"] .jw-arkusz .e-lr{--l:56.5%;--t:13%;--w:38.5%;--r:0deg;--o:0;}
.jw-arkusz .e-c1{--l:56.5%;--t:21%;--w:38.5%;--r:-1deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-c1{--l:56.5%;--t:21%;--w:38.5%;--r:-1deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-c1{--l:56.5%;--t:21%;--w:38.5%;--r:-1deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-c1{--l:56.5%;--t:21%;--w:38.5%;--r:-1deg;--o:0.25;}
.jw-scena[data-st="4"] .jw-arkusz .e-c1{--l:56.5%;--t:21%;--w:38.5%;--r:-1deg;--o:0;}
.jw-arkusz .e-c2{--l:56.5%;--t:48%;--w:38.5%;--r:-1deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-c2{--l:56.5%;--t:48%;--w:38.5%;--r:-1deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-c2{--l:56.5%;--t:48%;--w:38.5%;--r:-1deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-c2{--l:56.5%;--t:48%;--w:38.5%;--r:-1deg;--o:0.25;}
.jw-scena[data-st="4"] .jw-arkusz .e-c2{--l:56.5%;--t:48%;--w:38.5%;--r:-1deg;--o:0;}
.jw-arkusz .e-w{--l:55%;--t:70%;--w:40%;--r:-1deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-w{--l:55%;--t:70%;--w:40%;--r:-1deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-w{--l:55%;--t:70%;--w:40%;--r:-1deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-w{--l:55%;--t:70%;--w:40%;--r:-1deg;--o:0.3;}
.jw-scena[data-st="4"] .jw-arkusz .e-w{--l:55%;--t:70%;--w:40%;--r:-1deg;--o:0;}
.jw-arkusz .e-d{--l:34%;--t:45%;--w:60%;--r:-1.5deg;--o:0;--fs:4.6cqw;}
.jw-scena[data-st="1"] .jw-arkusz .e-d{--l:34%;--t:45%;--w:60%;--r:-1.5deg;--o:0;--fs:4.6cqw;}
.jw-scena[data-st="2"] .jw-arkusz .e-d{--l:34%;--t:45%;--w:60%;--r:-1.5deg;--o:0;--fs:4.6cqw;}
.jw-scena[data-st="3"] .jw-arkusz .e-d{--l:34%;--t:41%;--w:60%;--r:-1.5deg;--o:1;--fs:4.6cqw;}
.jw-scena[data-st="4"] .jw-arkusz .e-d{--l:6%;--t:13%;--w:56%;--r:-1deg;--o:1;--fs:3.7cqw;}
.jw-arkusz .e-pozn{--l:31%;--t:68%;--w:14%;--r:-6deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-pozn{--l:31%;--t:68%;--w:14%;--r:-6deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-pozn{--l:31%;--t:68%;--w:14%;--r:-6deg;--o:0;}
.jw-scena[data-st="3"] .jw-arkusz .e-pozn{--l:31%;--t:68%;--w:14%;--r:-6deg;--o:1;}
.jw-scena[data-st="4"] .jw-arkusz .e-pozn{--l:31%;--t:68%;--w:14%;--r:-6deg;--o:0;}
.jw-arkusz .e-nie{--l:14%;--t:90%;--w:16%;--r:-2deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-nie{--l:14%;--t:90%;--w:16%;--r:-2deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-nie{--l:14%;--t:90%;--w:16%;--r:-2deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-nie{--l:14%;--t:90%;--w:16%;--r:-2deg;--o:0.6;}
.jw-scena[data-st="4"] .jw-arkusz .e-nie{--l:14%;--t:90%;--w:16%;--r:-2deg;--o:0;}
.jw-arkusz .e-lista{--l:6%;--t:31%;--w:88%;--r:0.4deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-lista{--l:6%;--t:31%;--w:88%;--r:0.4deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-lista{--l:6%;--t:31%;--w:88%;--r:0.4deg;--o:0;}
.jw-scena[data-st="3"] .jw-arkusz .e-lista{--l:6%;--t:31%;--w:88%;--r:0.4deg;--o:0;}
.jw-scena[data-st="4"] .jw-arkusz .e-lista{--l:6%;--t:31%;--w:88%;--r:0.4deg;--o:1;}
.jw-arkusz .e-chips{--l:6%;--t:75%;--w:88%;--r:0deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-chips{--l:6%;--t:75%;--w:88%;--r:0deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-chips{--l:6%;--t:75%;--w:88%;--r:0deg;--o:0;}
.jw-scena[data-st="3"] .jw-arkusz .e-chips{--l:6%;--t:75%;--w:88%;--r:0deg;--o:0;}
.jw-scena[data-st="4"] .jw-arkusz .e-chips{--l:6%;--t:75%;--w:88%;--r:0deg;--o:1;}
.jw-arkusz .e-nie2{--l:6%;--t:62.5%;--w:88%;--r:-0.4deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-nie2{--l:6%;--t:62.5%;--w:88%;--r:-0.4deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-nie2{--l:6%;--t:62.5%;--w:88%;--r:-0.4deg;--o:0;}
.jw-scena[data-st="3"] .jw-arkusz .e-nie2{--l:6%;--t:62.5%;--w:88%;--r:-0.4deg;--o:0;}
.jw-scena[data-st="4"] .jw-arkusz .e-nie2{--l:6%;--t:62.5%;--w:88%;--r:-0.4deg;--o:1;}

/* ---------- SEKCJA 2: teczka projektu ---------- */
.pracownia .lu{padding-top:clamp(40px,5vw,72px)}
.pracownia .lu-kop h2{max-width:14.5em;font-size:clamp(42px,6.2vw,96px);line-height:.98}
.pracownia .lu-pod{margin:22px 0 0;max-width:32em;font:400 clamp(18px,1.6vw,24px)/1.45 var(--f);color:#d9d9dc}
.pracownia .lu-scena{position:relative;margin-top:clamp(16px,2vw,32px)}
.pracownia.js-jw .lu-scena{height:calc(var(--vh)*3.4)}
.pracownia.js-jw .lu-pin{position:sticky;top:56px;height:calc(var(--vh) - 56px);display:flex;align-items:center}
.pracownia .lu-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;width:100%}
.pracownia .lu-foto{--ph:calc(min(var(--vh) - 56px - 72px,740px)*.78);position:relative;height:min(calc(var(--vh) - 56px - 72px),760px)}
.pracownia .lu-pr{position:absolute;left:50%;top:50%;margin:0;padding:14px 14px 0;background-color:#f1ecdd;background-image:url(../img/tla/papier-1-m.jpg);background-size:420px;background-blend-mode:multiply;color:var(--ink);
 box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 24px 44px rgba(0,0,0,.62),0 3px 8px rgba(0,0,0,.45);
 transform:translate(calc(-50% + var(--x,0%)),calc(-50% + var(--y,0%))) rotate(var(--r,0deg)) scale(var(--s,1));opacity:var(--o,1);z-index:var(--z,1);
 transition:transform 1s var(--ease),opacity .7s ease}
.pracownia .lu-p1,.pracownia .lu-p2{width:calc((var(--ph) - 60px)*.8 + 28px)}
.pracownia .lu-p3{width:min(100%,calc(var(--ph)*1.2))}
.pracownia .lu-slot{position:relative;overflow:hidden;background:#2b2a27 repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 2px,transparent 2px 11px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5)}
.pracownia .lu-p1 .lu-slot,.pracownia .lu-p2 .lu-slot{aspect-ratio:4/5}
.pracownia .lu-p3 .lu-slot{aspect-ratio:3/2}
.pracownia .lu-kr{position:absolute;width:7%;aspect-ratio:1;border:0 solid rgba(255,255,255,.5)}
.pracownia .lu-kr.a{left:6%;top:6%;border-left-width:2px;border-top-width:2px}.pracownia .lu-kr.b{right:6%;top:6%;border-right-width:2px;border-top-width:2px}
.pracownia .lu-kr.c{left:6%;bottom:6%;border-left-width:2px;border-bottom-width:2px}.pracownia .lu-kr.d{right:6%;bottom:6%;border-right-width:2px;border-bottom-width:2px}
.pracownia .lu-fot{position:absolute;left:0;top:7%;padding:8px 14px 8px 18px;background:#FFD60A;color:#111;font:800 15px/1 var(--tech);letter-spacing:.16em;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.pracownia .lu-kadr{position:absolute;left:12%;right:12%;bottom:11%;margin:0;font:400 clamp(14px,1.2vw,17px)/1.4 var(--f);color:#d6d3c8}
.pracownia .lu-pr figcaption{padding:12px 4px 16px;font:800 12px/1 var(--tech);letter-spacing:.2em;color:#6f6955}
.pracownia .lu-tasma{position:absolute;z-index:3;left:50%;top:-12px;width:112px;height:26px;margin-left:-56px;transform:rotate(-3deg);background:rgba(214,208,190,.9);box-shadow:0 2px 4px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;font:600 20px/1 "Caveat","Segoe Script",cursive;color:#35332d;white-space:nowrap;clip-path:polygon(0 8%,4% 0,8% 12%,12% 0,100% 0,96% 40%,100% 70%,96% 100%,10% 100%,6% 88%,0 100%)}
.pracownia .lu-p1 .lu-tasma{width:190px;margin-left:-95px}
.pracownia .lu-tu{position:absolute;right:9%;top:30%;z-index:5;margin:0;display:flex;align-items:flex-end;gap:2px;transform:rotate(-4deg);font:600 clamp(26px,2.4vw,34px)/1 "Caveat","Segoe Script",cursive;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8)}
.pracownia .lu-tu svg{width:56px;height:44px;fill:none;stroke:#FFD60A;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-8deg)}
/* stany sceny (komputer) */
.pracownia .lu-scena[data-st="0"] .lu-p1{--x:-22%;--y:0%;--r:-2deg;--s:1;--z:3}.pracownia .lu-scena[data-st="0"] .lu-p2{--x:30%;--y:3%;--r:5deg;--s:.95;--z:2}.pracownia .lu-scena[data-st="0"] .lu-p3{--x:20%;--y:-40%;--r:7deg;--s:.6;--z:1;--o:.95}
.pracownia .lu-scena[data-st="1"] .lu-p1{--x:-42%;--y:-1%;--r:-8deg;--s:.8;--z:2;--o:.8}.pracownia .lu-scena[data-st="1"] .lu-p2{--x:2%;--y:0%;--r:-1.5deg;--s:1;--z:4}.pracownia .lu-scena[data-st="1"] .lu-p3{--x:24%;--y:-44%;--r:8deg;--s:.58;--z:1;--o:.95}
.pracownia .lu-scena[data-st="2"] .lu-p1{--x:-58%;--y:-46%;--r:-8deg;--s:.44;--z:5}.pracownia .lu-scena[data-st="2"] .lu-p2{--x:-22%;--y:-48%;--r:4deg;--s:.44;--z:5}.pracownia .lu-scena[data-st="2"] .lu-p3{--x:0%;--y:18%;--r:.8deg;--s:1;--z:4;--o:1}
.pracownia .lu-pr:not(.lu-p3) .lu-kadr{font-size:clamp(13px,1.05vw,16px)}
.pracownia .lu-kadr{transition:opacity .5s ease}
.pracownia .lu-scena[data-st="0"] .lu-p2 .lu-kadr,.pracownia .lu-scena[data-st="0"] .lu-p3 .lu-kadr,.pracownia .lu-scena[data-st="1"] .lu-p1 .lu-kadr,.pracownia .lu-scena[data-st="1"] .lu-p3 .lu-kadr,.pracownia .lu-scena[data-st="2"] .lu-p1 .lu-kadr,.pracownia .lu-scena[data-st="2"] .lu-p2 .lu-kadr{opacity:0}
.pracownia .lu-p3 .lu-tu{display:none}.pracownia .lu-scena[data-st="2"] .lu-p3 .lu-tu{display:flex}

.pracownia .lu-tekst{position:relative;z-index:8;display:grid;align-content:center;min-height:min(calc(var(--vh) - 56px - 72px),700px)}
.pracownia .lu-os{grid-area:1/1;opacity:0;transform:translateY(26px);pointer-events:none;transition:opacity .6s ease,transform .8s var(--ease)}
.pracownia .lu-scena[data-st="0"] .lu-os.o1,.pracownia .lu-scena[data-st="1"] .lu-os.o2,.pracownia .lu-scena[data-st="2"] .lu-os.o3{opacity:1;transform:none;pointer-events:auto;transition-delay:.25s}
.pracownia .lu-ey{margin:0 0 6px;font:800 15px/1 var(--tech);letter-spacing:.2em;color:#FFD60A}
.pracownia .lu-os h3{margin:0;font:800 clamp(72px,9vw,140px)/.88 var(--tech);text-transform:uppercase;color:#fff}
.pracownia .lu-rola{margin:18px 0 0;font:800 clamp(17px,1.6vw,23px)/1.25 var(--tech);letter-spacing:.14em;text-transform:uppercase;color:#d9d9dc}
.pracownia .lu-not{position:relative;margin:clamp(26px,3vw,44px) 0 0;max-width:19em;padding:22px 26px 14px;background-color:var(--kraft);background-image:url(../img/tla/papier-1-m.jpg);background-size:380px;background-blend-mode:multiply;font:600 clamp(28px,2.6vw,38px)/1.08 "Caveat","Segoe Script",cursive;color:var(--ink);transform:rotate(-1.6deg);box-shadow:0 14px 26px rgba(0,0,0,.55),0 2px 3px rgba(0,0,0,.4)}
.pracownia .lu-os.o2 .lu-not{transform:rotate(1.3deg)}
.pracownia .lu-not .lu-tasma{top:-13px;width:84px;margin-left:-42px}
.pracownia .lu-not small{display:block;margin-top:12px;font:800 11px/1 var(--tech);letter-spacing:.16em;text-transform:uppercase;color:#7f7863}
.pracownia .lu-duze{margin:0 0 clamp(14px,2vw,26px);font:800 clamp(32px,3.2vw,48px)/1.06 var(--tech);color:#fff}
.pracownia .lu-os.o3 .mk{color:#fff}
.pracownia .lu-scena[data-st="2"] .lu-os.o3 .mk,.pracownia .lu-os.o3.in .mk{background-position:0 60%;background-size:100% 94%;color:#111}
/* schemat zespołu */
.pracownia .lu-diag{position:relative;container-type:inline-size;width:100%;aspect-ratio:520/440}
.pracownia .lu-lin{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pracownia .lu-lin .ln{fill:none;stroke:rgba(255,255,255,.78);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s ease}
.pracownia .lu-lin .ln{opacity:0}
.pracownia .lu-diag.on .lu-lin .ln{opacity:1}
.pracownia .lu-lin .ln.l0{stroke:#FFD60A;stroke-width:3}
.pracownia .lu-rdz,.pracownia .lu-t,.pracownia .lu-w{position:absolute;opacity:0;transform:scale(.85) rotate(var(--r,0deg));transition:opacity .5s ease,transform .6s var(--ease)}
.pracownia .lu-rdz{left:36%;top:40%;width:28%;height:20%;display:flex;align-items:center;justify-content:center;background-color:var(--kraft);background-image:url(../img/tla/papier-1-m.jpg);background-size:380px;background-blend-mode:multiply;box-shadow:0 12px 22px rgba(0,0,0,.55);--r:-1.5deg;z-index:2}
.pracownia .lu-rdz span{font:800 max(14px,3.5cqw)/1 var(--tech);letter-spacing:.14em;color:var(--ink)}
.pracownia .lu-w{padding:.28em .75em .3em;background:#FFD60A;color:#111;font:600 max(22px,6cqw)/1 "Caveat","Segoe Script",cursive;box-shadow:0 8px 14px rgba(0,0,0,.45);z-index:2}
.pracownia .lu-w.wo1{left:17%;top:5%;--r:-3deg}.pracownia .lu-w.wo2{left:65%;top:5%;--r:2.5deg}
.pracownia .lu-t{padding:.32em .7em;background:#f7f2e2;color:#1d1c1a;border-radius:4px;box-shadow:0 0 0 1.4px #1d1c1a,0 6px 10px rgba(0,0,0,.5);font:800 max(13px,3.3cqw)/1 var(--tech);letter-spacing:.1em;z-index:2}
.pracownia .lu-t.t1{left:1%;top:29%;--r:-3deg}.pracownia .lu-t.t2{left:1%;top:49%;--r:2deg}.pracownia .lu-t.t3{left:5%;top:75%;--r:-2deg}
.pracownia .lu-t.t4{right:1%;top:29%;--r:3deg}.pracownia .lu-t.t5{right:1%;top:49%;--r:-2deg}.pracownia .lu-t.t6{right:3%;top:75%;--r:2deg}
.pracownia .lu-diag.on .lu-lin .ln{stroke-dashoffset:0}
.pracownia .lu-diag.on .lu-rdz,.pracownia .lu-diag.on .lu-t,.pracownia .lu-diag.on .lu-w{opacity:1;transform:rotate(var(--r,0deg))}
.pracownia .lu-diag.on .lu-rdz{transition-delay:.1s}.pracownia .lu-diag.on .lu-w{transition-delay:.3s}
.pracownia .lu-diag.on .ln.l0{transition-delay:.45s}
.pracownia .lu-diag.on .ln.l1,.pracownia .lu-diag.on .t1{transition-delay:.85s}.pracownia .lu-diag.on .ln.l2,.pracownia .lu-diag.on .t2{transition-delay:1.05s}.pracownia .lu-diag.on .ln.l3,.pracownia .lu-diag.on .t3{transition-delay:1.25s}
.pracownia .lu-diag.on .ln.l4,.pracownia .lu-diag.on .t4{transition-delay:1.45s}.pracownia .lu-diag.on .ln.l5,.pracownia .lu-diag.on .t5{transition-delay:1.65s}.pracownia .lu-diag.on .ln.l6,.pracownia .lu-diag.on .t6{transition-delay:1.85s}

/* ---------- bez JS i bez ruchu ---------- */
@media (prefers-reduced-motion:reduce){
 .pracownia .jw-e,.pracownia .lu-pr,.pracownia .lu-os,.pracownia .lu-rdz,.pracownia .lu-t,.pracownia .lu-w,.pracownia .jw-str .ar,.pracownia .jw-skr path,.pracownia .jw-ob path,.pracownia .lu-lin .ln,.pracownia .mk,.pracownia .jw-l1,.pracownia .jw-l2{transition:none!important}
}

/* ---------- TELEFON (≤ 820 px): osobny układ, nie ściśnięty komputer ---------- */
@media (max-width:820px){
 .pracownia .jw-kop-m{display:block;padding-top:clamp(36px,10vw,64px);padding-bottom:18px}
 .pracownia .jw-kop-m .jw-h{font-size:clamp(38px,11vw,52px);line-height:1.02}
 .pracownia .jw-lewa .jw-nad,.pracownia .jw-lewa .jw-h{display:none}
 .pracownia .jw-pin{padding:12px 0}
 .pracownia .jw-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .pracownia .jw-prawa{order:1;justify-content:center}
 .pracownia .jw-lewa{order:2}
 .pracownia .jw-stan{margin-top:0}
 .pracownia .jw-arkusz{--fs:5.4cqw;width:min(100%,calc((var(--vh) - 56px - 128px)*.64));aspect-ratio:2/3;transform:rotate(-.4deg);transform-origin:50% 50%}
 .pracownia .jw-tyt{font-size:7.4cqw;left:5%;top:2.6%}
 .pracownia .jw-tyt svg{height:2cqw}
 .pracownia .jw-przyklad{display:none}
 .pracownia .jw-lbl{font-size:max(10px,2.8cqw)}
 .pracownia .jw-tasma{width:18cqw;height:5cqw}
 .pracownia .jw-tasma.t3{margin-left:-9cqw}
 .pracownia .jw-str-d{display:none}.pracownia .jw-str-m{display:block}
 .pracownia .jw-dec-et{font-size:max(10px,2.6cqw)}
 .pracownia .jw-lista li{font-size:5.4cqw;gap:2.4cqw}.pracownia .jw-lista li svg{width:4.6cqw;height:4.6cqw;margin-top:1cqw}
 .pracownia .jw-lista{padding:4cqw 4.5cqw 4.5cqw}.pracownia .jw-lista ul{gap:2.4cqw}
 .pracownia .jw-lista-t,.pracownia .jw-chips-t{font-size:max(10px,2.6cqw);margin-bottom:2cqw}
 .pracownia .jw-chips ul{display:flex;flex-wrap:wrap;grid-template-columns:none;gap:1.8cqw}
 .pracownia .jw-chips li{font-size:max(11px,3.1cqw);padding:1.5cqw 2.2cqw;white-space:nowrap}
 .pracownia .jw-chips li em{display:inline;font-size:4.4cqw;margin:0 0 0 1.2cqw}
 .pracownia .jw-p.e-nie2{font-size:5.1cqw}
 .pracownia .jw-et-t{min-height:2.8em;font-size:20px}
 .pracownia .jw-et-n{font-size:20px}
 .pracownia .jw-lewa .jw-h,.pracownia .jw-lewa .jw-nad{opacity:1}
 .pracownia .jw-tor i{height:15px}
 .pracownia .jw-bazgr{display:none}
 .pracownia .jw-l1{font-size:clamp(38px,12vw,58px)}.pracownia .jw-l2{font-size:clamp(28px,8vw,40px)}
 .jw-arkusz .e-n1{--l:4%;--t:13%;--w:52%;--r:-5deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-n1{--l:3%;--t:17%;--w:45%;--r:-1deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-n1{--l:3%;--t:17%;--w:45%;--r:-1deg;--o:0.9;}
.jw-scena[data-st="3"] .jw-arkusz .e-n1{--l:3%;--t:17%;--w:45%;--r:-1deg;--o:0.35;}
.jw-scena[data-st="4"] .jw-arkusz .e-n1{--l:3%;--t:17%;--w:45%;--r:-1deg;--o:0;}
.jw-arkusz .e-n2{--l:40%;--t:22%;--w:54%;--r:4deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-n2{--l:3%;--t:29.5%;--w:45%;--r:0.6deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-n2{--l:3%;--t:29.5%;--w:45%;--r:0.6deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-n2{--l:3%;--t:29.5%;--w:45%;--r:0.6deg;--o:0.35;}
.jw-scena[data-st="4"] .jw-arkusz .e-n2{--l:3%;--t:29.5%;--w:45%;--r:0.6deg;--o:0;}
.jw-arkusz .e-n3{--l:8%;--t:34%;--w:48%;--r:-3deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-n3{--l:3%;--t:42%;--w:45%;--r:-0.8deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-n3{--l:3%;--t:42%;--w:45%;--r:-0.8deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-n3{--l:3%;--t:42%;--w:45%;--r:-0.8deg;--o:0.35;}
.jw-scena[data-st="4"] .jw-arkusz .e-n3{--l:3%;--t:42%;--w:45%;--r:-0.8deg;--o:0;}
.jw-arkusz .e-n5{--l:44%;--t:45%;--w:52%;--r:-5deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-n5{--l:3%;--t:54.5%;--w:45%;--r:0.8deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-n5{--l:3%;--t:54.5%;--w:45%;--r:0.8deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-n5{--l:3%;--t:54.5%;--w:45%;--r:0.8deg;--o:0.35;}
.jw-scena[data-st="4"] .jw-arkusz .e-n5{--l:3%;--t:54.5%;--w:45%;--r:0.8deg;--o:0;}
.jw-arkusz .e-n4{--l:6%;--t:57%;--w:54%;--r:5deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-n4{--l:3%;--t:67%;--w:45%;--r:-0.6deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-n4{--l:3%;--t:67%;--w:45%;--r:-0.6deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-n4{--l:3%;--t:67%;--w:45%;--r:-0.6deg;--o:0.9;}
.jw-scena[data-st="4"] .jw-arkusz .e-n4{--l:3%;--t:67%;--w:45%;--r:-0.6deg;--o:0;}
.jw-arkusz .e-h1{--l:36%;--t:70%;--w:58%;--r:2deg;--o:1;}
.jw-scena[data-st="1"] .jw-arkusz .e-h1{--l:3%;--t:79.5%;--w:45%;--r:0.4deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-h1{--l:3%;--t:79.5%;--w:45%;--r:0.4deg;--o:0.85;}
.jw-scena[data-st="3"] .jw-arkusz .e-h1{--l:3%;--t:79.5%;--w:45%;--r:0.4deg;--o:0.6;}
.jw-scena[data-st="4"] .jw-arkusz .e-h1{--l:3%;--t:79.5%;--w:45%;--r:0.4deg;--o:0;}
.jw-arkusz .e-ll{--l:3%;--t:11.5%;--w:46%;--r:0deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-ll{--l:3%;--t:11.5%;--w:46%;--r:0deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-ll{--l:3%;--t:11.5%;--w:46%;--r:0deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-ll{--l:3%;--t:11.5%;--w:46%;--r:0deg;--o:0.4;}
.jw-scena[data-st="4"] .jw-arkusz .e-ll{--l:3%;--t:11.5%;--w:46%;--r:0deg;--o:0;}
.jw-arkusz .e-lr{--l:54.5%;--t:11.5%;--w:42.5%;--r:0deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-lr{--l:54.5%;--t:11.5%;--w:42.5%;--r:0deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-lr{--l:54.5%;--t:11.5%;--w:42.5%;--r:0deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-lr{--l:54.5%;--t:11.5%;--w:42.5%;--r:0deg;--o:0.4;}
.jw-scena[data-st="4"] .jw-arkusz .e-lr{--l:54.5%;--t:11.5%;--w:42.5%;--r:0deg;--o:0;}
.jw-arkusz .e-c1{--l:54.5%;--t:17%;--w:42.5%;--r:-1deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-c1{--l:54.5%;--t:17%;--w:42.5%;--r:-1deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-c1{--l:54.5%;--t:17%;--w:42.5%;--r:-1deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-c1{--l:54.5%;--t:17%;--w:42.5%;--r:-1deg;--o:0.25;}
.jw-scena[data-st="4"] .jw-arkusz .e-c1{--l:54.5%;--t:17%;--w:42.5%;--r:-1deg;--o:0;}
.jw-arkusz .e-c2{--l:54.5%;--t:47%;--w:42.5%;--r:-1deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-c2{--l:54.5%;--t:47%;--w:42.5%;--r:-1deg;--o:1;}
.jw-scena[data-st="2"] .jw-arkusz .e-c2{--l:54.5%;--t:47%;--w:42.5%;--r:-1deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-c2{--l:54.5%;--t:47%;--w:42.5%;--r:-1deg;--o:0.25;}
.jw-scena[data-st="4"] .jw-arkusz .e-c2{--l:54.5%;--t:47%;--w:42.5%;--r:-1deg;--o:0;}
.jw-arkusz .e-w{--l:52%;--t:68%;--w:45%;--r:-1deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-w{--l:52%;--t:68%;--w:45%;--r:-1deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-w{--l:52%;--t:68%;--w:45%;--r:-1deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-w{--l:52%;--t:68%;--w:45%;--r:-1deg;--o:0.3;}
.jw-scena[data-st="4"] .jw-arkusz .e-w{--l:52%;--t:68%;--w:45%;--r:-1deg;--o:0;}
.jw-arkusz .e-d{--l:6%;--t:44%;--w:88%;--r:-1.5deg;--o:0;--fs:6.6cqw;}
.jw-scena[data-st="1"] .jw-arkusz .e-d{--l:6%;--t:44%;--w:88%;--r:-1.5deg;--o:0;--fs:6.6cqw;}
.jw-scena[data-st="2"] .jw-arkusz .e-d{--l:6%;--t:44%;--w:88%;--r:-1.5deg;--o:0;--fs:6.6cqw;}
.jw-scena[data-st="3"] .jw-arkusz .e-d{--l:6%;--t:41%;--w:88%;--r:-1.5deg;--o:1;--fs:6.6cqw;}
.jw-scena[data-st="4"] .jw-arkusz .e-d{--l:4%;--t:14.5%;--w:92%;--r:-1deg;--o:1;--fs:5.2cqw;}
.jw-arkusz .e-pozn{--l:36%;--t:62.5%;--w:16%;--r:-6deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-pozn{--l:36%;--t:62.5%;--w:16%;--r:-6deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-pozn{--l:36%;--t:62.5%;--w:16%;--r:-6deg;--o:0;}
.jw-scena[data-st="3"] .jw-arkusz .e-pozn{--l:36%;--t:62.5%;--w:16%;--r:-6deg;--o:1;}
.jw-scena[data-st="4"] .jw-arkusz .e-pozn{--l:36%;--t:62.5%;--w:16%;--r:-6deg;--o:0;}
.jw-arkusz .e-nie{--l:8%;--t:91.5%;--w:30%;--r:-2deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-nie{--l:8%;--t:91.5%;--w:30%;--r:-2deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-nie{--l:8%;--t:91.5%;--w:30%;--r:-2deg;--o:1;}
.jw-scena[data-st="3"] .jw-arkusz .e-nie{--l:8%;--t:91.5%;--w:30%;--r:-2deg;--o:0.6;}
.jw-scena[data-st="4"] .jw-arkusz .e-nie{--l:8%;--t:91.5%;--w:30%;--r:-2deg;--o:0;}
.jw-arkusz .e-lista{--l:4%;--t:27.5%;--w:92%;--r:0.4deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-lista{--l:4%;--t:27.5%;--w:92%;--r:0.4deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-lista{--l:4%;--t:27.5%;--w:92%;--r:0.4deg;--o:0;}
.jw-scena[data-st="3"] .jw-arkusz .e-lista{--l:4%;--t:27.5%;--w:92%;--r:0.4deg;--o:0;}
.jw-scena[data-st="4"] .jw-arkusz .e-lista{--l:4%;--t:27.5%;--w:92%;--r:0.4deg;--o:1;}
.jw-arkusz .e-chips{--l:4%;--t:70.5%;--w:92%;--r:0deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-chips{--l:4%;--t:70.5%;--w:92%;--r:0deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-chips{--l:4%;--t:70.5%;--w:92%;--r:0deg;--o:0;}
.jw-scena[data-st="3"] .jw-arkusz .e-chips{--l:4%;--t:70.5%;--w:92%;--r:0deg;--o:0;}
.jw-scena[data-st="4"] .jw-arkusz .e-chips{--l:4%;--t:70.5%;--w:92%;--r:0deg;--o:1;}
.jw-arkusz .e-nie2{--l:4%;--t:59%;--w:92%;--r:-0.4deg;--o:0;}
.jw-scena[data-st="1"] .jw-arkusz .e-nie2{--l:4%;--t:59%;--w:92%;--r:-0.4deg;--o:0;}
.jw-scena[data-st="2"] .jw-arkusz .e-nie2{--l:4%;--t:59%;--w:92%;--r:-0.4deg;--o:0;}
.jw-scena[data-st="3"] .jw-arkusz .e-nie2{--l:4%;--t:59%;--w:92%;--r:-0.4deg;--o:0;}
.jw-scena[data-st="4"] .jw-arkusz .e-nie2{--l:4%;--t:59%;--w:92%;--r:-0.4deg;--o:1;}

 /* sekcja 2: każda osoba dostaje pełny moment, bez stanów i przypinania */
 .pracownia.js-jw .lu-scena{height:auto}
 .pracownia.js-jw .lu-pin{position:static;height:auto;display:block}
 .pracownia .lu-grid{display:flex;flex-direction:column;gap:0}
 .pracownia .lu-foto,.pracownia .lu-tekst{display:contents}
 .pracownia .lu-pr,.pracownia .lu-scena .lu-pr{position:relative;left:auto;top:auto;width:min(100%,400px)!important;margin:46px auto 0;transform:rotate(var(--mr,0deg));opacity:1;z-index:1}
 .pracownia .lu-p1{--mr:-1.6deg;order:1}.pracownia .lu-p2{--mr:1.4deg;order:3}.pracownia .lu-p3{--mr:-1deg;order:5}
 .pracownia .lu-os{position:static;opacity:1;transform:none;pointer-events:auto;grid-area:auto;margin:26px 0 0}
 .pracownia .lu-os.o1{order:2}.pracownia .lu-os.o2{order:4}.pracownia .lu-os.o3{order:6;margin-bottom:60px}
 .pracownia.js-jw .lu-pr{opacity:0;transform:translateY(36px) rotate(calc(var(--mr)*3));transition:transform .9s var(--ease),opacity .7s ease}
 .pracownia.js-jw .lu-pr.in{opacity:1;transform:rotate(var(--mr))}
 .pracownia .lu-p3 .lu-tu{display:flex;right:8%;top:30%}
 .pracownia .lu-os h3{font-size:clamp(72px,24vw,104px)}
 .pracownia .lu-p1 .lu-slot,.pracownia .lu-p2 .lu-slot{aspect-ratio:1/1.08}
 .pracownia .lu-pr .lu-kadr{opacity:1!important}
 .pracownia .lu-ey{margin-top:6px}
 .pracownia .lu-kop h2{font-size:clamp(40px,11.4vw,58px)}
 .pracownia .lu-fot{font-size:13px;padding:7px 12px 7px 14px}
 .pracownia .lu-kadr{font-size:14px;left:9%;right:9%}
 .pracownia .lu-not{font-size:30px;max-width:none}
 .pracownia .lu-duze{font-size:clamp(32px,9.4vw,44px)}
 .pracownia .lu-t,.pracownia .lu-w,.pracownia .lu-rdz{font-size:inherit}
}

/* ===== ODDZIELENIE SEKCJI (03.11.2026, uwaga Łukasza: czarne przerwy, brak wyraźnego początku sekcji) =====
   Każda sekcja ma: pas ostrzegawczy z etykietą (język logo), własne tło (inny ton niż reszta strony), znak wodny z numerem kreskowany jak logo.
   Zakończenie sekcji 1 to żółty baner. */
.pracownia .jw,.pracownia .lu{overflow:clip;isolation:isolate}
.pracownia .jw{background:radial-gradient(900px 560px at 88% 14%,rgba(255,214,10,.085),transparent 62%),radial-gradient(760px 520px at 6% 78%,rgba(25,194,107,.07),transparent 64%),linear-gradient(180deg,#14141a 0,#0f0f14 40%,#101016 100%)}
.pracownia .lu{background:radial-gradient(900px 600px at 10% 22%,rgba(80,120,220,.14),transparent 62%),radial-gradient(800px 520px at 92% 86%,rgba(255,214,10,.06),transparent 64%),linear-gradient(180deg,#0b1020 0,#0a0e1a 50%,#090c16 100%)}
.pracownia .jw::before,.pracownia .lu::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/48px 48px;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.35) 100%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.35) 100%)}
.pracownia .sek-pas{position:relative;z-index:6;display:flex;align-items:stretch;height:64px;background:#08080a;border-bottom:1px solid rgba(255,255,255,.14)}
.pracownia .sek-pas b{display:flex;align-items:center;padding:0 30px 0 max(20px,calc((100vw - 1440px)/2 + 72px));background:#FFD60A;color:#111;font:800 26px/1 var(--tech);letter-spacing:.16em;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%);margin-right:-4px}
.pracownia .sek-pas i{flex:0 0 clamp(60px,10vw,160px);background:repeating-linear-gradient(135deg,#FFD60A 0 9px,#08080a 9px 18px);opacity:.95;margin-left:2px}
.pracownia .sek-pas span{display:flex;align-items:center;padding:0 24px;font:800 24px/1 var(--tech);letter-spacing:.16em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pracownia .sek-num{position:absolute;z-index:-1;right:-2vw;top:80px;font:800 clamp(260px,36vw,560px)/.8 var(--tech);color:transparent;background:repeating-linear-gradient(135deg,rgba(255,255,255,.13) 0 2.4px,transparent 2.4px 8px);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:2px rgba(255,255,255,.12);pointer-events:none;user-select:none}
.pracownia .lu .sek-num{right:auto;left:-3vw;top:auto;bottom:-6vw}
.pracownia .jw-pin{padding-top:clamp(40px,5vw,72px)}
/* baner kończący sekcję 1 */
.pracownia .jw-baner{position:relative;margin-top:clamp(8px,2vw,32px);background:#FFD60A;color:#111;box-shadow:0 -1px 0 rgba(0,0,0,.6),0 1px 0 rgba(0,0,0,.6)}
.pracownia .jw-baner::before,.pracownia .jw-baner::after{content:"";position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(135deg,#111 0 9px,transparent 9px 18px)}
.pracownia .jw-baner::before{top:0}.pracownia .jw-baner::after{bottom:0}
.pracownia .jw-baner-t{position:absolute;z-index:3;width:110px;height:30px;background:rgba(230,224,206,.92);box-shadow:0 2px 4px rgba(0,0,0,.35);clip-path:polygon(0 8%,4% 0,8% 12%,12% 0,100% 0,96% 40%,100% 70%,96% 100%,10% 100%,6% 88%,0 100%)}
.pracownia .jw-baner-t.t1{left:max(10px,calc((100vw - 1440px)/2 + 24px));top:-8px;transform:rotate(-8deg)}
.pracownia .jw-baner-t.t2{right:max(10px,calc((100vw - 1440px)/2 + 24px));bottom:-8px;transform:rotate(-6deg)}
.pracownia .jw-baner .jw-wnioski{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px)}
.pracownia .jw-baner .jw-l1{color:#111}
.pracownia.js-jw .jw-baner .jw-l1{opacity:.28}.pracownia.js-jw .jw-baner .jw-l1.in{opacity:1}
.pracownia .jw-baner .zb{text-decoration-color:rgba(17,17,17,.55)}
.pracownia .jw-baner .jw-l2{color:#111}
.pracownia .jw-baner .jw-l2 .mk{--mkc:#111;color:#111}
.pracownia .jw-baner .jw-l2 .mk.mk-on{color:#FFD60A}
.pracownia .jw-wnioski{padding-top:0}
/* mniej czerni: ciaśniejsze odstępy */
.pracownia .lu-kop{padding-top:clamp(36px,4.5vw,64px)}
.pracownia .lu{padding-top:0}
.pracownia .lu-scena{margin-top:0}
.pracownia .kon{border-top:0}
@media (max-width:820px){
 .pracownia .sek-pas{height:38px}.pracownia .sek-pas b{display:flex;align-items:center;padding:0 30px 0 max(20px,calc((100vw - 1440px)/2 + 72px));background:#FFD60A;color:#111;font:800 26px/1 var(--tech);letter-spacing:.16em;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%);margin-right:-4px}.pracownia .sek-pas i{flex-basis:44px}.pracownia .sek-pas span{display:flex;align-items:center;padding:0 24px;font:800 24px/1 var(--tech);letter-spacing:.16em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .pracownia .sek-num{font-size:62vw;top:44px;right:-6vw}.pracownia .lu .sek-num{bottom:-10vw;left:-8vw}
 .pracownia .jw-baner .jw-wnioski{padding-top:56px;padding-bottom:56px}
 .pracownia .jw-baner-t{width:84px;height:24px}
}

/* ===== podpowiedź przewijania: znika po pierwszym ruchu (sekcja 1) lub po przejściu na kolejną osobę (sekcja 2) ===== */
.pracownia .scroll-hint{display:flex;align-items:center;gap:10px;margin:22px 0 0;font:800 14px/1 var(--tech);letter-spacing:.2em;text-transform:uppercase;color:#FFD60A;transition:opacity .4s ease}
.pracownia .scroll-hint svg{width:30px;height:30px;padding:6px;border:2px solid #FFD60A;border-radius:50%;fill:none;stroke:#FFD60A;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:no-preference){.pracownia .scroll-hint svg{animation:podp 1.6s ease-in-out infinite}}
@keyframes podp{0%,100%{transform:translateY(-2px)}50%{transform:translateY(5px)}}
.pracownia .jw-stan .scroll-hint{opacity:clamp(0,calc(1 - var(--k,1)*14),1)}
.pracownia .lu-hint{position:absolute;left:0;bottom:6px;margin:0;opacity:0}
.pracownia .lu-scena[data-st="0"] .lu-hint{opacity:1}
.pracownia .lu-tekst{padding-bottom:40px}
@media (max-width:820px){.pracownia .lu-hint{display:none}.pracownia .jw-stan .scroll-hint{margin-top:12px}}

/* ===== tryb statyczny: okno wyższe niż 1500 px (pełny zrzut strony, narzędzia do zrzutów): bez przypinania, stan końcowy ===== */
.pracownia.stat.js-jw .jw-scena{height:auto}
.pracownia.stat.js-jw .jw-pin{position:static;height:auto}
.pracownia.stat .jw-lewa .jw-h{font-size:clamp(40px,4.7vw,68px)}
 /* sekcja 2: każda osoba dostaje pełny moment, bez stanów i przypinania */
 .pracownia.stat.js-jw .lu-scena{height:auto}
 .pracownia.stat.js-jw .lu-pin{position:static;height:auto;display:block}
 .pracownia.stat .lu-grid{display:flex;flex-direction:column;gap:0}
 .pracownia.stat .lu-foto,.pracownia.stat .lu-tekst{display:contents}
 .pracownia.stat .lu-pr,.pracownia.stat .lu-scena .lu-pr{position:relative;left:auto;top:auto;width:min(100%,400px)!important;margin:46px auto 0;transform:rotate(var(--mr,0deg));opacity:1;z-index:1}
 .pracownia.stat .lu-p1{--mr:-1.6deg;order:1}.pracownia.stat .lu-p2{--mr:1.4deg;order:3}.pracownia.stat .lu-p3{--mr:-1deg;order:5}
 .pracownia.stat .lu-os{position:static;opacity:1;transform:none;pointer-events:auto;grid-area:auto;margin:26px 0 0}
 .pracownia.stat .lu-os.o1{order:2}.pracownia.stat .lu-os.o2{order:4}.pracownia.stat .lu-os.o3{order:6;margin-bottom:60px}
 .pracownia.stat.js-jw .lu-pr{opacity:0;transform:translateY(36px) rotate(calc(var(--mr)*3));transition:transform .9s var(--ease),opacity .7s ease}
 .pracownia.stat.js-jw .lu-pr.in{opacity:1;transform:rotate(var(--mr))}
 .pracownia.stat .lu-p3 .lu-tu{display:flex;right:8%;top:30%}
 .pracownia.stat .lu-os h3{font-size:clamp(72px,24vw,104px)}
 .pracownia.stat .lu-p1 .lu-slot,.pracownia.stat .lu-p2 .lu-slot{aspect-ratio:1/1.08}
 .pracownia.stat .lu-pr .lu-kadr{opacity:1!important}
 .pracownia.stat .lu-ey{margin-top:6px}
 .pracownia.stat .lu-kop h2{font-size:clamp(40px,11.4vw,58px)}
 .pracownia.stat .lu-fot{font-size:13px;padding:7px 12px 7px 14px}
 .pracownia.stat .lu-kadr{font-size:14px;left:9%;right:9%}
 .pracownia.stat .lu-not{font-size:30px;max-width:none}
 .pracownia.stat .lu-duze{font-size:clamp(32px,9.4vw,44px)}

.pracownia.stat .lu-hint,.pracownia.stat .jw-stan .scroll-hint{display:none}

/* ===== zdjęcia w odbitkach (03.11.2026): portrety po poprawce w Gemini Pro, bez filtrów na twarzach ===== */
.pracownia .lu-slot .lu-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pracownia .lu-slot{background:#111}
.pracownia .lu-pr figcaption{letter-spacing:.24em}
.pracownia .lu-tu{right:7%;top:auto;bottom:14%}
.pracownia .lu-p3 .lu-tu{right:7%;top:auto;bottom:14%}
@media (max-width:820px){.pracownia .lu-p3 .lu-tu{right:6%;top:auto;bottom:12%}}

/* ===== baner „Czasem SEO…” spokojniejszy: ciemny, zielone kreskowanie jednego wyrazu, ruch (03.11.2026) ===== */
.pracownia .jw-baner{background:linear-gradient(180deg,#111116 0,#0c0c10 100%);color:#fff;box-shadow:0 -1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}
.pracownia .jw-baner::before,.pracownia .jw-baner::after{height:10px;background:repeating-linear-gradient(135deg,rgba(255,214,10,.78) 0 9px,transparent 9px 18px);background-size:25.46px 100%}
@media (prefers-reduced-motion:no-preference){.pracownia .jw-baner::before,.pracownia .jw-baner::after{animation:pasy 5s linear infinite}}
@keyframes pasy{to{background-position-x:25.46px}}
.pracownia .jw-baner .jw-l1,.pracownia .jw-baner .jw-l2{color:#fff}
.pracownia .jw-baner .zb{text-decoration-color:rgba(255,255,255,.35)}
.pracownia .jw-baner-t{background:rgba(214,208,190,.7)}
.pracownia .mk-g{padding:0 .16em;margin:0 -.04em;color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-shadow:0 0 7px #08140d,0 1px 0 #08140d;background:repeating-linear-gradient(135deg,rgba(25,194,107,.95) 0 2.6px,rgba(25,194,107,0) 2.6px 7px);box-shadow:inset 0 -3px 0 #19C26B;clip-path:inset(0 100% 0 0);transition:clip-path .9s cubic-bezier(.6,0,.2,1) .35s}
@media (prefers-reduced-motion:no-preference){.pracownia .mk-g{animation:dryf 3.2s linear infinite}}
@keyframes dryf{to{background-position:9.9px 0}}
.pracownia .mk-g.mk-on{clip-path:inset(0 0 0 0)}
html:not(.js-x) .pracownia:not(.js-jw) .mk-g{clip-path:none}

.pracownia .lu-hint{left:max(20px,calc((100% - 1440px)/2 + 72px));bottom:28px}

/* ===== duet wycięty jako warstwa kompozycji (jak w ofercie HAIK): wychodzi ponad pas sekcji ===== */
.pracownia .lu-kop{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);align-items:end;min-height:clamp(520px,44vw,640px);padding-bottom:clamp(28px,3vw,48px)}
.pracownia .lu-kop h2{max-width:11.5em;font-size:clamp(40px,5vw,78px)}
.pracownia .lu-pod{max-width:26em}
.pracownia .lu-imiona{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,48px);margin-top:clamp(24px,3vw,40px);padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.pracownia .lu-imiona p{margin:0;max-width:20em}
.pracownia .lu-imiona b{display:block;font:800 clamp(22px,2vw,30px)/1.1 var(--f);color:#fff}
.pracownia .lu-imiona span{display:block;margin-top:8px;font:800 13px/1.3 var(--tech);letter-spacing:.18em;color:#FFD60A}
.pracownia .lu-duo{position:absolute;z-index:8;right:max(0px,calc((100% - 1440px)/2 + 24px));bottom:0;margin:0;height:clamp(500px,46vw,700px);aspect-ratio:1200/1536;pointer-events:none}
.pracownia .lu-duo img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 24px 36px rgba(0,0,0,.55))}
.pracownia .lu-swiatlo{position:absolute;z-index:1;inset:12% -22% -4% -22%;background:radial-gradient(closest-side,rgba(95,135,240,.42),rgba(95,135,240,0) 72%),radial-gradient(closest-side at 70% 30%,rgba(255,214,10,.18),rgba(255,214,10,0) 70%)}
.pracownia .lu-scena{margin-top:0}
@media (max-width:1100px){.pracownia .lu-kop{grid-template-columns:1fr;min-height:0;padding-bottom:0}.pracownia .lu-duo{position:relative;right:auto;margin:28px auto 0;height:clamp(380px,100vw,560px)}}
@media (max-width:820px){.pracownia .lu-imiona{gap:18px}.pracownia .lu-kop h2{font-size:clamp(40px,11.4vw,58px)}}
.pracownia.stat .lu-kop{min-height:clamp(520px,44vw,640px)}

.pracownia .lu-duo img{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 99%);mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 99%);filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}
/* ===== Sekcja 4: liderzy (CEO) i nasi ludzie z działami (portrety stockowe, wizerunek pracowników chroniony) ===== */
.pracownia .os-scena{position:relative}
.pracownia.js-jw .os-scena{height:calc(var(--vh)*5.2)}
.pracownia.js-jw .os-pin{position:sticky;top:56px;height:calc(var(--vh) - 56px);display:flex;align-items:center}
.pracownia .os-grid{--pw:min(100%,calc((var(--vh) - 290px)*1296/740));width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding-block:20px}
.pracownia .os-head,.pracownia .os-nota{width:100%}
.pracownia .os-panel{position:relative;width:var(--pw);aspect-ratio:1296/740;container-type:inline-size}
.pracownia .os-e{position:absolute;left:var(--l);top:var(--t);width:var(--w);height:var(--h);margin:0;opacity:var(--o);box-sizing:border-box;
 transition:left .9s var(--ease),top .9s var(--ease),width .9s var(--ease),height .9s var(--ease),opacity .6s ease,filter .6s ease}
.pracownia .os-c{cursor:default;outline:none}
.pracownia .os-im{position:absolute;inset:0;border-radius:1.1cqw;overflow:hidden;background:#222;filter:grayscale(var(--g,0));box-shadow:0 14px 26px rgba(0,0,0,.5);transition:box-shadow .3s ease,filter .6s ease}
.pracownia .os-im img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.pracownia .os-im figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.4cqw 1cqw .9cqw;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));opacity:var(--cap,0);transition:opacity .5s ease}
.pracownia .os-im b{display:block;font:800 1.6cqw/1.1 var(--f);color:#fff}
.pracownia .os-im span{display:block;margin-top:.3cqw;font:800 max(10px,.95cqw)/1.2 var(--tech);letter-spacing:.12em;text-transform:uppercase;color:#FFD60A}
.pracownia .os-et{font:800 max(12px,1.3cqw)/1 var(--tech);letter-spacing:.16em;color:#cfcfd4;display:flex;align-items:center;white-space:nowrap}
.pracownia .os-kr{display:block}
.pracownia .os-kr-t{margin:0 0 .5cqw;font:800 max(18px,2.1cqw)/1.1 var(--tech);letter-spacing:.02em;color:#fff}
.pracownia .os-kr ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:2.2cqw}
.pracownia .e-k0 ol{--n:4}
.pracownia .os-kr li{position:relative;display:flex;align-items:center;gap:1cqw;min-height:5.4cqw;padding:1cqw 1.3cqw;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:.9cqw;font:600 max(14px,1.5cqw)/1.25 var(--f);color:#fff}
.pracownia .os-kr li b{flex:none;display:flex;align-items:center;justify-content:center;width:3cqw;height:3cqw;min-width:26px;min-height:26px;border-radius:50%;background:#FFD60A;color:#111;font:800 max(13px,1.5cqw)/1 var(--tech)}
.pracownia .os-kr li:not(:last-child)::after{content:"→";position:absolute;right:-1.1cqw;top:50%;transform:translate(50%,-50%);color:#FFD60A;font:800 1.8cqw/1 var(--f)}
.pracownia .os-nota{margin:0;font:400 12px/1.4 var(--f);color:#8e8e98}
/* dymek po najechaniu / dotknięciu: imię, stanowisko, dział, adres e-mail */
.pracownia .os-c:hover,.pracownia .os-c:focus-visible,.pracownia .os-c:focus{opacity:1;z-index:6}
.pracownia .os-c:hover .os-im,.pracownia .os-c:focus .os-im{filter:none;box-shadow:0 0 0 .22cqw #FFD60A,0 18px 30px rgba(0,0,0,.6)}
.pracownia .os-tip{position:absolute;top:calc(100% + .8cqw);left:50%;width:19cqw;min-width:170px;transform:translate(-50%,6px);padding:.9cqw 1.1cqw;background:#101012;border:1px solid #FFD60A;border-radius:.8cqw;box-shadow:0 14px 30px rgba(0,0,0,.65);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;text-align:left}
.pracownia .os-tip.x{display:none}
.pracownia .tip-l .os-tip{left:0;transform:translate(0,6px)}
.pracownia .tip-r .os-tip{left:auto;right:0;transform:translate(0,6px)}
.pracownia .os-c:hover .os-tip,.pracownia .os-c:focus .os-tip{opacity:1;transform:translate(-50%,0)}
.pracownia .tip-l:hover .os-tip,.pracownia .tip-l:focus .os-tip,.pracownia .tip-r:hover .os-tip,.pracownia .tip-r:focus .os-tip{transform:translate(0,0)}
.pracownia .os-tip b{display:block;font:800 max(15px,1.6cqw)/1.1 var(--f);color:#fff}
.pracownia .os-tip em{display:block;margin-top:.35cqw;font:800 max(11px,.95cqw)/1.2 var(--tech);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#FFD60A}
.pracownia .os-tip span{display:block;margin-top:.25cqw;font:400 max(12px,1.05cqw)/1.3 var(--f);color:#b9b9c1}
.pracownia .os-tip code{display:block;margin-top:.55cqw;font:600 max(12px,1.1cqw)/1.2 var(--tech);color:#fff;letter-spacing:.02em;word-break:break-all}
.pracownia .os-et i{font-style:normal;margin-left:.7em;padding:.1em .5em;border-radius:99px;background:rgba(255,214,10,.16);color:#FFD60A;font-size:.85em;letter-spacing:.05em}


/* nagłówek sceny, pasek postępu, kroki z korzyścią, notka, wezwanie */
.pracownia .os-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.pracownia .os-h{margin:0;font:800 clamp(30px,3.2vw,48px)/1 var(--tech);color:#fff}
.pracownia .os-lead{margin:8px 0 0;max-width:none;font:400 clamp(15px,1.25vw,18px)/1.4 var(--f);color:#d9d9dc}
.pracownia .os-prog{flex:none;width:min(40%,480px)}
.pracownia .os-prog-t{margin:0 0 6px;font:800 14px/1.2 var(--tech);letter-spacing:.16em;text-transform:uppercase;color:#FFD60A}
.pracownia .os-ticks{display:flex;gap:6px}
.pracownia .os-ticks button{flex:1;padding:6px 0 0;border:0;background:none;color:#8e8e98;font:800 10px/1 var(--tech);letter-spacing:.12em;text-align:left;cursor:pointer}
.pracownia .os-ticks i{display:block;height:4px;margin-bottom:6px;border-radius:2px;background:rgba(255,255,255,.22);transition:background .3s ease}
.pracownia .os-ticks .on i{background:#FFD60A}.pracownia .os-ticks .on{color:#fff}
.pracownia .os-ticks button:hover i{background:rgba(255,214,10,.6)}
.pracownia .os-kr-s{margin:0 0 1.1cqw;font:400 max(14px,1.4cqw)/1.35 var(--f);color:#d9d9dc}
.pracownia .os-nota{display:flex;flex-wrap:wrap;gap:6px 22px}
.pracownia .os-hint-d{color:#FFD60A}
.pracownia .os-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:clamp(28px,4vw,56px)}
.pracownia .os-cta p{margin:0;max-width:28em;font:700 clamp(22px,2.4vw,34px)/1.2 var(--f);color:#fff}
/* nagłówek liderów: jedna spójna całość, podpisy przy osobach */
.pracownia .lu-pl{position:absolute;z-index:3;bottom:15%;margin:0;padding:9px 14px 9px 12px;background:rgba(8,8,10,.8);border-left:3px solid #FFD60A;max-width:52%}
.pracownia .lu-pl b{display:block;font:800 clamp(15px,1.25vw,19px)/1.1 var(--f);color:#fff}
.pracownia .lu-pl span{display:block;margin-top:5px;font:800 clamp(9px,.72vw,11px)/1.35 var(--tech);letter-spacing:.12em;text-transform:uppercase;color:#FFD60A}
.pracownia .lu-pl-k{left:-3%}.pracownia .lu-pl-l{right:0}
@media (min-width:1101px){
 .pracownia .lu{padding-top:0}
 .pracownia .lu-kop{min-height:clamp(380px,34vw,520px);padding-top:clamp(20px,2.6vw,40px);padding-bottom:0}
 .pracownia .lu-duo{height:clamp(380px,34vw,520px)}
 .pracownia .lu-kop-t{align-self:center;padding-bottom:clamp(20px,2.6vw,36px)}
 .pracownia .lu-kop h2{font-size:clamp(40px,4.5vw,68px);max-width:12em}
 .pracownia .lu-pod{margin-top:16px}
}
.os-scena .e-c0-0{--l:0.617%;--t:8.919%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c0-1{--l:8.642%;--t:12.162%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c0-2{--l:0.617%;--t:31.081%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c0-3{--l:8.642%;--t:34.324%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c0-4{--l:0.617%;--t:53.243%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c0-5{--l:8.642%;--t:56.486%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-l0{--l:0.617%;--t:3.514%;--w:15.818%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena .e-c1-0{--l:17.207%;--t:12.162%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c1-1{--l:25.231%;--t:8.919%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c1-2{--l:17.207%;--t:34.324%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c1-3{--l:25.231%;--t:31.081%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c1-4{--l:17.207%;--t:56.486%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c1-5{--l:25.231%;--t:53.243%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-l1{--l:17.207%;--t:3.514%;--w:15.818%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena .e-c2-0{--l:33.796%;--t:8.919%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c2-1{--l:41.821%;--t:12.162%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c2-2{--l:33.796%;--t:31.081%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c2-3{--l:41.821%;--t:34.324%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c2-4{--l:33.796%;--t:53.243%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c2-5{--l:41.821%;--t:56.486%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-l2{--l:33.796%;--t:3.514%;--w:15.818%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena .e-c3-0{--l:50.386%;--t:12.162%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c3-1{--l:58.410%;--t:8.919%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c3-2{--l:50.386%;--t:34.324%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c3-3{--l:58.410%;--t:31.081%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c3-4{--l:50.386%;--t:56.486%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c3-5{--l:58.410%;--t:53.243%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-l3{--l:50.386%;--t:3.514%;--w:15.818%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena .e-c4-0{--l:66.975%;--t:8.919%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c4-1{--l:75.000%;--t:12.162%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c4-2{--l:66.975%;--t:31.081%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c4-3{--l:75.000%;--t:34.324%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c4-4{--l:66.975%;--t:53.243%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c4-5{--l:75.000%;--t:56.486%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-l4{--l:66.975%;--t:3.514%;--w:15.818%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena .e-c5-0{--l:83.565%;--t:12.162%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c5-1{--l:91.590%;--t:8.919%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c5-2{--l:83.565%;--t:34.324%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c5-3{--l:91.590%;--t:31.081%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c5-4{--l:83.565%;--t:56.486%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-c5-5{--l:91.590%;--t:53.243%;--w:7.562%;--h:20.541%;--o:1;--g:0;--cap:0}
.os-scena .e-l5{--l:83.565%;--t:3.514%;--w:15.818%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena .e-k0{--l:0.617%;--t:86.486%;--w:98.765%;--h:12.703%;--o:1;--g:0;--cap:0}
.os-scena .e-k1{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena .e-k2{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena .e-k3{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena .e-k4{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena .e-k5{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena .e-k6{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="1"] .e-c0-0{--l:38.580%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="1"] .e-c0-1{--l:58.333%;--t:3.514%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="1"] .e-c0-2{--l:78.086%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="1"] .e-c0-3{--l:38.580%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="1"] .e-c0-4{--l:58.333%;--t:40.811%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="1"] .e-c0-5{--l:78.086%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="1"] .e-l0{--l:0.000%;--t:9.189%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="1"] .e-c1-0{--l:11.728%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c1-1{--l:14.815%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c1-2{--l:17.901%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c1-3{--l:20.988%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c1-4{--l:24.074%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c1-5{--l:27.160%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-l1{--l:0.000%;--t:23.784%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="1"] .e-c2-0{--l:11.728%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c2-1{--l:14.815%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c2-2{--l:17.901%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c2-3{--l:20.988%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c2-4{--l:24.074%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c2-5{--l:27.160%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-l2{--l:0.000%;--t:38.378%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="1"] .e-c3-0{--l:11.728%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c3-1{--l:14.815%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c3-2{--l:17.901%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c3-3{--l:20.988%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c3-4{--l:24.074%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c3-5{--l:27.160%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-l3{--l:0.000%;--t:52.973%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="1"] .e-c4-0{--l:11.728%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c4-1{--l:14.815%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c4-2{--l:17.901%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c4-3{--l:20.988%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c4-4{--l:24.074%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c4-5{--l:27.160%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-l4{--l:0.000%;--t:67.568%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="1"] .e-c5-0{--l:11.728%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c5-1{--l:14.815%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c5-2{--l:17.901%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c5-3{--l:20.988%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c5-4{--l:24.074%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-c5-5{--l:27.160%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="1"] .e-l5{--l:0.000%;--t:82.162%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="1"] .e-k0{--l:0.617%;--t:86.486%;--w:98.765%;--h:12.703%;--o:0;--g:0;--cap:0}
.os-scena[data-st="1"] .e-k1{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:1;--g:0;--cap:0}
.os-scena[data-st="1"] .e-k2{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="1"] .e-k3{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="1"] .e-k4{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="1"] .e-k5{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="1"] .e-k6{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="2"] .e-c0-0{--l:11.728%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c0-1{--l:14.815%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c0-2{--l:17.901%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c0-3{--l:20.988%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c0-4{--l:24.074%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c0-5{--l:27.160%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-l0{--l:0.000%;--t:9.189%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="2"] .e-c1-0{--l:38.580%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="2"] .e-c1-1{--l:58.333%;--t:3.514%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="2"] .e-c1-2{--l:78.086%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="2"] .e-c1-3{--l:38.580%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="2"] .e-c1-4{--l:58.333%;--t:40.811%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="2"] .e-c1-5{--l:78.086%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="2"] .e-l1{--l:0.000%;--t:23.784%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="2"] .e-c2-0{--l:11.728%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c2-1{--l:14.815%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c2-2{--l:17.901%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c2-3{--l:20.988%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c2-4{--l:24.074%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c2-5{--l:27.160%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-l2{--l:0.000%;--t:38.378%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="2"] .e-c3-0{--l:11.728%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c3-1{--l:14.815%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c3-2{--l:17.901%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c3-3{--l:20.988%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c3-4{--l:24.074%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c3-5{--l:27.160%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-l3{--l:0.000%;--t:52.973%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="2"] .e-c4-0{--l:11.728%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c4-1{--l:14.815%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c4-2{--l:17.901%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c4-3{--l:20.988%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c4-4{--l:24.074%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c4-5{--l:27.160%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-l4{--l:0.000%;--t:67.568%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="2"] .e-c5-0{--l:11.728%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c5-1{--l:14.815%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c5-2{--l:17.901%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c5-3{--l:20.988%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c5-4{--l:24.074%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-c5-5{--l:27.160%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="2"] .e-l5{--l:0.000%;--t:82.162%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="2"] .e-k0{--l:0.617%;--t:86.486%;--w:98.765%;--h:12.703%;--o:0;--g:0;--cap:0}
.os-scena[data-st="2"] .e-k1{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="2"] .e-k2{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:1;--g:0;--cap:0}
.os-scena[data-st="2"] .e-k3{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="2"] .e-k4{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="2"] .e-k5{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="2"] .e-k6{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="3"] .e-c0-0{--l:11.728%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c0-1{--l:14.815%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c0-2{--l:17.901%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c0-3{--l:20.988%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c0-4{--l:24.074%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c0-5{--l:27.160%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-l0{--l:0.000%;--t:9.189%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="3"] .e-c1-0{--l:11.728%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c1-1{--l:14.815%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c1-2{--l:17.901%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c1-3{--l:20.988%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c1-4{--l:24.074%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c1-5{--l:27.160%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-l1{--l:0.000%;--t:23.784%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="3"] .e-c2-0{--l:38.580%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="3"] .e-c2-1{--l:58.333%;--t:3.514%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="3"] .e-c2-2{--l:78.086%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="3"] .e-c2-3{--l:38.580%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="3"] .e-c2-4{--l:58.333%;--t:40.811%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="3"] .e-c2-5{--l:78.086%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="3"] .e-l2{--l:0.000%;--t:38.378%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="3"] .e-c3-0{--l:11.728%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c3-1{--l:14.815%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c3-2{--l:17.901%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c3-3{--l:20.988%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c3-4{--l:24.074%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c3-5{--l:27.160%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-l3{--l:0.000%;--t:52.973%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="3"] .e-c4-0{--l:11.728%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c4-1{--l:14.815%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c4-2{--l:17.901%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c4-3{--l:20.988%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c4-4{--l:24.074%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c4-5{--l:27.160%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-l4{--l:0.000%;--t:67.568%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="3"] .e-c5-0{--l:11.728%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c5-1{--l:14.815%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c5-2{--l:17.901%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c5-3{--l:20.988%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c5-4{--l:24.074%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-c5-5{--l:27.160%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="3"] .e-l5{--l:0.000%;--t:82.162%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="3"] .e-k0{--l:0.617%;--t:86.486%;--w:98.765%;--h:12.703%;--o:0;--g:0;--cap:0}
.os-scena[data-st="3"] .e-k1{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="3"] .e-k2{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="3"] .e-k3{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:1;--g:0;--cap:0}
.os-scena[data-st="3"] .e-k4{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="3"] .e-k5{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="3"] .e-k6{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="4"] .e-c0-0{--l:11.728%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c0-1{--l:14.815%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c0-2{--l:17.901%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c0-3{--l:20.988%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c0-4{--l:24.074%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c0-5{--l:27.160%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-l0{--l:0.000%;--t:9.189%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="4"] .e-c1-0{--l:11.728%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c1-1{--l:14.815%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c1-2{--l:17.901%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c1-3{--l:20.988%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c1-4{--l:24.074%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c1-5{--l:27.160%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-l1{--l:0.000%;--t:23.784%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="4"] .e-c2-0{--l:11.728%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c2-1{--l:14.815%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c2-2{--l:17.901%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c2-3{--l:20.988%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c2-4{--l:24.074%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c2-5{--l:27.160%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-l2{--l:0.000%;--t:38.378%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="4"] .e-c3-0{--l:38.580%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="4"] .e-c3-1{--l:58.333%;--t:3.514%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="4"] .e-c3-2{--l:78.086%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="4"] .e-c3-3{--l:38.580%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="4"] .e-c3-4{--l:58.333%;--t:40.811%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="4"] .e-c3-5{--l:78.086%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="4"] .e-l3{--l:0.000%;--t:52.973%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="4"] .e-c4-0{--l:11.728%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c4-1{--l:14.815%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c4-2{--l:17.901%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c4-3{--l:20.988%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c4-4{--l:24.074%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c4-5{--l:27.160%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-l4{--l:0.000%;--t:67.568%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="4"] .e-c5-0{--l:11.728%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c5-1{--l:14.815%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c5-2{--l:17.901%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c5-3{--l:20.988%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c5-4{--l:24.074%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-c5-5{--l:27.160%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="4"] .e-l5{--l:0.000%;--t:82.162%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="4"] .e-k0{--l:0.617%;--t:86.486%;--w:98.765%;--h:12.703%;--o:0;--g:0;--cap:0}
.os-scena[data-st="4"] .e-k1{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="4"] .e-k2{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="4"] .e-k3{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="4"] .e-k4{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:1;--g:0;--cap:0}
.os-scena[data-st="4"] .e-k5{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="4"] .e-k6{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="5"] .e-c0-0{--l:11.728%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c0-1{--l:14.815%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c0-2{--l:17.901%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c0-3{--l:20.988%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c0-4{--l:24.074%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c0-5{--l:27.160%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-l0{--l:0.000%;--t:9.189%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="5"] .e-c1-0{--l:11.728%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c1-1{--l:14.815%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c1-2{--l:17.901%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c1-3{--l:20.988%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c1-4{--l:24.074%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c1-5{--l:27.160%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-l1{--l:0.000%;--t:23.784%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="5"] .e-c2-0{--l:11.728%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c2-1{--l:14.815%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c2-2{--l:17.901%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c2-3{--l:20.988%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c2-4{--l:24.074%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c2-5{--l:27.160%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-l2{--l:0.000%;--t:38.378%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="5"] .e-c3-0{--l:11.728%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c3-1{--l:14.815%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c3-2{--l:17.901%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c3-3{--l:20.988%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c3-4{--l:24.074%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c3-5{--l:27.160%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-l3{--l:0.000%;--t:52.973%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="5"] .e-c4-0{--l:38.580%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="5"] .e-c4-1{--l:58.333%;--t:3.514%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="5"] .e-c4-2{--l:78.086%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="5"] .e-c4-3{--l:38.580%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="5"] .e-c4-4{--l:58.333%;--t:40.811%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="5"] .e-c4-5{--l:78.086%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="5"] .e-l4{--l:0.000%;--t:67.568%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="5"] .e-c5-0{--l:11.728%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c5-1{--l:14.815%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c5-2{--l:17.901%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c5-3{--l:20.988%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c5-4{--l:24.074%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-c5-5{--l:27.160%;--t:80.541%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="5"] .e-l5{--l:0.000%;--t:82.162%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="5"] .e-k0{--l:0.617%;--t:86.486%;--w:98.765%;--h:12.703%;--o:0;--g:0;--cap:0}
.os-scena[data-st="5"] .e-k1{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="5"] .e-k2{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="5"] .e-k3{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="5"] .e-k4{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="5"] .e-k5{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:1;--g:0;--cap:0}
.os-scena[data-st="5"] .e-k6{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="6"] .e-c0-0{--l:11.728%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c0-1{--l:14.815%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c0-2{--l:17.901%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c0-3{--l:20.988%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c0-4{--l:24.074%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c0-5{--l:27.160%;--t:7.568%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-l0{--l:0.000%;--t:9.189%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="6"] .e-c1-0{--l:11.728%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c1-1{--l:14.815%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c1-2{--l:17.901%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c1-3{--l:20.988%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c1-4{--l:24.074%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c1-5{--l:27.160%;--t:22.162%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-l1{--l:0.000%;--t:23.784%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="6"] .e-c2-0{--l:11.728%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c2-1{--l:14.815%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c2-2{--l:17.901%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c2-3{--l:20.988%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c2-4{--l:24.074%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c2-5{--l:27.160%;--t:36.757%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-l2{--l:0.000%;--t:38.378%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="6"] .e-c3-0{--l:11.728%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c3-1{--l:14.815%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c3-2{--l:17.901%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c3-3{--l:20.988%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c3-4{--l:24.074%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c3-5{--l:27.160%;--t:51.351%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-l3{--l:0.000%;--t:52.973%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="6"] .e-c4-0{--l:11.728%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c4-1{--l:14.815%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c4-2{--l:17.901%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c4-3{--l:20.988%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c4-4{--l:24.074%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-c4-5{--l:27.160%;--t:65.946%;--w:2.778%;--h:6.216%;--o:0.6;--g:0.7;--cap:0}
.os-scena[data-st="6"] .e-l4{--l:0.000%;--t:67.568%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="6"] .e-c5-0{--l:38.580%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="6"] .e-c5-1{--l:58.333%;--t:3.514%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="6"] .e-c5-2{--l:78.086%;--t:1.081%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="6"] .e-c5-3{--l:38.580%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="6"] .e-c5-4{--l:58.333%;--t:40.811%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="6"] .e-c5-5{--l:78.086%;--t:38.378%;--w:17.901%;--h:33.784%;--o:1;--g:0;--cap:1}
.os-scena[data-st="6"] .e-l5{--l:0.000%;--t:82.162%;--w:11.574%;--h:4.054%;--o:1;--g:0;--cap:0}
.os-scena[data-st="6"] .e-k0{--l:0.617%;--t:86.486%;--w:98.765%;--h:12.703%;--o:0;--g:0;--cap:0}
.os-scena[data-st="6"] .e-k1{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="6"] .e-k2{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="6"] .e-k3{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="6"] .e-k4{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="6"] .e-k5{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:0;--g:0;--cap:0}
.os-scena[data-st="6"] .e-k6{--l:38.580%;--t:79.189%;--w:57.407%;--h:20.000%;--o:1;--g:0;--cap:0}
.os-scena[data-st="1"] .e-l0{color:#FFD60A;font-size:max(14px,1.6cqw)}
.os-scena[data-st="2"] .e-l1{color:#FFD60A;font-size:max(14px,1.6cqw)}
.os-scena[data-st="3"] .e-l2{color:#FFD60A;font-size:max(14px,1.6cqw)}
.os-scena[data-st="4"] .e-l3{color:#FFD60A;font-size:max(14px,1.6cqw)}
.os-scena[data-st="5"] .e-l4{color:#FFD60A;font-size:max(14px,1.6cqw)}
.os-scena[data-st="6"] .e-l5{color:#FFD60A;font-size:max(14px,1.6cqw)}
@media (max-width:820px){
 .pracownia .sek-pas b{white-space:nowrap;font-size:17px;letter-spacing:.1em;padding:0 22px 0 18px}
 .pracownia .sek-pas i{flex-basis:26px}
 .pracownia .sek-pas span{font-size:13px;letter-spacing:.08em;padding:0 10px}
 .pracownia .lu-pl{padding:7px 10px}
 .pracownia .os-head,.pracownia .os-nota{width:100%}

 .pracownia .os-head{display:block}
 .pracownia .os-prog,.pracownia .os-hint-d{display:none}
 .pracownia .os-h{font-size:clamp(30px,8.4vw,40px)}
 .pracownia .os-kr-s{font-size:16px;margin-bottom:12px}
 .pracownia .os-nota{margin-top:12px}
 .pracownia .os-cta{display:block}.pracownia .os-cta p{font-size:24px;margin-bottom:18px}
 .pracownia.js-jw .os-scena{height:auto}
 .pracownia.js-jw .os-pin{position:static;height:auto;display:block}
   .pracownia .os-panel{width:100%;aspect-ratio:auto;container-type:normal;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
 .pracownia .os-e{position:static;width:auto;height:auto;opacity:1!important;filter:none!important}
 .pracownia .os-et{grid-column:1/-1;margin-top:22px;font-size:20px;color:#FFD60A}

 .pracownia .os-c{aspect-ratio:auto;border-radius:0;display:flex;flex-direction:column;gap:6px}
 .pracownia .os-im{position:relative;inset:auto;aspect-ratio:3/4;border-radius:14px}
 .pracownia .os-tip{position:static;transform:none!important;width:auto;min-width:0;padding:0;background:none;border:0;box-shadow:none;opacity:1;pointer-events:auto}
 .pracownia .os-tip b,.pracownia .os-tip em,.pracownia .os-tip span{display:none}
 .pracownia .os-tip code{margin:0;font-size:11px;color:#b9b9c1}
 .pracownia .os-et i{font-size:14px}
 .pracownia .os-im figcaption{opacity:1!important;padding:18px 10px 10px}
 .pracownia .os-im b{font-size:17px}.pracownia .os-im span{font-size:11px}
 .pracownia .os-kr{grid-column:1/-1}
 .pracownia .os-kr ol{display:flex;flex-direction:column;gap:8px}
 .pracownia .os-kr li{font-size:16px;min-height:0;padding:12px 14px;border-radius:10px;gap:12px}
 .pracownia .os-kr li b{width:28px;height:28px;font-size:15px}
 .pracownia .os-kr li:not(:last-child)::after{display:none}
 .pracownia .os-kr-t{font-size:20px;margin-bottom:6px}
 .pracownia .os-hint{display:none}
}
/* tryb statyczny (okno wyższe niż 1500 px) */
 .pracownia.stat .os-head,.pracownia.stat .os-nota{width:100%}

 .pracownia.stat .os-head{display:block}
 .pracownia.stat .os-prog,.pracownia.stat .os-hint-d{display:none}
 .pracownia.stat .os-h{font-size:clamp(30px,8.4vw,40px)}
 .pracownia.stat .os-kr-s{font-size:16px;margin-bottom:12px}
 .pracownia.stat .os-nota{margin-top:12px}
 .pracownia.stat .os-cta{display:block}.pracownia.stat .os-cta p{font-size:24px;margin-bottom:18px}

 .pracownia.stat.js-jw .os-scena{height:auto}
 .pracownia.stat.js-jw .os-pin{position:static;height:auto;display:block}
 .pracownia.stat .os-panel{width:100%;aspect-ratio:auto;container-type:normal;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
 .pracownia.stat .os-e{position:static;width:auto;height:auto;opacity:1!important;filter:none!important}
 .pracownia.stat .os-et{grid-column:1/-1;margin-top:22px;font-size:20px;color:#FFD60A}

 .pracownia.stat .os-c{aspect-ratio:auto;border-radius:0;display:flex;flex-direction:column;gap:6px}
 .pracownia.stat .os-im{position:relative;inset:auto;aspect-ratio:3/4;border-radius:14px}
 .pracownia.stat .os-tip{position:static;transform:none!important;width:auto;min-width:0;padding:0;background:none;border:0;box-shadow:none;opacity:1;pointer-events:auto}
 .pracownia.stat .os-tip b,.pracownia.stat .os-tip em,.pracownia.stat .os-tip span{display:none}
 .pracownia.stat .os-tip code{margin:0;font-size:11px;color:#b9b9c1}
 .pracownia.stat .os-et i{font-size:14px}
 .pracownia.stat .os-c figcaption{opacity:1!important;padding:18px 10px 10px}
 .pracownia.stat .os-c b{font-size:17px}.pracownia.stat .os-c span{font-size:11px}
 .pracownia.stat .os-kr{grid-column:1/-1}
 .pracownia.stat .os-kr ol{display:flex;flex-direction:column;gap:8px}
 .pracownia.stat .os-kr li{font-size:16px;min-height:0;padding:12px 14px;border-radius:10px;gap:12px}
 .pracownia.stat .os-kr li b{width:28px;height:28px;font-size:15px}
 .pracownia.stat .os-kr li:not(:last-child)::after{display:none}
 .pracownia.stat .os-kr-t{font-size:20px;margin-bottom:6px}
 .pracownia.stat .os-hint{display:none}
.pracownia.stat .os-panel{grid-template-columns:repeat(4,1fr)}

@media (min-width:821px){.pracownia:not(.stat) .os-scena[data-st="0"] .os-et{box-shadow:0 2px 0 rgba(255,214,10,.5)}}
/* ---- o57 blok style #14 id=v14-css ---- */
/* Wersja 14 (koncepcje): działy REALIZACJE (05) i REFERENCJE (06). Ten sam świat co v13: czerń, żółty #FFD60A, zielony tylko jako podkreślenie, papier jako akcent.
   Pismo: Sofia Sans Extra Condensed (--tech) i Sofia Sans (--f); Caveat tylko w etykietach na papierze. Prefiks .rz / .rf; nic z v13 nie jest nadpisywane. */
.pracownia .rz,.pracownia .rf{position:relative;z-index:2;color:#fff;overflow:clip;isolation:isolate}
.pracownia .rz{background:radial-gradient(900px 560px at 10% 8%,rgba(255,214,10,.07),transparent 62%),radial-gradient(800px 520px at 92% 70%,rgba(25,194,107,.06),transparent 64%),linear-gradient(180deg,#101016 0,#0c0c11 50%,#0a0a0e 100%)}
.pracownia .rf{background:radial-gradient(900px 520px at 88% 6%,rgba(255,214,10,.08),transparent 62%),linear-gradient(180deg,#0a0a0e 0,#0e0e12 60%,#111116 100%);padding-bottom:clamp(56px,7vw,110px)}
.pracownia .rz .sek-num,.pracownia .rf .sek-num{right:-2vw;top:80px}
.pracownia .rz-kop,.pracownia .rf-kop{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(28px,3.4vw,48px);position:relative;z-index:1}
.pracownia .rz-kop h2,.pracownia .rf-kop h2{margin:0;max-width:17em;font:800 clamp(40px,4.7vw,68px)/1.02 var(--tech);letter-spacing:.005em;color:#fff}
.pracownia .rz-pod{margin:18px 0 0;max-width:38em;font:400 clamp(17px,1.4vw,20px)/1.45 var(--f);color:rgba(255,255,255,.82)}
.pracownia .tg{display:inline-block;margin:0 6px 6px 0;padding:3px 9px;border:1.5px solid rgba(255,255,255,.4);border-radius:6px;font:800 13px/1.3 var(--tech);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.pracownia .rz-dow{margin:22px 0 0;font:400 14px/1.4 var(--f);color:rgba(255,255,255,.6)}
.pracownia .rz-dow b{display:block;margin-bottom:2px;font:800 12px/1.2 var(--tech);letter-spacing:.18em;color:#FFD60A}
/* zrzuty: prawdziwy materiał dominuje; telefon wystaje poza kadr komputera */
.pracownia .rz-foto{position:relative;margin:0;container-type:inline-size}
.pracownia .rz-foto img.d{display:block;width:100%;height:auto;border-radius:6px;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 50px rgba(0,0,0,.55)}
.pracownia .rz-foto img.m{position:absolute;right:-3%;bottom:-8%;width:19%;height:auto;border-radius:12px;border:3px solid #0c0c11;box-shadow:0 18px 34px rgba(0,0,0,.6);transform:rotate(3deg)}
.pracownia .rz-foto figcaption{margin-top:12px;font:800 13px/1.3 var(--tech);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.pracownia .rz-ph{position:relative;display:grid;place-items:center;aspect-ratio:16/10;border:2px dashed rgba(255,214,10,.55);border-radius:6px;background:repeating-linear-gradient(135deg,rgba(255,214,10,.07) 0 8px,transparent 8px 16px)}
.pracownia .rz-ph span{font:800 15px/1.3 var(--tech);letter-spacing:.18em;color:#FFD60A;text-align:center;padding:0 16px}
.pracownia .rz-ph-s{aspect-ratio:auto;min-height:60px;margin-top:20px}
/* mechanizmy */
.pracownia .mx{margin:30px 0 0}
.pracownia .mx-s{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 0;align-items:stretch}
.pracownia .mx-s li{position:relative;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;min-height:56px;background:#e6d5a8;color:#23221f;font:700 17px/1.2 var(--f);margin-right:26px;box-shadow:0 8px 18px rgba(0,0,0,.4)}
.pracownia .mx-s li:nth-child(even){background:#f3e9c6}
.pracownia .mx-s li b{font:800 22px/1 var(--tech);color:#b08a00}
.pracownia .mx-s li:last-child{margin-right:0}
.pracownia .mx-s li:not(:last-child)::after{content:"";position:absolute;left:100%;top:50%;width:26px;border-top:2px dashed rgba(255,255,255,.55)}
.pracownia .a-sheet .mx-s li:not(:last-child)::after{border-top-color:#23221f}
.pracownia .mx12{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:stretch;gap:0}
.pracownia .mx12 .k{position:relative;padding:16px 18px 18px;background:#e6d5a8;color:#23221f;box-shadow:0 10px 22px rgba(0,0,0,.4)}
.pracownia .mx12 .k b,.pracownia .mx03 .kan b{display:block;margin-bottom:8px;font:800 14px/1.2 var(--tech);letter-spacing:.16em;color:#7a6200}
.pracownia .mx12 .k p{margin:0;font:700 18px/1.3 var(--f)}
.pracownia .mx12 .k1 span{display:inline-block;margin-top:10px;padding:2px 8px;border:1.5px solid #8a2a1f;color:#8a2a1f;font:800 12px/1.4 var(--tech);letter-spacing:.14em;text-transform:uppercase}
.pracownia .mx12 .k3{background:#FFD60A}
.pracownia .mx12 .k3 b{color:#111}
.pracownia .mx12 .skr{position:absolute;left:10px;top:44px;width:calc(100% - 20px);height:58px;pointer-events:none}
.pracownia .mx12 .skr path{fill:none;stroke:#8a2a1f;stroke-width:2.5;opacity:.9;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.pracownia .mx12 .ar{align-self:center;height:3px;background:rgba(255,255,255,.7);position:relative}
.pracownia .mx12 .ar::after{content:"";position:absolute;right:-1px;top:-6px;border:7px solid transparent;border-left:12px solid rgba(255,255,255,.7);border-right:0}
.pracownia .mx10{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pracownia .mx10 .pl{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 18px;background:#1c1c22;border:1.5px solid rgba(255,255,255,.35);flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:96px;font:800 20px/1.1 var(--tech);letter-spacing:.08em}
.pracownia .mx10 .pl:nth-child(4){background:#FFD60A;color:#111;border-color:#FFD60A}
.pracownia .mx10 .pl span{font:700 15px/1 var(--f);letter-spacing:0;opacity:.75}
.pracownia .mx03{display:grid;gap:14px}
.pracownia .mx03 svg{width:100%;height:auto}
.pracownia .mx03 .ln path{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2;stroke-dasharray:6 6}
.pracownia .mx03 .bx rect{fill:#1c1c22;stroke:rgba(255,255,255,.5);stroke-width:1.5}
.pracownia .mx03 .bx rect.mid{fill:#FFD60A;stroke:#FFD60A}
.pracownia .mx03 .bx text{font:800 22px var(--tech);letter-spacing:.08em;fill:#fff}
.pracownia .mx03 .bx rect.mid + text{fill:#111;font-size:26px}
.pracownia .mx03 .kan{display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;padding:0;margin:0;font:400 16px/1.3 var(--f);color:rgba(255,255,255,.85)}
.pracownia .mx03 .kan b{display:inline;margin-right:8px;color:#FFD60A}
@media (prefers-reduced-motion:no-preference){
 .pracownia.rz-js .mx12 .skr path{stroke-dashoffset:1;transition:stroke-dashoffset .9s ease .5s}
 .pracownia.rz-js .mx12.in .skr path{stroke-dashoffset:0}
}

/* ---------- A: teczki ---------- */
.pracownia .a-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start;padding-bottom:clamp(40px,5vw,72px)}
.pracownia .a-tabs{position:sticky;top:76px;display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 96px);overflow:auto}
.pracownia .a-tab{display:grid;grid-template-columns:42px 1fr;column-gap:8px;text-align:left;padding:11px 14px;border:0;border-left:4px solid transparent;background:rgba(255,255,255,.05);color:#fff;cursor:pointer;font:inherit}
.pracownia .a-tab:hover{background:rgba(255,255,255,.1)}
.pracownia .a-tab b{grid-row:1/3;align-self:center;font:800 24px/1 var(--tech);color:#FFD60A}
.pracownia .a-tab span{font:800 19px/1.1 var(--tech);letter-spacing:.06em;text-transform:uppercase}
.pracownia .a-tab em{font:400 13px/1.3 var(--f);font-style:normal;color:rgba(255,255,255,.6)}
.pracownia .a-tab[aria-selected="true"]{background:#e6d5a8;color:#23221f;border-left-color:#FFD60A}
.pracownia .a-tab[aria-selected="true"] b{color:#23221f}.pracownia .a-tab[aria-selected="true"] em{color:#5b5640}
.pracownia .a-tab:focus-visible,.pracownia .b-row:focus-visible,.pracownia .b-f:focus-visible,.pracownia .a-nast:focus-visible,.pracownia .c-rail a:focus-visible,.pracownia .rf-all summary:focus-visible{outline:3px solid #FFD60A;outline-offset:2px}
.pracownia .a-sheet{position:relative;padding:clamp(24px,3vw,44px);background:radial-gradient(120% 90% at 20% 0,#efe1b8 0,#e6d5a8 55%,#d9c791 100%);color:#23221f;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 34px 60px rgba(0,0,0,.65),0 6px 14px rgba(0,0,0,.45)}
.pracownia .a-sheet[hidden]{display:none}
.pracownia .a-sheet .tp{position:absolute;top:-14px;width:120px;height:30px;background:repeating-linear-gradient(135deg,rgba(255,214,10,.9) 0 6px,rgba(255,214,10,.55) 6px 12px);opacity:.92;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.pracownia .a-sheet .t1{left:6%;transform:rotate(-4deg)}.pracownia .a-sheet .t2{right:6%;transform:rotate(3deg)}
.pracownia .a-et{margin:0 0 10px;font:600 26px/1 "Caveat","Segoe Script",cursive;color:#5b5640}
.pracownia .a-sheet h3{margin:0 0 clamp(20px,2.4vw,32px);max-width:22em;font:800 clamp(30px,3.3vw,48px)/1.04 var(--tech);color:#23221f}
.pracownia .a-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,44px);align-items:start}
.pracownia .a-sheet .rz-foto img.d{border-color:#23221f;box-shadow:0 14px 28px rgba(35,34,31,.35)}
.pracownia .a-sheet .rz-foto figcaption{color:#5b5640}
.pracownia .a-sheet .rz-ph{border-color:#8a6c00;background:repeating-linear-gradient(135deg,rgba(138,108,0,.1) 0 8px,transparent 8px 16px)}
.pracownia .a-sheet .rz-ph span{color:#6b5400}
.pracownia .a-nota{margin:0 0 18px;padding:14px 16px 16px;background:#f7efd2;box-shadow:0 8px 16px rgba(35,34,31,.28);transform:rotate(-.6deg)}
.pracownia .a-nota.n2{background:#FFE55C;transform:rotate(.7deg)}
.pracownia .a-nota b{display:block;margin-bottom:4px;font:600 26px/1 "Caveat","Segoe Script",cursive;color:#23221f}
.pracownia .a-nota p{margin:0;font:400 17px/1.45 var(--f)}
.pracownia .a-sheet .tg{border-color:rgba(35,34,31,.55);color:#23221f}
.pracownia .a-mech{margin-top:8px}
.pracownia .a-sheet .mx-s li{box-shadow:0 6px 12px rgba(35,34,31,.3)}
.pracownia .a-sheet .mx03 .bx rect{fill:#f7efd2;stroke:#23221f}.pracownia .a-sheet .mx03 .bx text{fill:#23221f}
.pracownia .a-sheet .mx03 .ln path{stroke:#23221f}.pracownia .a-sheet .mx03 .kan{color:#23221f}.pracownia .a-sheet .mx03 .kan b{color:#7a6200}
.pracownia .a-sheet .mx10 .pl{background:#f7efd2;border-color:#23221f;color:#23221f}.pracownia .a-sheet .mx10 .pl:nth-child(4){background:#FFD60A;border-color:#23221f}
.pracownia .a-sheet .mx12 .ar{background:#23221f}.pracownia .a-sheet .mx12 .ar::after{border-left-color:#23221f}
.pracownia .a-sheet .mx12 .k{background:#f7efd2}.pracownia .a-sheet .mx12 .k3{background:#FFD60A}
.pracownia .a-sheet .rz-dow{color:#5b5640}.pracownia .a-sheet .rz-dow b{color:#6b5400}
.pracownia .a-nast{margin-top:26px;display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border:2px solid #23221f;background:transparent;color:#23221f;font:800 18px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.pracownia .a-nast svg{width:22px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.pracownia .a-nast:hover{background:#23221f;color:#FFD60A}

/* ---------- B: rejestr ---------- */
.pracownia .b-filtr{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.pracownia .b-f{display:inline-flex;gap:10px;align-items:center;padding:10px 16px;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;background:transparent;color:#fff;cursor:pointer;font:800 16px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase}
.pracownia .b-f span{font:700 14px/1 var(--f);opacity:.7}
.pracownia .b-f[aria-pressed="true"]{background:#FFD60A;border-color:#FFD60A;color:#111}
.pracownia .b-tab{border-top:1.5px solid rgba(255,255,255,.3);margin-bottom:clamp(40px,5vw,72px)}
.pracownia .b-item{border-bottom:1px solid rgba(255,255,255,.16)}
.pracownia .b-item[hidden]{display:none}
.pracownia .b-row{display:grid;grid-template-columns:48px 124px minmax(160px,1fr) minmax(200px,1.2fr) minmax(0,1.8fr) 28px;gap:22px;align-items:center;width:100%;padding:22px 10px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer;font:inherit}
.pracownia .b-row:hover{background:rgba(255,255,255,.05)}
.pracownia .b-row .mn img,.pracownia .b-row .mn-ph{display:block;width:124px;height:78px;object-fit:cover;object-position:top;border:1px solid rgba(255,255,255,.25);border-radius:4px}
.pracownia .b-row .mn-ph{border:1.5px dashed rgba(255,214,10,.5);background:repeating-linear-gradient(135deg,rgba(255,214,10,.07) 0 6px,transparent 6px 12px)}
.pracownia .b-row .nr{font:800 28px/1 var(--tech);color:#FFD60A}
.pracownia .b-row .kl{font:800 clamp(22px,2.2vw,30px)/1.05 var(--tech);letter-spacing:.04em;text-transform:uppercase}
.pracownia .b-row .zd{font:400 16px/1.4 var(--f);color:rgba(255,255,255,.8)}
.pracownia .b-row .st{width:22px;height:14px;fill:none;stroke:#fff;stroke-width:2.5;transition:transform .25s}
.pracownia .b-row[aria-expanded="true"] .st{transform:rotate(180deg)}
.pracownia .b-row[aria-expanded="true"]{background:rgba(255,214,10,.08)}
.pracownia .b-panel{display:grid;grid-template-columns:minmax(260px,4fr) minmax(0,8fr);gap:clamp(24px,4vw,56px);padding:12px 10px clamp(36px,4vw,56px)}
.pracownia .b-panel[hidden]{display:none}
.pracownia .b-meta h3{margin:0 0 20px;font:800 clamp(26px,2.6vw,36px)/1.06 var(--tech)}
.pracownia .b-meta dl{margin:0 0 22px;display:grid;grid-template-columns:auto 1fr;gap:8px 18px}
.pracownia .b-meta dt{font:800 13px/1.6 var(--tech);letter-spacing:.16em;text-transform:uppercase;color:#FFD60A}
.pracownia .b-meta dd{margin:0;font:400 16px/1.45 var(--f)}
.pracownia .b-nota{margin:0 0 16px;padding-left:16px;border-left:3px solid #FFD60A}
.pracownia .b-nota b{display:block;font:800 13px/1.5 var(--tech);letter-spacing:.16em;color:rgba(255,255,255,.6)}
.pracownia .b-nota p{margin:2px 0 0;font:400 17px/1.45 var(--f)}
.pracownia .b-wiz .rz-foto{margin-bottom:24px}

/* ---------- C: rozdziały ---------- */
.pracownia .c-wrap{display:grid;grid-template-columns:150px minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:start}
.pracownia .c-rail{position:sticky;top:76px;display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 110px);max-height:760px}
.pracownia .c-rail a{display:flex;align-items:baseline;gap:10px;padding:2px 0 2px 10px;border-left:3px solid rgba(255,255,255,.3);color:rgba(255,255,255,.72);text-decoration:none}
.pracownia .c-rail a b{font:800 18px/1 var(--tech);letter-spacing:.06em}
.pracownia .c-rail a span{font:800 12px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0}
.pracownia .c-rail a.on{border-left-color:#FFD60A;color:#FFD60A}
.pracownia .c-rail a.on b{font-size:24px}.pracownia .c-rail a.on span{opacity:1}
.pracownia .c-licz{display:none}
.pracownia .c-ch{position:relative;padding:clamp(48px,6vw,88px) 0 clamp(52px,6vw,96px);border-top:1.5px dashed rgba(255,255,255,.22)}
.pracownia .c-ch:first-child{border-top:0}
.pracownia .c-num{position:absolute;right:0;top:clamp(24px,3vw,44px);font:800 clamp(120px,15vw,230px)/.8 var(--tech);color:transparent;background:repeating-linear-gradient(135deg,rgba(255,255,255,.13) 0 2.4px,transparent 2.4px 8px);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:2px rgba(255,255,255,.14);pointer-events:none;user-select:none;z-index:-1}
.pracownia .c-et{margin:0 0 14px;font:800 15px/1.25 var(--tech);letter-spacing:.2em;color:#FFD60A}
.pracownia .c-ch h3{margin:0;max-width:17em;font:800 clamp(34px,4.3vw,62px)/1.02 var(--tech);color:#fff}
.pracownia .c-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,56px);margin-top:clamp(28px,3vw,44px);align-items:start}
.pracownia .c-odw .c-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.pracownia .c-odw .c-l{order:2}
.pracownia .c-nota{margin:0 0 20px;padding-left:18px;border-left:4px solid #FFD60A}
.pracownia .c-nota b{display:block;font:800 13px/1.5 var(--tech);letter-spacing:.18em;color:rgba(255,255,255,.6)}
.pracownia .c-nota p{margin:2px 0 0;font:400 clamp(17px,1.4vw,20px)/1.5 var(--f)}
.pracownia .c-mech{margin-top:clamp(12px,2vw,28px)}

/* ---------- REFERENCJE ---------- */
.pracownia .rf-st{display:grid;gap:clamp(28px,3.6vw,52px)}
.pracownia .rf-pod{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;font:400 15px/1.4 var(--f);color:rgba(255,255,255,.7)}
.pracownia .rf-pod em{font:800 11px/1.3 var(--tech);font-style:normal;letter-spacing:.16em;padding:2px 7px;border:1.5px dashed rgba(255,214,10,.7);color:#FFD60A}
.pracownia .rf blockquote{margin:0}
.pracownia .rf footer b,.pracownia .rf figcaption b{display:block;font:800 20px/1.1 var(--tech);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.pracownia .rf footer span{font:400 14px/1.3 var(--f);color:rgba(255,255,255,.6)}
.pracownia .rf-hero{display:grid;grid-template-columns:clamp(56px,7vw,100px) minmax(0,1fr);gap:clamp(16px,2.4vw,36px);align-items:start;padding:clamp(28px,4vw,56px) 0;border-top:1.5px solid rgba(255,255,255,.3);border-bottom:1.5px solid rgba(255,255,255,.3)}
.pracownia .rf-q{width:100%;fill:#FFD60A}
.pracownia .rf-hq{margin:0 0 24px;max-width:26em;font:800 clamp(32px,4.1vw,60px)/1.06 var(--tech);letter-spacing:.005em;color:#fff}
.pracownia .rf-hctx{margin:0 0 24px;max-width:44em;font:400 clamp(17px,1.4vw,20px)/1.5 var(--f);color:rgba(255,255,255,.72)}
.pracownia .rf-mk{color:#111;background:#FFD60A;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.pracownia .rf-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.pracownia .rf-card{display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:clamp(20px,2.2vw,32px);border-left:4px solid #FFD60A;background:rgba(255,255,255,.05)}
.pracownia .rf-card blockquote p{margin:0;font:700 clamp(22px,2vw,28px)/1.22 var(--f);color:#fff}
.pracownia .rf-det{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(20px,3vw,40px);background:#e6d5a8;color:#23221f;box-shadow:0 30px 56px rgba(0,0,0,.55)}
.pracownia .rf-det-l{position:relative}
.pracownia .rf-det-l img{display:block;width:100%;height:auto;max-height:440px;object-fit:cover;object-position:top;border-radius:14px;border:3px solid #23221f;box-shadow:0 14px 26px rgba(35,34,31,.4);transform:rotate(-2deg)}
.pracownia .rf-tag{display:inline-block;margin-top:14px;font:800 13px/1.3 var(--tech);letter-spacing:.14em;text-transform:uppercase;color:#6b5400}
.pracownia .rf-card figcaption{margin-top:20px}.pracownia .rf-det blockquote p{margin:0;font:800 clamp(28px,3vw,44px)/1.1 var(--tech);color:#23221f}
.pracownia .rf-det footer span{color:#5b5640}.pracownia .rf-det footer b{color:#23221f;margin-top:20px}.pracownia .rf-det .rf-pod{color:#5b5640}.pracownia .rf-det .rf-pod em{color:#6b5400;border-color:#6b5400}
.pracownia .rf-log{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(8px,2vw,24px) 0}
.pracownia .rf-logo{display:grid;place-items:center;aspect-ratio:16/7;border:2px dashed rgba(255,255,255,.4)}
.pracownia .rf-logo span{font:800 14px/1.4 var(--tech);letter-spacing:.16em;text-align:center;color:rgba(255,255,255,.6)}
.pracownia .rf-log blockquote p{margin:0;font:700 clamp(24px,2.4vw,34px)/1.2 var(--f);color:#fff}
.pracownia .rf-all{border-top:1.5px solid rgba(255,255,255,.3)}
.pracownia .rf-all summary{display:flex;justify-content:space-between;align-items:center;padding:22px 4px;cursor:pointer;list-style:none;font:800 22px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase}
.pracownia .rf-all summary::-webkit-details-marker{display:none}
.pracownia .rf-all summary svg{width:22px;height:14px;fill:none;stroke:#fff;stroke-width:2.5;transition:transform .25s}
.pracownia .rf-all[open] summary svg{transform:rotate(180deg)}
.pracownia .rf-pe-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;padding:8px 0 28px}
.pracownia .rf-pe{padding:20px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.03)}
.pracownia .rf-pe h4{margin:0 0 10px;font:800 20px/1.1 var(--tech);letter-spacing:.1em;text-transform:uppercase}
.pracownia .rf-pe h4 b{color:#FFD60A;margin-right:8px}
.pracownia .rf-pe p{margin:0;font:400 15px/1.5 var(--f);color:rgba(255,255,255,.86)}
@media (prefers-reduced-motion:no-preference){
 .pracownia.rz-js .rf-in{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
 .pracownia.rz-js .rf-in.in,.pracownia.rz-js.rz-wsz .rf-in{opacity:1;transform:none}
}

/* ---------- telefon i tablet ---------- */
@media (max-width:1100px){
 .pracownia .a-grid{grid-template-columns:1fr}
 .pracownia .a-tabs{position:static;flex-direction:row;overflow-x:auto;max-height:none;padding-bottom:6px}
 .pracownia .a-tab{flex:0 0 auto;grid-template-columns:auto;min-width:150px;padding:10px 14px}
 .pracownia .a-tab b{grid-row:auto}.pracownia .a-tab em{display:none}
 .pracownia .b-row{grid-template-columns:44px minmax(0,1fr) 28px;gap:6px 14px}
 .pracownia .b-row .mn{display:none}
 .pracownia .b-row .tgs,.pracownia .b-row .zd{grid-column:2/3}
 .pracownia .b-row .st{grid-row:1;grid-column:3}
 .pracownia .b-panel{grid-template-columns:1fr}
 .pracownia .c-wrap{grid-template-columns:1fr}
 .pracownia .c-rail{display:none}
 .pracownia .c-licz{display:block;position:sticky;top:56px;z-index:5;margin:0;padding:8px 0;background:#0c0c11;border-bottom:1px solid rgba(255,255,255,.2);font:800 18px/1 var(--tech);letter-spacing:.12em;color:rgba(255,255,255,.7)}
 .pracownia .c-licz b{color:#FFD60A;font-size:24px}.pracownia .c-licz span{margin-left:10px;text-transform:uppercase}
 .pracownia .rf-3{grid-template-columns:1fr}
 .pracownia .rf-pe-l{grid-template-columns:1fr}
}
@media (max-width:760px){
 .pracownia .a-body,.pracownia .c-grid,.pracownia .c-odw .c-grid{grid-template-columns:1fr}
 .pracownia .c-odw .c-l{order:0}
 .pracownia .a-sheet{padding:22px 18px 26px}
 .pracownia .mx12{grid-template-columns:1fr;gap:0}
 .pracownia .mx12 .ar{width:3px;height:26px;justify-self:center}
 .pracownia .mx12 .ar::after{right:-6px;top:auto;bottom:-1px;border:7px solid transparent;border-top:12px solid rgba(255,255,255,.7);border-bottom:0}
 .pracownia .a-sheet .mx12 .ar::after{border-top-color:#23221f;border-left-color:transparent}
 
 .pracownia .mx10{grid-template-columns:1fr 1fr}
 .pracownia .mx-s li{margin-right:0;clip-path:none;width:100%}
 .pracownia .rz-foto img.m{right:2%;bottom:-6%}
 .pracownia .rf-hero{grid-template-columns:1fr}.pracownia .rf-q{width:56px}
 .pracownia .rf-det,.pracownia .rf-log{grid-template-columns:1fr}
 .pracownia .rf-det-l img{max-width:220px;max-height:360px}
 .pracownia .b-filtr{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.pracownia .b-f{flex:0 0 auto}
}

/* parametr ?tylko=rz|rf: pokazuje tylko nowe działy (do zrzutów odbioru) */
.pracownia.rz-tylko>*:not(main),.pracownia.rz-tylko .hero,.pracownia.rz-tylko .krol,.pracownia.rz-tylko .lu,.pracownia.rz-tylko .jw,.pracownia.rz-tylko .kon,.pracownia.rz-tylko header,.pracownia.rz-tylko .top{display:none!important}
.pracownia.rz-tylko-rz .rf{display:none}.pracownia.rz-tylko-rf .rz{display:none}

/* ---------- wersja 14: dopracowanie teczek ---------- */
.pracownia .a-et{font:800 15px/1.2 var(--tech);letter-spacing:.2em;text-transform:uppercase;color:#6b5400}
.pracownia .a-body{grid-template-columns:minmax(0,1fr);gap:clamp(22px,2.6vw,34px)}
.pracownia .a-r{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:start}
.pracownia .a-r .a-nota{margin:0}
.pracownia .a-r .a-tg{grid-column:1/-1}
.pracownia .a-sheet .rz-foto{max-width:100%}
.pracownia .a-sheet .rz-foto img.d{box-shadow:0 20px 40px rgba(35,34,31,.4)}
.pracownia .mx-s li:last-child{background:#FFD60A}
.pracownia .mx-s li:last-child b{color:#111}
.pracownia .mx10{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.pracownia .mx10 .pl span:empty{display:none}
.pracownia .mx10 .pl{min-height:84px}
.pracownia .mx08 svg{width:100%;height:auto;display:block}
.pracownia .mx08 .tg1 path{fill:none;stroke:rgba(255,255,255,.6);stroke-width:2}
.pracownia .mx08 .tg2 path,.pracownia .mx08 .ar{fill:none;stroke:rgba(255,255,255,.7);stroke-width:2.5}
.pracownia .mx08 .ah{fill:none;stroke:rgba(255,255,255,.7);stroke-width:2.5}
.pracownia .mx08 .bx rect{fill:#1c1c22;stroke:rgba(255,255,255,.5);stroke-width:1.5}
.pracownia .mx08 .bx rect.mid{fill:#FFD60A;stroke:#FFD60A}
.pracownia .mx08 .bx text{font:800 16px var(--tech);letter-spacing:.06em;fill:#fff;text-transform:uppercase}
.pracownia .mx08 .bx rect.mid + text{fill:#111}
.pracownia .a-sheet .mx08 .tg1 path{stroke:#23221f}.pracownia .a-sheet .mx08 .tg2 path,.pracownia .a-sheet .mx08 .ar,.pracownia .a-sheet .mx08 .ah{stroke:#23221f}
.pracownia .a-sheet .mx08 .bx rect{fill:#f7efd2;stroke:#23221f}.pracownia .a-sheet .mx08 .bx rect.mid{fill:#FFD60A}
.pracownia .a-sheet .mx08 .bx text{fill:#23221f}
.pracownia .mx03 .bx text{font-size:19px}
@media (max-width:760px){.pracownia .a-r{grid-template-columns:1fr}.pracownia .mx10{grid-template-columns:1fr 1fr}.pracownia .mx-s li:last-child{background:#FFD60A}}

/* ================= v15: poprawki po odbiorze (Łukasz, 03.11.2026) ================= */
/* A1: realny materiał dominuje, mniej dekoracji wokół */
.pracownia .a-grid{grid-template-columns:250px minmax(0,1fr);gap:26px}
.pracownia .a-sheet{padding:clamp(18px,2.2vw,30px)}
.pracownia .a-sheet h3{font-size:clamp(28px,3vw,42px);margin-bottom:clamp(14px,1.8vw,22px)}
.pracownia .rz-foto img.m{width:23%;right:-2%;bottom:-6%}
.pracownia .a-sheet .rz-foto figcaption{margin-top:8px}
.pracownia .a-nota{transform:none;box-shadow:0 4px 10px rgba(35,34,31,.2);padding:12px 14px 14px}.pracownia .a-nota.n2{transform:none}
.pracownia .a-nota p{font-size:16px}
.pracownia .a-body{gap:clamp(16px,2vw,24px)}
.pracownia .a-r{gap:clamp(12px,1.6vw,20px)}
/* A3: nowe mechanizmy dowodu */
.pracownia .mxbp{display:grid;grid-template-columns:minmax(0,1fr) 44px 180px;gap:0;align-items:center}
.pracownia .bp-l{padding:16px 18px;border:2px dashed #23221f;background:#f7efd2}
.pracownia .bp-l b,.pracownia .ks-l b,.pracownia .ks-r b{display:block;margin-bottom:6px;font:800 13px/1.3 var(--tech);letter-spacing:.16em;color:#7a6200}
.pracownia .bp-l p{margin:0;font:700 19px/1.3 var(--f)}
.pracownia .bp-ar,.pracownia .ks-ar{height:3px;background:#23221f;position:relative}
.pracownia .bp-ar::after,.pracownia .ks-ar::after{content:"";position:absolute;right:-1px;top:-6px;border:7px solid transparent;border-left:12px solid #23221f;border-right:0}
.pracownia .bp-r{margin:0}.pracownia .bp-r img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;border:3px solid #23221f;border-radius:14px;box-shadow:0 12px 22px rgba(35,34,31,.35)}
.pracownia .bp-r figcaption{margin-top:8px;font:800 12px/1.3 var(--tech);letter-spacing:.14em;color:#5b5640}
.pracownia .mxtr .line{position:relative;height:30px;margin:6px 14px 0}
.pracownia .mxtr .line::before{content:"";position:absolute;left:0;right:0;top:14px;height:4px;background:#23221f}
.pracownia .mxtr .line i{position:absolute;top:6px;width:20px;height:20px;border-radius:50%;background:#f7efd2;border:3px solid #23221f}
.pracownia .mxtr .line i:nth-child(1){left:0}.pracownia .mxtr .line i:nth-child(2){left:calc(50% - 10px)}.pracownia .mxtr .line i:nth-child(3){right:0;background:#FFD60A}
.pracownia .mxtr ul{list-style:none;margin:6px 0 0;padding:0;display:flex;justify-content:space-between}
.pracownia .mxtr li{font:800 22px/1.1 var(--tech);letter-spacing:.08em;text-transform:uppercase}.pracownia .mxtr li.fin{background:#FFD60A;padding:2px 8px}
.pracownia .mxtr p,.pracownia .mxsp p,.pracownia .mxct p,.pracownia .mxpn p,.pracownia .mxnp p,.pracownia .mxzo p,.pracownia .mxpp p,.pracownia .mxad p,.pracownia .mxks p{margin:14px 0 0;font:400 16px/1.4 var(--f)}
.pracownia .mxks{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.2fr);align-items:center}
.pracownia .ks-l{padding:14px 16px;background:#cfc7ab}
.pracownia .ks-l i{display:block;margin-top:6px;padding:6px 10px;border:1.5px solid #6d6a5c;background:#e2dcc4;font:400 14px/1.2 var(--f);font-style:normal;transform:skewX(-6deg);color:#4a4842}
.pracownia .ks-r{padding:14px 16px;background:#f7efd2;border:2px solid #23221f}
.pracownia .ks-f{display:flex;flex-wrap:wrap;gap:8px}.pracownia .ks-f span{padding:8px 12px;border:2px solid #23221f;font:800 16px/1 var(--tech);letter-spacing:.08em;text-transform:uppercase}
.pracownia .ks-f span.ai{background:#FFD60A}
.pracownia .mxsp .sp-k{max-width:420px;padding:16px 18px;background:#fff;border:2px solid #23221f;border-radius:12px;box-shadow:0 10px 20px rgba(35,34,31,.25);color:#23221f}
.pracownia .sp-t{display:block;font:800 12px/1.3 var(--tech);letter-spacing:.16em;color:#5b5640}.pracownia .sp-k b{display:block;margin:6px 0 10px;font:800 28px/1 var(--tech);letter-spacing:.04em}
.pracownia .sp-l{display:block;height:8px;margin-bottom:6px;background:#d9d5c4;border-radius:4px}.pracownia .sp-l.s{width:60%}
.pracownia .sp-b{display:flex;gap:8px;margin-top:12px}.pracownia .sp-b span{padding:8px 14px;border:1.5px solid #23221f;border-radius:999px;font:700 15px/1 var(--f)}.pracownia .sp-b .tel{background:#FFD60A;font-weight:800;padding:8px 20px}
.pracownia .mxtl{list-style:none;margin:30px 0 0;padding:0 0 0 26px;position:relative}
.pracownia .mxtl::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:3px;background:#23221f}
.pracownia .mxtl li{position:relative;padding:6px 0 14px;font:800 22px/1.1 var(--tech);letter-spacing:.06em;text-transform:uppercase}
.pracownia .mxtl li::before{content:"";position:absolute;left:-26px;top:7px;width:17px;height:17px;border-radius:50%;background:#f7efd2;border:3px solid #23221f}
.pracownia .mxtl li.fin::before{background:#FFD60A}
.pracownia .mxct ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pracownia .mxct li{padding:10px 18px;border:2px solid #23221f;background:#f7efd2;font:800 20px/1 var(--tech);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-1deg)}
.pracownia .mxct li:nth-child(even){transform:rotate(1deg);background:#FFE55C}
.pracownia .mxpn svg{width:100%;height:auto;display:block}
.pracownia .mxpn .ch circle{fill:#9a947c}.pracownia .mxpn .ok circle{fill:#23221f}.pracownia .mxpn .area{fill:rgba(255,214,10,.28);stroke:#23221f;stroke-width:2;stroke-dasharray:6 6}
.pracownia .mxpn .ar{stroke:#23221f;stroke-width:2.5;fill:none}.pracownia .mxpn .ah{stroke:#23221f;stroke-width:2.5;fill:none}
.pracownia .mxpn .tel{fill:#FFD60A;stroke:#23221f;stroke-width:2}.pracownia .mxpn text{font:800 18px var(--tech);letter-spacing:.1em;fill:#111}
.pracownia .mxnp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pracownia .mxnp p{grid-column:1/-1;margin-top:0}
.pracownia .np-k{position:relative;padding:12px 14px;background:#f7efd2;border:2px solid #23221f}
.pracownia .np-k b{display:block;margin-bottom:6px;font:800 14px/1.2 var(--tech);letter-spacing:.14em;color:#7a6200;text-transform:uppercase}
.pracownia .np-k span{display:block;font:700 12px/1.2 var(--tech);letter-spacing:.12em;text-transform:uppercase;color:#5b5640}.pracownia .np-k i{display:block;height:7px;margin:3px 0 7px;background:#23221f;border-radius:3px}
.pracownia .np-k em{position:absolute;right:10px;top:8px;font:800 20px/1 var(--f);font-style:normal;color:#1d8a4f}
.pracownia .mxzo,.pracownia .mxpp{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.pracownia .mxzo p,.pracownia .mxpp p{flex:1 0 100%;margin:0}
.pracownia .pp{margin:0;flex:0 0 auto}.pracownia .pp img{display:block;height:auto;border:2px solid #23221f;border-radius:10px;box-shadow:0 10px 20px rgba(35,34,31,.3)}
.pracownia .mxzo .pp img{width:min(220px,40vw)}.pracownia .mxpp .pp img{width:min(250px,42vw)}
.pracownia .pp figcaption{margin-top:6px;font:800 13px/1.3 var(--tech);letter-spacing:.16em;color:#5b5640}
.pracownia .pp.pb img{border-color:#8a6c00}
.pracownia .mxad{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}.pracownia .mxad p{flex:1 0 100%;margin:6px 0 0}
.pracownia .mxad .pp img{width:min(170px,28vw);border-radius:6px}
.pracownia .rz-ph.ev{aspect-ratio:auto;min-height:92px;margin-top:22px;display:grid;align-content:center;justify-items:center;gap:6px;padding:12px 18px}
.pracownia .rz-ph.ev em{font:400 14px/1.4 var(--f);font-style:normal;color:#5b5640;text-align:center}
/* B7-B10: telefon */
.pracownia .a-tabs-wrap{position:relative}
@media (max-width:1100px){
 .pracownia .a-tabs{scroll-behavior:smooth;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 0,#000 calc(100% - 38px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 0,#000 calc(100% - 38px),transparent 100%)}
 .pracownia .a-tabs.fl{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 38px,#000 calc(100% - 38px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 38px,#000 calc(100% - 38px),transparent 100%)}
 .pracownia .a-tabs.fe{-webkit-mask-image:none;mask-image:none}
 .pracownia .a-tabs.fl.fe{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 38px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 38px,#000 100%)}
}
.pracownia .hub-m{display:none}
@media (max-width:760px){
 .pracownia .mx-s li:not(:last-child)::after{display:none}
 .pracownia .mx03 svg{display:none}
 .pracownia .hub-m{display:block;list-style:none;margin:0;padding:0}
 .pracownia .hub-m li{margin:0 0 8px;padding:10px 14px;border:2px solid #23221f;background:#f7efd2;font:800 20px/1.1 var(--tech);letter-spacing:.06em;text-transform:uppercase}
 .pracownia .hub-m li.c{background:#FFD60A;font-size:22px}
 .pracownia .mxbp{grid-template-columns:1fr;gap:14px}.pracownia .bp-ar{display:none}.pracownia .bp-r{max-width:180px}
 .pracownia .mxks{grid-template-columns:1fr;gap:12px}.pracownia .ks-ar{display:none}
 .pracownia .mxnp{grid-template-columns:1fr}
}
/* ================= v15: Referencje ================= */
.pracownia .rf-most{margin:0 0 22px;padding-left:16px;border-left:4px solid #FFD60A;font:700 clamp(20px,1.9vw,26px)/1.3 var(--f);color:rgba(255,255,255,.9)}
.pracownia .rf-hq{font-size:clamp(28px,3.5vw,50px);max-width:28em}
.pracownia .rf-det{grid-template-columns:minmax(150px,200px) minmax(0,1fr);gap:clamp(22px,3.4vw,48px)}
.pracownia .rf-det-l img{max-height:330px}
.pracownia .rf-det blockquote p{font-size:clamp(32px,3.7vw,54px)}
.pracownia .rf-pe-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.pracownia .rf-pe{display:flex;flex-direction:column;padding:20px 22px}
.pracownia .rf-pq{margin:0 0 14px;font:800 clamp(22px,2vw,28px)/1.12 var(--tech);letter-spacing:.01em;color:#fff}
.pracownia .rf-pe h4{margin:0 0 8px;font-size:16px;color:rgba(255,255,255,.75)}
.pracownia .rf-pt{margin:0;font:400 15px/1.5 var(--f);color:rgba(255,255,255,.82)}
.pracownia.rz-js .rf-pe .rf-pt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pracownia.rz-js .rf-pe.open .rf-pt{-webkit-line-clamp:unset;display:block}
.pracownia .rf-pe .rf-pod{margin-top:10px}
.pracownia .rf-more{align-self:flex-start;margin-top:12px;padding:9px 14px;border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;font:800 15px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase}
.pracownia .rf-more:hover,.pracownia .rf-more:focus-visible{border-color:#FFD60A;color:#FFD60A;outline:none}
html:not(.js-x) .pracownia:not(.rz-js) .rf-more{display:none}
@media (max-width:1100px){.pracownia .rf-pe-l{grid-template-columns:1fr}}
/* naprawa: reguły telefonu po blokach v15 (kolejność nadpisywania) */
@media (max-width:1100px){.pracownia .a-grid{grid-template-columns:1fr;gap:18px}}
@media (max-width:760px){
 .pracownia .rf-det{grid-template-columns:1fr;gap:20px}
 .pracownia .rf-det-l img{max-width:200px;max-height:300px}
 .pracownia .rf-det blockquote p{font-size:clamp(26px,7.2vw,34px)}
 .pracownia .rf-hq{font-size:clamp(27px,7.4vw,38px)}
}

/* v16: logotypy klientów (na jasnej etykiecie, bo logotypy bywają ciemne lub kolorowe) */
.pracownia .rf-lg{display:inline-flex;align-items:center;justify-content:center;margin:0 0 10px;padding:6px 12px;background:#fff;border-radius:6px;min-height:40px}
.pracownia .rf-lg img{display:block;height:28px;width:auto;max-width:150px;object-fit:contain}
.pracownia .rf-pe .rf-lg{margin:0 0 10px}
.pracownia .rf-card figcaption .rf-lg,.pracownia .rf-hero footer .rf-lg,.pracownia .rf-det footer .rf-lg{display:flex;width:max-content;margin-bottom:12px}
.pracownia .rf-logo{background:#fff;border:0;display:grid;place-items:center;padding:14px}
.pracownia .rf-logo img{display:block;max-width:100%;max-height:90px;height:auto}
.pracownia .rf-det .rf-lg{background:#fff}

/* ================= v20: poprawki Referencji (bez przebudowy) ================= */
/* Dehoust: wypowiedź dominuje nad zrzutem */
.pracownia .rf-det{grid-template-columns:minmax(110px,140px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.pracownia .rf-det-l img{max-height:210px;transform:rotate(-2deg)}
.pracownia .rf-det blockquote p{font-size:clamp(36px,4.3vw,62px)}
/* trzy krótkie opinie: ten sam system, różna waga, długość i akcent */
.pracownia .rf-3{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr) minmax(0,1.05fr);align-items:stretch}
.pracownia .rf-3 .rf-card:nth-child(1){border-left:4px solid #FFD60A}
.pracownia .rf-3 .rf-card:nth-child(1) blockquote p{font-size:clamp(24px,2.3vw,32px)}
.pracownia .rf-3 .rf-card:nth-child(2){border-left:0;border-top:4px solid #FFD60A;background:rgba(255,255,255,.08)}
.pracownia .rf-3 .rf-card:nth-child(2) blockquote p{font-size:clamp(21px,1.9vw,26px);font-weight:600}
.pracownia .rf-3 .rf-card:nth-child(3){border-left:0;border-bottom:4px solid #FFD60A}
.pracownia .rf-3 .rf-card:nth-child(3) blockquote p{font-size:clamp(20px,1.8vw,24px);font-weight:600}
@media (max-width:1100px){.pracownia .rf-3{grid-template-columns:1fr}}
@media (max-width:760px){.pracownia .rf-det-l img{max-width:130px;max-height:200px}.pracownia .rf-det blockquote p{font-size:clamp(28px,7.6vw,36px)}}

/* ================= v20: Referencje = hybryda C+A (wdrożenie) ================= */

.rfh{position:relative;z-index:2;color:#fff;overflow:clip;isolation:isolate;padding-bottom:110px;background:radial-gradient(900px 520px at 90% 4%,rgba(255,214,10,.07),transparent 62%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 48px),#0b0b0f}
.rfh .wrap{position:relative}
.rfh .glowa{padding:54px 0 46px;max-width:980px}
.rfh .most{display:inline-block;margin:0 0 16px;padding:6px 14px;background:#FFD60A;color:#111;font:600 26px/1.1 "Caveat",cursive}
.rfh h2{margin:0;font:800 clamp(40px,4.7vw,68px)/1.02 var(--tech);color:#fff}
/* nić prowadząca 01 → 02 → 03 w lewym marginesie */
.rfh .nic{position:absolute;left:25px;top:250px;bottom:300px;width:0;border-left:3px dashed rgba(255,214,10,.6);z-index:0}
.rfh .poz{position:relative}
.rfh .poz .dysk{position:absolute;left:-68px;top:6px;width:44px;height:44px;border-radius:50%;background:#FFD60A;color:#111;display:grid;place-items:center;font:800 20px/1 var(--tech);letter-spacing:.04em;box-shadow:0 0 0 6px #0b0b0f}
/* zakładka poziomu (jak przekładka w kartotece) */
.rfh .zak{display:inline-block;margin:0 0 0 0;padding:12px 26px 10px;background:#FFD60A;color:#111;font:800 21px/1 var(--tech);letter-spacing:.18em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 100%,0 100%)}
.rfh .dalej{display:flex;align-items:center;gap:14px;margin:30px 0 30px 4px;font:600 30px/1 "Caveat",cursive;color:#FFD60A}
.rfh .dalej svg{width:46px;height:46px;fill:none;stroke:#FFD60A;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
/* papier */
.rfh .pap{position:relative;color:#23221f;box-shadow:0 26px 44px rgba(0,0,0,.55),0 4px 10px rgba(0,0,0,.4)}
.rfh .tasma{position:absolute;width:96px;height:26px;background:rgba(236,224,190,.78);box-shadow:0 2px 5px rgba(0,0,0,.25)}
/* 01 */
.rfh .glowna{display:grid;grid-template-columns:minmax(0,1fr) 300px;background:#e6d5a8;padding:0;margin-top:-1px}
.rfh .glowna .tr{padding:58px 56px 50px 64px}
.rfh .glowna p{margin:0;font:800 clamp(40px,4.4vw,62px)/1.04 var(--tech)}
.rfh mark{background:linear-gradient(100deg,transparent 0,#FFD60A 3%,#FFD60A 97%,transparent 100%) 0 82%/100% 62% no-repeat;color:inherit;padding:0 .1em}
.rfh .meta{position:relative;border-left:2px dashed #8a7a4c;padding:58px 30px 40px;display:flex;flex-direction:column;gap:18px;justify-content:center;background:rgba(255,255,255,.18)}
.rfh .meta .kl{font:800 24px/1.1 var(--tech);letter-spacing:.1em;text-transform:uppercase}
.rfh .meta .pod{font:600 28px/1.1 "Caveat",cursive;color:#5b5640}
.rfh .lg{display:block;background:#fff;padding:5px 10px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.rfh .meta .lg{width:max-content;max-width:100%;height:auto}
.rfh .stamp{position:absolute;right:26px;top:-34px;width:134px;height:134px;border-radius:50%;border:3px solid #7a1f12;color:#7a1f12;display:grid;place-items:center;text-align:center;font:800 18px/1.15 var(--tech);letter-spacing:.14em;transform:rotate(10deg);background:rgba(230,213,168,.88);z-index:2}
.rfh .stamp::after{content:"";position:absolute;inset:7px;border:1.5px dashed #7a1f12;border-radius:50%}
/* 02: równy rytm, różne materiały */
.rfh .rz1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:26px}
.rfh .rz2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:64px;align-items:stretch}.rfh .rz2 .teczka{grid-column:span 2}
.rfh .glos{min-height:250px;padding:34px 30px 26px;display:flex;flex-direction:column;justify-content:space-between}
.rfh .glos p{margin:0 0 20px;font:700 25px/1.22 var(--f)}
.rfh .glos .kl{display:block;font:800 17px/1.1 var(--tech);letter-spacing:.12em;text-transform:uppercase}
.rfh .glos .pod{display:block;margin-top:4px;font:600 24px/1 "Caveat",cursive;color:#5b5640}
.rfh .kartkowa{background:#fbf8ec;background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(70,110,170,.22) 31px 32px);padding-left:68px}
.rfh .kartkowa::before{content:"";position:absolute;left:46px;top:0;bottom:0;width:2px;background:rgba(190,60,60,.5)}
.rfh .kartkowa p{font-weight:600}
.rfh .kraft{background:#cdb87f}
.rfh .kraft .tasma{left:50%;margin-left:-48px;top:-13px}
.rfh .karteczka{background:#FFE55C}
.rfh .karteczka::after{content:"";position:absolute;right:0;bottom:0;width:34px;height:34px;background:linear-gradient(135deg,#ead24a 50%,#f4f0e0 50%);box-shadow:-3px -3px 6px rgba(0,0,0,.15)}
.rfh .teczka{position:relative;background:#d8b878;padding:42px 44px 32px 260px;min-height:300px;box-shadow:0 26px 44px rgba(0,0,0,.55)}
.rfh .teczka::before{content:"DEHOUST POLSKA";position:absolute;left:230px;top:-30px;padding:8px 22px 6px;background:#d8b878;color:#5b4a1e;font:800 16px/1 var(--tech);letter-spacing:.18em;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,0 100%)}
.rfh .teczka .wkl{position:absolute;left:30px;top:30px;bottom:30px;width:186px;background:#f4efe0;box-shadow:0 6px 12px rgba(0,0,0,.3);display:grid;place-items:center}
.rfh .teczka img.ph{position:absolute;left:46px;top:-20px;width:150px;border-radius:14px;border:3px solid #23221f;box-shadow:0 14px 24px rgba(0,0,0,.45)}
.rfh .teczka .clip{position:absolute;left:100px;top:-38px;width:34px;height:84px;border:4px solid #8a8a8a;border-radius:18px;z-index:3}
.rfh .teczka p{margin:0 0 18px;font:700 25px/1.22 var(--f)}
.rfh .teczka .kl{font:800 18px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase}
.rfh .teczka .pod{display:block;margin-top:4px;font:600 25px/1 "Caveat",cursive;color:#5b4a1e}
.rfh .teczka .lg{margin-bottom:14px;width:max-content}
.rfh .kg{background:#fff;padding:0;display:flex;flex-direction:column}
.rfh .kg .pas{background:#25252a;padding:20px 28px;display:flex;align-items:center;min-height:98px}
.rfh .kg .pas img{height:62px;width:auto;background:none;padding:0;box-shadow:none}
.rfh .kg .tr{padding:26px 30px 24px;display:flex;flex-direction:column;justify-content:space-between;flex:1}
.rfh .kg p{margin:0 0 18px;font:700 25px/1.22 var(--f)}.rfh .kg{min-height:300px}
.rfh .kg .kl{font:800 18px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase}
/* 03: szuflada kartoteki */
.rfh .szuflada{margin-top:22px}.rfh .wybierz{margin:0 0 8px 6px;font:600 28px/1 "Caveat",cursive;color:#FFD60A}
.rfh .przekladki{display:flex;align-items:flex-end;gap:5px;padding:0 6px}
.rfh .przekladki span{flex:1;min-width:0;height:62px;background:#cdb87f;color:#23221f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:6px 6px 0 0;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);padding:0 2px}.rfh .przekladki span i{font:800 12px/1 var(--tech);font-style:normal;letter-spacing:.1em;color:#7a6200}.rfh .przekladki span b{font:800 16.5px/1 var(--tech);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.rfh .przekladki span.on{height:78px;background:#FFD60A}.rfh .przekladki span.on i{color:#111}
.rfh .karta{position:relative;background:#f3eccf;color:#23221f;padding:30px 40px 26px 46px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end;box-shadow:0 -8px 20px rgba(0,0,0,.25);background-image:repeating-linear-gradient(180deg,transparent 0 35px,rgba(70,110,170,.16) 35px 36px)}
.rfh .karta::before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:rgba(190,60,60,.45)}
.rfh .karta p{margin:0 0 10px;font:800 38px/1.06 var(--tech)}
.rfh .karta .kl{font:800 18px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase}
.rfh .akcja{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.rfh .akcja small{font:600 22px/1 "Caveat",cursive;color:#5b5640}.rfh .btn{padding:15px 24px;border:2px solid #23221f;font:800 18px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.rfh .front{position:relative;background:linear-gradient(180deg,#b99a5c 0,#a88a4e 100%);padding:34px 40px 40px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 30px 50px rgba(0,0,0,.6);border-top:4px solid #8d7340}
.rfh .etykieta{padding:14px 36px;background:#f3eccf;color:#23221f;border:2px solid #6e5a2c;font:800 24px/1 var(--tech);letter-spacing:.22em;text-transform:uppercase;box-shadow:inset 0 0 0 4px rgba(110,90,44,.18)}
.rfh .uchwyt{display:flex;align-items:center;gap:16px;padding:18px 34px;background:#FFD60A;color:#111;font:800 24px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase;border-radius:40px;box-shadow:0 6px 0 #8d6f00,0 14px 20px rgba(0,0,0,.4)}
.rfh .gr{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.rfh .gr small{font:600 24px/1 "Caveat",cursive;color:#3d2f10}.rfh .wskaz{margin:16px 0 0;font:600 28px/1 "Caveat",cursive;color:#FFD60A}

/* --- poprawki wdrożeniowe desktop (zgodnie z makietą) --- */
.pracownia .rfh .gl1,.pracownia .rfh [class*="hero"]{display:revert}
.pracownia .rfh .tt{min-width:0}
.pracownia .rfh .teczka .tt p{margin:0 0 18px;font:700 25px/1.22 var(--f)}
.pracownia .rfh .teczka{padding-left:260px}
.pracownia .rfh .przekladki button{flex:1;min-width:0;height:62px;background:#cdb87f;color:#23221f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:6px 6px 0 0;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);padding:0 2px;cursor:pointer;font:inherit;}.pracownia.rz-ready .rfh .przekladki button{transition:height .22s ease,background .22s ease}
.pracownia .rfh .przekladki button i{font:800 12px/1 var(--tech);font-style:normal;letter-spacing:.1em;color:#7a6200}
.pracownia .rfh .przekladki button b{font:800 16.5px/1 var(--tech);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.pracownia .rfh .przekladki button:hover{background:#d9c58a}
.pracownia .rfh .przekladki button[aria-selected="true"]{height:78px;background:#FFD60A;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 -4px 0 #FFD60A}
.pracownia .rfh .przekladki button[aria-selected="true"] i{color:#111}
.pracownia .rfh .przekladki button:focus-visible,.pracownia .rfh .btn:focus-visible,.pracownia .rfh .uchwyt:focus-visible,.pracownia .rfh .indeks button:focus-visible{outline:3px solid #111;outline-offset:2px;box-shadow:0 0 0 6px #FFD60A}
.pracownia .rfh .kartoteka{display:block}
.pracownia.rz-js .rfh .kartoteka{display:grid}
.pracownia.rz-js .rfh .karta{grid-area:1/1;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(14px)}
.pracownia.rz-js .rfh .karta.on{visibility:visible;opacity:1;pointer-events:auto;transform:none}
@media (prefers-reduced-motion:no-preference){.pracownia.rz-js.rz-ready .rfh .karta{transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}.pracownia.rz-js.rz-ready .rfh .karta.on{transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s}}
.pracownia .rfh .karta{display:grid}
.pracownia .rfh .kt{min-width:0}
.pracownia .rfh .kt .lg{margin-bottom:12px;width:max-content}
.pracownia .rfh .karta .kq{margin:0 0 10px;font:800 38px/1.06 var(--tech)}
.pracownia .rfh .karta .kl{font:800 18px/1 var(--tech);letter-spacing:.12em;text-transform:uppercase}
.pracownia .rfh .karta .pod{display:block;margin-top:4px;font:600 24px/1 "Caveat",cursive;color:#5b5640}
.pracownia .rfh .pelna{display:none;margin-top:18px;padding-top:16px;border-top:1.5px dashed #8a7a4c;max-width:46em}
.pracownia .rfh .pelna p{margin:0;font:400 19px/1.55 var(--f)}
.pracownia .rfh .karta.otw .pelna{display:block}
.pracownia:not(.rz-js) .rfh .pelna{display:block}
.pracownia .rfh button.btn{background:transparent;color:#23221f;cursor:pointer;min-height:48px}
.pracownia .rfh button.btn:hover{background:#23221f;color:#FFD60A}
.pracownia .rfh button.uchwyt{border:0;cursor:pointer;min-height:56px}
.pracownia .rfh .uchwyt[aria-expanded="true"]{background:#fff3a0}
.pracownia .rfh .indeks{background:#f3eccf;color:#23221f;padding:24px 34px 28px;margin-top:0;box-shadow:0 24px 40px rgba(0,0,0,.55);border-top:4px solid #8d7340}
.pracownia .rfh .indeks[hidden]{display:none}
.pracownia .rfh .ind-et{margin:0 0 14px;font:600 26px/1.1 "Caveat",cursive;color:#5b5640}
.pracownia .rfh .indeks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px}
.pracownia .rfh .indeks button{width:100%;min-height:48px;display:flex;align-items:baseline;gap:12px;padding:10px 14px;background:rgba(255,255,255,.55);border:0;border-bottom:2px solid #23221f;text-align:left;cursor:pointer;color:#23221f;font:inherit}
.pracownia .rfh .indeks button i{font:800 14px/1 var(--tech);font-style:normal;color:#b08a00;letter-spacing:.08em}
.pracownia .rfh .indeks button b{font:800 20px/1.1 var(--tech);letter-spacing:.06em;text-transform:uppercase}
.pracownia .rfh .indeks button:hover{background:#FFE55C}
/* motion */
@media (prefers-reduced-motion:no-preference){
 .pracownia.rz-js:not(.rz-wsz) .rfh [data-rv]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
 .pracownia.rz-js:not(.rz-wsz) .rfh [data-rv="dok"]{transform:translateY(34px);clip-path:inset(0 0 100% 0);transition:opacity .5s ease,transform .8s cubic-bezier(.2,.8,.2,1),clip-path .9s cubic-bezier(.2,.8,.2,1)}
 .pracownia.rz-js:not(.rz-wsz) .rfh [data-rv].in{opacity:1;transform:none;clip-path:inset(-60px -60px -60px -60px)}
 .pracownia.rz-js:not(.rz-wsz) .rfh [data-rv="2"]{transition-delay:.12s}.pracownia.rz-js:not(.rz-wsz) .rfh [data-rv="3"]{transition-delay:.24s}
 .pracownia.rz-js:not(.rz-wsz) .rfh [data-rv="4"]{transition-delay:.05s}.pracownia.rz-js:not(.rz-wsz) .rfh [data-rv="5"]{transition-delay:.17s}
}
/* --- TABLET / TELEFON: osobny układ --- */
@media (max-width:1100px){
 .pracownia .rfh .indeks ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
 .pracownia .rfh .nic{display:none}
 .pracownia .rfh .wrap{padding-left:20px;padding-right:20px}
 .pracownia .rfh .glowa{padding:36px 0 32px}
 .pracownia .rfh .most{font-size:23px}
 .pracownia .rfh .poz{display:block}
 .pracownia .rfh .poz>.dysk{position:static;display:inline-grid;vertical-align:middle;margin:0 10px 0 0;width:40px;height:40px;box-shadow:none}
 .pracownia .rfh .zak{vertical-align:middle;font-size:18px;padding:11px 20px 9px}
 .pracownia .rfh .glowna{grid-template-columns:1fr;margin-top:14px}
 .pracownia .rfh .glowna .tr{padding:34px 24px 26px}
 .pracownia .rfh .glowna p{font-size:clamp(30px,8.6vw,40px)}
 .pracownia .rfh .meta{border-left:0;border-top:2px dashed #8a7a4c;padding:22px 24px 24px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 16px}
 .pracownia .rfh .meta .kl{font-size:20px}.pracownia .rfh .meta .pod{width:100%;font-size:26px}
 .pracownia .rfh .dalej{margin:24px 0 24px 2px;font-size:26px}
 .pracownia .rfh .rz1,.pracownia .rfh .rz2{grid-template-columns:1fr;gap:22px;margin-top:22px}
 .pracownia .rfh .rz2 .teczka{grid-column:auto}
 .pracownia .rfh .rz2{margin-top:56px}
 .pracownia .rfh .glos{min-height:0;padding:28px 24px 22px}
 .pracownia .rfh .kartkowa{padding-left:56px}.pracownia .rfh .kartkowa::before{left:36px}
 .pracownia .rfh .teczka{padding:36px 22px 26px 118px;min-height:0}
 .pracownia .rfh .teczka .wkl{left:16px;top:22px;bottom:22px;width:84px}
 .pracownia .rfh .teczka img.ph{left:22px;top:-12px;width:74px;border-width:2px}
 .pracownia .rfh .teczka .clip{left:46px;top:-26px;width:22px;height:54px;border-width:3px}
 .pracownia .rfh .teczka::before{left:118px;top:-26px;font-size:14px}
 .pracownia .rfh .teczka .tt p{font-size:22px}
 .pracownia .rfh .kg{min-height:0}.pracownia .rfh .kg .pas{min-height:80px;padding:16px 22px}.pracownia .rfh .kg .pas img{height:50px}.pracownia .rfh .kg .tr{padding:22px 24px 20px}.pracownia .rfh .kg p{font-size:22px}
 /* archiwum: indeks poziomy, zakładki-karty min. 44 px */
 .pracownia .rfh .szuflada{margin-top:18px}
 .pracownia .rfh .przekladki{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:6px;padding:0 0 0 2px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 0,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 0,#000 calc(100% - 34px),transparent 100%)}
 .pracownia .rfh .przekladki::-webkit-scrollbar{display:none}
 .pracownia .rfh .przekladki.fl{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%)}
 .pracownia .rfh .przekladki.fe{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 34px,#000 100%)}
 .pracownia .rfh .przekladki button{flex:0 0 auto;min-width:104px;height:64px;padding:0 12px;scroll-snap-align:center}
 .pracownia .rfh .przekladki button b{font-size:17px}.pracownia .rfh .przekladki button i{font-size:13px}
 .pracownia .rfh .przekladki button[aria-selected="true"]{height:76px}
 .pracownia .rfh .karta{grid-template-columns:1fr;gap:18px;padding:24px 22px 22px 40px;align-items:start}
 .pracownia .rfh .karta::before{left:22px}
 .pracownia .rfh .karta .kq{font-size:clamp(26px,7.4vw,32px)}
 .pracownia .rfh .akcja{align-items:flex-start;width:100%}
 .pracownia .rfh button.btn{width:100%;justify-content:center;min-height:52px}
 .pracownia .rfh .pelna p{font-size:17px}
 .pracownia .rfh .front{flex-direction:column;align-items:stretch;gap:20px;padding:24px 20px 26px}
 .pracownia .rfh .etykieta{text-align:center;padding:12px 16px;font-size:19px;letter-spacing:.16em}
 .pracownia .rfh .gr{align-items:stretch}.pracownia .rfh button.uchwyt{width:100%;justify-content:center;font-size:20px;padding:16px 20px}
 .pracownia .rfh .gr small{text-align:center}
 .pracownia .rfh .indeks{padding:20px 18px 22px}.pracownia .rfh .indeks ul{grid-template-columns:1fr}
 .pracownia .rfh .indeks button{min-height:52px}
 .pracownia .rfh .wskaz{font-size:23px;line-height:1.15}
}
@media (max-width:360px){
 .pracownia .rfh .zak{font-size:16px;padding:10px 14px 8px}
 .pracownia .rfh .glowna .tr{padding:28px 18px 22px}
 .pracownia .rfh .glowna p{font-size:28px}
 .pracownia .rfh .teczka{padding-left:104px}
 .pracownia .rfh .teczka .wkl{width:72px}
 .pracownia .rfh .karta{padding:22px 16px 20px 32px}
 .pracownia .rfh .przekladki button{min-width:96px}
}
/* ---- o57 blok style #15 id=v16-css ---- */
/* v16: elementy robocze usunięte z szablonu; selektory html:not(.robocze) zostają dla zachowania specyficzności */
html:not(.robocze) .rz-dow,html:not(.robocze) .rz-ph,html:not(.robocze) .rf-logo,html:not(.robocze) .rob{display:none !important}
html:not(.robocze) .pracownia .rf-log{grid-template-columns:minmax(0,1fr)}
/* cicha nota pod sceną „nasi ludzie” (03) w miejscu dawnego wezwania */
.pracownia .os-nota{padding-block:clamp(20px,3vw,36px)}
.pracownia .os-nota p{margin:0;max-width:44em;font:400 14px/1.5 var(--f);color:#a9a9ad;position:relative;text-shadow:0 0 8px #0b0d17,0 0 3px #0b0d17}
/* dłuższy nagłówek zespołu (03) łamie się równo, bez sieroty w drugim wierszu */
.pracownia .os-h{text-wrap:balance}