/* WOJ-BRUK — Technologia v8.9 | rail polish + original surface + animated edge sweep */
.wojbruk-tech{
  --red:#e20b17;
  --ink:#101114;
  --muted:#70747a;
  --line:#dedfdd;
  --paper:#f7f7f5;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:var(--ink);
  background:var(--paper);
  padding:clamp(24px,2.8vw,42px) 0 clamp(26px,3vw,44px);
  font-family:"Manrope","Helvetica Neue",Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wojbruk-tech *{box-sizing:border-box}
.wojbruk-tech button,.wojbruk-tech input{font:inherit}
.wojbruk-tech button{color:inherit}
.wojbruk-tech__shell{width:min(1480px,calc(100% - clamp(28px,5vw,90px)));margin:auto}

.wojbruk-tech__intro{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.72fr);
  align-items:end;
  gap:clamp(32px,4.7vw,72px);
  padding-bottom:clamp(16px,1.8vw,25px);
  border-bottom:1px solid var(--line);
}
.wojbruk-tech__eyebrow{
  margin:0 0 10px;
  color:var(--red);
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.wojbruk-tech__headline h2{
  margin:0;
  font:510 clamp(39px,3.35vw,58px)/1.02 "Manrope","Helvetica Neue",Arial,sans-serif;
  letter-spacing:-.041em;
  text-wrap:balance;
}
.wojbruk-tech__headline h2 span{display:block;color:#85878b;font-weight:510}
.wojbruk-tech__headline h2 i{color:var(--red);font-style:normal}
.wojbruk-tech__lead{
  margin:0 0 2px;
  max-width:520px;
  color:#55585d;
  font-size:clamp(14px,.98vw,17px);
  line-height:1.65;
}

.wojbruk-tech__experience{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);
  gap:clamp(28px,3.6vw,56px);
  align-items:center;
  padding-top:clamp(16px,1.7vw,24px);
}
.wojbruk-tech__visual{
  position:relative;
  min-width:0;
  height:640px;
  min-height:640px;
  border-right:1px solid var(--line);
  padding-right:24px;
}
.wojbruk-tech__stage{
  position:relative;
  height:100%;
  margin-left:126px;
  isolation:isolate;
  touch-action:pan-y;
  overflow:visible;
}
.wojbruk-tech__ambient{
  position:absolute;
  z-index:0;
  left:22%;right:16%;bottom:2%;height:38px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(12,14,16,.13) 0%,rgba(12,14,16,.035) 52%,transparent 78%);
  filter:blur(15px);
  opacity:.42;
  pointer-events:none;
}

/*
 * v8.7: each render is a true transparent WebP. No blend mode, no white canvas,
 * no pseudo-3D transform. Every layer stays on its own fixed Y coordinate.
 */
