@layer components{.prop-wstep{min-height:72svh;padding-bottom:calc(var(--j) * 150)}.prop-wstep__naglowek{font-size:calc(var(--j) * 104);letter-spacing:-.03em;margin:0;line-height:1.03}.prop-wstep__marki{margin-top:calc(var(--j) * 72)}.prop{row-gap:calc(var(--j) * 22);padding-block:calc(var(--j) * 104) calc(var(--j) * 128)}.prop__naglowek{align-items:baseline;column-gap:calc(var(--j) * 26);grid-template-columns:auto minmax(0,1fr);display:grid}.prop__numer{margin:0 0 calc(var(--j) * 2);font-size:calc(var(--j) * 14.5);color:var(--akcent);grid-column:1/-1;font-weight:600}.prop__tytul{font-size:calc(var(--j) * 42);margin:0;line-height:1.1}.prop__jak{max-width:calc(var(--j) * 640);font-size:calc(var(--j) * 16);color:var(--tekst-2);margin:0;line-height:1.5}.prop__grupa{margin:0 0 calc(var(--j) * 4);font-size:calc(var(--j) * 14.5);color:var(--tekst-2);font-weight:500}.prop__nazwa{font-size:calc(var(--j) * 46);margin:0;line-height:1.08}.prop__branza{margin:calc(var(--j) * 8) 0 0;font-size:calc(var(--j) * 15);color:var(--akcent);font-weight:600}.prop__opis{margin:calc(var(--j) * 12) 0 0;font-size:calc(var(--j) * 16.5);color:var(--tekst-2);line-height:1.55}.tasma__znacznik{left:calc(var(--j) * 14);top:calc(var(--j) * 14);z-index:2;padding:calc(var(--j) * 6) calc(var(--j) * 11);background:var(--ciemny-tlo-glebsze);color:var(--ciemny-tekst);font-size:calc(var(--j) * 13);border-radius:999px;font-weight:600;line-height:1.2;position:absolute}.tasma{grid-template-columns:calc(var(--j) * 370) minmax(0, 1fr);column-gap:calc(var(--j) * 30);align-items:center;display:grid}.tasma__podpis{min-height:calc(var(--j) * 220);animation:prop-zmiana .55s var(--r2-miekko) both}@keyframes prop-zmiana{0%{opacity:0;translate:0 calc(var(--j) * 12)}}.tasma__ster{align-items:center;gap:calc(var(--j) * 12);margin-top:calc(var(--j) * 26);flex-wrap:wrap;display:flex}.tasma__ster button{width:calc(var(--j) * 48);height:calc(var(--j) * 48);border:calc(var(--j) * 1.5) solid var(--linia);color:var(--tekst);background:0 0;border-radius:50%;place-items:center;transition:background-color .3s,border-color .3s,color .3s,opacity .3s;display:grid}.tasma__ster button:hover:not(:disabled),.tasma__ster button:focus-visible{border-color:var(--akcent);background:var(--akcent);color:var(--na-akcencie)}.tasma__ster button:disabled{opacity:.35;cursor:default}.strzalka{width:calc(var(--j) * 10);height:calc(var(--j) * 10);border:solid;border-width:calc(var(--j) * 2.2) calc(var(--j) * 2.2) 0 0;rotate:45deg;translate:calc(var(--j) * -2) 0}.strzalka--lewo{rotate:-135deg;translate:calc(var(--j) * 2) 0}.tasma__licznik{min-width:calc(var(--j) * 46);font-size:calc(var(--j) * 16);text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.tasma__wskazowka{font-size:calc(var(--j) * 14);color:var(--tekst-2);flex-basis:100%}.tasma__scena{height:calc(var(--j) * 500);margin-right:calc(var(--r2-margines) * -1);perspective:calc(var(--j) * 1700);perspective-origin:34%;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;position:relative}.tasma__scena:active{cursor:grabbing}.tasma__scena:focus-visible .tasma__karta--aktywna{outline:calc(var(--j) * 3) solid var(--tekst);outline-offset:calc(var(--j) * 5)}.tasma__karta{--szer:calc(var(--j) * 300);width:var(--szer);height:100%;margin:0 0 0 calc(var(--szer) / -2);border-radius:calc(var(--j) * 22);background:var(--karta);box-shadow:0 0 0 1px color-mix(in srgb, var(--tekst) 13%, transparent), 0 calc(var(--j) * 40) calc(var(--j) * 70) color-mix(in srgb, var(--ciemny-tlo-glebsze) 70%, transparent);transform:translateX(calc(var(--d) * var(--szer) * .92)) translateZ(calc(var(--ad) * var(--j) * -130)) rotateY(calc(var(--d) * -13deg));opacity:clamp(0, min(1 + var(--d) * 1.25, 1.5 - var(--ad) * .3), 1);will-change:transform;position:absolute;top:0;left:30%;overflow:hidden}.tasma__kadr{position:absolute;inset:0}.tasma__kadr>img{pointer-events:none;width:100%;max-width:none;height:auto;transition:translate 1.4s var(--r2-miekko);translate:0}.tasma__karta--aktywna:hover .tasma__kadr>img{transition:translate 11s cubic-bezier(.4,0,.25,1);translate:0 -34%}.tasma__karta--budowa .tasma__kadr>img,.tasma__karta--budowa.tasma__karta--aktywna:hover .tasma__kadr>img{object-fit:cover;height:100%;translate:none}.tasma__karta:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 calc(var(--j) * 2.5) var(--akcent);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.tasma__karta--aktywna:after{opacity:1}.rozklad__zakladki{align-items:center;gap:calc(var(--j) * 8);flex-wrap:wrap;display:flex}.rozklad__zakladka{padding:calc(var(--j) * 10) calc(var(--j) * 17);border:calc(var(--j) * 1.5) solid var(--linia);font-size:calc(var(--j) * 15.5);color:var(--tekst);background:0 0;border-radius:999px;font-weight:600;line-height:1;transition:background-color .3s,border-color .3s,color .3s}.rozklad__zakladka:hover{border-color:var(--tekst)}.rozklad__zakladka.jest{border-color:var(--tekst);background:var(--tekst);color:var(--tlo)}.rozklad__uklad{grid-template-columns:calc(var(--j) * 420) minmax(0, 1fr);column-gap:calc(var(--j) * 40);margin-top:calc(var(--j) * 6);align-items:center;display:grid}.rozklad__stos{height:calc(var(--j) * 470);perspective:calc(var(--j) * 2600);touch-action:pan-y;position:relative}.rozklad__scena{transform-style:preserve-3d;position:absolute;top:56%;left:50%;transform:rotateX(57deg)rotate(-38deg)}.plaster{--pw:calc(var(--j) * 330);--ph:calc(var(--j) * 206);left:calc(var(--pw) / -2);top:calc(var(--ph) / -2);width:var(--pw);height:var(--ph);cursor:pointer;transform-style:preserve-3d;transform:translateZ(calc(((var(--n) - 1) / 2 - var(--i)) * var(--j) * 62 + var(--unies,0) * var(--j) * 30));transition:transform .75s var(--r2-sprezyna);background:0 0;border:0;margin:0;padding:0;position:absolute}.plaster:focus-visible{outline:none}.plaster--aktywny{--unies:1}.plaster__plyw{transform-style:preserve-3d;position:absolute;inset:0}.plaster__cien{border-radius:calc(var(--j) * 12);background:color-mix(in srgb, var(--tekst) 34%, transparent);filter:blur(calc(var(--j) * 12));transform:translateZ(calc(var(--j) * -26));position:absolute;inset:4%}.plaster__obraz{border-radius:calc(var(--j) * 12);background:var(--karta);box-shadow:0 0 0 1px color-mix(in srgb, var(--tekst) 16%, transparent);transition:box-shadow .35s;position:absolute;inset:0;overflow:hidden}.plaster__obraz img{object-fit:cover;width:100%;max-width:none;height:100%}.rozklad--budowa .plaster__obraz img{filter:blur(calc(var(--j) * 2.5));scale:1.06}.rozklad--budowa .rozklad__podglad img{filter:blur(calc(var(--j) * 11));scale:1.14}.rozklad--budowa .rozklad__podglad img.jest{scale:1.1}.plaster--aktywny .plaster__obraz,.plaster:focus-visible .plaster__obraz{box-shadow:0 0 0 calc(var(--j) * 4) var(--akcent)}.js .rozklad--wszedl .plaster__plyw{animation:plaster-wjazd .95s var(--r2-sprezyna) calc(var(--i) * 80ms + 80ms) both}.js .rozklad:not(.rozklad--wszedl) .plaster__plyw{transform:translateZ(calc(var(--j) * 320))}.js .rozklad:not(.rozklad--wszedl) .plaster__obraz,.js .rozklad:not(.rozklad--wszedl) .plaster__cien{opacity:0}.js .rozklad--wszedl .plaster__obraz{animation:plyta-pokaz .45s ease calc(var(--i) * 80ms + 80ms) both}@keyframes plaster-wjazd{0%{transform:translateZ(calc(var(--j) * 320))}to{transform:translateZ(0)}}.js:not(.skrypt-gotowy) .rozklad:not(.rozklad--wszedl) .plaster__plyw,.js:not(.skrypt-gotowy) .rozklad:not(.rozklad--wszedl) .plaster__obraz,.js:not(.skrypt-gotowy) .rozklad:not(.rozklad--wszedl) .plaster__cien{animation:10ms linear 4s forwards plyta-awaryjnie}.rozklad__prawa{grid-template-columns:minmax(0, calc(var(--j) * 540)) minmax(0, 1fr);column-gap:calc(var(--j) * 34);align-items:center;display:grid}.rozklad__podglad{aspect-ratio:16/10;border-radius:calc(var(--j) * 20);background:var(--karta);box-shadow:0 0 0 1px color-mix(in srgb, var(--tekst) 10%, transparent), 0 calc(var(--j) * 34) calc(var(--j) * 70) color-mix(in srgb, var(--tekst) 20%, transparent);margin:0;position:relative;overflow:hidden}.rozklad__podglad img{object-fit:cover;opacity:0;width:100%;max-width:none;height:100%;transition:opacity .45s ease, scale .9s var(--r2-miekko);position:absolute;inset:0;scale:1.035}.rozklad__podglad img.jest{opacity:1;scale:1}.rozklad__podpis{animation:prop-zmiana .55s var(--r2-miekko) both}.rozklad__podpis .prop__nazwa{font-size:calc(var(--j) * 34)}@media (max-width:1023.98px){.prop-wstep{min-height:58svh;padding-bottom:calc(var(--j) * 110)}.prop-wstep__naglowek{font-size:calc(var(--j) * 50)}.prop-wstep__marki{margin-top:calc(var(--j) * 40)}.prop{padding-block:calc(var(--j) * 92) calc(var(--j) * 110)}.prop__naglowek{row-gap:calc(var(--j) * 6);grid-template-columns:minmax(0,1fr)}.prop__tytul{font-size:calc(var(--j) * 32)}.prop__jak{font-size:calc(var(--j) * 15)}.prop__nazwa{font-size:calc(var(--j) * 32)}.prop__opis{font-size:calc(var(--j) * 15.5)}.tasma{row-gap:calc(var(--j) * 22);grid-template-columns:minmax(0,1fr)}.tasma__scena{height:calc(var(--j) * 350);margin-inline:calc(var(--r2-margines) * -1);perspective-origin:50%;order:-1}.tasma__karta{--szer:calc(var(--j) * 210);opacity:clamp(0, 1.4 - var(--ad) * .4, 1);left:50%}.tasma__podpis{min-height:calc(var(--j) * 150)}.tasma__ster{margin-top:calc(var(--j) * 14)}.rozklad__zakladki{margin-inline:calc(var(--r2-margines) * -1);padding-inline:var(--r2-margines);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.rozklad__zakladki::-webkit-scrollbar{display:none}.rozklad__zakladka{white-space:nowrap}.rozklad__uklad,.rozklad__prawa{row-gap:calc(var(--j) * 18);grid-template-columns:minmax(0,1fr)}.rozklad__stos{height:calc(var(--j) * 290)}.plaster{--pw:calc(var(--j) * 200);--ph:calc(var(--j) * 125);transform:translateZ(calc(((var(--n) - 1) / 2 - var(--i)) * var(--j) * 38 + var(--unies,0) * var(--j) * 20))}.rozklad__podpis .prop__nazwa{font-size:calc(var(--j) * 28)}}.prop-wstep__dowod{margin-top:calc(var(--j) * 34)}.tasma__rozloz{margin-top:calc(var(--j) * 22);padding:0 0 calc(var(--j) * 5);background:0 0;background-image:linear-gradient(var(--akcent), var(--akcent));background-repeat:no-repeat;background-size:100% calc(var(--j) * 2);font-size:calc(var(--j) * 16.5);color:var(--tekst);background-position:0 100%;border:0;font-weight:600;transition:color .3s}.tasma__rozloz:hover,.tasma__rozloz:focus-visible{color:var(--akcent)}.prop--rozklad .prop__naglowek{grid-template-columns:minmax(0,1fr)}.prop--rozklad .prop__tytul{max-width:calc(var(--j) * 760);font-size:calc(var(--j) * 40)}.rozklad__wskazowka{font-size:max(14px, calc(var(--j) * 14.5));color:var(--tekst-2);margin:0;line-height:1.3;position:absolute;top:0;left:0;right:0}.rozklad__wskazowka--mysz{display:none}@media (hover:hover) and (pointer:fine){.rozklad__wskazowka--mysz{display:inline}.rozklad__wskazowka--dotyk{display:none}}@media (max-width:1023.98px){.prop--rozklad .prop__tytul{font-size:calc(var(--j) * 27)}.tasma__rozloz{margin-top:calc(var(--j) * 14);font-size:calc(var(--j) * 15.5)}}}