/* Wzorowa Agencja: bloki <style> z końca <body> o57 (v21–v56, w oryginalnej kolejności) */
/* ---- o57 blok style #100 id=v21-copy ---- */
/* v21: runda haseł, sekcja 03 (selektory z .pracownia, bo tak są napisane reguły strony) */
@media (min-width:1024px){.pracownia .os-h{font-size:clamp(28px,2.36vw,34px)}}
.pracownia .lu-kop-t h2,.pracownia .lu-pod,.pracownia .os-lead{text-wrap:balance}
.pracownia .lu-pl span{font-size:12px;letter-spacing:.1em}
.pracownia .os-ticks button{font-size:12px}
/* ---- o57 blok style #101 id=v23-stopka ---- */
/* v28: finał uproszczony (tylko komputer 1440). */
.pracownia .rfh.kt .kt-tels{display:flex;flex-wrap:wrap;gap:0 28px}
.pracownia .rfh.kt .kt-pole select{width:100%;box-sizing:border-box;min-height:52px;padding:10px 40px 10px 4px;font:400 20px/1.4 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif;color:#23221f;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10'%3E%3Cpath d='M1 1l8 8 8-8' fill='none' stroke='%2323221f' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat right 8px center;border:0;border-bottom:2px solid #23221f;border-radius:0;-webkit-appearance:none;appearance:none;cursor:pointer}
.pracownia .rfh.kt .kt-pole select:focus{outline:3px solid #111;outline-offset:3px;background-color:rgba(255,214,10,.28)}
.pracownia .rfh.kt#kontakt{padding-bottom:72px}

.pracownia .rfh.sf.fZ{--u:clamp(.85px,calc(1px + (100vw - 1440px)*.00035),1px);--ry:clamp(20px,5vw,72px);position:relative;padding:0;border:0;overflow:hidden;background:#FFD60A;color:#0b0b0f}
.pracownia .rfh.sf.fZ a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
.pracownia .rfh.sf.fZ a:focus-visible,.pracownia .rfh.sf.fZ button:focus-visible{outline:3px solid #0b0b0f;outline-offset:6px}
.pracownia .rfh.sf.fZ .et{display:block;font:800 max(13px,calc(13*var(--u)))/1.2 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-bottom:calc(6*var(--u))}
.pracownia .rfh.sf.fZ .fZ-w{width:min(calc(100% - 2*var(--ry)),calc(1296*var(--u)));margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:calc(24*var(--u))}
.pracownia .rfh.sf.fZ .fZ-promo{background:#070709;color:#fff;padding:calc(14*var(--u)) 0}
.pracownia .rfh.sf.fZ .fZ-pr{display:flex;align-items:center;gap:calc(24*var(--u))}
.pracownia .rfh.sf.fZ .fZ-tag{flex:0 0 auto;background:#FFD60A;color:#0b0b0f;font:800 calc(14*var(--u))/1 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:calc(8*var(--u)) calc(18*var(--u)) calc(8*var(--u)) calc(12*var(--u));clip-path:polygon(0 0,100% 0,calc(100% - calc(8*var(--u))) 100%,0 100%)}
.pracownia .rfh.sf.fZ .fZ-pt{flex:1 1 auto;margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:calc(2*var(--u)) calc(20*var(--u))}
.pracownia .rfh.sf.fZ .fZ-pt b{font:800 calc(30*var(--u))/1.1 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.pracownia .rfh.sf.fZ .fZ-pt span{font:400 calc(17*var(--u))/1.3 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif;color:rgba(255,255,255,.85)}
.pracownia .rfh.sf.fZ .fZ-pc{flex:0 0 auto;min-height:calc(44*var(--u));padding:0 calc(24*var(--u));display:inline-flex;align-items:center;font:800 calc(17*var(--u))/1 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.12em;text-transform:uppercase;background:transparent;color:#FFD60A;border:2px solid #FFD60A;border-radius:calc(40*var(--u));cursor:pointer;transition:background 140ms linear,color 140ms linear}
.pracownia .rfh.sf.fZ .fZ-pc:hover{background:#FFD60A;color:#0b0b0f}
.pracownia .rfh.sf.fZ .fZ-pc:focus-visible{outline:3px solid #FFD60A;outline-offset:4px}
.pracownia .rfh.sf.fZ .fZ-t{padding-top:calc(36*var(--u));align-items:center}
.pracownia .rfh.sf.fZ .fZ-l{grid-column:1/7;display:block}
.pracownia .rfh.sf.fZ .fn-h{margin:0 0 0 calc(-2*var(--u));text-transform:uppercase;font:800 calc(56*var(--u))/.95 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;color:#0b0b0f}
.pracownia .rfh.sf.fZ .fZ-cta{margin-top:calc(20*var(--u));min-height:calc(48*var(--u));padding:0 calc(28*var(--u));display:inline-flex;align-items:center;font:800 calc(18*var(--u))/1 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.12em;text-transform:uppercase;background:#0b0b0f;color:#FFD60A;border:0;border-radius:calc(40*var(--u));cursor:pointer;box-shadow:0 calc(3*var(--u)) 0 rgba(11,11,15,.35);transition:transform 140ms cubic-bezier(.2,.7,.2,1)}
.pracownia .rfh.sf.fZ .fZ-cta:hover{transform:translateY(-2px)}
.pracownia .rfh.sf.fZ .fZ-slowo{grid-column:7/13;display:flex;justify-content:space-between;gap:0;align-items:flex-end;font:800 calc(164*var(--u))/.8 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;white-space:nowrap;padding-bottom:calc(6*var(--u))}
.pracownia .rfh.sf.fZ .fZ-slowo>span{display:block;flex:0 0 auto;transition:translate 220ms cubic-bezier(.2,.8,.2,1)}
.pracownia .rfh.sf.fZ .fZ-slowo>span:hover{translate:0 -7%}
.pracownia .rfh.sf.fZ .fZ-anim>*{opacity:0}
.pracownia .rfh.sf.fZ .fZ-anim.fZ-in>*{opacity:1;animation:fZup 720ms cubic-bezier(.2,.9,.25,1.15) both,fZwave 9s ease-in-out infinite;animation-delay:calc(var(--i)*70ms),calc(2.6s + var(--i)*80ms)}
.pracownia .rfh.sf.fZ .fZ-anim.fZ-in>.fZ-o{animation:fZpad 950ms cubic-bezier(.2,.9,.25,1.1) 560ms both,fZwave 9s ease-in-out 3.4s infinite}
.pracownia .rfh.sf.fZ .fZ-anim.fZ-in .fZ-o::after{transform-origin:0 50%;animation:fZline 520ms ease-out 1.35s both}
@keyframes fZup{0%{transform:translateY(55%) rotate(4deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes fZpad{0%{transform:translateY(-130%) rotate(-14deg);opacity:0}60%{transform:translateY(5%) rotate(4deg);opacity:1}80%{transform:translateY(-2%) rotate(-1.5deg)}100%{transform:none;opacity:1}}
@keyframes fZwave{0%{transform:none}4%{transform:translateY(-9%)}10%,100%{transform:none}}
@keyframes fZline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pracownia .rfh.sf.fZ .fZ-o{position:relative;display:block;flex:0 0 auto;transition:color 160ms linear;border-radius:calc(12*var(--u));border:0;background:none;padding:0;margin:0;font:inherit;color:#F6F3EC;cursor:pointer;transition:color 160ms linear}
.pracownia .rfh.sf.fZ .fZ-o::after{content:"";position:absolute;left:4%;right:4%;bottom:calc(1.5*var(--u));height:calc(3*var(--u));background:#0b0b0f;transition:height 160ms linear}
.pracownia .rfh.sf.fZ .fZ-o:hover,.pracownia .rfh.sf.fZ .fZ-o:focus-visible{color:#0b0b0f}
.pracownia .rfh.sf.fZ .fZ-o:hover::after,.pracownia .rfh.sf.fZ .fZ-o:focus-visible::after{height:calc(6*var(--u))}
.pracownia .rfh.sf.fZ .fZ-dane{margin-top:calc(32*var(--u));border-top:2px solid #0b0b0f;padding-top:calc(12*var(--u));align-items:start}
.pracownia .rfh.sf.fZ .fZ-b1{grid-column:1/4}
.pracownia .rfh.sf.fZ .fZ-b2{grid-column:4/7}
.pracownia .rfh.sf.fZ .fZ-b3{grid-column:7/10}
.pracownia .rfh.sf.fZ .fZ-b4{grid-column:10/13}
.pracownia .rfh.sf.fZ .fZ-b p{margin:0;font:400 calc(17*var(--u))/1.4 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif}
.pracownia .rfh.sf.fZ .fZ-b a{display:block;font:600 calc(30*var(--u))/1.15 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif;letter-spacing:-.005em}
.pracownia .rfh.sf.fZ .fZ-b a.fZ-m{display:inline-block;font-size:calc(21*var(--u));border-bottom:calc(2*var(--u)) solid #0b0b0f;margin-top:calc(4*var(--u))}
.pracownia .rfh.sf.fZ .fZ-b a:hover{text-decoration:underline;text-underline-offset:.12em;text-decoration-thickness:2px}
.pracownia .rfh.sf.fZ .fZ-n{font-weight:700!important;margin-bottom:calc(2*var(--u))!important;text-wrap:balance}
.pracownia .rfh.sf.fZ .fZ-r{margin:calc(8*var(--u)) 0 0;display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:0 calc(8*var(--u))}
.pracownia .rfh.sf.fZ .fZ-r div{display:block}
.pracownia .rfh.sf.fZ .fZ-r dt{display:block;margin:0 0 calc(2*var(--u));font:800 max(13px,calc(13*var(--u)))/1 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.16em}
.pracownia .rfh.sf.fZ .fZ-r dd{display:block;margin:0;font:600 calc(15*var(--u))/1.2 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif}
.pracownia .rfh.sf.fZ .fZ-d{margin-top:calc(24*var(--u));padding:calc(12*var(--u)) 0 calc(18*var(--u));border-top:2px solid #0b0b0f;align-items:center}
.pracownia .rfh.sf.fZ .fZ-c{grid-column:1/7;margin:0;font:400 calc(16*var(--u))/1.5 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif}
.pracownia .rfh.sf.fZ .fZ-gr{grid-column:7/13;display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(4*var(--u)) calc(24*var(--u))}
.pracownia .rfh.sf.fZ .fZ-gr .et{margin:0}
.pracownia .rfh.sf.fZ .fZ-gr a{min-height:calc(30*var(--u));display:inline-flex;align-items:center;font:400 calc(16*var(--u))/1 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif;text-decoration:underline;text-decoration-color:rgba(11,11,15,.55);text-underline-offset:.2em}
.pracownia .kartka-wrap{padding-bottom:0}
@media (prefers-reduced-motion:reduce){.pracownia .rfh.sf.fZ .fZ-cta,.pracownia .rfh.sf.fZ .fZ-o,.pracownia .rfh.sf.fZ .fZ-o::after,.pracownia .rfh.sf.fZ .fZ-pc,.pracownia .rfh.sf.fZ .fZ-slowo>span{transition:none;animation:none}}
.pracownia .rfh.kt.kt-dialog{position:fixed;inset:0;margin:auto;width:min(600px,92vw);max-height:92vh;height:fit-content;padding:0;border:0;background:transparent;overflow:visible;color:#23221f}
.pracownia .rfh.kt.kt-dialog::backdrop{background:rgba(5,5,8,.86)}
.pracownia .rfh.kt.kt-dialog .kt-dh{margin:0;font:800 34px/1.08 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;color:#23221f;max-width:20ch}
.pracownia .rfh.kt.kt-dialog .kt-x{position:absolute;top:10px;right:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font:400 32px/1 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif;color:#23221f;background:transparent;border:0;cursor:pointer;z-index:2}
.pracownia .rfh.kt.kt-dialog .kt-x:focus-visible{outline:3px solid #111;outline-offset:-3px}
/* ---- o57 blok style #102 id=v22-kontakt ---- */
/* v22: sekcja 07 Kontakt. Trzy rozmiary pisma w widoku: nagłówek, dane kontaktowe, tekst 20 px; drobny druk 16 px. */
.pracownia .rfh.kt{padding-bottom:96px}
.pracownia .rfh.kt .wrap{padding-top:64px}
.pracownia .rfh.kt .kt-uklad{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:start}
.pracownia .rfh.kt h2{margin:0;font:800 clamp(38px,5vw,64px)/1.04 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;color:#fff;text-wrap:balance}
.pracownia .rfh.kt .kt-lead{margin:24px 0 0;max-width:34ch;font:400 20px/1.45 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif;color:rgba(255,255,255,.86)}
.pracownia .rfh.kt .kt-dane{list-style:none;margin:48px 0 0;padding:0;display:grid;gap:28px}
.pracownia .rfh.kt .kt-et{display:block;margin-bottom:6px;font:800 20px/1 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#FFD60A}
.pracownia .rfh.kt .kt-duze{display:inline-block;min-height:44px;font:800 clamp(30px,3.4vw,40px)/1.15 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.02em;color:#fff;text-decoration:none;border-bottom:3px solid rgba(255,214,10,.55);overflow-wrap:anywhere;transition:border-color 140ms linear,color 140ms linear}
.pracownia .rfh.kt .kt-duze:hover{color:#FFD60A;border-bottom-color:#FFD60A}
.pracownia .rfh.kt .kt-duze:focus-visible,.pracownia .rfh.kt .kt-btn:focus-visible{outline:3px solid #FFD60A;outline-offset:4px}
.pracownia .rfh.kt .kt-karta{position:relative;padding:44px 40px 36px;background:#F6F3EC;color:#23221f;display:grid;gap:22px}
.pracownia .rfh.kt .kt-pole{display:grid;gap:6px}
.pracownia .rfh.kt .kt-pole label{font:800 20px/1 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#55524A}
.pracownia .rfh.kt .kt-pole input,.pracownia .rfh.kt .kt-pole textarea{width:100%;box-sizing:border-box;min-height:52px;padding:10px 4px;font:400 20px/1.4 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif;color:#23221f;background:transparent;border:0;border-bottom:2px solid #23221f;border-radius:0;resize:vertical}
.pracownia .rfh.kt .kt-pole textarea{min-height:120px;background:repeating-linear-gradient(180deg,transparent 0 33px,rgba(35,34,31,.16) 33px 34px)}
.pracownia .rfh.kt .kt-pole input:focus,.pracownia .rfh.kt .kt-pole textarea:focus{outline:3px solid #111;outline-offset:3px;background-color:rgba(255,214,10,.28)}
.pracownia .rfh.kt .kt-pole input[aria-invalid=true],.pracownia .rfh.kt .kt-pole textarea[aria-invalid=true]{border-bottom-color:#B3261E}
.pracownia .rfh.kt .kt-pulap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pracownia .rfh.kt .kt-btn{justify-self:start;min-height:60px;padding:0 34px;display:inline-flex;align-items:center;font:800 20px/1 "Sofia Sans Extra Condensed","Arial Narrow",sans-serif;letter-spacing:.14em;text-transform:uppercase;background:#FFD60A;color:#111;border:0;border-radius:40px;box-shadow:0 6px 0 #8D6F00,0 14px 20px rgba(0,0,0,.4);cursor:pointer;transition:transform 140ms cubic-bezier(.2,.7,.2,1),box-shadow 140ms linear}
.pracownia .rfh.kt .kt-btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 #8D6F00,0 18px 24px rgba(0,0,0,.4)}
.pracownia .rfh.kt .kt-btn:active{transform:translateY(4px);box-shadow:0 2px 0 #8D6F00,0 6px 10px rgba(0,0,0,.4)}
.pracownia .rfh.kt .kt-zg{margin:0;font:400 16px/1.5 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif;color:#55524A}
.pracownia .rfh.kt .kt-zg a{color:#23221f;text-underline-offset:.15em}
.pracownia .rfh.kt .kt-st{margin:0;font:600 20px/1.4 "Sofia Sans",system-ui,"Segoe UI",Arial,sans-serif;color:#23221f}
@media (max-width:860px){
 .pracownia .rfh.kt{padding-bottom:72px}
 .pracownia .rfh.kt .wrap{padding-top:40px}
 .pracownia .rfh.kt .kt-uklad{grid-template-columns:minmax(0,1fr);gap:40px}
 .pracownia .rfh.kt .kt-dane{margin-top:32px}
 .pracownia .rfh.kt .kt-karta{padding:36px 22px 28px}
 .pracownia .rfh.kt .kt-btn{justify-self:stretch;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.pracownia .rfh.kt .kt-btn,.pracownia .rfh.kt .kt-duze{transition:none}}
/* ---- o57 blok style #103 id=v44-szwy ---- */
/* v44: miękki złoty pas w tle na styku sekcji (rola: oddzielenie i głębia); element 0 px wysokości, bez wpływu na układ i kliknięcia */
.pracownia .szew{position:relative;z-index:3;height:0;pointer-events:none}
.pracownia .szew::before{content:"";position:absolute;left:0;right:0;top:-110px;height:220px;pointer-events:none;
 background:linear-gradient(to bottom,rgba(255,214,10,0) 0%,rgba(255,214,10,.045) 28%,rgba(255,214,10,.115) 50%,rgba(255,214,10,.045) 72%,rgba(255,214,10,0) 100%);
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 82%,transparent 100%);
 filter:blur(10px)}
/* ---- o57 blok style #104 id=v46-proporcje ---- */
/* v46: styk sekcji, proporcje po uwadze Łukasza: poświata 240 px (było 380), linia światła cieńsza, rozmycie 9 px (było 14), siatka 170 px (było 300) i drobniejsza. */
.pracownia .szew{overflow:visible}
.pracownia .szew::before{top:-120px;height:240px;mix-blend-mode:screen;filter:blur(9px);
 background:linear-gradient(to bottom,rgba(255,214,10,0) 0%,rgba(255,214,10,.07) 30%,rgba(255,214,10,.26) 48%,rgba(255,232,110,.46) 50%,rgba(255,214,10,.20) 53%,rgba(255,214,10,.05) 74%,rgba(255,214,10,0) 100%);
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 16%,#000 84%,transparent 100%)}
.pracownia .szew::after{content:"";position:absolute;left:8%;right:8%;top:0;height:170px;pointer-events:none;mix-blend-mode:screen;
 background:
  repeating-linear-gradient(90deg,rgba(255,196,0,.50) 0 1px,transparent 1px 56px),
  repeating-linear-gradient(0deg,rgba(255,196,0,.40) 0 1px,transparent 1px 38px);
 transform:perspective(480px) rotateX(64deg);transform-origin:50% 0;
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%),linear-gradient(to right,transparent 0%,#000 22%,#000 78%,transparent 100%);
 -webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%),linear-gradient(to right,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-composite:intersect;
 opacity:.85}
/* ---- o57 blok style #105 id=v47-hero ---- */
/* v47: sekcja 1 (komputer): bez dużego logo, panel „20 lat” obok nagłówka, slider na całą szerokość */
@media (min-width:1024px){
 html.js-h .pasek-app .logo2{opacity:1!important;visibility:visible!important;transform:none!important}
 .pracownia .hero .logo-big,.pracownia .hero .postep{display:none!important}
 .pracownia .hero > .wrap{display:grid;grid-template-columns:minmax(0,1fr) 470px;column-gap:56px;align-items:start}
 .pracownia .hero > .wrap > .kicker2{grid-column:1;grid-row:1}
 .pracownia .hero > .wrap > h1{grid-column:1;grid-row:2}
 .pracownia .hero-cols{display:contents}
 .pracownia .hero-r{grid-column:2;grid-row:1 / span 2;align-self:stretch;padding:0;margin:0}
 .pracownia .hero-l{grid-column:1 / -1;grid-row:3;margin:48px 0 0}
 .pracownia .hero-r .b{margin:0}
 .pracownia .sl-slide{min-height:420px}
 .pracownia .sl-txt{width:40%;padding:36px 0 36px 56px;gap:16px}
 .pracownia .sl-title{font-size:clamp(34px,3vw,44px);line-height:1.05}
 .pracownia .sl-sub{font-size:clamp(19px,1.5vw,22px);max-width:24em}
 .pracownia .sl-scena{right:24px;top:-40px;width:56%;height:480px}
 .pracownia .sl-kol{height:86%;width:auto;aspect-ratio:1;right:2%;top:8%}
 .pracownia .sl-lap{width:70%;left:1%;top:18%}
 .pracownia .sl-tel{width:21%;right:3%;bottom:7%}
}
/* ---- o57 blok style #106 id=v48-hero-ciemny ---- */
/* v48: sekcja 1 (komputer): etykieta nad nagłówkiem + ciemny slider z kartką w kratkę */
@media (min-width:1024px){
 .pracownia .hero > .wrap{padding-top:34px}
 .pracownia .hero .kicker2{display:flex;align-items:center;gap:14px;margin:0 0 22px;font:800 15px/1.2 var(--tech,"Sofia Sans Extra Condensed","Arial Narrow",sans-serif);letter-spacing:.13em;text-transform:uppercase;color:#FFD60A}
 .pracownia .hero .kicker2::before{content:"";flex:none;width:34px;height:3px;background:#FFD60A;box-shadow:0 0 10px rgba(255,214,10,.55)}
 /* tło slajdu: to samo co sekcja „Jak pracujemy” */
 .pracownia .sl-slide{background:radial-gradient(900px 560px at 88% 14%,rgba(255,214,10,.10),transparent 62%),radial-gradient(760px 520px at 6% 78%,rgba(25,194,107,.08),transparent 64%),linear-gradient(#14141a,#0f0f14 40%,#101016)}
 .pracownia .sl-title{color:#fff}
 .pracownia .sl-sub{color:rgba(255,255,255,.84)}
 .pracownia .sl-zak,.pracownia .sl-nota{color:rgba(255,255,255,.7)!important}
 .pracownia .sl-btn{background:#FFD60A;color:#111;box-shadow:0 8px 18px rgba(0,0,0,.5)}
 .pracownia .sl-btn svg{stroke:#111}
 .pracownia .sl-btn:hover{background:#fff;color:#111}
 .pracownia .sl-btn:focus-visible{outline-color:#fff}
 /* kartka w kratkę (jak arkusz w sekcji „Jak pracujemy”) pod urządzeniami */
 .pracownia .sl-scena::before{content:"";position:absolute;z-index:0;left:0;right:0;top:18px;bottom:26px;transform:rotate(.6deg);
  background-color:#f4f0e4;background-image:linear-gradient(rgba(70,58,30,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(70,58,30,.10) 1px,transparent 1px),linear-gradient(rgba(250,247,238,.66),rgba(250,247,238,.66)),url(../img/tla/papier-1-m.jpg);
  background-size:30px 30px,30px 30px,100% 100%,420px;background-blend-mode:normal,normal,normal,multiply;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 26px 44px rgba(0,0,0,.6),0 6px 12px rgba(0,0,0,.45)}
 .pracownia .sl-scena::after{content:"";position:absolute;z-index:1;left:50%;top:8px;width:110px;height:32px;margin-left:-55px;transform:rotate(-2deg);
  background:rgba(214,208,190,.9);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 .sl-urz{z-index:2}
 .pracownia .sl-scena{width:55%;right:22px}
}
/* ---- o57 blok style #107 id=v49-hero-blok ---- */
@media (min-width:1024px){
 /* sekcja 1: nagłówek na całą szerokość */
 .pracownia .hero > .wrap{grid-template-columns:minmax(0,1fr)}
 .pracownia .hero > .wrap > h1{grid-column:1 / -1;grid-row:2;font-size:min(6vw,90px);line-height:1.02;margin-bottom:0}
 .pracownia .hero h1 .hl{display:block;white-space:nowrap}
 .pracownia .hero-l{margin-top:44px}
 /* blok „Czasem…”: tekst po lewej, panel „20 lat” po prawej */
 .pracownia .jw-baner .jw-wnioski{display:grid;grid-template-columns:minmax(0,1fr) 470px;column-gap:56px;align-items:center}
 .pracownia .jw-baner .jw-l1{font-size:clamp(34px,4vw,60px);line-height:1.06}
 .pracownia .jw-baner .jw-l2{font-size:clamp(24px,2.5vw,38px);max-width:22em;margin-top:clamp(18px,1.8vw,28px)}
 .pracownia .jw-baner .hero-r.jw-20{display:flex;flex-direction:column;padding:0;margin:0;align-self:center}
 .pracownia .jw-baner .hero-r.jw-20 .b{margin:0}
 /* kartka w kratkę pod sliderem: w całości w ciemnym tle, rogi zaokrąglone */
 .pracownia .sl-slide{min-height:470px}
 .pracownia .sl-scena{top:0;right:0;width:55%;height:470px}
 .pracownia .sl-scena::before{top:26px;bottom:26px;left:0;right:30px;border-radius:18px;transform:rotate(.4deg)}
 .pracownia .sl-scena::after{top:12px;left:calc((100% - 30px) / 2);margin-left:-55px}
 .pracownia .sl-urz{inset:26px 30px 26px 0}
 .pracownia .sl-kol{height:84%;right:5%;top:8%}
 .pracownia .sl-lap{width:68%;left:3%;top:19%}
 .pracownia .sl-tel{width:20%;right:6%;bottom:8%}
}
/* animacja nagłówka (tylko gdy ruch dozwolony) */
@media (prefers-reduced-motion:no-preference){
 html:not(.bezruchu) .pracownia .hero h1 .hl{animation:v49-linia .95s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * .16s + .15s)}
 html:not(.bezruchu) .pracownia .hero h1 .wyr{animation:v49-wyr .8s cubic-bezier(.3,.7,.2,1) .75s both,v49-puls 4.5s ease-in-out 1.8s infinite}
}
@keyframes v49-linia{from{opacity:0;transform:translateY(.42em)}to{opacity:1;transform:none}}
@keyframes v49-wyr{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes v49-puls{0%,100%{filter:drop-shadow(0 0 12px rgba(70,242,165,.30))}50%{filter:drop-shadow(0 0 26px rgba(70,242,165,.62))}}
/* ---- o57 blok style #108 id=v50-naglowek-zloto ---- */
@media (min-width:1024px){
 /* nagłówek po lewej do ok. 2/3 ekranu */
 .pracownia .hero > .wrap > h1{font-size:min(6.6vw,96px);line-height:1.02;max-width:calc(66.667vw - 72px)}
 /* slider: złoty gradient i złota obwódka */
 .pracownia .sl-slide{background:
   linear-gradient(158deg,rgba(255,196,0,.40) 0%,rgba(255,196,0,.16) 30%,rgba(255,196,0,.03) 55%,transparent 68%),
   radial-gradient(900px 560px at 88% 14%,rgba(255,214,10,.10),transparent 62%),
   radial-gradient(760px 520px at 6% 78%,rgba(25,194,107,.08),transparent 64%),
   linear-gradient(#14141a,#0f0f14 40%,#101016)}
 .pracownia .sl-vp{box-shadow:0 0 0 1.5px rgba(255,214,10,.62),0 0 54px -8px rgba(255,200,0,.38),0 30px 60px -20px rgba(0,0,0,.9)}
 /* odręczne kreski na kartce */
 .pracownia .sl-rk{position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:visible}
 .pracownia .sl-rk path{fill:none;stroke:#EFA900;stroke-width:4.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s ease-out calc(var(--d) * .22s + .55s)}
 .pracownia .sl-urz.on .sl-rk path{stroke-dashoffset:0}
 .pracownia .sl-urz:not(.on) .sl-rk path{transition:none}
 html.bezruchu .pracownia .sl-rk path{stroke-dashoffset:0;transition:none}
}
@media (max-width:1023px){.pracownia .sl-rk{display:none}}
@media (prefers-reduced-motion:reduce){.pracownia .sl-rk path{stroke-dashoffset:0;transition:none}}
@media (prefers-reduced-motion:no-preference){
 html:not(.bezruchu) .pracownia .hero h1 .wyr{animation:v49-wyr .8s cubic-bezier(.3,.7,.2,1) 1.1s both,v49-puls 4.5s ease-in-out 2.2s infinite}
}
/* ---- o57 blok style #109 id=v51-kreski-i-tlo ---- */
/* (1) „przewagę”: żółte kreskowanie zamiast zielonego */
.pracownia .a .wyr{background-image:repeating-linear-gradient(135deg,#FFD60A 0 6px,#E5A800 6px 9px)!important;-webkit-text-stroke:2.2px #fff;filter:drop-shadow(0 0 10px rgba(255,214,10,.26))}
@keyframes v49-puls{0%,100%{filter:drop-shadow(0 0 8px rgba(255,214,10,.22))}50%{filter:drop-shadow(0 0 18px rgba(255,214,10,.46))}}
@media (min-width:1024px){
 /* (2) rozmycie tła tylko za tekstem po lewej; prawa strona ostra i pusta (miejsce na agenta AI) */
 .pracownia .hero::after{-webkit-mask-image:radial-gradient(ellipse 540px 340px at 400px 330px,#000 38%,rgba(0,0,0,0) 100%)!important;mask-image:radial-gradient(ellipse 540px 340px at 400px 330px,#000 38%,rgba(0,0,0,0) 100%)!important}
}
/* (3) odręczne kreski w sekcjach */
.pracownia .rk{position:absolute;pointer-events:none;overflow:visible;z-index:4;max-width:none}
.pracownia .rk path{fill:none;stroke:#EFA900;stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s ease-out calc(var(--d,0) * .25s + .15s)}
.pracownia .rk.in path{stroke-dashoffset:0}
.pracownia .rk.rk-tusz path{stroke:#111;stroke-width:4}
.pracownia .rk-host{position:relative}
.pracownia .rk-petla{left:-9%;top:-22%;width:118%;height:148%}
.pracownia .rk-korona.rk-nad{left:50%;bottom:86%;width:64px;height:52px;margin-left:-32px;transform:rotate(-9deg)}
.pracownia .rk-end{position:relative;display:inline-block;width:0;height:0}
.pracownia .rk-serce{left:22px;top:-62px;width:58px;height:52px;transform:rotate(8deg)}
.pracownia .rk-end-pod .rk-falka{left:-150px;top:2px;width:150px;height:22px}
.pracownia .rk-ark.rk-korona{right:13cqw;top:9cqw;width:9.5cqw;height:7.8cqw;transform:rotate(8deg)}
.pracownia .rk-ark.rk-smile{right:-5.6cqw;bottom:6cqw;width:8cqw;height:8cqw;transform:rotate(-8deg)}
.pracownia .fZ-slowo{position:relative}
.pracownia .rk-strzalka{left:40px;top:-50px;width:170px;height:48px}
@media (max-width:1023px){.pracownia .rk{display:none}}
html.bezruchu .pracownia .rk path{stroke-dashoffset:0;transition:none}
@media (prefers-reduced-motion:reduce){.pracownia .rk path{stroke-dashoffset:0;transition:none}}
/* ---- o57 blok style #110 id=v52-przewage-biale ---- */
.pracownia .a .wyr{background-image:repeating-linear-gradient(135deg,#fff 0 4px,rgba(255,255,255,.16) 4px 9px)!important;-webkit-text-stroke:2.4px #fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.18))}
@keyframes v49-puls{0%,100%{filter:drop-shadow(0 0 6px rgba(255,255,255,.14))}50%{filter:drop-shadow(0 0 14px rgba(255,255,255,.34))}}
/* ---- o57 blok style #111 id=v53-przewage-blekit ---- */
.pracownia .a .wyr{-webkit-text-fill-color:#7CC8FF!important;color:#7CC8FF!important;background:none!important;-webkit-text-stroke:0!important;filter:none!important}
/* ---- o57 blok style #112 id=v54-wiecej-kresek ---- */
/* grubsza kreska i większe rozmiary */
.pracownia .rk path{stroke-width:5.4}
.pracownia .rk.rk-tusz path{stroke-width:4.8}
.pracownia .sl-rk path{stroke-width:5.6}
.pracownia .rk-korona.rk-nad{width:100px;height:82px;margin-left:-50px;bottom:76%}
.pracownia .rk-serce{left:26px;top:-84px;width:96px;height:86px}
.pracownia .rk-serce.rk-serce2{left:126px;top:-30px;width:56px;height:50px;transform:rotate(-12deg)}
.pracownia .rk-gwiazda.rk-refg{left:196px;top:-86px;width:70px;height:70px}
.pracownia .rk-gwiazda.rk-realh{left:28px;top:-86px;width:84px;height:84px}
.pracownia .rk-end-pod .rk-falka{left:-196px;top:4px;width:196px;height:26px}
.pracownia .rk-strzalka{left:30px;top:-56px;width:250px;height:60px}
.pracownia .rk-ark.rk-korona{right:11cqw;top:7cqw;width:15cqw;height:12.3cqw}
.pracownia .rk-ark.rk-smile{right:-8cqw;bottom:5cqw;width:12cqw;height:12cqw}
.pracownia .rk-sek{position:absolute;z-index:4}
.pracownia .rk-petla{left:-10%;top:-26%;width:122%;height:156%}
.pracownia #ludzie .rk-host,.pracownia .mk-g.rk-host{display:inline-block}
/* ---- o57 blok style #113 id=v55-przewage-8052ff ---- */
.pracownia .a .wyr{-webkit-text-fill-color:#8052ff!important;color:#8052ff!important;background:none!important;-webkit-text-stroke:0!important;filter:none!important}
/* ---- o57 blok style #114 id=v56-slider-plaski ---- */
@media (min-width:1024px){
 .pracownia .sl-slide{background:#121217!important}
 .pracownia .sl-vp{position:relative;box-shadow:0 0 0 1.5px rgba(255,214,10,.55),0 22px 34px -22px rgba(0,0,0,.85)!important}
 .pracownia .sl-vp::before{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:10px;pointer-events:none;background:repeating-linear-gradient(135deg,#FFD60A 0 9px,#111 9px 18px)}
}