.wojbruk-tech__layer{
  position:absolute;
  z-index:calc(100 - var(--i));
  left:50%;top:50%;
  width:min(58%,340px);
  transform:translate(-50%,calc(-50% + var(--layer-y)));
  transform-origin:50% 50%;
  pointer-events:none;
  opacity:1;
  will-change:transform;
}
.wojbruk-tech__media,
.wojbruk-tech__outline,
.wojbruk-tech__outline-runner{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:contain;
  max-width:none;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.wojbruk-tech__media{
  position:relative;
  z-index:1;
  filter:drop-shadow(0 8px 8px rgba(11,13,16,.13));
  transform:translateZ(0);
}
@property --wojbruk-tech-sweep{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}
.wojbruk-tech__outline,
.wojbruk-tech__outline-runner{
  position:absolute;
  inset:0;
  opacity:0;
  transform:translateZ(0);
}
.wojbruk-tech__outline{
  z-index:3;
  filter:drop-shadow(0 0 2px rgba(226,11,23,.24));
  transition:opacity .22s ease,filter .22s ease;
}
.wojbruk-tech__outline-runner{
  z-index:4;
  --wojbruk-tech-sweep:0deg;
  filter:drop-shadow(0 0 5px rgba(226,11,23,.48));
  -webkit-mask-image:conic-gradient(from var(--wojbruk-tech-sweep) at 50% 50%,transparent 0deg 304deg,#000 319deg 351deg,transparent 360deg);
  mask-image:conic-gradient(from var(--wojbruk-tech-sweep) at 50% 50%,transparent 0deg 304deg,#000 319deg 351deg,transparent 360deg);
}
.wojbruk-tech__layer.is-muted{opacity:1}
.wojbruk-tech__layer.is-active .wojbruk-tech__media,
.wojbruk-tech__layer.is-active .wojbruk-tech__outline,
.wojbruk-tech__layer.is-active .wojbruk-tech__outline-runner{
  animation:wojbrukTechLayerBreath 2.8s cubic-bezier(.45,0,.25,1) infinite;
}
.wojbruk-tech__layer.is-active .wojbruk-tech__outline{
  opacity:.62;
  filter:drop-shadow(0 0 4px rgba(226,11,23,.32));
}
.wojbruk-tech__layer.is-active .wojbruk-tech__outline-runner{
  opacity:.96;
  animation:wojbrukTechLayerBreath 2.8s cubic-bezier(.45,0,.25,1) infinite,
            wojbrukTechEdgeSweep 3.2s linear infinite;
}
@keyframes wojbrukTechLayerBreath{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-1.4px) scale(1.003)}
}
@keyframes wojbrukTechEdgeSweep{
  to{--wojbruk-tech-sweep:360deg}
}

/* Independent click/touch zones; their heights are smaller than the inter-layer gap. */
.wojbruk-tech__hit-map{position:absolute;inset:0;z-index:180;pointer-events:none}
.wojbruk-tech__hit-map button{
  position:absolute;
  left:50%;top:50%;
  width:min(59%,350px);
  height:58px;
  transform:translate(-50%,calc(-50% + var(--hit-y)));
  border:0;
  border-radius:14px;
  background:transparent;
  cursor:pointer;
  pointer-events:auto;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.wojbruk-tech__hit-map button:hover{background:rgba(226,11,23,.014)}
.wojbruk-tech__hit-map button:focus-visible{outline:2px solid var(--red);outline-offset:2px}

.wojbruk-tech__rail{position:absolute;z-index:210;left:0;top:0;bottom:0;width:126px;pointer-events:none}
.wojbruk-tech__rail button{
  position:absolute;
  left:0;top:50%;
  width:124px;height:56px;
  transform:translateY(calc(-50% + var(--rail-y)));
  border:0;background:transparent;padding:0;
  cursor:pointer;text-align:left;
  color:#8a8d92;
  pointer-events:auto;
  transition:color .2s ease;
}
.wojbruk-tech__rail button span{
  position:absolute;left:0;top:5px;width:26px;
  display:block;font-size:12.5px;font-weight:800;line-height:1.1;
}
.wojbruk-tech__rail button i{
  position:absolute;left:31px;top:11px;width:43px;height:1px;
  background:#bfc1c4;transform-origin:left center;transition:width .22s ease,background .22s ease;
}
.wojbruk-tech__rail button b{
  position:absolute;left:31px;top:24px;width:91px;
  font-size:8.5px;line-height:1.22;font-weight:600;letter-spacing:-.01em;opacity:.72;
}
.wojbruk-tech__rail button.is-active{color:var(--red)}
.wojbruk-tech__rail button.is-active i{width:57px;height:2px;background:var(--red)}
.wojbruk-tech__rail button.is-active b{color:#24262a;opacity:1}
.wojbruk-tech__rail button:focus-visible{outline:2px solid var(--red);outline-offset:2px}

.wojbruk-tech__panel{position:relative;min-width:0;align-self:center;padding-left:2px}
.wojbruk-tech__panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:24px}
.wojbruk-tech__counter{display:flex;align-items:baseline;gap:9px}
.wojbruk-tech__counter strong{color:var(--red);font-size:clamp(56px,4.2vw,68px);font-weight:540;line-height:.84;letter-spacing:-.055em}
.wojbruk-tech__counter span{color:#7f838a;font-size:16px;font-weight:650}
.wojbruk-tech__steps{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:min(335px,32vw);margin-top:14px}
.wojbruk-tech__steps i{display:block;height:5px;border-radius:99px;background:#dedfe2;transition:background .22s ease,transform .22s ease}
.wojbruk-tech__steps i.is-active{background:var(--red);transform:scaleY(1.08)}
.wojbruk-tech__arrows{display:flex;gap:8px}
.wojbruk-tech__arrows button{
  display:grid;place-items:center;width:44px;height:44px;
  border:1px solid #d8dade;border-radius:50%;background:rgba(255,255,255,.64);
  color:var(--red);cursor:pointer;font-size:20px;line-height:1;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.wojbruk-tech__arrows button:hover:not(:disabled){transform:translateY(-1px);border-color:#bfc1c5;background:#fff}
.wojbruk-tech__arrows button:disabled{opacity:.3;cursor:default}
.wojbruk-tech__arrows button:focus-visible{outline:2px solid var(--red);outline-offset:3px}

.wojbruk-tech__copy{min-height:190px;transition:opacity .16s ease,transform .16s ease}
.wojbruk-tech__copy.is-changing{opacity:.18;transform:translateY(4px)}
.wojbruk-tech__type{margin:0 0 9px;color:var(--red);font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.wojbruk-tech__panel h3{margin:0;font-family:inherit;font-size:clamp(31px,2.55vw,42px);font-weight:650;line-height:1.05;letter-spacing:-.04em}
.wojbruk-tech__description{margin:16px 0 0;max-width:570px;color:#686c74;font-size:clamp(13.5px,.96vw,16px);line-height:1.62}

.wojbruk-tech__control{margin-top:18px;max-width:590px}
.wojbruk-tech__control input{--progress:0%;display:block;width:100%;height:22px;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:manipulation}
.wojbruk-tech__control input::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(to right,var(--red) 0 var(--progress),#d2d4d7 var(--progress) 100%)}
.wojbruk-tech__control input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;border:0;border-radius:50%;background:var(--red);box-shadow:0 3px 11px rgba(226,11,23,.25)}
.wojbruk-tech__control input::-moz-range-track{height:4px;border-radius:99px;background:#d2d4d7}
.wojbruk-tech__control input::-moz-range-progress{height:4px;border-radius:99px;background:var(--red)}
.wojbruk-tech__control input::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--red)}
.wojbruk-tech__control p{margin:5px 0 0;color:#777b82;font-size:clamp(12px,.82vw,13.5px);font-weight:520;line-height:1.4}

.wojbruk-tech__principle{
  margin-top:clamp(15px,1.7vw,24px);
  padding-top:clamp(13px,1.4vw,19px);
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:clamp(30px,4vw,60px);
  align-items:start;
  border-top:1px solid var(--line);
}
.wojbruk-tech__principle small{display:block;margin:0 0 5px;color:var(--red);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.wojbruk-tech__principle h3{margin:0;max-width:540px;font-family:inherit;font-size:clamp(21px,1.55vw,27px);font-weight:570;line-height:1.12;letter-spacing:-.03em}
.wojbruk-tech__principle p{margin:1px 0 0;max-width:760px;color:#686c73;font-size:clamp(13px,.92vw,15px);font-weight:500;line-height:1.58}

/* desktop base positions: 76 px between layer centers */
.wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-252px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-252px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-252px!important}
.wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-168px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-168px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-168px!important}
.wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-84px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-84px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-84px!important}
.wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
.wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:84px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:84px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:84px!important}
.wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:168px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:168px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:168px!important}
.wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:252px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:252px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:252px!important}

@media(max-width:1180px){
  .wojbruk-tech__experience{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:28px}
  .wojbruk-tech__visual{height:590px;min-height:590px;padding-right:16px}
  .wojbruk-tech__stage{margin-left:116px}
  .wojbruk-tech__layer{width:min(57%,320px)}
  .wojbruk-tech__hit-map button{width:min(58%,332px);height:52px}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-225px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-225px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-225px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-150px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-150px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-150px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-75px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-75px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-75px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:75px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:75px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:75px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:150px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:150px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:150px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:225px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:225px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:225px!important}
  .wojbruk-tech__counter strong{font-size:56px}
  .wojbruk-tech__panel h3{font-size:34px}
}

@media(max-width:980px){
  .wojbruk-tech{padding-top:32px}
  .wojbruk-tech__intro{grid-template-columns:1fr;gap:14px}
  .wojbruk-tech__lead{max-width:720px}
  .wojbruk-tech__experience{grid-template-columns:1fr;gap:12px;padding-top:15px}
  .wojbruk-tech__visual{height:555px;min-height:555px;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px}
  .wojbruk-tech__stage{max-width:760px;margin:0 auto 0 116px}
  .wojbruk-tech__layer{width:min(57%,325px)}
  .wojbruk-tech__hit-map button{width:min(58%,338px)}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-216px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-216px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-216px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-144px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-144px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-144px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-72px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-72px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-72px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:72px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:72px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:72px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:144px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:144px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:144px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:216px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:216px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:216px!important}
  .wojbruk-tech__panel{max-width:760px;width:100%;margin:auto;padding-top:3px}
  .wojbruk-tech__copy{min-height:135px}
  .wojbruk-tech__principle{grid-template-columns:1fr 1.35fr}
}

@media(max-width:720px){
  .wojbruk-tech{padding:20px 0 30px;overflow:hidden}
  .wojbruk-tech__shell{width:100%}
  .wojbruk-tech__intro{padding:0 16px 13px;gap:8px;border-bottom:1px solid #e2e3e2}
  .wojbruk-tech__eyebrow{margin-bottom:6px;font-size:8.5px;letter-spacing:.11em}
  .wojbruk-tech__headline h2{font-size:clamp(28px,8vw,35px);line-height:1.01;letter-spacing:-.042em}
  .wojbruk-tech__lead{max-width:520px;font-size:10.5px;line-height:1.45}
  .wojbruk-tech__experience{gap:5px;padding-top:8px}
  .wojbruk-tech__visual{height:440px;min-height:440px;border:0;padding:0;overflow:hidden}
  .wojbruk-tech__stage{height:100%;margin:0 0 0 52px;max-width:none}
  .wojbruk-tech__layer{width:min(66%,222px)}
  .wojbruk-tech__ambient{left:20%;right:8%;bottom:1%;height:24px;filter:blur(10px);opacity:.28}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-168px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-168px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-168px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-112px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-112px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-112px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-56px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-56px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-56px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:56px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:56px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:56px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:112px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:112px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:112px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:168px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:168px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:168px!important}
  .wojbruk-tech__hit-map button{width:69%;height:42px;border-radius:9px}
  .wojbruk-tech__rail{left:10px;width:42px}
  .wojbruk-tech__rail button{width:40px;height:42px}
  .wojbruk-tech__rail button span{left:0;top:7px;width:20px;font-size:9.5px}
  .wojbruk-tech__rail button i{left:24px;top:11px;width:13px}
  .wojbruk-tech__rail button.is-active i{width:17px}
  .wojbruk-tech__rail button b{display:none}
  .wojbruk-tech__panel{margin:0 10px;padding:12px 13px 11px;border:1px solid #e0e1e1;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.04)}
  .wojbruk-tech__panel-top{margin-bottom:10px}
  .wojbruk-tech__counter strong{font-size:45px}
  .wojbruk-tech__counter span{font-size:13px}
  .wojbruk-tech__steps{width:190px;gap:4px;margin-top:8px}
  .wojbruk-tech__steps i{height:4px}
  .wojbruk-tech__arrows{gap:5px}
  .wojbruk-tech__arrows button{width:34px;height:34px;font-size:15px}
  .wojbruk-tech__copy{min-height:112px}
  .wojbruk-tech__type{margin-bottom:5px;font-size:8px;letter-spacing:.13em}
  .wojbruk-tech__panel h3{font-size:clamp(23px,6.4vw,29px);line-height:1.03}
  .wojbruk-tech__description{margin-top:8px;font-size:11px;line-height:1.47}
  .wojbruk-tech__control{margin-top:8px}
  .wojbruk-tech__control input{height:18px}
  .wojbruk-tech__control input::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px}
  .wojbruk-tech__control input::-moz-range-thumb{width:16px;height:16px}
  .wojbruk-tech__control p{margin-top:5px;font-size:11.5px;line-height:1.42}
  .wojbruk-tech__principle{margin:15px 16px 0;padding-top:13px;grid-template-columns:1fr;gap:6px}
  .wojbruk-tech__principle h3{font-size:18px;max-width:340px}
  .wojbruk-tech__principle p{font-size:12.5px;line-height:1.5}
}

@media(max-width:390px){
  .wojbruk-tech{padding-top:18px}
  .wojbruk-tech__intro{padding-left:14px;padding-right:14px}
  .wojbruk-tech__headline h2{font-size:clamp(26px,7.7vw,31px)}
  .wojbruk-tech__lead{font-size:9.8px}
  .wojbruk-tech__visual{height:410px;min-height:410px}
  .wojbruk-tech__stage{margin-left:48px}
  .wojbruk-tech__layer{width:min(64%,200px)}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-156px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-156px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-156px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-104px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-104px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-104px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-52px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-52px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-52px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:52px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:52px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:52px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:104px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:104px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:104px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:156px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:156px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:156px!important}
  .wojbruk-tech__hit-map button{height:39px}
  .wojbruk-tech__panel{margin:0 8px;padding:11px 12px 10px}
  .wojbruk-tech__counter strong{font-size:42px}
  .wojbruk-tech__description{font-size:10.8px}
}

@media(max-height:820px) and (min-width:981px){
  .wojbruk-tech{padding-top:20px;padding-bottom:22px}
  .wojbruk-tech__intro{padding-bottom:14px}
  .wojbruk-tech__headline h2{font-size:clamp(36px,3vw,50px)}
  .wojbruk-tech__experience{padding-top:12px}
  .wojbruk-tech__visual{height:560px;min-height:560px}
  .wojbruk-tech__layer{width:min(54%,300px)}
  .wojbruk-tech__hit-map button{width:min(55%,312px);height:48px}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-210px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-210px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-210px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-140px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-140px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-140px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-70px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-70px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-70px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:70px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:70px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:70px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:140px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:140px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:140px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:210px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:210px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:210px!important}
  .wojbruk-tech__counter strong{font-size:55px}
  .wojbruk-tech__panel-top{margin-bottom:15px}
  .wojbruk-tech__copy{min-height:150px}
  .wojbruk-tech__description{margin-top:11px;font-size:13px}
  .wojbruk-tech__control{margin-top:10px}
  .wojbruk-tech__principle{margin-top:12px;padding-top:11px}
}

