:root{--ink: #0a0d10;--paper: #f4f1ea;--muted: rgba(244, 241, 234, .56);--faint: rgba(244, 241, 234, .14);--brass: #c9a05e;--champagne: #e6c893;--sans: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--gutter: clamp(1.15rem, 4vw, 4rem)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body{scrollbar-gutter:stable}a{color:inherit}.veil{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--ink);transition:opacity .85s ease .15s,visibility 0s linear 1s}.veil.is-gone{opacity:0;visibility:hidden;pointer-events:none}.veil__inner{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:min(22rem,74vw)}.veil__mark{font-size:1rem;font-weight:300;letter-spacing:.62em;text-indent:.62em}.veil__sub{font-family:var(--mono);font-size:.58rem;letter-spacing:.32em;text-indent:.32em;color:var(--muted);text-transform:uppercase}.veil__bar{width:100%;height:2px;margin-top:1.4rem;background:var(--faint);overflow:hidden}.veil__bar i{display:block;height:100%;background:var(--brass);transform-origin:0 50%;transform:scaleX(0);transition:transform .25s linear}.veil__pct{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;color:var(--muted)}.topbar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:clamp(.95rem,2.2vw,1.8rem) var(--gutter);pointer-events:none;color:var(--paper)}.topbar:before{content:"";position:absolute;inset:0 0 auto;height:150px;pointer-events:none;background:linear-gradient(to bottom,rgba(8,11,14,.58),rgba(8,11,14,.22) 46%,transparent)}.topbar>*{position:relative}.topbar a{pointer-events:auto;text-decoration:none}.mark{display:flex;align-items:baseline;gap:.85rem;font-size:.98rem;font-weight:500;letter-spacing:.34em}.mark em{font-family:var(--mono);font-style:normal;font-size:.58rem;letter-spacing:.2em;opacity:.72}.nav{display:flex;gap:clamp(.9rem,2vw,2rem);font-family:var(--mono);font-size:.68rem;letter-spacing:.12em}.nav a{color:var(--paper);opacity:.82;transition:opacity .3s}.nav a:hover{opacity:1}.cine{position:relative}.cine__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink)}.cine__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.cine__vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,rgba(8,11,14,.62) 0%,rgba(8,11,14,.28) 34%,transparent 62%),linear-gradient(to top,rgba(8,11,14,.5) 0%,transparent 34%)}.cine__beats{position:absolute;left:var(--gutter);bottom:clamp(4.5rem,11vh,8rem);width:min(30rem,46vw);pointer-events:none}.beat{position:absolute;bottom:0;left:0;width:100%;opacity:0;transform:translateY(.85rem);transition:opacity .7s ease,transform .7s ease}.beat.is-on{opacity:1;transform:none}.beat__code{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.34em;color:var(--champagne);margin-bottom:1rem}.beat__title{margin:0 0 .9rem;font-size:clamp(1.75rem,3.6vw,3.1rem);font-weight:300;line-height:1.02;letter-spacing:-.025em;text-shadow:0 1px 22px rgba(6,10,14,.55)}.beat__lead{margin:0 0 1.1rem;font-size:clamp(.9rem,1.15vw,1.05rem);line-height:1.58;color:#f4f1ead1;text-shadow:0 1px 16px rgba(6,10,14,.5)}.beat__meta{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:var(--muted)}.cine__rail{position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.75rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;pointer-events:none}.cine__rail span{opacity:.3;transition:opacity .45s,color .45s}.cine__rail span.is-on{opacity:1;color:var(--champagne)}.cine__hint{position:absolute;left:50%;bottom:2.1rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.26em;color:#f4f1ea99;pointer-events:none;transition:opacity .6s ease}.cine__hint.is-gone{opacity:0}.cine__hint i{width:1px;height:2.2rem;background:linear-gradient(to bottom,var(--champagne),transparent);animation:drift 2.4s ease-in-out infinite}@keyframes drift{0%,to{transform:translateY(-.3rem);opacity:.35}50%{transform:translateY(.3rem);opacity:1}}.cine__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#f4f1ea1f}.cine__progress span{display:block;height:100%;background:var(--champagne);transform-origin:0 50%;transform:scaleX(0)}.story{position:relative;z-index:10;background:var(--ink)}.panel{max-width:58rem;margin:0 auto;padding:clamp(4.5rem,11vh,9rem) var(--gutter);border-top:1px solid var(--faint)}.naglowek__tytul{margin:0 0 1.3rem;font-size:clamp(1.9rem,4.2vw,3.2rem);font-weight:300;line-height:1.03;letter-spacing:-.026em}.naglowek__lead{margin:0 0 2rem;font-size:clamp(.98rem,1.3vw,1.15rem);line-height:1.62;color:#f4f1eac7;max-width:34rem}.dane{width:100%;border-collapse:collapse;font-size:.85rem}.dane th,.dane td{text-align:left;padding:.66rem 0;border-bottom:1px solid var(--faint);font-weight:400}.dane th{color:var(--muted);width:52%}.dane td{font-family:var(--mono);font-size:.78rem;color:var(--champagne)}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem}.cta__main{font-size:clamp(1.3rem,3vw,1.9rem);font-weight:300;text-decoration:none;color:var(--champagne);border-bottom:1px solid rgba(230,200,147,.34);padding-bottom:.2rem;transition:border-color .3s}.cta__main:hover{border-color:var(--champagne)}.cta__alt{font-family:var(--mono);font-size:.74rem;color:var(--muted);text-decoration:none}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem;padding:2.4rem var(--gutter) 3rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--faint)}.foot a{color:var(--brass);text-decoration:none}.odslona>*,.odslona .liczba,.odslona tr,.odslona .proces li,.odslona .przekroj__opis li{opacity:0;transform:translateY(18px);transition:opacity .85s cubic-bezier(.22,.68,.16,1),transform .85s cubic-bezier(.22,.68,.16,1)}.odslona.jest>*,.odslona.jest .liczba,.odslona.jest tr,.odslona.jest .proces li,.odslona.jest .przekroj__opis li{opacity:1;transform:none}.liczby{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.4rem,3vw,3rem);max-width:58rem;margin:0 auto;padding:clamp(4rem,9vh,7rem) var(--gutter) clamp(2rem,5vh,3.5rem)}.liczba b{display:flex;align-items:baseline;gap:.24em;font-size:clamp(2.1rem,5.4vw,3.6rem);font-weight:200;line-height:1;letter-spacing:-.04em;color:var(--champagne)}.liczba b em{font-family:var(--mono);font-style:normal;font-size:.26em;letter-spacing:.16em;color:var(--brass);text-transform:uppercase}.liczba span{display:block;margin-top:.7rem;font-size:.78rem;line-height:1.45;color:var(--muted)}.kod{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.34em;color:var(--brass);margin-bottom:1.4rem;text-transform:uppercase}.panel--szeroki{max-width:78rem}.manifest{max-width:52rem;margin:0 auto;padding:clamp(5rem,14vh,10rem) var(--gutter) clamp(1rem,3vh,2rem)}.manifest p{margin:0;font-size:clamp(1.5rem,3.6vw,2.7rem);font-weight:200;line-height:1.24;letter-spacing:-.028em}.manifest span{color:#f4f1ea70}.szyna{position:fixed;top:50%;left:clamp(.9rem,2vw,2rem);z-index:55;transform:translateY(-50%) translate(-12px);opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s ease}.szyna.jest{opacity:1;transform:translateY(-50%);pointer-events:auto}.szyna ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}.szyna a{display:flex;align-items:center;gap:.6rem;padding:.42rem 0;text-decoration:none;color:var(--muted);font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase}.szyna a i{width:14px;height:1px;background:var(--faint);transition:width .4s ease,background .4s ease}.szyna a span{opacity:0;transform:translate(-4px);transition:opacity .35s ease,transform .35s ease}.szyna:hover a span,.szyna a:focus-visible span,.szyna a.jest span{opacity:1;transform:none}.szyna a.jest{color:var(--champagne)}.szyna a.jest i{width:26px;background:var(--brass)}.szyna a:hover i{background:var(--champagne)}.przedpo__naglowek{max-width:40rem;margin:0 0 clamp(1.8rem,4vh,3rem)}.przedpo__tytul{margin:0 0 1rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:300;line-height:1.05;letter-spacing:-.026em}.przedpo__lead{margin:0;font-size:clamp(.95rem,1.25vw,1.1rem);line-height:1.6;color:#f4f1eabf}.przedpo__rama{position:relative;overflow:hidden;aspect-ratio:2000 / 1116;background:var(--ink);-webkit-user-select:none;user-select:none;touch-action:pan-y}.przedpo__obraz{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.przedpo__po{position:absolute;inset:0;clip-path:inset(0 0 0 var(--x))}.przedpo__uchwyt{position:absolute;top:0;bottom:0;left:var(--x);width:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.przedpo__uchwyt i{position:absolute;top:0;bottom:0;width:1px;background:#f4f1ead9}.przedpo__uchwyt b{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0a0d108c;border:1px solid rgba(244,241,234,.7);color:var(--paper);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex:0 0 auto;box-sizing:content-box}.przedpo__znak{position:absolute;bottom:clamp(.8rem,2.5vw,1.6rem);font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);background:#0a0d1080;padding:.34rem .7rem;opacity:0;transition:opacity .3s ease}.przedpo__znak.jest{opacity:1}.przedpo__znak--l{left:clamp(.8rem,2.5vw,1.6rem)}.przedpo__znak--p{right:clamp(.8rem,2.5vw,1.6rem)}.przedpo__suwak{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.przedpo__suwak::-webkit-slider-thumb{-webkit-appearance:none;width:46px;height:100%}.przedpo__suwak::-moz-range-thumb{width:46px;height:100%;border:0}.przedpo__suwak:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.przekroj{margin:0 0 clamp(2.5rem,6vh,4rem)}.przekroj__rys{display:block;width:100%;height:auto;overflow:visible}.przekroj__rys .pasmo{transform:scaleY(0);transform-origin:50% 100%;transition:transform .85s cubic-bezier(.22,.68,.16,1)}.odslona.jest .przekroj__rys .pasmo{transform:none}.pasmo__pole--1{fill:#5f5142}.pasmo__pole--2{fill:#7d8a93}.pasmo__pole--3{fill:#c6ccd1}.pasmo__pole--4{fill:#c2b9a8}.pasmo__pole--5{fill:#63b4b6}.rys__obrzeze{fill:#d8cdb8}.rys__podsypka{fill:#f4f1ea21}.rys__drenaz{fill:none;stroke:#f4f1ea80;stroke-width:1.2}.rys__drenaz-srodek{fill:#f4f1ea38}.rys__linia{stroke:#f4f1ea4d;stroke-width:1}.rys__lustro{stroke:#7ec8c8bf;stroke-width:1}.odnosnik{opacity:0;transition:opacity .5s ease}.odslona.jest .odnosnik{opacity:1}.odnosnik line{stroke:var(--faint);stroke-width:1}.odnosnik circle{fill:none;stroke:var(--brass);stroke-width:1}.odnosnik text{font-family:var(--mono);font-size:10px;fill:var(--champagne)}.rys__miara line{stroke:var(--faint);stroke-width:1}.rys__miara text{font-family:var(--mono);font-size:11px;letter-spacing:.1em;fill:var(--brass)}.rys__etykieta{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;fill:var(--muted)}.rys__etykieta--woda{fill:#7ec8c8cc}.przekroj__nota{margin:.9rem 0 0;font-family:var(--mono);font-size:.55rem;line-height:1.6;letter-spacing:.04em;color:#f4f1ea66}.przekroj__opis{list-style:none;margin:clamp(1.6rem,4vh,2.6rem) 0 0;padding:0}.przekroj__opis li{display:grid;grid-template-columns:1.6rem 1fr auto;align-items:baseline;gap:.9rem;padding:.72rem 0;border-bottom:1px solid var(--faint)}.przekroj__opis i{font-family:var(--mono);font-style:normal;font-size:.6rem;color:var(--brass)}.przekroj__opis b{display:block;font-weight:400;font-size:.95rem}.przekroj__opis em{display:block;margin-top:.16rem;font-style:normal;font-size:.76rem;color:var(--muted)}.przekroj__opis u{font-family:var(--mono);font-size:.7rem;text-decoration:none;color:var(--champagne);white-space:nowrap}.konf__naglowek{max-width:40rem;margin:0 0 clamp(2rem,5vh,3.4rem)}.konf__tytul{margin:0 0 1rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:300;line-height:1.05;letter-spacing:-.026em}.konf__lead{margin:0;font-size:clamp(.95rem,1.25vw,1.1rem);line-height:1.6;color:#f4f1eabf}.konf__pulpit{display:grid;grid-template-columns:minmax(15rem,19rem) 1fr;grid-template-areas:"sterowanie rysunek" "wyniki     rysunek" "cena       cena";gap:clamp(1.4rem,3vw,2.6rem);align-items:start}.konf__sterowanie{grid-area:sterowanie}.konf__rysunek{grid-area:rysunek}.konf__wyniki{grid-area:wyniki}.konf__cena{grid-area:cena}.pole{border:0;margin:0 0 1.5rem;padding:0}.pole legend{padding:0 0 .7rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.pole__opcje{display:flex;flex-wrap:wrap;gap:.4rem}.pole__opcje--szerokie{flex-direction:column;align-items:stretch}.pole__opcje button{flex:0 0 auto;padding:.52rem .8rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;color:var(--muted);background:transparent;border:1px solid var(--faint);cursor:pointer;transition:color .25s,border-color .25s,background .25s}.pole__opcje--szerokie button{text-align:left}.pole__opcje button:hover{color:var(--paper);border-color:#f4f1ea4d}.pole__opcje button.jest{color:var(--ink);background:var(--champagne);border-color:var(--champagne)}.pole__opcje button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.konf__znacznik{margin:0;font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;color:var(--brass);opacity:0;transition:opacity .4s ease}.konf__znacznik.jest{opacity:1}.konf__rysunek svg{display:block;width:100%;height:auto;overflow:visible}.konf__profil{margin-top:.5rem}.rys__woda,.rys__taras,.rys__schod{transition:x .5s cubic-bezier(.22,.68,.16,1),y .5s cubic-bezier(.22,.68,.16,1),width .5s cubic-bezier(.22,.68,.16,1),height .5s cubic-bezier(.22,.68,.16,1),d .5s cubic-bezier(.22,.68,.16,1)}.rys__trawa{fill:#7a9e6017}.rys__taras{fill:#d8cdb833}.rys__schod{fill:#d8cdb85c}.rys__tik{stroke:var(--faint)}.rys__woda{fill:#63b4b680;stroke:#7ec8c8d9;stroke-width:1.2}.konf__wyniki{margin:0}.konf__wyniki>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.62rem 0;border-bottom:1px solid var(--faint)}.konf__wyniki dt{font-size:.82rem;color:var(--muted)}.konf__wyniki dd{margin:0;font-family:var(--mono);font-size:.86rem;color:var(--champagne)}.konf__cena{display:grid;gap:.5rem;padding-top:clamp(1.2rem,3vh,2rem);border-top:1px solid var(--faint)}.konf__cena-etykieta{font-family:var(--mono);font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:var(--brass)}.konf__cena b{font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:200;letter-spacing:-.03em;color:var(--champagne)}.konf__cena p{margin:0;max-width:38rem;font-size:.78rem;line-height:1.6;color:var(--muted)}.os{list-style:none;margin:0;padding:0}.os__krok{border-bottom:1px solid var(--faint)}.os__krok--kadr{display:grid;grid-template-columns:1fr minmax(0,42%);align-items:center;gap:clamp(1.2rem,3vw,2.4rem)}.os__opis{display:grid;grid-template-columns:2.4rem 1fr auto;align-items:baseline;gap:1rem;padding:1.05rem 0}.os__opis i{font-family:var(--mono);font-style:normal;font-size:.62rem;color:var(--brass)}.os__opis b{font-weight:400;font-size:clamp(.98rem,1.5vw,1.15rem)}.os__opis em{font-family:var(--mono);font-style:normal;font-size:.66rem;color:var(--muted)}.os__kadr{display:block;width:100%;height:auto;margin:.9rem 0;aspect-ratio:900 / 502;object-fit:cover}.dane caption{text-align:left;font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;padding-bottom:.9rem}.final{position:relative;z-index:10;display:grid;align-items:end;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--ink)}.final__tlo,.final__scrim{position:absolute;inset:0;width:100%;height:100%}.final__tlo{object-fit:cover;object-position:50% 42%;transform:scale(1.06);transition:transform 2.4s cubic-bezier(.22,.68,.16,1)}.final.jest .final__tlo{transform:none}.final__scrim{background:linear-gradient(to top,#080b0ee6,#080b0e73 42%,#080b0e1f 78%),linear-gradient(to right,rgba(8,11,14,.55) 0%,transparent 58%)}.final__tresc{position:relative;z-index:2;max-width:44rem;padding:0 var(--gutter) clamp(3.5rem,11vh,7rem)}.final__tytul{margin:0 0 1.2rem;font-size:clamp(1.9rem,4.6vw,3.4rem);font-weight:300;line-height:1.05;letter-spacing:-.028em}.final__lead{margin:0 0 2.2rem;max-width:30rem;font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.62;color:#f4f1ead1}.final .cta__alt{color:#f4f1eab8}@media(max-width:1024px){.cine__beats{width:min(28rem,62vw)}}@media(max-width:820px){.nav,.szyna{display:none}.konf__pulpit{grid-template-columns:1fr;grid-template-areas:"rysunek" "sterowanie" "wyniki" "cena"}.konf__rysunek{overflow-x:auto;overscroll-behavior-x:contain}.konf__rysunek svg{min-width:30rem}.pole__opcje button{flex:1 1 auto;text-align:center}.os__krok--kadr{grid-template-columns:1fr;gap:0}.os__opis{grid-template-columns:2rem 1fr;row-gap:.2rem}.os__opis em{grid-column:2}.przedpo__uchwyt b{width:34px;height:34px}.liczby{grid-template-columns:repeat(2,1fr);gap:2rem 1.4rem}.przekroj__brzeg{display:none}.przekroj__rysunek{grid-template-columns:1fr}.przekroj__miara,.przekroj__nota{grid-column:1}.cine__rail{display:none}.cine__video{object-position:50% 62%}.cine__beats{left:var(--gutter);right:var(--gutter);width:auto;bottom:clamp(3.6rem,9vh,5.5rem)}.cine__vignette{background:linear-gradient(to top,rgba(8,11,14,.78) 0%,rgba(8,11,14,.3) 38%,transparent 66%)}.beat__title{font-size:clamp(1.5rem,6.4vw,2.1rem)}.beat__lead{font-size:.86rem}}@media(max-width:400px){.mark em{display:none}.przekroj__opis li{grid-template-columns:1.2rem 1fr;row-gap:.25rem}.przekroj__opis u{grid-column:2}.beat__lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}@media(prefers-reduced-motion:reduce){.cine__hint i{animation:none}.odslona>*,.odslona .liczba,.odslona tr,.odslona .proces li,.odslona .przekroj__opis li,.pasmo,.final__tlo{transform:none;transition-duration:.25s}.beat{transition:opacity .2s ease;transform:none}}.rys__taras-deski{transition:x .5s cubic-bezier(.22,.68,.16,1),y .5s cubic-bezier(.22,.68,.16,1),width .5s cubic-bezier(.22,.68,.16,1),height .5s cubic-bezier(.22,.68,.16,1)}
