:root{--color-paper:oklch(97% .009 80);--color-paper-2:oklch(93.5% .013 75);--color-rule:oklch(84% .015 70);--color-neutral:oklch(52% .012 50);--color-muted:oklch(41% .012 45);--color-ink:oklch(20% .015 40);--color-accent:oklch(58% .19 40);--color-accent-deep:oklch(46% .16 36);--color-accent-dark:oklch(38% .14 36);--color-focus:oklch(50% .18 40);--color-water:oklch(46% .11 245);--color-paper-veil:oklch(97% .009 80/.9);--color-paper-veil-soft:oklch(97% .009 80/.38);--color-scrim:oklch(20% .015 40/.84);--font-display:"Big Shoulders Display", "Big Shoulders Fallback", ui-sans-serif, system-ui, sans-serif;--font-body:"IBM Plex Sans", "Plex Fallback", ui-sans-serif, system-ui, sans-serif;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-display-s:clamp(2.4rem, 4.5vw + .9rem, 4rem);--text-display:clamp(3rem, 8.5vw, 6.5rem);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:90ms;--dur-short:.18s;--dur-long:.3s;--rule-hairline:1px solid var(--color-rule);--radius-tile:4px;--page-gutter:clamp(1rem, 4vw, 4rem);--banner-h:42px;--bar-h:64px;--z-base:1;--z-sticky:200;--z-nav:500}@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/big-shoulders-display-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Display;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/big-shoulders-display-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Fallback;src:local(Arial Narrow Bold),local(Arial Bold),local(Arial);size-adjust:82%;ascent-override:118%;descent-override:32%;line-gap-override:0%}@font-face{font-family:Plex Fallback;src:local(Arial);size-adjust:100%;ascent-override:102%;descent-override:27%;line-gap-override:0%}html,body{overflow-x:clip}*{box-sizing:border-box;margin:0}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:var(--color-paper);padding-inline:max(0px, env(safe-area-inset-left));line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;overflow-wrap:anywhere;min-width:0;font-style:normal;font-weight:700;line-height:1.1}a{color:inherit}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}a:active{color:var(--color-accent)}::selection{background:var(--color-accent);color:var(--color-paper)}.wrap{max-width:72rem;padding-inline:var(--page-gutter);margin-inline:auto}.site-nav{z-index:var(--z-nav);transition:transform var(--dur-long) var(--ease-out);position:fixed;inset:0 0 auto;transform:translateY(0)}.site-nav.is-compact{transform:translateY(calc(var(--banner-h) * -1))}.site-nav.is-dismissed{transform:none}.site-nav.is-dismissed .nav-banner{display:none}.nav-banner{height:var(--banner-h);justify-content:center;align-items:center;gap:var(--space-sm);padding-inline:var(--space-md);background:linear-gradient(100deg, var(--color-accent-deep), var(--color-accent-dark));color:var(--color-paper);display:flex}.nav-banner p{font-size:var(--text-sm);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.nav-banner a{white-space:nowrap;text-underline-offset:.2em}.nav-banner-x{width:32px;height:32px;color:var(--color-paper);font-size:var(--text-md);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;line-height:1;display:grid}.nav-banner-x:hover{color:var(--color-ink)}.nav-banner-x:focus-visible{outline:2px solid var(--color-paper);outline-offset:2px}.nav-bar{height:var(--bar-h);background:var(--color-paper);border-bottom:var(--rule-hairline)}.nav-bar-inner{max-width:72rem;height:100%;padding-inline:var(--page-gutter);align-items:center;gap:var(--space-lg);margin-inline:auto;display:flex}.nav-brand{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);text-transform:uppercase;letter-spacing:.04em;line-height:1;text-decoration:none}.nav-brand:hover{color:var(--color-accent)}.nav-links{gap:var(--space-lg);margin-inline-start:auto;display:flex}.nav-links a{white-space:nowrap;color:var(--color-muted);padding-block:var(--space-xs);transition:color var(--dur-micro) var(--ease-out);text-decoration:none}.nav-links a:hover{color:var(--color-ink)}.nav-links a[aria-current=page]{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.35em;text-decoration-thickness:2px}.nav-tel{min-height:40px;padding:0 var(--space-md);border:2px solid var(--color-ink);border-radius:var(--radius-tile);font-weight:600;font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.nav-tel:hover{background:var(--color-ink);color:var(--color-paper)}main{padding-block-start:calc(var(--banner-h) + var(--bar-h))}.hero{isolation:isolate;min-height:58svh;padding-block:var(--space-2xl) var(--space-3xl);align-content:center;display:grid;position:relative}.hero:before{content:"";z-index:-2;background:url(/zdjecia/hero-1024.webp) 50% 62%/cover no-repeat;position:absolute;inset:0}@media (width<=40rem){.hero:before{background-image:url(/zdjecia/hero-640.webp)}}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg, var(--color-paper-veil) 0%, var(--color-paper-veil) 44%, var(--color-paper-veil-soft) 100%);position:absolute;inset:0}.hero h1{font-size:var(--text-display);text-transform:uppercase;max-width:13ch;line-height:1.04}.hero h1 strong{font-weight:inherit;color:var(--color-accent)}.hero-note{color:var(--color-muted);max-width:46ch;margin-block-start:var(--space-lg)}.cta-chip{min-height:48px;padding:var(--space-sm) var(--space-lg);border:2px solid var(--color-ink);border-radius:var(--radius-tile);font-family:var(--font-display);font-weight:700;font-size:var(--text-md);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);background:0 0;align-items:center;gap:.4em;margin-block-start:var(--space-xl);text-decoration:none;display:inline-flex}.cta-chip:hover{background:var(--color-ink);color:var(--color-paper)}.cta-chip:active{color:var(--color-paper);transform:translateY(1px)}.cta-tel{margin-block-start:var(--space-xs)}.cta-tel a{font-weight:600;font-size:var(--text-md);color:var(--color-muted);white-space:nowrap;text-decoration:none}.cta-tel a:hover{color:var(--color-accent)}.intro-block{padding-block:var(--space-2xl) var(--space-xl)}.intro-block .lede{max-width:56ch;font-size:var(--text-md);color:var(--color-muted)}.section-head{padding-block:var(--space-2xl) var(--space-xl)}.section-head h2{font-size:var(--text-2xl);max-width:24ch}.bento{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(8rem,auto);padding-block-end:var(--space-2xl);display:grid}.bento .cell{background:var(--color-paper-2);border-radius:var(--radius-tile);padding:var(--space-lg);align-content:start;gap:var(--space-xs);display:grid}.bento .cell img{border-radius:var(--radius-tile);width:100%;max-width:100%;height:auto;margin-block-end:var(--space-sm);display:block}.bento .cell h3{font-size:var(--text-lg)}.bento .cell p{color:var(--color-muted);max-width:45ch}.bento .span-2x2{grid-area:span 2/span 2}.bento .span-2x1{grid-column:span 2}.bento .cell-cta{border:2px solid var(--color-accent);background:0 0;align-content:center}.cell-cta .cell-link a{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);white-space:nowrap;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.18em;line-height:1.2;text-decoration-thickness:3px;display:inline-block}.cell-cta .cell-link a:hover{color:var(--color-accent)}.diagram-split{gap:var(--space-2xl);grid-template-columns:7fr 5fr;align-items:center;padding-block-end:var(--space-3xl);display:grid}.pipe-figure{margin:0}.pipe-figure svg{width:100%;height:auto;display:block}.d-surface{stroke:var(--color-ink);stroke-width:3px}.d-street{stroke:var(--color-neutral);stroke-width:2px}.d-wall{stroke:var(--color-muted);stroke-width:3px;fill:none}.d-frost{stroke:var(--color-neutral);stroke-width:2px;stroke-dasharray:4 8}.d-trench{stroke:var(--color-neutral);stroke-width:2.5px}.d-main{stroke:var(--color-water);stroke-width:4px;fill:none}.d-pipe{stroke:var(--color-water);stroke-width:5px;fill:none}.d-fitting{stroke:var(--color-ink);stroke-width:3px;fill:none}.d-meter{stroke:var(--color-ink);stroke-width:3px;fill:var(--color-paper)}.d-flow{stroke:var(--color-paper);stroke-width:2px;fill:none;stroke-dasharray:6 14;animation:2.2s linear infinite water-flow}@keyframes water-flow{to{stroke-dashoffset:-40px}}.d-marker circle{fill:var(--color-accent-deep)}.d-marker text{fill:var(--color-paper);font-family:var(--font-display);text-anchor:middle;font-size:17px;font-weight:700}.pipe-legend{counter-reset:pipe;gap:var(--space-md);margin:0;padding-inline-start:0;list-style:none;display:grid}.pipe-legend li{counter-increment:pipe;color:var(--color-muted);max-width:48ch;padding-inline-start:2.5rem;position:relative}.pipe-legend li:before{content:counter(pipe);inset-inline-start:0;background:var(--color-accent-deep);width:1.65rem;height:1.65rem;color:var(--color-paper);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:.2em}.pipe-legend strong{color:var(--color-ink)}.know-band{background:var(--color-paper-2);border-block:var(--rule-hairline);padding-block-end:var(--space-3xl)}.know-band .section-head{padding-block-start:var(--space-2xl)}.know{gap:var(--space-xl) var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.know h3{font-size:var(--text-lg);margin-block-end:var(--space-xs)}.know p{color:var(--color-muted);max-width:52ch}.contact-block{padding-block:var(--space-3xl) var(--space-4xl)}.contact-block h2{font-size:var(--text-2xl);margin-block-end:var(--space-xl)}.contact-block .tel{font-family:var(--font-display);font-weight:700;font-size:var(--text-display-s);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.15em;white-space:nowrap;line-height:1.1;text-decoration-thickness:4px;display:inline-block}.contact-block .tel:hover{color:var(--color-accent)}.contact-block .mail{color:var(--color-muted);margin-block-start:var(--space-md);display:inline-block}.contact-block .mail:hover{color:var(--color-accent)}.contact-block .hours{color:var(--color-muted);max-width:46ch;margin-block-start:var(--space-lg)}.foot-line{border-block-start:var(--rule-hairline);padding-block:var(--space-lg) var(--space-2xl)}.foot-line p{font-size:var(--text-sm);color:var(--color-muted)}.foot-line a{text-decoration-color:var(--color-rule);text-underline-offset:.2em}.foot-line a:hover{color:var(--color-accent)}.page-head{padding-block:var(--space-2xl) var(--space-lg)}.page-title{font-size:var(--text-display-s)}.intro{max-width:54ch;font-size:var(--text-md);color:var(--color-muted)}.gallery{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-2xl);display:grid}.gallery figure{margin:0}.gallery img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-tile);width:100%;max-width:100%;height:auto;display:block}.gallery figcaption{font-size:var(--text-sm);color:var(--color-muted);padding-block-start:var(--space-xs)}.gallery .zoom{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.gallery .zoom:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.lightbox{border:2px solid var(--color-ink);border-radius:var(--radius-tile);background:var(--color-paper);padding:var(--space-md);max-width:min(92vw,64rem);margin:auto}.lightbox::backdrop{background:var(--color-scrim)}.lightbox figure{margin:0}.lightbox img{width:auto;max-width:100%;height:auto;max-height:78svh;margin-inline:auto;display:block}.lightbox figcaption{font-size:var(--text-sm);color:var(--color-muted);padding-block-start:var(--space-sm)}.lb-nav{gap:var(--space-sm);justify-content:end;padding-block-start:var(--space-sm);display:flex}.lb-nav button{border:2px solid var(--color-ink);border-radius:var(--radius-tile);background:var(--color-paper);min-width:44px;min-height:44px;color:var(--color-ink);font-family:var(--font-display);font-weight:700;font-size:var(--text-md);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out)}.lb-nav button:hover{background:var(--color-ink);color:var(--color-paper)}.lb-nav button:active{transform:translateY(1px)}.lb-nav button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.page-cta{padding-block:var(--space-2xl) var(--space-4xl)}.empty-state{gap:var(--space-lg);max-width:60ch;justify-items:start;padding-block-end:var(--space-3xl);display:grid}.call-bar{display:none}@media (width<=40rem){.call-bar{inset-inline:0;z-index:var(--z-sticky);min-height:52px;padding:var(--space-sm) var(--space-md);background:var(--color-ink);color:var(--color-paper);border-block-start:2px solid var(--color-accent);font-family:var(--font-display);font-weight:700;font-size:var(--text-md);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;padding-block-end:max(var(--space-sm), env(safe-area-inset-bottom));line-height:1;text-decoration:none;display:flex;position:fixed;bottom:0}.call-bar:hover,.call-bar:active{color:var(--color-accent)}body{padding-block-end:72px}}html.js .rv{opacity:0;transition:opacity var(--dur-long) var(--ease-out), transform var(--dur-long) var(--ease-out);transform:translateY(12px)}html.js .rv.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.d-flow{animation:none}html.js .rv{opacity:1;transition:none;transform:none}}@media (width<=60rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-split{gap:var(--space-xl);grid-template-columns:1fr}.know{gap:var(--space-lg);grid-template-columns:1fr}.hero{min-height:52svh}}@media (width<=48rem){.nav-tel{display:none}.nav-bar-inner{gap:var(--space-md)}}@media (width<=40rem){.hero:after{background:var(--color-paper-veil)}.bento{grid-template-columns:1fr;grid-auto-rows:auto}.bento .span-2x2,.bento .span-2x1{grid-area:auto}.gallery{grid-template-columns:1fr}.section-head{padding-block:var(--space-xl) var(--space-lg)}.contact-block .tel{font-size:var(--text-xl)}.cta-chip{font-size:var(--text-base)}.nav-brand{font-size:var(--text-lg)}.nav-banner p{font-size:.8125rem}.banner-extra{display:none}}@media (pointer:coarse){.nav-links a,.foot-line a,.cta-tel a{padding-block:var(--space-2xs)}}