@media(prefers-reduced-motion:reduce){
  .wojbruk-tech__layer.is-active .wojbruk-tech__media,
  .wojbruk-tech__layer.is-active .wojbruk-tech__outline,
  .wojbruk-tech__layer.is-active .wojbruk-tech__outline-runner{animation:none!important}
  .wojbruk-tech__outline,.wojbruk-tech__outline-runner,.wojbruk-tech__copy,.wojbruk-tech__rail button,.wojbruk-tech__steps i{transition:none!important}
}

/* === WOJ-BRUK Technologia v8.9 ============================================
   Readability + mobile viewport fit + stronger active-layer focus.
   This block intentionally overrides v8.8 without changing the layer assets. */

/* Desktop rail: use the available left column and make layer names readable. */
@media(min-width:981px){
  .wojbruk-tech__visual{padding-right:22px}
  .wojbruk-tech__stage{margin-left:178px}
  .wojbruk-tech__rail{width:178px}
  .wojbruk-tech__rail button{width:174px;height:64px}
  .wojbruk-tech__rail button span{
    left:0;top:4px;width:30px;
    font-size:14px;line-height:1.05;font-weight:800;letter-spacing:-.02em;
  }
  .wojbruk-tech__rail button i{
    left:38px;top:11px;width:36px;height:1px;
  }
  .wojbruk-tech__rail button.is-active i{width:46px;height:2px}
  .wojbruk-tech__rail button b{
    left:38px;top:25px;width:136px;
    font-size:13px;line-height:1.24;font-weight:620;letter-spacing:-.018em;opacity:.82;
  }
  .wojbruk-tech__rail button.is-active b{font-weight:680}
}

