

.mozg{position:relative;isolation:isolate;background:var(--bg-hero);color:var(--t);padding:var(--section-y) 0;overflow:clip;scroll-margin-top:var(--nav-h)}
.mozg::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(circle,rgba(242,240,234,.085) 1px,transparent 1.6px) 0 0/30px 30px;
  -webkit-mask-image:radial-gradient(64% 56% at 36% 60%,#000 18%,transparent 76%);mask-image:radial-gradient(64% 56% at 36% 60%,#000 18%,transparent 76%)}
.mozg::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,var(--hair) 18%,var(--hair) 82%,transparent)}
.mz-glowa{grid-area:glowa;align-self:end}
.mz-glowa .h2{font-size:clamp(34px,4.3vw,58px);line-height:1}
.mz-glowa .lead{margin-top:16px;color:var(--t2)}
.mz-glowa .lead b{color:var(--t);font-weight:600}

.mz-wybor{grid-area:wybor}
.mz-branze-et{margin:0 0 10px;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--m)}
.mz-branze{display:flex;flex-wrap:wrap;gap:8px}
.mz-chip{flex:none;min-height:40px;padding:0 15px;border:0;border-radius:var(--r-pill);background:rgba(255,254,251,.06);box-shadow:var(--g-rim);color:var(--t2);font:500 14.5px/1 var(--font);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out}
.mz-chip.inna{color:var(--m)}
.mz-chip:active{scale:.97;transition-duration:0s}
.mz-chip[aria-pressed="true"]{background:var(--t);color:var(--bg);box-shadow:none}
.mz-legenda{display:flex;align-items:center;gap:8px;margin:12px 0 0;min-height:20px;font-size:13px;color:var(--m)}
.mz-legenda i{width:9px;height:9px;background:var(--t);flex:none}
.mz-legenda[hidden]{display:flex;visibility:hidden}
@media (hover:hover){.mz-chip:hover{color:var(--t);background:rgba(255,254,251,.10)}.mz-chip[aria-pressed="true"]:hover{background:var(--t);color:var(--bg)}}
@media (max-width:760px){
  .mz-branze{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}
  .mz-branze::-webkit-scrollbar{display:none}
}