/* Stronger but still premium focus: only the external red outline is coloured. */
.wojbruk-tech__layer.is-active{z-index:165}
.wojbruk-tech__layer.is-active .wojbruk-tech__media{
  filter:drop-shadow(0 10px 12px rgba(11,13,16,.18));
  animation:wojbrukTechLayerFocusV89 2.65s cubic-bezier(.45,0,.2,1) infinite;
}
.wojbruk-tech__layer.is-active .wojbruk-tech__outline{
  opacity:.88;
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.8))
    drop-shadow(0 0 4px rgba(226,11,23,.72))
    drop-shadow(0 0 9px rgba(226,11,23,.32));
  animation:wojbrukTechLayerFocusV89 2.65s cubic-bezier(.45,0,.2,1) infinite;
}
.wojbruk-tech__layer.is-active .wojbruk-tech__outline-runner{
  opacity:1;
  filter:
    drop-shadow(0 0 2px rgba(255,255,255,.96))
    drop-shadow(0 0 6px rgba(226,11,23,.98))
    drop-shadow(0 0 13px rgba(226,11,23,.56));
  -webkit-mask-image:conic-gradient(from var(--wojbruk-tech-sweep) at 50% 50%,transparent 0deg 282deg,#000 304deg 355deg,transparent 360deg);
  mask-image:conic-gradient(from var(--wojbruk-tech-sweep) at 50% 50%,transparent 0deg 282deg,#000 304deg 355deg,transparent 360deg);
  animation:wojbrukTechLayerFocusV89 2.65s cubic-bezier(.45,0,.2,1) infinite,
            wojbrukTechEdgeSweepV89 2.35s linear infinite;
}
@keyframes wojbrukTechLayerFocusV89{
  0%,100%{transform:translateY(0) scale(1.006)}
  50%{transform:translateY(-2px) scale(1.014)}
}
@keyframes wojbrukTechEdgeSweepV89{to{--wojbruk-tech-sweep:360deg}}

/* Slider is an explicit interaction cue, not a quiet footer element. */
.wojbruk-tech__control{
  position:relative;
  padding:13px 0 10px;
  border-top:1px solid rgba(226,11,23,.14);
  border-bottom:1px solid rgba(226,11,23,.08);
}
.wojbruk-tech__control::before{
  content:"";
  position:absolute;inset:3px -14px 1px;
  z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 35% 50%,rgba(226,11,23,.075),transparent 62%);
  opacity:.9;
  animation:wojbrukTechControlGlowV89 2.8s ease-in-out infinite;
}
.wojbruk-tech__control input{height:28px}
.wojbruk-tech__control input::-webkit-slider-runnable-track{height:5px}
.wojbruk-tech__control input::-moz-range-track,.wojbruk-tech__control input::-moz-range-progress{height:5px}
.wojbruk-tech__control input::-webkit-slider-thumb{
  width:20px;height:20px;margin-top:-7.5px;
  box-shadow:0 0 0 6px rgba(226,11,23,.09),0 4px 14px rgba(226,11,23,.30);
  animation:wojbrukTechThumbHintV89 2.2s ease-in-out infinite;
}
.wojbruk-tech__control input::-moz-range-thumb{
  width:20px;height:20px;
  box-shadow:0 0 0 6px rgba(226,11,23,.09),0 4px 14px rgba(226,11,23,.30);
  animation:wojbrukTechThumbHintV89 2.2s ease-in-out infinite;
}
.wojbruk-tech__control p{
  margin-top:7px;
  color:#555a62;
  font-size:clamp(13.5px,.92vw,15px);
  font-weight:610;
}
.wojbruk-tech.has-tech-interaction .wojbruk-tech__control::before{animation:none}
.wojbruk-tech.has-tech-interaction .wojbruk-tech__control input::-webkit-slider-thumb{animation:none}
.wojbruk-tech.has-tech-interaction .wojbruk-tech__control input::-moz-range-thumb{animation:none}
@keyframes wojbrukTechThumbHintV89{
  0%,100%{transform:translateX(0) scale(1);box-shadow:0 0 0 5px rgba(226,11,23,.07),0 4px 13px rgba(226,11,23,.28)}
  48%{transform:translateX(2px) scale(1.08);box-shadow:0 0 0 9px rgba(226,11,23,.11),0 5px 18px rgba(226,11,23,.38)}
  62%{transform:translateX(-1px) scale(1.04)}
}
@keyframes wojbrukTechControlGlowV89{0%,100%{opacity:.48}50%{opacity:1}}

/* Slightly stronger supporting copy. */
.wojbruk-tech__principle p{font-size:clamp(14px,1vw,16px);line-height:1.6}

@media(max-width:1180px) and (min-width:981px){
  .wojbruk-tech__stage{margin-left:160px}
  .wojbruk-tech__rail{width:160px}
  .wojbruk-tech__rail button{width:158px}
  .wojbruk-tech__rail button b{width:120px;font-size:12.25px}
}

@media(max-width:720px){
  /* When the technology module occupies the phone viewport, hide the sticky site
     header so the logo/navigation does not steal vertical space. */
  .wojbruk-header{transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .2s ease}
  .wojbruk-body.wojbruk-tech-focus-mobile .wojbruk-header:not(.wojbruk-is-menu-open){
    transform:translate(-50%,calc(-100% - 18px))!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .wojbruk-tech{padding:14px 0 24px}
  .wojbruk-tech__intro{padding:0 14px 10px;gap:8px}
  /* Match “Detal w świetle” mobile label scale. */
  .wojbruk-tech__eyebrow{margin-bottom:7px;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.14em}
  .wojbruk-tech__headline h2{font-size:clamp(30px,8.35vw,39px);line-height:1.025;font-weight:510;letter-spacing:-.038em}
  /* Match the readable mobile explanatory copy used in the light section. */
  .wojbruk-tech__lead{font-size:13px;line-height:1.55;max-width:560px;color:#55585d}

  .wojbruk-tech__experience{gap:0;padding-top:4px}
  .wojbruk-tech__visual{height:380px;min-height:380px;border:0;padding:0;overflow:hidden}
  .wojbruk-tech__stage{height:100%;margin:0 0 0 46px}
  .wojbruk-tech__layer{width:min(59vw,194px)}
  .wojbruk-tech__ambient{left:21%;right:9%;bottom:0;height:20px;filter:blur(9px);opacity:.22}

  /* Compact but separated stack so all seven layers stay in the first visual field. */
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-144px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-144px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-144px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-96px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-96px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-96px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-48px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-48px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-48px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:48px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:48px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:48px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:96px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:96px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:96px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:144px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:144px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:144px!important}
  .wojbruk-tech__hit-map button{width:66%;height:39px;border-radius:0}

  .wojbruk-tech__rail{left:9px;width:34px}
  .wojbruk-tech__rail button{width:34px;height:39px}
  .wojbruk-tech__rail button span{left:0;top:6px;width:22px;font-size:10.5px}
  .wojbruk-tech__rail button i{left:24px;top:11px;width:8px}
  .wojbruk-tech__rail button.is-active i{width:10px}

  /* Flat, square-edged information area. Slider comes immediately after 01/07. */
  .wojbruk-tech__panel{
    display:flex;flex-direction:column;
    margin:0 14px;padding:11px 0 10px;
    border:0;border-top:1px solid #dedfdf;border-bottom:1px solid #dedfdf;
    border-radius:0;background:transparent;box-shadow:none;
  }
  .wojbruk-tech__panel-top{order:1;margin-bottom:3px}
  .wojbruk-tech__control{order:2;margin-top:2px;margin-bottom:8px;padding:10px 0 8px;max-width:none}
  .wojbruk-tech__copy{order:3;min-height:0}
  .wojbruk-tech__counter strong{font-size:52px;line-height:.86}
  .wojbruk-tech__counter span{font-size:14px}
  .wojbruk-tech__steps{width:min(54vw,220px);margin-top:7px}
  .wojbruk-tech__arrows button{border-radius:0;width:34px;height:34px}

  .wojbruk-tech__control input{height:28px}
  .wojbruk-tech__control input::-webkit-slider-thumb{width:19px;height:19px;margin-top:-7px}
  .wojbruk-tech__control input::-moz-range-thumb{width:19px;height:19px}
  .wojbruk-tech__control p{margin-top:6px;font-size:13.5px;line-height:1.42;font-weight:620}

  .wojbruk-tech__type{font-size:9px;margin-bottom:5px}
  .wojbruk-tech__panel h3{font-size:clamp(25px,7vw,30px);line-height:1.03}
  .wojbruk-tech__description{margin-top:8px;font-size:12.5px;line-height:1.5}
  .wojbruk-tech__principle{margin:13px 14px 0;padding-top:12px}
  .wojbruk-tech__principle h3{font-size:19px}
  .wojbruk-tech__principle p{font-size:13.5px;line-height:1.55}
}

@media(max-width:390px){
  .wojbruk-tech{padding-top:12px}
  .wojbruk-tech__intro{padding-left:13px;padding-right:13px}
  .wojbruk-tech__headline h2{font-size:clamp(29px,8.4vw,36px)}
  .wojbruk-tech__lead{font-size:13px;line-height:1.5}
  .wojbruk-tech__visual{height:365px;min-height:365px}
  .wojbruk-tech__stage{margin-left:43px}
  .wojbruk-tech__layer{width:min(58vw,182px)}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-138px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-138px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-138px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-92px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-92px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-92px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-46px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-46px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-46px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:46px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:46px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:46px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:92px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:92px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:92px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:138px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:138px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:138px!important}
  .wojbruk-tech__counter strong{font-size:49px}
  .wojbruk-tech__control p{font-size:13px}
  .wojbruk-tech__panel h3{font-size:clamp(24px,7.2vw,28px)}
  .wojbruk-tech__description{font-size:12px}
}

@media(prefers-reduced-motion:reduce){
  .wojbruk-tech__control::before{animation:none!important}
  .wojbruk-tech__control input::-webkit-slider-thumb{animation:none!important}
  .wojbruk-tech__control input::-moz-range-thumb{animation:none!important}
}


/* === WOJ-BRUK Technologia v9.0 ============================================
   Viewport-fit, equal copy scale, safe mobile controls and conditional CTA. */

/* Body-wide bottom CTA is suppressed only while the technology story itself
   needs the phone viewport. The normal global CTA returns automatically once
   the final "Ważne" block has moved past the viewport. */
@media(max-width:720px){
  body.wojbruk-tech-cta-suppressed #wojbruk-mobile-cta,
  body.wojbruk-tech-cta-suppressed .wojbruk-mobile-cta{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 32px))!important;
  }
}

/* Description and construction note use one typography scale. */
.wojbruk-tech__description,
.wojbruk-tech__principle p{
  font-size:clamp(14.5px,1vw,16px);
  line-height:1.6;
}
.wojbruk-tech__control p{
  font-size:clamp(14px,.98vw,15.5px);
  line-height:1.45;
}

/* Desktop labels have enough room — use it. */
@media(min-width:981px){
  .wojbruk-tech__stage{margin-left:194px}
  .wojbruk-tech__rail{width:194px}
  .wojbruk-tech__rail button{width:190px}
  .wojbruk-tech__rail button span{font-size:14.5px}
  .wojbruk-tech__rail button b{
    left:40px;
    width:148px;
    font-size:14.5px;
    line-height:1.23;
    font-weight:630;
  }
  .wojbruk-tech__rail button i{left:40px}
}

/* Laptop viewport: keep eyebrow/title + all layers + active explanation +
   principle in one coherent visual field. */
@media(min-width:981px) and (max-height:860px){
  .wojbruk-tech{padding:16px 0 18px}
  .wojbruk-tech__intro{padding-bottom:10px;gap:34px}
  .wojbruk-tech__eyebrow{margin-bottom:6px;font-size:10px}
  .wojbruk-tech__headline h2{font-size:clamp(37px,2.8vw,47px)}
  .wojbruk-tech__lead{font-size:14px;line-height:1.5}
  .wojbruk-tech__experience{padding-top:8px;gap:28px}
  .wojbruk-tech__visual{height:470px;min-height:470px}
  .wojbruk-tech__layer{width:min(51%,278px)}
  .wojbruk-tech__hit-map button{width:min(53%,292px);height:44px}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-180px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-180px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-180px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-120px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-120px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-120px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-60px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-60px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-60px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:60px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:60px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:60px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:120px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:120px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:120px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:180px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:180px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:180px!important}
  .wojbruk-tech__panel-top{margin-bottom:9px}
  .wojbruk-tech__counter strong{font-size:54px}
  .wojbruk-tech__steps{margin-top:8px}
  .wojbruk-tech__copy{min-height:128px}
  .wojbruk-tech__type{margin-bottom:6px}
  .wojbruk-tech__panel h3{font-size:32px}
  .wojbruk-tech__description{margin-top:9px;font-size:14px;line-height:1.5}
  .wojbruk-tech__control{margin-top:7px;padding:9px 0 7px}
  .wojbruk-tech__control p{margin-top:5px;font-size:14px}
  .wojbruk-tech__principle{margin-top:8px;padding-top:9px;gap:30px}
  .wojbruk-tech__principle small{margin-bottom:3px}
  .wojbruk-tech__principle h3{font-size:21px}
  .wojbruk-tech__principle p{font-size:14px;line-height:1.5}
}

@media(min-width:981px) and (max-height:740px){
  .wojbruk-tech{padding-top:12px;padding-bottom:14px}
  .wojbruk-tech__headline h2{font-size:38px}
  .wojbruk-tech__lead{font-size:13.5px}
  .wojbruk-tech__visual{height:425px;min-height:425px}
  .wojbruk-tech__layer{width:min(48%,255px)}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-162px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-162px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-162px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-108px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-108px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-108px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-54px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-54px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-54px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:54px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:54px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:54px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:108px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:108px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:108px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:162px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:162px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:162px!important}
  .wojbruk-tech__copy{min-height:116px}
  .wojbruk-tech__panel h3{font-size:29px}
  .wojbruk-tech__description,.wojbruk-tech__principle p{font-size:13.5px;line-height:1.45}
  .wojbruk-tech__principle h3{font-size:19px}
}

@media(max-width:720px){
  /* One consistent 16px safe edge prevents arrows/range from ever being cut. */
  .wojbruk-tech{padding:10px 0 18px}
  .wojbruk-tech__shell{width:100%;max-width:none}
  .wojbruk-tech__intro{padding:0 16px 8px;gap:6px}
  .wojbruk-tech__eyebrow{margin-bottom:5px;font-size:10px;line-height:1.2}
  .wojbruk-tech__headline h2{font-size:clamp(28px,8vw,35px);line-height:1.01}
  .wojbruk-tech__lead{font-size:13px;line-height:1.48}
  .wojbruk-tech__experience{gap:0;padding-top:2px}

  /* Smaller stack, but all seven layers stay simultaneously legible. */
  .wojbruk-tech__visual{height:clamp(280px,36svh,326px);min-height:0;overflow:hidden}
  .wojbruk-tech__stage{height:100%;margin:0 0 0 45px}
  .wojbruk-tech__layer{width:min(54vw,180px)}
  .wojbruk-tech__ambient{bottom:0;height:18px}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-120px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-120px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-120px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-80px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-80px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-80px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-40px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-40px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-40px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:40px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:40px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:40px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:80px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:80px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:80px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:120px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:120px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:120px!important}
  .wojbruk-tech__hit-map button{width:68%;height:34px}
  .wojbruk-tech__rail{left:8px;width:34px}
  .wojbruk-tech__rail button{width:34px;height:34px}
  .wojbruk-tech__rail button span{top:5px;font-size:10.5px}
  .wojbruk-tech__rail button i{top:10px}

  /* The entire control card honours equal left/right padding. */
  .wojbruk-tech__panel{
    width:calc(100% - 32px);
    max-width:none;
    margin:0 16px;
    padding:9px 0 9px;
    overflow:visible;
  }
  .wojbruk-tech__panel-top{
    width:100%;min-width:0;
    align-items:flex-start;
    gap:8px;
    margin-bottom:2px;
  }
  .wojbruk-tech__panel-top>div:first-child{min-width:0;flex:1 1 auto}
  .wojbruk-tech__counter{gap:7px}
  .wojbruk-tech__counter strong{font-size:50px}
  .wojbruk-tech__counter span{font-size:14px}
  .wojbruk-tech__steps{width:min(210px,calc(100vw - 142px));max-width:100%;gap:4px;margin-top:6px}
  .wojbruk-tech__arrows{flex:0 0 auto;gap:6px;margin:0;padding:0}
  .wojbruk-tech__arrows button{width:36px;height:36px;min-width:36px;border-radius:0;font-size:17px}

  /* Control stays directly under 01/07 so users see the affordance immediately. */
  .wojbruk-tech__control{margin:1px 0 7px;padding:8px 0 7px;max-width:none}
  .wojbruk-tech__control::before{inset:2px -6px 0}
  .wojbruk-tech__control input{width:100%;height:27px}
  .wojbruk-tech__control p{margin-top:5px;font-size:14px;line-height:1.4;font-weight:620}

  .wojbruk-tech__copy{min-height:0}
  .wojbruk-tech__type{margin-bottom:4px;font-size:9px}
  .wojbruk-tech__panel h3{font-size:clamp(24px,6.8vw,29px);line-height:1.02}
  .wojbruk-tech__description{margin-top:6px;font-size:13.5px;line-height:1.48}
  .wojbruk-tech__principle{margin:10px 16px 0;padding-top:10px;gap:5px}
  .wojbruk-tech__principle h3{font-size:18.5px;line-height:1.12}
  .wojbruk-tech__principle p{font-size:13.5px;line-height:1.48}
}