.mz-uklad{position:relative;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);grid-template-areas:"scena glowa" "scena karta" "wybor wybor";column-gap:clamp(20px,3.6vw,52px);row-gap:clamp(16px,2.2vw,26px);align-items:start}
.mz-scena{grid-area:scena;align-self:center;position:relative;width:100%;max-width:680px;aspect-ratio:1/1;margin-inline:auto;touch-action:pan-y}
.mz-nici{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;
  -webkit-mask-image:radial-gradient(closest-side,#000 84%,transparent 112%);mask-image:radial-gradient(closest-side,#000 84%,transparent 112%)}
.mz-nic-tlo{fill:none;stroke:rgba(234,88,12,.09);stroke-width:8;stroke-linecap:round;transition:stroke .2s ease-out}
.mz-nic{fill:none;stroke:rgba(234,88,12,.5);stroke-width:1.5;stroke-linecap:round;transition:stroke .2s ease-out,stroke-width .2s ease-out,opacity .2s ease-out}
.mz-dalej{fill:none;stroke:rgba(234,88,12,.3);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:1.5 9;transition:opacity .2s ease-out}
.mz-nic.ty{stroke:rgba(255,176,32,.6);stroke-dasharray:3 7}
.mz-nic-tlo.ty{stroke:rgba(255,176,32,.07)}
.mz-nic.akt{stroke:#FF8A45;stroke-width:2.2}
.mz-nic-tlo.akt{stroke:rgba(234,88,12,.24)}
.mz-nic.ty.akt{stroke:var(--amb)}
.mz-scena.wybrano .mz-nic:not(.akt),.mz-scena.wybrano .mz-dalej:not(.akt){opacity:.45}
.mz-imp{fill:#FF8A45}
.mz-imp.wynik{fill:var(--ok)}
.mz-imp.pyt{fill:var(--amb)}

.mz-boss{position:absolute;display:block;padding:0;border:0;background:none;border-radius:26%;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mz-boss::before{content:"";position:absolute;inset:-20%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(234,88,12,.42),rgba(234,88,12,0) 72%);opacity:.36;pointer-events:none;transition:opacity .6s ease-out}
.mz-boss.nadaje::before{opacity:.82;transition-duration:.1s}
.mz-boss img{display:block;width:100%;height:100%;mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(closest-side,#000 80%,transparent 100%);mask-image:radial-gradient(closest-side,#000 80%,transparent 100%);
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease-out),scale .2s var(--ease-out);will-change:transform}
.mz-boss:active img{scale:.985;transition-duration:.5s,0s}
.mz-boss .nz{position:absolute;left:50%;top:81%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:var(--r-pill);background:rgba(10,10,11,.6);box-shadow:inset 0 0 0 1px rgba(234,88,12,.55);color:var(--t);font:600 13px/1 var(--font);white-space:nowrap}
.mz-boss .nz i{width:7px;height:7px;background:var(--acc)}
.mz-boss.akt .nz{background:var(--acc);box-shadow:none;color:#FFFEFB}
.mz-boss.akt .nz i{background:#FFFEFB}

.mz-z{position:absolute;display:block;width:var(--k,84px);height:var(--k,84px);margin:calc(var(--k,84px) / -2) 0 0 calc(var(--k,84px) / -2);padding:0;border:0;background:none;color:var(--t2);font:500 13px/1.15 var(--font);letter-spacing:-.005em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mz-z .kostka{position:relative;display:block;width:100%;height:100%;transition:scale .32s var(--spring),filter .2s ease-out}
.mz-z .kostka::before{content:"";position:absolute;inset:-26%;border-radius:50%;background:radial-gradient(closest-side,rgba(234,88,12,.55),transparent);opacity:0;transition:opacity .25s ease-out}
.mz-z .kostka img{position:absolute;inset:0;width:100%;height:100%}
.mz-z .nz{position:absolute;left:50%;top:100%;margin-top:6px;transform:translateX(-50%);white-space:nowrap;transition:color .15s ease-out}
.mz-z.akt .kostka{scale:1.12}
.mz-z.akt .kostka::before{opacity:.72}
.mz-z.akt .nz{color:var(--t);font-weight:600}
.mz-z:active .kostka{scale:.95;transition-duration:0s}
.mz-z.najpierw .nz{color:var(--t)}
.mz-z.najpierw .nz::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;background:var(--t);vertical-align:1px}
.mz-z.dostal .kostka img{animation:mz-odbior .34s var(--spring-bounce)}
.mz-z.ty .nz{color:var(--amb);font-weight:600}
.mz-z.ty .kostka::before{background:radial-gradient(closest-side,rgba(255,176,32,.5),transparent);opacity:.5}
.mz-z:focus-visible,.mz-boss:focus-visible,.mz-chip:focus-visible,.mz-k-nav button:focus-visible{outline:2px solid var(--acc);outline-offset:4px}
@media (hover:hover){.mz-z:hover .kostka{scale:1.06}.mz-z.akt:hover .kostka{scale:1.12}.mz-z:hover .nz{color:var(--t)}}
@keyframes mz-odbior{from{transform:scale(.9)}to{transform:scale(1)}}

.mz-karta{grid-area:karta;position:relative;display:flex;flex-direction:column;gap:14px;min-height:392px;padding:clamp(18px,2.4vw,28px);border-radius:var(--r-szklo);background:var(--g-polysk),var(--g-karta);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);box-shadow:var(--g-rim),var(--g-cien)}

.mz-karta--miara{position:absolute;left:0;top:0;grid-area:auto;visibility:hidden;pointer-events:none;min-height:0!important}
.mz-karta--miara > *{animation:none!important}
.mz-karta.plynnie{transition:min-height .35s var(--ease-out)}
.mz-k-gora{display:flex;align-items:center;gap:14px}
.mz-k-gora img{flex:none;width:56px;height:56px;object-fit:contain}
.mz-k-gora img.boss{mix-blend-mode:screen;width:64px;height:64px;margin:-4px}
.mz-k-kicker{margin:0;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--m)}
.mz-k-nazwa{margin:2px 0 0;font-size:clamp(24px,3vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--t)}
.mz-k-opis{margin:0;font-size:clamp(17px,1.9vw,19px);line-height:1.42;color:var(--t)}
.mz-k-br{display:grid;gap:4px;margin:0;padding:12px 14px;border-radius:var(--r-card);background:rgba(234,88,12,.10);box-shadow:inset 0 0 0 1px rgba(234,88,12,.32)}
.mz-k-br[hidden]{display:none}
.mz-k-br span{font-size:13px;font-weight:500;color:#FF8A45}
.mz-k-br b{font-weight:600;font-size:16px;color:var(--t);line-height:1.35}
.mz-k-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mz-k-lista li{display:flex;align-items:baseline;gap:10px;font-size:16px;line-height:1.4;color:var(--t2)}
.mz-k-lista li::before{content:"";flex:none;width:8px;height:8px;background:var(--acc);transform:translateY(-1px)}
.mz-karta.ty .mz-k-lista li::before{background:var(--amb)}
.mz-k-czl{margin:0;font-size:15px;line-height:1.4;color:var(--m)}
.mz-k-czl b{color:var(--amb);font-weight:600}
.mz-k-nav{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.mz-k-nav button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,254,251,.06);box-shadow:var(--g-rim);color:var(--t);font:500 18px/1 var(--font);cursor:pointer;transition:background-color .15s ease-out,scale .15s ease-out}
.mz-k-nav button:active{scale:.96;transition-duration:0s}
.mz-k-kropki{display:flex;align-items:center;gap:7px;margin-inline:6px auto}
.mz-k-kropki i{width:7px;height:7px;background:rgba(242,240,234,.22);transition:background-color .2s ease-out}
.mz-k-kropki i.akt{background:var(--acc)}
.mz-k-pauza svg{width:16px;height:16px}
.mz-k-pauza[aria-pressed="true"] .gra,.mz-k-pauza[aria-pressed="false"] .stoi{display:none}
@media (hover:hover){.mz-k-nav button:hover{background:rgba(255,254,251,.12)}}
.mz-karta.wchodzi > :not(.mz-k-nav){animation:mz-wejdz .3s var(--ease-out) backwards}
.mz-karta.wchodzi > :nth-child(2){animation-delay:.04s}
.mz-karta.wchodzi > :nth-child(3){animation-delay:.08s}
.mz-karta.wchodzi > :nth-child(4){animation-delay:.12s}
.mz-karta.wchodzi > :nth-child(5){animation-delay:.16s}
@keyframes mz-wejdz{from{opacity:0;transform:translateY(8px)}}

.mz-zestaw-et{margin:clamp(30px,5vw,60px) 0 0;padding-top:clamp(20px,3vw,30px);border-top:1px solid var(--hair);font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--m)}
.mz-zestaw{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.6vw,32px)}
.mz-zestaw li{display:grid;gap:6px;align-content:start}
.mz-zestaw b{font-weight:300;font-size:clamp(34px,5.2vw,58px);letter-spacing:-.04em;line-height:.95;color:var(--t);font-variant-numeric:tabular-nums}
.mz-zestaw b.sys{color:var(--acc);font-weight:300}
.mz-zestaw b small{font-size:.5em;font-weight:300;letter-spacing:0;margin-left:.08em;color:var(--t2)}
.mz-zestaw b.czl{color:var(--amb);font-weight:300}
.mz-zestaw span{font-size:15px;line-height:1.35;color:var(--t2)}

.mz-anim .mz-boss img{opacity:0;scale:.9}
.mz-anim.gra .mz-boss img{opacity:1;scale:1;transition:opacity .7s ease-out,scale .9s var(--spring),transform .5s var(--ease-out)}
.mz-anim .mz-nic[pathLength]{stroke-dasharray:1;stroke-dashoffset:1}
.mz-anim.gra .mz-nic[pathLength]{stroke-dashoffset:0;transition:stroke-dashoffset .7s var(--ease-out) calc(.45s + var(--i,0) * 70ms)}
.mz-anim .mz-nic.ty,.mz-anim .mz-dalej,.mz-anim .mz-nic-tlo{opacity:0}
.mz-anim.gra .mz-nic.ty,.mz-anim.gra .mz-dalej,.mz-anim.gra .mz-nic-tlo{opacity:1;transition:opacity .6s ease-out 1.3s}
.mz-anim .mz-z{opacity:0;scale:.6}
.mz-anim.gra .mz-z{opacity:1;scale:1;transition:opacity .3s ease-out calc(.8s + var(--i,0) * 70ms),scale .5s var(--spring-bounce) calc(.8s + var(--i,0) * 70ms)}
.mz-anim .mz-boss .nz{opacity:0}
.mz-anim.gra .mz-boss .nz{opacity:1;transition:opacity .4s ease-out .7s}
.mz-anim .mz-karta{opacity:0;translate:0 14px}
.mz-anim.gra .mz-karta{opacity:1;translate:0 0;transition:opacity .5s ease-out 1.1s,translate .6s var(--spring) 1.1s}

@media (max-width:900px){
  .mz-uklad{grid-template-columns:minmax(0,1fr);grid-template-areas:"glowa" "wybor" "scena" "karta";row-gap:14px}
  .mz-glowa .h2{font-size:clamp(34px,8.6vw,60px)}
  .mz-wybor{margin-top:6px}
  .mz-karta{min-height:0}
}
@media (max-width:560px){
  .mz-scena{aspect-ratio:1/1.16}
  .mz-z{font-size:11.5px}
  .mz-z .nz{margin-top:4px}
  .mz-boss .nz{height:23px;font-size:12px;padding:0 9px}
  .mz-zestaw{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .mz-k-nav button{width:46px;height:46px}
}

@media (prefers-reduced-motion:reduce){
  .mz-z .kostka,.mz-boss img,.mz-nic,.mz-chip{transition:none}
  .mz-z.dostal .kostka img,.mz-karta.wchodzi > *{animation:none}
}
.bez-ruchu .mz-z .kostka,.bez-ruchu .mz-boss img{transition:none}
.bez-ruchu .mz-karta.wchodzi > *{animation:none}
@media (prefers-reduced-transparency:reduce){.mz-karta{background:#131316;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.mz-nic{stroke:rgba(234,88,12,.9)}.mz-chip{box-shadow:inset 0 0 0 1px var(--t2)}.mz-karta{box-shadow:inset 0 0 0 1px var(--t2)}}

#dla-kogo{overflow-x:clip}
.start-uklad{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,4vw,56px);align-items:center;margin-top:0}
.start-uklad .panel{position:relative;top:0;z-index:0;border-radius:var(--r-szklo);background:none;color:var(--l-t);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;
  padding:clamp(22px,3vw,30px)}
.start-uklad .panel::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:var(--g-polysk-jasny),var(--g-mleczne);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  box-shadow:var(--g-rim-jasny),0 1px 2px rgba(10,10,11,.05),0 34px 70px -26px rgba(10,10,11,.28)}
.start-uklad .panel::after{content:"";position:absolute;z-index:-3;inset:-18% -12%;pointer-events:none;background:radial-gradient(closest-side,rgba(234,88,12,.05),rgba(234,88,12,0))}
.start-uklad .panel h3{margin-top:0;padding-right:clamp(34px,4vw,52px);color:var(--l-t)}
.start-uklad .najpierw li{color:var(--l-t)}
.start-uklad .robi-czlowiek,.start-uklad .panel .uwaga-branzy,.start-uklad .panel .mikro{color:var(--l-m)}
.start-uklad .robi-czlowiek b{color:var(--amb-l)}
.start-uklad .panel .mikro b{color:var(--l-t)}
.st-k{z-index:-2;width:var(--s);filter:drop-shadow(0 14px 18px rgba(10,10,11,.20))}
.st-k--a{--s:clamp(96px,8.6vw,132px);top:calc(var(--s) * -.62);right:calc(var(--s) * -.46);rotate:11deg}
.st-k--b{--s:clamp(66px,5.8vw,90px);bottom:calc(var(--s) * -.64);left:calc(var(--s) * -.62);rotate:-12deg}
@keyframes st-zmiana{from{opacity:0;scale:.78}to{opacity:1;scale:1}}
.st-k.zmiana{animation:st-zmiana .5s var(--spring-bounce) both}
.st-k--b.zmiana{animation-delay:.07s}
@media (max-width:820px){
  .start-uklad{grid-template-columns:1fr}
  .start-uklad .panel{grid-column:auto;margin:54px 0 0}
  .st-k--a{--s:66px;top:-48px;right:18px;rotate:9deg}
  .start-uklad .panel h3{padding-right:0}
  .st-k--b{display:none}
}
@media (prefers-reduced-motion:reduce){.st-k.zmiana{animation:none}}
.bez-ruchu .st-k.zmiana{animation:none}
@media (prefers-reduced-transparency:reduce){.st-k,.start-uklad .panel::after{display:none}}
@media (prefers-contrast:more){.st-k,.start-uklad .panel::after{display:none}.start-uklad .panel::before{box-shadow:inset 0 0 0 1px var(--l-t)}}

.v5-k--boss{mix-blend-mode:screen;-webkit-mask-image:radial-gradient(closest-side,#000 80%,transparent 100%);mask-image:radial-gradient(closest-side,#000 80%,transparent 100%)}
.v5-k--film-tyl.v5-k--boss{--s:clamp(150px,13.5vw,224px);rotate:-9deg;filter:none}
@media (max-width:640px){.v5-k--film-tyl.v5-k--boss{--s:78px;rotate:8deg}}
.v5-k--final.v5-k--boss{width:clamp(150px,17vw,230px);filter:none;margin-bottom:0}
.k-social .profil img{border-radius:50%}