/* Short phones need another vertical compression pass, without making the
   active description smaller than the construction note. */
@media(max-width:720px) and (max-height:760px){
  .wojbruk-tech{padding-top:8px}
  .wojbruk-tech__intro{padding-bottom:6px}
  .wojbruk-tech__eyebrow{font-size:9.5px}
  .wojbruk-tech__headline h2{font-size:clamp(26px,7.2vw,31px)}
  .wojbruk-tech__lead{font-size:12.5px;line-height:1.42}
  .wojbruk-tech__visual{height:270px}
  .wojbruk-tech__layer{width:min(50vw,166px)}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-108px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-108px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-108px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-72px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-72px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-72px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-36px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-36px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-36px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:36px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:36px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:36px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:72px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:72px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:72px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:108px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:108px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:108px!important}
  .wojbruk-tech__panel{padding-top:7px}
  .wojbruk-tech__counter strong{font-size:46px}
  .wojbruk-tech__control{padding-top:6px;padding-bottom:5px;margin-bottom:5px}
  .wojbruk-tech__control p{font-size:13px}
  .wojbruk-tech__panel h3{font-size:23px}
  .wojbruk-tech__description,.wojbruk-tech__principle p{font-size:12.75px;line-height:1.42}
}

/* === WOJ-BRUK Technologia v9.1 ============================================
   Restore the relaxed mobile composition from v8.9. Vertical scrolling is
   preferred over squeezing the story into one phone viewport. Keep v9.0 safe,
   symmetrical controls and conditional bottom CTA behaviour. */
@media(max-width:720px){
  .wojbruk-tech{padding:14px 0 24px}
  .wojbruk-tech__intro{padding:0 16px 12px;gap:9px}
  .wojbruk-tech__eyebrow{margin-bottom:7px;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.14em}
  .wojbruk-tech__headline h2{font-size:clamp(30px,8.35vw,39px);line-height:1.025;font-weight:510;letter-spacing:-.038em}
  .wojbruk-tech__lead{font-size:13px;line-height:1.55;max-width:560px;color:#55585d}

  .wojbruk-tech__experience{gap:0;padding-top:5px}
  .wojbruk-tech__visual{height:380px;min-height:380px;overflow:hidden}
  .wojbruk-tech__stage{height:100%;margin:0 0 0 46px}
  .wojbruk-tech__layer{width:min(59vw,194px)}
  .wojbruk-tech__ambient{left:21%;right:9%;bottom:0;height:20px;filter:blur(9px);opacity:.22}

  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-144px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-144px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-144px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-96px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-96px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-96px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-48px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-48px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-48px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:48px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:48px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:48px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:96px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:96px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:96px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:144px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:144px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:144px!important}
  .wojbruk-tech__hit-map button{width:66%;height:39px;border-radius:0}

  .wojbruk-tech__rail{left:9px;width:34px}
  .wojbruk-tech__rail button{width:34px;height:39px}
  .wojbruk-tech__rail button span{left:0;top:6px;width:22px;font-size:10.5px}
  .wojbruk-tech__rail button i{left:24px;top:11px;width:8px}
  .wojbruk-tech__rail button.is-active i{width:10px}

  /* Equal 16px safe-area on both sides. Arrows always stay inside the viewport. */
  .wojbruk-tech__panel{
    display:flex;flex-direction:column;
    width:calc(100% - 32px);max-width:none;
    margin:0 16px;padding:14px 0 13px;
    border:0;border-top:1px solid #dedfdf;border-bottom:1px solid #dedfdf;
    border-radius:0;background:transparent;box-shadow:none;overflow:visible;
  }
  .wojbruk-tech__panel-top{
    order:1;width:100%;min-width:0;align-items:flex-start;
    gap:10px;margin-bottom:8px;
  }
  .wojbruk-tech__panel-top>div:first-child{min-width:0;flex:1 1 auto}
  .wojbruk-tech__counter{gap:7px}
  .wojbruk-tech__counter strong{font-size:52px;line-height:.86}
  .wojbruk-tech__counter span{font-size:14px}
  .wojbruk-tech__steps{width:min(210px,calc(100vw - 142px));max-width:100%;gap:4px;margin-top:7px}
  .wojbruk-tech__arrows{flex:0 0 auto;gap:6px;margin:0;padding:0}
  .wojbruk-tech__arrows button{width:36px;height:36px;min-width:36px;border-radius:0;font-size:17px}

  .wojbruk-tech__control{order:2;margin:4px 0 14px;padding:10px 0 10px;max-width:none}
  .wojbruk-tech__control::before{inset:2px -6px 0}
  .wojbruk-tech__control input{width:100%;height:28px}
  .wojbruk-tech__control input::-webkit-slider-thumb{width:19px;height:19px;margin-top:-7px}
  .wojbruk-tech__control input::-moz-range-thumb{width:19px;height:19px}
  .wojbruk-tech__control p{margin-top:7px;font-size:14px;line-height:1.45;font-weight:620}

  .wojbruk-tech__copy{order:3;min-height:0;padding-top:2px}
  .wojbruk-tech__type{font-size:9px;margin-bottom:7px}
  .wojbruk-tech__panel h3{font-size:clamp(25px,7vw,30px);line-height:1.03}
  .wojbruk-tech__description{margin-top:11px;font-size:13.5px;line-height:1.55}
  .wojbruk-tech__principle{margin:18px 16px 0;padding-top:15px;gap:7px}
  .wojbruk-tech__principle small{margin-bottom:2px}
  .wojbruk-tech__principle h3{font-size:19px;line-height:1.16}
  .wojbruk-tech__principle p{font-size:13.5px;line-height:1.55}
}

@media(max-width:390px){
  .wojbruk-tech{padding-top:12px}
  .wojbruk-tech__intro{padding-left:16px;padding-right:16px;padding-bottom:11px}
  .wojbruk-tech__headline h2{font-size:clamp(29px,8.4vw,36px)}
  .wojbruk-tech__lead{font-size:13px;line-height:1.5}
  .wojbruk-tech__visual{height:365px;min-height:365px}
  .wojbruk-tech__stage{margin-left:43px}
  .wojbruk-tech__layer{width:min(58vw,182px)}
  .wojbruk-tech__layer[data-tech-layer="0"]{--layer-y:-138px!important}.wojbruk-tech__hit-map button[data-tech-hit="0"]{--hit-y:-138px!important}.wojbruk-tech__rail button[data-tech-select="0"]{--rail-y:-138px!important}
  .wojbruk-tech__layer[data-tech-layer="1"]{--layer-y:-92px!important}.wojbruk-tech__hit-map button[data-tech-hit="1"]{--hit-y:-92px!important}.wojbruk-tech__rail button[data-tech-select="1"]{--rail-y:-92px!important}
  .wojbruk-tech__layer[data-tech-layer="2"]{--layer-y:-46px!important}.wojbruk-tech__hit-map button[data-tech-hit="2"]{--hit-y:-46px!important}.wojbruk-tech__rail button[data-tech-select="2"]{--rail-y:-46px!important}
  .wojbruk-tech__layer[data-tech-layer="3"]{--layer-y:0px!important}.wojbruk-tech__hit-map button[data-tech-hit="3"]{--hit-y:0px!important}.wojbruk-tech__rail button[data-tech-select="3"]{--rail-y:0px!important}
  .wojbruk-tech__layer[data-tech-layer="4"]{--layer-y:46px!important}.wojbruk-tech__hit-map button[data-tech-hit="4"]{--hit-y:46px!important}.wojbruk-tech__rail button[data-tech-select="4"]{--rail-y:46px!important}
  .wojbruk-tech__layer[data-tech-layer="5"]{--layer-y:92px!important}.wojbruk-tech__hit-map button[data-tech-hit="5"]{--hit-y:92px!important}.wojbruk-tech__rail button[data-tech-select="5"]{--rail-y:92px!important}
  .wojbruk-tech__layer[data-tech-layer="6"]{--layer-y:138px!important}.wojbruk-tech__hit-map button[data-tech-hit="6"]{--hit-y:138px!important}.wojbruk-tech__rail button[data-tech-select="6"]{--rail-y:138px!important}
  .wojbruk-tech__counter strong{font-size:49px}
  .wojbruk-tech__control{margin-bottom:13px}
  .wojbruk-tech__control p{font-size:13.5px}
  .wojbruk-tech__panel h3{font-size:clamp(24px,7.2vw,28px)}
  .wojbruk-tech__description,.wojbruk-tech__principle p{font-size:13px;line-height:1.52}
}

/* === WOJ-BRUK Technologia v9.2 ============================================
   Header return polish + compact information strip + desktop rail single line. */

/* Desktop rail: keep the first label on one line and preserve the editorial rhythm. */
@media(min-width:1181px){
  .wojbruk-tech__rail button[data-tech-select="0"] b{
    width:auto;
    max-width:none;
    white-space:nowrap;
    letter-spacing:-.02em;
  }
}
@media(min-width:981px) and (max-width:1180px){
  .wojbruk-tech__rail button[data-tech-select="0"] b{
    width:auto;
    max-width:none;
    white-space:nowrap;
    font-size:12px;
    letter-spacing:-.025em;
  }
}

/* "Ważne" is an information strip, not another text section. */
.wojbruk-tech__principle{
  position:relative;
  margin-top:clamp(18px,1.8vw,26px);
  padding:clamp(15px,1.35vw,19px) clamp(18px,1.8vw,28px);
  grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);
  gap:clamp(24px,3vw,48px);
  align-items:center;
  border-top:0;
  border-left:3px solid rgba(226,11,23,.82);
  background:linear-gradient(90deg,rgba(226,11,23,.072) 0%,rgba(226,11,23,.032) 43%,rgba(255,255,255,.52) 100%);
  box-shadow:inset 0 0 0 1px rgba(226,11,23,.065);
}
.wojbruk-tech__principle::after{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:1px;
  background:rgba(255,255,255,.72);
  transform:translateX(3px);
  pointer-events:none;
}
.wojbruk-tech__principle small{margin-bottom:4px;font-size:9px;letter-spacing:.15em}
.wojbruk-tech__principle h3{
  max-width:none;
  font-size:clamp(19px,1.32vw,23px);
  line-height:1.16;
  letter-spacing:-.025em;
}
.wojbruk-tech__principle p{
  margin:0;
  max-width:760px;
  font-size:clamp(14px,.95vw,15.5px);
  line-height:1.52;
  color:#5f6268;
}

@media(max-width:720px){
  /* v9.4: Technology may softly hide only the SCROLLED white sticky header.
     We deliberately do not redefine its left/width/top/overflow. This leaves the
     original full-screen mobile menu implementation in wojbruk-style.css intact. */
  .wojbruk-header{
    transition:transform .46s cubic-bezier(.22,.61,.36,1),opacity .30s ease!important;
    will-change:transform,opacity;
  }

  body.wojbruk-tech-focus-mobile .wojbruk-header:not(.wojbruk-is-menu-open),
  .wojbruk-body.wojbruk-tech-focus-mobile .wojbruk-header:not(.wojbruk-is-menu-open){
    transform:translate(-50%,calc(-100% - 18px)) scale(.992)!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.wojbruk-tech-focus-mobile .wojbruk-header:not(.wojbruk-is-menu-open) .wojbruk-header__brand img,
  .wojbruk-body.wojbruk-tech-focus-mobile .wojbruk-header:not(.wojbruk-is-menu-open) .wojbruk-header__brand img{
    transform:scale(.992);
    opacity:.9;
  }

  /* IMPORTANT: once the white sticky header's own menu is opened, the global
     menu CSS owns the entire state. No Technology transform is allowed to clip it. */
  .wojbruk-header.wojbruk-is-menu-open{
    opacity:1!important;
    pointer-events:auto!important;
  }

  .wojbruk-tech__principle{
    margin:20px 16px 0!important;
    padding:14px 15px 15px 16px!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    border-top:0!important;
    border-left:3px solid rgba(226,11,23,.82)!important;
    background:linear-gradient(115deg,rgba(226,11,23,.075),rgba(226,11,23,.025) 72%,rgba(255,255,255,.56))!important;
  }
  .wojbruk-tech__principle small{margin:0 0 2px;font-size:9px}
  .wojbruk-tech__principle h3{font-size:18px!important;line-height:1.17!important;max-width:none!important}
  .wojbruk-tech__principle p{font-size:13px!important;line-height:1.48!important;max-width:none!important}
}

@media(prefers-reduced-motion:reduce){
  .wojbruk-header,.wojbruk-header__brand img,.wojbruk-header__inner{transition:none!important}
}


/* === WOJ-BRUK Technologia v9.5 ============================================
   iOS/WebKit stability: prevent compositor flashes on transparent layer stack. */
@supports (-webkit-touch-callout:none){
  @media(max-width:980px){
    .wojbruk-tech__layer{
      will-change:auto!important;
      transform:translate3d(-50%,calc(-50% + var(--layer-y)),0)!important;
      -webkit-backface-visibility:hidden;
      backface-visibility:hidden;
    }
    .wojbruk-tech__media,
    .wojbruk-tech__outline,
    .wojbruk-tech__outline-runner{
      -webkit-backface-visibility:hidden;
      backface-visibility:hidden;
      transform:none!important;
      animation:none!important;
    }
    .wojbruk-tech__media{
      filter:none!important;
    }
    .wojbruk-tech__outline-runner{
      display:none!important;
      opacity:0!important;
      filter:none!important;
      -webkit-mask-image:none!important;
      mask-image:none!important;
    }
    .wojbruk-tech__layer.is-active .wojbruk-tech__outline{
      opacity:.78!important;
      filter:none!important;
      animation:none!important;
    }
    .wojbruk-tech__ambient{
      filter:none!important;
      opacity:.16!important;
    }
    .wojbruk-tech__control::before,
    .wojbruk-tech__control input::-webkit-slider-thumb{
      animation:none!important;
    }
    .wojbruk-tech__copy{
      transition:none!important;
    }
    .wojbruk-tech__copy.is-changing{
      opacity:1!important;
      transform:none!important;
    }
  }
}

@media(max-width:720px){
  body.wojbruk-ios-webkit .wojbruk-header{
    will-change:auto!important;
    transition:transform .22s cubic-bezier(.22,.61,.36,1)!important;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }
  body.wojbruk-ios-webkit.wojbruk-tech-focus-mobile .wojbruk-header:not(.wojbruk-is-menu-open),
  body.wojbruk-ios-webkit.wojbruk-body.wojbruk-tech-focus-mobile .wojbruk-header:not(.wojbruk-is-menu-open){
    transform:translate3d(-50%,calc(-100% - 18px),0)!important;
    opacity:1!important;
  }
}


/* === WOJ-BRUK Technologia v9.6 ============================================
   iPhone/Safari hard-stability mode.
   Goal: zero compositor thrashing while the seven transparent layers cross the
   viewport. iOS gets a static paint path; interaction remains fully available. */
@supports (-webkit-touch-callout:none){
  @media(max-width:720px){
    body.wojbruk-ios-webkit .wojbruk-tech,
    body.wojbruk-ios-webkit .wojbruk-tech__visual,
    body.wojbruk-ios-webkit .wojbruk-tech__stage{
      isolation:auto!important;
      perspective:none!important;
      -webkit-perspective:none!important;
      transform:none!important;
      -webkit-transform:none!important;
      filter:none!important;
      -webkit-filter:none!important;
      backdrop-filter:none!important;
      -webkit-backdrop-filter:none!important;
    }

    /* Nothing inside Technology is allowed to animate itself while Safari is
       scrolling. State changes are immediate, so there is no repaint loop. */
    body.wojbruk-ios-webkit .wojbruk-tech *,
    body.wojbruk-ios-webkit .wojbruk-tech *::before,
    body.wojbruk-ios-webkit .wojbruk-tech *::after{
      animation:none!important;
      transition:none!important;
      will-change:auto!important;
    }

    body.wojbruk-ios-webkit .wojbruk-tech__visual{
      contain:layout paint style!important;
      overflow:hidden!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__stage{
      touch-action:pan-y!important;
      overflow:hidden!important;
    }

    /* Critical change: the transparent WebP stack no longer uses transform or
       translate3d on iPhone. Each layer is positioned directly in layout space. */
    body.wojbruk-ios-webkit .wojbruk-tech__layer{
      left:50%!important;
      top:calc(50% + var(--layer-y) - 63px)!important;
      width:190px!important;
      height:auto!important;
      margin-left:-95px!important;
      transform:none!important;
      -webkit-transform:none!important;
      transform-origin:initial!important;
      -webkit-backface-visibility:visible!important;
      backface-visibility:visible!important;
      opacity:1!important;
      contain:layout paint!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__media,
    body.wojbruk-ios-webkit .wojbruk-tech__outline,
    body.wojbruk-ios-webkit .wojbruk-tech__outline-runner{
      transform:none!important;
      -webkit-transform:none!important;
      filter:none!important;
      -webkit-filter:none!important;
      -webkit-backface-visibility:visible!important;
      backface-visibility:visible!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__media{
      display:block!important;
      opacity:1!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__outline-runner{
      display:none!important;
      opacity:0!important;
      -webkit-mask:none!important;
      mask:none!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__layer.is-active .wojbruk-tech__outline{
      opacity:.70!important;
      filter:none!important;
      -webkit-filter:none!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__ambient{
      display:none!important;
      filter:none!important;
      -webkit-filter:none!important;
    }

    /* Remove transforms from invisible touch zones as well. */
    body.wojbruk-ios-webkit .wojbruk-tech__hit-map button{
      left:17%!important;
      top:calc(50% + var(--hit-y) - 20px)!important;
      width:66%!important;
      height:40px!important;
      transform:none!important;
      -webkit-transform:none!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__rail button{
      top:calc(50% + var(--rail-y) - 20px)!important;
      height:40px!important;
      transform:none!important;
      -webkit-transform:none!important;
    }

    body.wojbruk-ios-webkit .wojbruk-tech__control::before{
      display:none!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__control input::-webkit-slider-thumb{
      box-shadow:none!important;
      transform:none!important;
      -webkit-transform:none!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__copy,
    body.wojbruk-ios-webkit .wojbruk-tech__copy.is-changing{
      opacity:1!important;
      transform:none!important;
      -webkit-transform:none!important;
    }

    /* Technology no longer drives the sticky header on iPhone. The global site
       navigation/CTA logic remains the single source of truth during scrolling. */
    body.wojbruk-ios-webkit.wojbruk-tech-focus-mobile .wojbruk-header:not(.wojbruk-is-menu-open),
    body.wojbruk-ios-webkit.wojbruk-body.wojbruk-tech-focus-mobile .wojbruk-header:not(.wojbruk-is-menu-open){
      transform:translateX(-50%)!important;
      -webkit-transform:translateX(-50%)!important;
      opacity:1!important;
      pointer-events:auto!important;
    }
  }

  @media(max-width:390px){
    body.wojbruk-ios-webkit .wojbruk-tech__layer{
      width:180px!important;
      margin-left:-90px!important;
      top:calc(50% + var(--layer-y) - 60px)!important;
    }
  }
}


/* === WOJ-BRUK Technologia v9.7 ============================================
   iPhone/Safari scroll-position hardening.
   Technology must never become a scroll anchor or a native form-focus target. */
@supports (-webkit-touch-callout:none){
  @media(max-width:720px){
    html.wojbruk-ios-webkit{
      scroll-behavior:auto!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech,
    body.wojbruk-ios-webkit .wojbruk-tech *{
      overflow-anchor:none!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech{
      scroll-snap-align:none!important;
      scroll-snap-stop:normal!important;
    }

    /* Do not let containment or native control focus create a new Safari scroll
       reference point. The fixed visual height is sufficient for stable paint. */
    body.wojbruk-ios-webkit .wojbruk-tech__visual,
    body.wojbruk-ios-webkit .wojbruk-tech__stage,
    body.wojbruk-ios-webkit .wojbruk-tech__layer{
      contain:none!important;
    }

    /* Keep the overall section height unchanged when descriptions are switched. */
    body.wojbruk-ios-webkit .wojbruk-tech__copy{
      min-height:176px!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__panel{
      overflow-anchor:none!important;
    }

    /* The range is drawn natively but finger input is handled on the wrapper by
       JS, preventing iOS from focusing and auto-centering the form control. */
    body.wojbruk-ios-webkit .wojbruk-tech__control{
      touch-action:pan-y!important;
      -webkit-user-select:none!important;
      user-select:none!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__control input[type="range"]{
      pointer-events:none!important;
      touch-action:none!important;
    }
    body.wojbruk-ios-webkit .wojbruk-tech__hit-map button,
    body.wojbruk-ios-webkit .wojbruk-tech__rail button,
    body.wojbruk-ios-webkit .wojbruk-tech__arrows button{
      -webkit-user-select:none!important;
      user-select:none!important;
      -webkit-touch-callout:none!important;
    }
  }

  @media(max-width:390px){
    body.wojbruk-ios-webkit .wojbruk-tech__copy{
      min-height:176px!important;
    }
  }
}