/* Web by Pantrio: warm editorial studio, native HTML and lightweight motion. */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('../assets/fonts/space-grotesk-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url('../assets/fonts/space-grotesk-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#faf9f6;--bg-2:#f0efe9;--ink:#262923;--ink-2:#64675e;--ink-soft:var(--ink-2);--accent:#4e613c;--accent-2:#4e613c;--accent-deep:#35462a;--line:#dcddd4;--line-strong:#bfc4b5;--radius:5px;--max:1320px;--font-main:'Space Grotesk','Segoe UI',Arial,sans-serif;--font-mono:Consolas,monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:24px}body{font-family:var(--font-main);background:var(--bg);color:var(--ink);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto}img{display:block}a{color:var(--accent);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--accent-deep)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #697a40;outline-offset:5px}::selection{background:#dce3ca;color:var(--ink)}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:40px}.section{padding:100px 0}.section--soft{background:var(--bg-2)}h1,h2,h3{line-height:1.1;font-weight:600;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,3.8vw,3.5rem);margin-bottom:30px}h3{font-size:1.3rem;letter-spacing:-.025em;line-height:1.25}p{margin-bottom:1em;max-width:66ch;text-wrap:pretty}.lead{font-size:1.075rem;color:var(--ink-2);line-height:1.75}.kicker{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.center{text-align:left}.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:var(--ink);color:white;padding:14px}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:var(--bg)}.site-header>.wrap{display:flex;align-items:center;min-height:96px;gap:30px}.brand{font-size:1.4rem;font-weight:500;letter-spacing:-.06em;white-space:nowrap;text-decoration:none;color:var(--ink)}.brand span{font-weight:700;color:var(--accent)}.main-nav{margin-left:auto}.main-nav ul{display:flex;align-items:center;gap:24px;list-style:none}.main-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);font-size:.78rem;font-weight:500;text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--ink);text-decoration:underline}.main-nav .btn{min-height:44px;color:white;font-size:.72rem;padding:10px 16px}.nav-toggle{display:none;background:transparent;color:var(--ink);border:1px solid var(--line-strong);padding:10px 14px;border-radius:3px;min-height:44px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:15px 23px;border:1px solid transparent;border-radius:4px;font-size:.86rem;font-weight:600;line-height:1.35;text-align:center;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background-color .25s,color .25s,box-shadow .25s}.btn--primary{background:var(--ink);color:#fff}.btn--primary:hover{background:var(--accent-deep);color:#fff;transform:translateY(-2px);box-shadow:0 7px 14px #26292312}.btn--ghost{border-color:var(--line-strong);background:transparent;color:var(--ink)}.btn--ghost:hover{background:#e9ecdf;color:var(--ink);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.65;cursor:wait}.btn--small{min-height:44px;padding:11px 18px}
.hero{padding:72px 0 60px}.hero-grid-bg{display:none}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center}.hero h1{font-size:clamp(2.8rem,4.45vw,4rem);line-height:1.07;letter-spacing:-.055em;margin-bottom:24px}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent);letter-spacing:-.055em}.hero .lead{font-size:1rem;max-width:55ch}.price-badge{display:flex;gap:12px;align-items:baseline;margin:24px 0 16px;color:var(--ink-2);font-size:.8rem}.price-badge strong{font-size:1.45rem;font-weight:600;color:var(--ink);letter-spacing:-.06em}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-showcase{background:#e8e8df;padding:24px 24px 0;border-radius:5px}.hero-showcase>a{display:block;overflow:hidden;border:1px solid #c8c9bd;border-radius:3px;box-shadow:0 18px 30px #252c2520}.hero-showcase img{width:100%;aspect-ratio:1/1.21;object-fit:cover;object-position:top;transition:transform .8s var(--ease)}.hero-showcase>a:hover img{transform:scale(1.025)}.showcase-caption{display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-size:.7rem;font-weight:500}.showcase-caption a{color:var(--ink);text-decoration:none}.hero-summary{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-top:30px;padding-bottom:70px;border-bottom:1px solid var(--line)}.hero-points{list-style:none;align-self:center;display:grid;gap:16px;font-size:.87rem;color:var(--ink-2)}.hero-points li{padding-left:28px;position:relative}.hero-points li:before{content:'↗';position:absolute;left:0;color:var(--accent)}.hero-card h2{font-size:1.1rem;letter-spacing:-.02em;margin-bottom:16px}.mini-price{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.mini-price>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:.8rem}.mini-price b{font-weight:500}.mini-price .cena{white-space:nowrap;font-weight:600;color:var(--accent)}.hero-card>p{font-size:.7rem!important;color:var(--ink-2);margin-top:12px}
.portfolio{padding-bottom:90px}.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}.portfolio-heading h2{margin:0}.portfolio-heading p{font-size:.75rem;color:var(--ink-2);margin-bottom:6px}.portfolio-list{display:grid;gap:60px}.case-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-top:1px solid var(--line);padding-top:24px}.case-heading h3{font-size:1.25rem}.compare-controls{display:none}.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compare-figure{min-width:0;background:#eae9e3;border-radius:5px;padding:0 20px 20px}.compare-figure[data-side=po]{background:#e3e8dc}.compare-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.75rem;padding:15px 0;font-weight:500}.compare-figure figcaption a{color:var(--ink-2);font-size:.7rem;text-decoration:none;min-height:26px}.compare-image{display:block;overflow:hidden;border-radius:2px;border:1px solid #c7c9bc;box-shadow:0 7px 12px #272c2410;background:white}.compare-image img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top;transition:transform .65s var(--ease)}.compare-image:hover img{transform:scale(1.025)}.image-dialog{position:fixed;margin:auto;border:0;border-radius:6px;width:min(1100px,96vw);max-height:94dvh;background:var(--bg);color:var(--ink);padding:18px;box-shadow:0 30px 100px #0005}.image-dialog::backdrop{background:#1d241ddb;backdrop-filter:blur(4px)}.dialog-head{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-bottom:14px}.dialog-head p{font-size:.85rem;margin:0}.dialog-close{cursor:pointer;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:3px;background:transparent;color:var(--ink)}.image-dialog img{width:100%;height:auto}.marquee{border-block:1px solid var(--line);padding:28px 0}.marquee-track{max-width:1320px;padding-inline:40px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px 24px}.marquee-track span{font-size:.66rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em}.marquee-track span:nth-child(n+8){display:none}
.grid{display:grid;gap:24px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid>*,.pricing>*,.steps>*,.footer-grid>*,.two-col>*,.form-grid>*{min-width:0}.card{padding:28px 0;border-top:1px solid var(--line-strong);transition:border-color .25s,transform .25s var(--ease)}.card h3{margin-bottom:15px}.card p{color:var(--ink-2);font-size:.92rem;margin:0}.card .more{display:block;margin-top:24px;color:var(--accent);font-size:.75rem;font-weight:600}.card--link{text-decoration:none;color:inherit;position:relative;padding-right:24px}.card--link:hover{color:inherit;transform:translateY(-4px);border-color:var(--accent)}.card--link::after{content:'↗';position:absolute;right:0;top:24px;color:var(--accent);transition:transform .25s}.card--link:hover::after{transform:translate(3px,-3px)}.card .tag{margin-left:6px}.card h3,.card p,.card .more{overflow-wrap:anywhere}.grid--3:has(.card--link){grid-template-columns:1fr 1fr;gap:22px 70px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch;margin-top:38px}.price-card{padding:34px 28px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:5px;background:#fffefa;transition:transform .25s var(--ease),box-shadow .25s}.price-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px #2b31200a}.price-card--hl{background:#e7ecdf;border-color:#b4bea5}.price-card h3{font-size:1.25rem;min-height:2.6em;line-height:1.5}.price-card .cena{font-size:clamp(2.3rem,3.5vw,3.7rem);letter-spacing:-.065em;line-height:1.1;font-weight:500;margin:26px 0}.price-card .cena small{font-size:.8rem;letter-spacing:0}.price-card .dla-kogo{font-size:.88rem;color:var(--ink-2);min-height:4.8em;margin-bottom:26px}.price-card ul{list-style:none;display:grid;gap:12px;margin-bottom:32px;font-size:.84rem}.price-card li{position:relative;padding-left:22px}.price-card li::before{content:'✓';position:absolute;left:0;color:var(--accent)}.price-card .btn{margin-top:auto}.price-note{border-left:2px solid var(--accent);padding-left:20px;margin-top:28px;font-size:.83rem;color:var(--ink-2)}.tag{display:inline-block;font-size:.64rem;line-height:1.5;font-weight:500;letter-spacing:.02em;color:var(--accent);border-bottom:1px solid var(--line-strong);vertical-align:middle}.steps{counter-reset:krok;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:44px}.step{border-top:1px solid var(--line-strong);padding-top:20px}.step:before{counter-increment:krok;content:'0' counter(krok);display:block;color:var(--accent);font-size:.8rem;margin-bottom:38px}.step h3{font-size:1.1rem;margin-bottom:12px}.step p{font-size:.86rem;color:var(--ink-2);margin:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}ul.check{list-style:none;display:grid;gap:16px;margin:22px 0}ul.check li{position:relative;padding-left:26px;font-size:.94rem}ul.check li:before{content:'✓';position:absolute;left:0;color:var(--accent)}.note-box{background:var(--bg-2);border-left:2px solid var(--accent);padding:25px 28px;margin-top:24px}.note-box p:last-child{margin:0}.cta-band{padding:65px 70px;background:#e5e9db;border-radius:5px;text-align:left;border:1px solid #d4dac9}.cta-band h2{max-width:23ch;margin:24px 0}.cta-band p{color:var(--ink-2);max-width:65ch}.cta-band .tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;border:0}.cta-band .btn{margin-top:12px}.faq{border-top:1px solid var(--line-strong)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:25px 44px 25px 0;position:relative;font-size:1.05rem;font-weight:500;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:5px;top:23px;font-size:1.4rem;font-weight:400;transition:transform .25s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{padding-bottom:26px;color:var(--ink-2);font-size:.92rem;margin:0}
.form-card{padding:36px;background:#fffefa;border:1px solid var(--line);border-radius:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:.77rem;font-weight:500;margin-bottom:8px}input,select,textarea{width:100%;padding:12px 14px;min-height:48px;background:var(--bg);color:var(--ink);border:1px solid var(--line-strong);border-radius:3px;font-size:.88rem}textarea{resize:vertical;min-height:126px}input::placeholder,textarea::placeholder{color:#72756b;opacity:1}.form-foot{margin-top:24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.form-hint{font-size:.74rem;color:var(--ink-2)}.form-status{margin-top:18px;font-size:.86rem;font-weight:500}.form-status:empty{margin:0}.form-status--ok{color:#33572c}.form-status--err{color:#a12d22}.form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.74rem;padding-top:28px;color:var(--ink-2)}.crumbs a{color:inherit;text-decoration:none}.page-head{padding:60px 0 25px;max-width:1000px}.page-head h1{max-width:19ch}.page-head .lead{margin-top:28px;max-width:65ch}.page-head .hero-cta{margin-top:30px}.site-footer{background:var(--bg-2);border-top:1px solid var(--line);margin-top:50px;color:var(--ink-2)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:40px;padding:65px 0 50px}.site-footer .brand{color:var(--ink)}.site-footer h3{font-size:.85rem;letter-spacing:0;margin-bottom:22px;color:var(--ink)}.site-footer p{font-size:.82rem}.site-footer ul{list-style:none;display:grid;gap:11px;font-size:.79rem}.site-footer a{text-decoration:none;color:var(--ink-2)}.site-footer a:hover{color:var(--accent);text-decoration:underline}.footer-bottom{padding:24px 0;border-top:1px solid var(--line);font-size:.72rem;display:flex;gap:24px;justify-content:space-between}.legal-page{max-width:880px;margin:auto}.legal-quick-summary{background:#e7ecdf;border-left:2px solid var(--accent);padding:28px;margin:25px 0 40px}.legal-quick-summary h3{margin-bottom:14px}.legal-quick-summary p{font-size:.91rem;margin:0}.legal-section{border-top:1px solid var(--line);padding:35px 0}.legal-section h2{font-size:1.7rem;line-height:1.3}.legal-section .sec-num{font-size:.85rem;color:var(--accent);margin-right:12px}.legal-section h3{font-size:1.15rem;margin:22px 0 12px}.legal-section p{font-size:.92rem;color:var(--ink-2)}.legal-contact-box{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;background:var(--bg-2)}.legal-contact-item span{display:block;font-size:.75rem;color:var(--ink-2);margin-bottom:8px}.legal-contact-item a{overflow-wrap:anywhere}.reveal-in{animation:reveal-in .75s var(--ease) both}@keyframes reveal-in{from{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1101px){.hero-copy{animation:reveal-in .75s var(--ease) both}.hero-showcase{animation:reveal-in .95s var(--ease) both}}
@media(max-width:1150px){.site-header>.wrap{gap:20px}.main-nav ul{gap:15px}.main-nav a{font-size:.7rem}.hero-grid{gap:36px}.hero h1{font-size:3.2rem}.price-card{padding:28px 22px}.footer-grid{gap:24px}}
@media(max-width:1000px){.wrap{padding-inline:28px}.site-header>.wrap{min-height:82px;flex-wrap:wrap}.nav-toggle{display:block;margin-left:auto}.main-nav{display:none;flex-basis:100%;margin:0;padding-bottom:24px}.main-nav.open{display:block}.main-nav ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}.main-nav a{font-size:.9rem;min-height:48px}.main-nav .btn{margin-top:10px}.hero{padding-top:50px}.hero h1{font-size:2.8rem}.hero-grid{gap:30px}.hero-showcase{padding:16px 16px 0}.hero-showcase img{aspect-ratio:1/1.4}.hero-summary{gap:40px}.grid--4,.steps{grid-template-columns:1fr 1fr}.two-col{gap:35px}.pricing{gap:12px}.price-card .cena{font-size:2.5rem}.form-card{padding:24px}.footer-grid{grid-template-columns:1fr 1fr}.cta-band{padding:45px}.compare-pair{gap:20px}.compare-figure{padding-inline:14px;padding-bottom:14px}}
@media(max-width:760px){.wrap{padding-inline:24px}.section{padding:68px 0}.hero{padding:38px 0 35px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(2.4rem,7.7vw,3.5rem);max-width:20ch}.hero .kicker{font-size:.62rem;letter-spacing:.1em;margin-bottom:20px}.hero .lead{font-size:.95rem}.hero-showcase{padding:18px 18px 0}.hero-showcase img{aspect-ratio:1.2}.hero-cta{gap:10px;margin-top:24px}.hero-cta .btn{flex:1 1 150px;font-size:.78rem;padding-inline:16px}.hero-summary{grid-template-columns:1fr;gap:35px;padding-top:10px;padding-bottom:48px}.hero-points{font-size:.83rem;gap:12px}.hero-card h2{font-size:1rem}.mini-price{gap:0 20px}.mini-price>div{font-size:.74rem}.portfolio-heading{display:block;margin-bottom:30px}.portfolio-heading p{margin-top:12px}.portfolio-list{gap:38px}.case-heading{padding-top:20px;gap:16px;margin-bottom:15px}.case-heading h3{font-size:1.07rem}.compare-pair{grid-template-columns:1fr;gap:16px}.compare-image img{aspect-ratio:1.2}.js-compare .compare-controls{display:flex;border:1px solid var(--line-strong);padding:3px;border-radius:4px;flex-shrink:0;gap:3px}.compare-controls button{border:0;background:transparent;padding:8px 14px;font-size:.72rem;min-height:38px;cursor:pointer;border-radius:2px;color:var(--ink)}.compare-controls button[aria-pressed=true]{background:var(--ink);color:white}.js-compare [data-view=po] [data-side=przed],.js-compare [data-view=przed] [data-side=po]{display:none}.compare-figure figcaption{font-size:.72rem;padding-block:12px}.compare-figure figcaption a{min-height:32px;display:flex;align-items:center;gap:6px}.marquee-track{padding-inline:24px;justify-content:start;gap:14px 22px}.marquee-track span{font-size:.58rem}.grid--3,.grid--2,.two-col,.pricing{grid-template-columns:1fr}.grid--3:has(.card--link){grid-template-columns:1fr;gap:6px}.grid--4{gap:15px 22px}.card{padding-top:23px}.card h3{font-size:1.12rem}.card p{font-size:.85rem}.pricing{gap:20px;margin-top:28px}.price-card{padding:30px}.price-card h3{min-height:0}.price-card .cena{font-size:3.3rem;margin:20px 0}.price-card .dla-kogo{min-height:0}.price-card ul{font-size:.89rem}.price-card .btn{margin-top:8px}.steps{gap:32px 24px}.step:before{margin-bottom:20px}.step h3{font-size:1rem}.step p{font-size:.82rem}.two-col{gap:36px}.cta-band{padding:32px 26px}.cta-band h2{font-size:2rem}.cta-band p{font-size:.9rem}.faq summary{font-size:.97rem;padding-block:22px}.form-card{padding:26px 20px}.form-grid{grid-template-columns:1fr}.form-foot .btn{width:100%}.page-head{padding-top:42px}.page-head h1{font-size:clamp(2.2rem,7.5vw,3.3rem);max-width:100%}.crumbs{font-size:.68rem}.footer-grid{gap:32px 20px;padding:45px 0}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}.site-footer{margin-top:25px}.legal-contact-box{grid-template-columns:1fr}.image-dialog{padding:12px}.dialog-head p,.dialog-close{font-size:.75rem}.brand{font-size:1.35rem}}
@media(max-width:380px){.wrap{padding-inline:20px}.hero h1{font-size:2.35rem}.grid--4{grid-template-columns:1fr}.case-heading{align-items:start;flex-direction:column;gap:12px}.mini-price{grid-template-columns:1fr}.price-card{padding:26px 22px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
/* Keep the complete supplied designs visible, including navigation and footer. */
.hero-showcase img,.compare-image img{aspect-ratio:auto;height:auto;object-fit:contain}
.price-card--hl{position:relative}.price-card--hl::before{content:'Najczęściej wybierany';display:block;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
@media(min-width:761px){.price-card:not(.price-card--hl){padding-top:65px}}
html:not(.js-enabled) .main-nav{display:block}html:not(.js-enabled) .nav-toggle,html:not(.js-enabled) .hero-switch{display:none}
/* Art direction: generous editorial type, complete screens, deliberate before/after motion. */
.hero-grid{grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.hero{padding:76px 0 68px}.hero h1{font-size:clamp(3rem,4.6vw,4.4rem);font-weight:500;letter-spacing:-.06em}.hero h1 em{color:#53613c}.hero-copy>.lead{font-size:.95rem;line-height:1.8;max-width:54ch}.hero .kicker{margin-bottom:26px}
.hero-showcase{position:relative;background:#e9e9e0;padding:22px;border:1px solid #d8dccd;border-radius:12px;box-shadow:0 30px 70px -45px #35452c55}
.showcase-top{display:flex;align-items:center;justify-content:space-between;font-size:.73rem;font-weight:500;margin-bottom:20px;color:#5d6654}.showcase-top>span:last-child{font-size:.65rem;letter-spacing:.07em}.showcase-top span span{margin-inline:12px}
.hero-transition{display:grid;isolation:isolate;overflow:hidden;border:1px solid #c3c8b9;border-radius:4px;box-shadow:0 12px 24px #2e382d15;background:#fff}
.hero-transition>a{grid-area:1/1;display:block;min-width:0;align-self:center;transition:opacity 1s var(--ease),transform 1.2s var(--ease);transform:none}
.hero-transition img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.hero-transition[data-hero-view=po] .hero-before,.hero-transition[data-hero-view=przed] .hero-after{opacity:0;pointer-events:none;transform:translateY(18px) scale(.975);visibility:hidden;transition:opacity .65s,transform .9s,visibility 0s .9s}
.hero-switch{display:flex;align-items:center;gap:4px}.hero-switch button{cursor:pointer;border:0;border-radius:3px;background:transparent;color:#606657;padding:9px 16px;min-height:38px;font-size:.72rem;transition:background-color .25s,color .25s}.hero-switch button[aria-pressed=true]{background:#fafbf7;color:#27351e;box-shadow:0 1px 4px #38402910}.showcase-caption{align-items:center;padding:18px 0 0}
.hero-summary{padding-top:20px;padding-bottom:65px}.portfolio{background:#f3f3ee;border-top:1px solid #e5e6de}.portfolio-heading h2{font-size:clamp(2.5rem,5vw,4.8rem);font-weight:500;letter-spacing:-.06em}.portfolio-heading{margin-bottom:60px}.portfolio-heading p{letter-spacing:.02em}.portfolio-list{gap:80px}.case-heading{border:0;padding:0;margin-bottom:24px}.case-heading h3{font-size:1.65rem;font-weight:500}.compare-pair{gap:24px;align-items:start}.compare-figure{background:#e5e4dd;padding:0 18px 18px;border:1px solid #dadbd2;border-radius:8px}.compare-figure[data-side=po]{background:#e1e6d8;border-color:#cbd3be}.compare-figure figcaption{padding:18px 4px;font-size:.8rem}.compare-figure figcaption>span{font-weight:600}.compare-image{border-radius:3px;box-shadow:0 15px 24px -20px #1d281555}.compare-image img{object-fit:contain;height:auto;aspect-ratio:auto}.compare-image:hover img{transform:none}.compare-figure{transition:box-shadow .35s,transform .5s var(--ease)}.compare-figure:hover{box-shadow:0 22px 40px -30px #24331f55;transform:translateY(-4px)}
.portfolio-case.reveal-in{animation:none}.portfolio-case.reveal-in [data-side=przed]{animation:before-enter 1s var(--ease) both}.portfolio-case.reveal-in [data-side=po]{animation:after-enter 1.1s var(--ease) .18s both}
@keyframes before-enter{from{opacity:0;transform:translate(-25px,20px)}to{opacity:1;transform:none}}
@keyframes after-enter{from{opacity:0;transform:translate(25px,30px)}to{opacity:1;transform:none}}
@keyframes compare-switch{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}
.compare-figure.switch-in{animation:compare-switch .55s var(--ease)!important}
@media(max-width:1150px){.hero-grid{gap:32px}.hero h1{font-size:3.2rem}.hero-showcase{padding:16px}}
@media(max-width:1000px){.hero h1{font-size:2.8rem}.hero-showcase{padding:14px}.hero-grid{gap:26px}.showcase-caption{gap:8px}.showcase-caption>a{font-size:.62rem}.hero-switch button{padding-inline:10px}}
@media(max-width:760px){.hero{padding:40px 0}.hero-grid{grid-template-columns:1fr;gap:34px}.hero h1{font-size:clamp(2.65rem,8vw,3.5rem);line-height:1.06;max-width:19ch}.hero .kicker{margin-bottom:22px;font-size:.64rem}.hero-copy>.lead{font-size:.93rem}.hero-showcase{padding:16px;border-radius:8px}.hero-transition img{aspect-ratio:auto;height:auto}.showcase-top{margin-bottom:14px}.hero-summary{padding-bottom:44px}.portfolio-heading{margin-bottom:35px}.portfolio-heading h2{font-size:2.6rem}.portfolio-list{gap:45px}.case-heading h3{font-size:1.3rem}.case-heading{margin-bottom:16px}.compare-figure{padding:0 12px 12px}.compare-figure figcaption{padding:12px 0}.compare-figure:hover{transform:none}.portfolio-case.reveal-in [data-side=po],.portfolio-case.reveal-in [data-side=przed]{animation:compare-switch .8s var(--ease) both}.compare-controls button{min-height:44px}.showcase-caption>a{font-size:.68rem}.hero-switch button{min-height:44px;padding-inline:15px}}
/* A single editorial showcase, not a catalogue of cards. */
.hero-editorial{padding:58px 0 55px}.hero-intro{padding-bottom:48px;border-bottom:1px solid var(--line);margin-bottom:40px}.hero-intro .kicker{margin-bottom:22px}.hero-editorial .hero-intro h1{max-width:1120px;font-size:clamp(3rem,5.1vw,4.8rem);font-weight:500;line-height:1.04;margin:0;letter-spacing:-.06em;text-wrap:pretty}.hero-work{display:grid;grid-template-columns:1fr 2.05fr;gap:64px;align-items:center}.hero-description .price-badge{margin-top:0;margin-bottom:26px}.hero-description .price-badge strong{font-size:2rem}.hero-description .lead{font-size:.93rem;line-height:1.8}.hero-description .hero-cta{display:grid;gap:12px;justify-items:start;margin-top:28px}.hero-description .hero-cta .btn--ghost{border:0;padding-left:0;background:none;min-height:40px}.hero-description .hero-cta .btn--ghost::after{content:'↗';margin-left:10px}.work-gallery{min-width:0;scroll-margin-top:25px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.work-toolbar>span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.work-view{display:flex;gap:3px;border-bottom:1px solid var(--line);padding-bottom:3px}.work-view button{font-size:.8rem;border:0;border-radius:0;background:none;min-height:44px;padding:10px 20px;cursor:pointer;color:var(--ink-2);position:relative}.work-view button[aria-pressed=true]{color:var(--ink)}.work-view button[aria-pressed=true]::after{content:'';position:absolute;height:2px;bottom:-4px;left:12px;right:12px;background:var(--accent)}.work-slides{border-radius:6px;background:#eaece3;border:1px solid #d4d9c9;padding:22px;box-shadow:0 24px 45px -40px #25351d66;overflow:hidden}.work-slide{display:grid;min-width:0;aspect-ratio:1.25;position:relative}.work-screen{grid-area:1/1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .8s var(--ease),transform .95s var(--ease)}.work-screen a{display:block;width:100%;height:100%}.work-screen img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;max-height:100%;border-radius:2px}.js-enabled .work-slide:not(.is-active){display:none}.js-enabled .work-slide[data-view=po] [data-side=przed],.js-enabled .work-slide[data-view=przed] [data-side=po]{opacity:0;transform:translateY(18px) scale(.985);pointer-events:none;visibility:hidden;transition:opacity .65s,transform .9s,visibility 0s .9s}.work-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px}.work-pagination{display:flex;align-items:center;gap:16px}.work-pagination button{font-size:1.2rem;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .25s,transform .25s}.work-pagination button:hover{background:#e4e9dc;transform:translateX(2px)}.work-pagination button:first-child:hover{transform:translateX(-2px)}.work-count{font-size:.78rem;font-variant-numeric:tabular-nums;min-width:50px}.work-count span{color:var(--ink-2);margin-left:4px}.work-footer>button{cursor:pointer;border:0;background:transparent;padding:10px 0 10px 12px;min-height:44px;font-size:.75rem;color:var(--ink-2)}.work-footer>button span{margin-left:12px}.work-slide.is-entering{animation:compare-switch .7s var(--ease)}
html:not(.js-enabled) .work-toolbar .work-view,html:not(.js-enabled) .work-footer{display:none}html:not(.js-enabled) .work-slide{display:block;aspect-ratio:auto;margin-bottom:25px}html:not(.js-enabled) .work-screen{margin-bottom:16px}
@media(max-width:1000px){.hero-work{grid-template-columns:1fr 1.6fr;gap:32px}.hero-editorial .hero-intro h1{font-size:3.6rem}.work-slides{padding:15px}}
@media(max-width:760px){.hero-editorial{padding:34px 0}.hero-editorial .hero-intro h1{font-size:clamp(2.2rem,7.9vw,3.2rem);line-height:1.07;max-width:22ch}.hero-intro{padding-bottom:28px;margin-bottom:28px}.hero-work{grid-template-columns:1fr;gap:32px}.hero-description .price-badge{margin-bottom:16px}.hero-description .price-badge strong{font-size:1.6rem}.hero-description .lead{font-size:.92rem;line-height:1.75}.hero-description .hero-cta{display:flex;align-items:center;gap:12px;justify-items:normal;margin-top:22px}.hero-description .hero-cta .btn{flex:1 1 140px}.work-slides{padding:10px;border-radius:5px}.work-toolbar{margin-bottom:14px}.work-view button{padding-inline:18px}.work-footer{padding-top:14px}.work-pagination{gap:12px}.hero-summary{padding-top:12px}}
.work-footer>[data-work-play]{display:flex;align-items:center;gap:9px;font-size:.72rem;padding:10px 12px}.play-icon{width:9px;height:11px;border-inline:2px solid currentColor;margin:0!important}.work-footer>[data-work-play][aria-pressed=false] .play-icon{width:0;height:0;border:6px solid transparent;border-left:9px solid currentColor;border-right:0}.work-view button{font-size:.95rem;font-weight:500;letter-spacing:-.02em}.work-view button[aria-pressed=false]{color:#767c6d}.work-view button[aria-pressed=true]{color:#344528}.work-view button[aria-pressed=true]::after{height:3px}.work-gallery:has([data-work-play][aria-pressed=true]) .work-view button[aria-pressed=true]::after{animation:phase-line 3.2s linear both;transform-origin:left}.work-gallery:has([data-work-play][aria-pressed=true]) .work-view button[data-work-view=po][aria-pressed=true]::after{animation-duration:4.2s}@keyframes phase-line{from{transform:scaleX(.03)}to{transform:scaleX(1)}}
@media(max-width:760px){.work-footer{flex-wrap:wrap;gap:8px}.work-footer>[data-work-play]{padding-inline:4px}.work-footer>[data-work-expand]{flex-basis:100%;text-align:right;padding-top:0;min-height:32px}.work-view button{font-size:.94rem}.work-pagination{gap:10px}}
/* Final direction: crisp white / ink blue, Manrope, an interactive studio showcase. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('../assets/fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('../assets/fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#fff;--bg-2:#f4f6fb;--ink:#101d35;--ink-2:#566278;--ink-soft:var(--ink-2);--accent:#2954e8;--accent-2:#2954e8;--accent-deep:#163bc2;--line:#e0e5ef;--line-strong:#c2cbdc;--font-main:Manrope,'Segoe UI',Arial,sans-serif;--max:1400px}
body{font-size:16px;font-weight:450}:focus-visible{outline-color:#2954e8}::selection{background:#dbe5ff;color:#132959}h1,h2,h3{font-weight:700;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.3vw,3.25rem);line-height:1.15;max-width:26ch}h3{letter-spacing:-.025em}.section{padding:90px 0}.kicker{font-size:.67rem;font-weight:700;letter-spacing:.1em;color:var(--accent)}.brand{font-size:1.32rem;letter-spacing:-.06em;font-weight:650}.brand span{font-weight:800;margin-left:.15ch}.site-header{border-bottom:1px solid #edf0f6}.site-header>.wrap{min-height:88px}.main-nav a{font-size:.76rem;font-weight:600}.main-nav a[aria-current=page]{color:var(--accent);text-decoration:none}.main-nav .btn{font-size:.72rem}.btn{border-radius:7px;font-weight:650;padding:16px 23px;min-height:52px}.btn--primary{background:var(--accent);color:white}.btn--primary:hover{background:var(--accent-deep);color:white;box-shadow:0 8px 18px #2954e825}.btn--ghost{background:white;border-color:#ccd4e4;color:var(--ink)}.btn--ghost:hover{background:#f1f5ff}.hero-studio{padding:72px 0 64px;background:#fff}.studio-grid{display:grid;grid-template-columns:.94fr 1.16fr;align-items:center;gap:65px}.hero-studio h1{font-size:clamp(2.7rem,4vw,3.65rem);font-weight:700;line-height:1.08;letter-spacing:-.055em;margin:0 0 26px;text-wrap:pretty}.hero-studio h1 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--accent)}.hero-studio .kicker{margin-bottom:22px}.hero-studio .lead{font-size:.94rem;line-height:1.85;max-width:55ch}.hero-studio .price-badge{margin:24px 0 0;font-size:.8rem;gap:14px}.hero-studio .price-badge strong{color:var(--ink);font-size:1.65rem;font-weight:750}.hero-studio .hero-cta{margin-top:24px;gap:10px}.hero-studio .hero-cta .btn{font-size:.78rem;padding-inline:20px}.hero-studio .work-gallery{background:#edf2fd;border:1px solid #e0e8fa;border-radius:18px;padding:24px;box-shadow:0 26px 60px -48px #1c3f9460;position:relative}.work-toolbar{margin-bottom:18px}.work-toolbar>span{color:#5c6b8b;font-size:.67rem;font-weight:650;letter-spacing:.13em}.work-view{gap:2px;border:1px solid #d7e1f5;border-radius:7px;padding:3px;background:#e1e9fa}.work-view button{font-size:.84rem;padding:9px 20px;min-height:40px;border-radius:4px;font-weight:650}.work-view button[aria-pressed=true]{color:#234bc6;background:#fff;box-shadow:0 2px 5px #1534710b}.work-view button[aria-pressed=false]{color:#607296}.work-view button[aria-pressed=true]::after{display:none}.work-slides{padding:0;border:1px solid #c8d3e9;border-radius:5px;background:#fff;box-shadow:0 10px 24px -12px #224c9b35;overflow:hidden}.work-screen img{border-radius:0}.work-footer{padding-top:18px;gap:10px}.work-footer>button,.work-count{color:#435573}.work-count{font-size:.74rem;font-weight:600}.work-count span{color:#75829b}.work-pagination{gap:10px}.work-pagination button{background:#fff;border-color:#cfdaf0;width:40px;height:40px;color:#2449a7}.work-pagination button:hover{background:#dfe8fb}.work-footer>[data-work-play]{font-size:.68rem;gap:7px;padding-inline:0}.work-footer>[data-work-expand]{font-size:.68rem}.hero-summary{gap:70px;margin-bottom:0;padding:36px 40px 55px;border-top:1px solid var(--line);border-bottom:0}.hero-points{font-size:.84rem;color:#566278}.hero-points li::before{content:'✓';color:var(--accent)}.hero-card h2{font-size:1rem;font-weight:700;letter-spacing:-.02em;max-width:none}.mini-price>div{font-size:.76rem}.mini-price .cena{color:var(--ink)}.marquee{background:#f8faff;border-color:#e5ebf5}.marquee-track span{font-weight:600;color:#65738c}.card{padding:30px 0;border-color:#cfd8e7}.card h3{font-size:1.22rem;font-weight:700}.card p{font-size:.91rem;line-height:1.8}.card--link{padding:30px 32px;background:white;border:1px solid #e2e8f2;border-radius:10px;transition:transform .3s,box-shadow .3s,border-color .3s}.card--link::after{right:24px;top:27px}.card--link:hover{border-color:#b3c5ee;box-shadow:0 15px 30px -20px #24427535}.card--link h3{padding-right:20px}.grid--3:has(.card--link){gap:18px;grid-template-columns:1fr 1fr}.card .more{font-size:.72rem;margin-top:24px}.price-card{border-radius:12px;background:#fff;border-color:#dce3ef;padding:34px;box-shadow:0 10px 25px -20px #102f5615}.price-card h3{font-weight:700;font-size:1.2rem}.price-card .cena{font-size:clamp(2.2rem,3.2vw,3.4rem);font-weight:700;letter-spacing:-.06em;margin:20px 0 26px}.price-card--hl{background:#142746;border-color:#142746;color:#fff}.price-card--hl::before{color:#b6ceff;font-size:.62rem;font-weight:650}.price-card--hl .dla-kogo{color:#c7d3e6}.price-card--hl li::before{color:#adc6ff}.price-card--hl .btn--primary{background:#fff;color:#142746}.price-card--hl .btn--primary:hover{background:#e9f0ff}.price-card .dla-kogo{font-size:.85rem;line-height:1.8}.price-card ul{font-size:.83rem;gap:13px}.price-card li::before{color:var(--accent)}.step{border-top:2px solid #d4deee}.step:before{font-weight:700;color:var(--accent);margin-bottom:25px;font-size:.9rem}.step h3{font-weight:700}.step p{line-height:1.8}.cta-band{--ink:#fff;background:#2954e8;border:0;border-radius:14px;color:white;padding:65px}.cta-band h2{color:white;max-width:25ch;font-weight:650}.cta-band p{color:#e6edff}.cta-band a{color:white}.cta-band .tag{color:#dae6ff}.cta-band .btn--primary{background:white;color:#2346b1}.cta-band .btn--primary:hover{background:#eaf0ff}.note-box,.legal-quick-summary{background:#edf3ff;border-color:var(--accent);border-radius:0 8px 8px 0}.faq summary{font-weight:650}.form-card{border-radius:12px;border-color:#dce3ef;background:#fff;box-shadow:0 15px 35px -25px #203f7535;padding:36px}input,select,textarea{background:#f8faff;border-color:#c8d3e6;border-radius:6px;font-size:.9rem}input::placeholder,textarea::placeholder{color:#67758c}label{font-size:.76rem;font-weight:650}.form-hint{font-size:.74rem}.site-footer{background:#f5f7fc;border-top-color:#e0e6f2}.site-footer .brand{font-size:1.45rem}.footer-grid{padding-top:65px}.site-footer h3{font-weight:700}.site-footer p,.site-footer ul{font-size:.8rem}.page-head h1{font-size:clamp(2.5rem,4.8vw,4.2rem);font-weight:700;line-height:1.09;max-width:24ch}.legal-section .sec-num{color:var(--accent)}.image-dialog{background:white;color:var(--ink);border-radius:10px}.image-dialog::backdrop{background:#0a193ade;backdrop-filter:blur(5px)}
@media(min-width:761px){.price-card:not(.price-card--hl){padding-top:65px}}
@media(max-width:1150px){.studio-grid{gap:32px;grid-template-columns:1fr 1.1fr}.hero-studio h1{font-size:3rem}.hero-studio .work-gallery{padding:18px}.work-footer{flex-wrap:wrap}.work-footer>[data-work-expand]{flex-basis:100%;text-align:right;padding:0;min-height:30px}.hero-studio .hero-cta .btn{font-size:.75rem;padding-inline:15px}.price-card{padding-inline:26px}}
@media(max-width:1000px){.studio-grid{grid-template-columns:1fr 1fr;gap:26px}.hero-studio h1{font-size:2.65rem}.hero-studio .lead{font-size:.9rem}.work-footer>[data-work-play]{font-size:.64rem}.hero-studio .work-gallery{padding:14px}.hero-studio .hero-cta .btn{flex-basis:100%}.site-header>.wrap{min-height:80px}.nav-toggle{border-radius:6px}.main-nav a{font-size:.88rem}}
@media(max-width:760px){.section{padding:65px 0}.hero-studio{padding:35px 0}.studio-grid{grid-template-columns:1fr;gap:32px}.hero-studio h1{font-size:clamp(2.2rem,7.5vw,3.25rem);line-height:1.1;letter-spacing:-.055em;max-width:24ch;margin-bottom:22px}.hero-studio .lead{font-size:.9rem;line-height:1.8}.hero-studio .kicker{font-size:.58rem;letter-spacing:.1em;margin-bottom:20px}.hero-studio .price-badge{margin-top:20px;font-size:.76rem}.hero-studio .hero-cta{margin-top:22px}.hero-studio .hero-cta .btn{flex:1 1 145px;padding:14px 12px;min-height:52px;font-size:.75rem}.hero-studio .work-gallery{padding:14px;border-radius:12px}.work-toolbar{margin-bottom:14px}.work-view button{min-height:42px;font-size:.82rem;padding-inline:19px}.work-footer>[data-work-play]{font-size:.67rem}.work-footer>[data-work-expand]{min-height:28px;font-size:.67rem}.hero-summary{padding:20px 24px 40px;gap:30px}.grid--3:has(.card--link){grid-template-columns:1fr}.card--link{padding:26px}.card h3{font-size:1.12rem}.card p{font-size:.87rem}.price-card{padding:30px}.price-card .cena{font-size:3rem}.price-card ul{font-size:.86rem}.cta-band{padding:36px 27px;border-radius:10px}.cta-band h2{font-size:2rem}.form-card{padding:25px 20px}.page-head h1{font-size:clamp(2.1rem,7.3vw,3rem)}.site-footer .brand{font-size:1.3rem}.footer-grid{padding-top:45px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hero-showcase>a:hover img,.compare-image:hover img{transform:none}}
/* Before/after state belongs to the whole presentation, not only the image. */
.hero-studio .work-gallery{transition:background-color .9s ease,border-color .9s ease,box-shadow .9s ease}
.hero-studio .work-gallery[data-view=przed]{background:#fff3e9;border-color:#efdfcf;box-shadow:0 26px 60px -48px #75502b40}
.work-gallery[data-view=przed] .work-toolbar>span{color:#82634c}
.work-gallery[data-view=przed] .work-view{background:#f1e3d5;border-color:#e9d6c5}
.work-gallery[data-view=przed] .work-view button[aria-pressed=true]{color:#895a35}
.work-gallery[data-view=przed] .work-view button[aria-pressed=false]{color:#866c58}
.work-gallery[data-view=przed] .work-slides{border-color:#ddcaba;box-shadow:0 10px 24px -12px #6d4c2530}
.work-gallery[data-view=przed] .work-footer>button,.work-gallery[data-view=przed] .work-count{color:#745840}
.work-gallery[data-view=przed] .work-count span{color:#8c7461}
.work-gallery[data-view=przed] .work-pagination button{color:#805a3c;border-color:#e1cdbd}
.work-gallery[data-view=przed] .work-pagination button:hover{background:#f4e4d7}
.work-view,.work-view button,.work-slides,.work-footer>button,.work-count,.work-pagination button{transition:background-color .8s ease,border-color .8s ease,color .8s ease,box-shadow .8s ease}
.work-slides{display:grid}.work-slide{grid-area:1/1}
.work-screen{transition:opacity 1s ease,visibility 0s;transform:none}
.js-enabled .work-slide[data-view=po] [data-side=przed],.js-enabled .work-slide[data-view=przed] [data-side=po]{opacity:0;transform:none;transition:opacity 1s ease,visibility 0s 1s}
.js-enabled .work-slide.is-outgoing{display:grid;pointer-events:none;z-index:2;animation:screen-out .9s ease both}
.work-slide.is-entering{animation:screen-in 1s ease both}
@keyframes screen-out{from{opacity:1}to{opacity:0}}
@keyframes screen-in{from{opacity:0}to{opacity:1}}
/* The requested soft dissolve remains available with reduced motion: no moving or scaling. */
@media(prefers-reduced-motion:reduce){.work-screen{transition:opacity 1s ease,visibility 0s!important}.js-enabled .work-slide[data-view=po] [data-side=przed],.js-enabled .work-slide[data-view=przed] [data-side=po]{transition:opacity 1s ease,visibility 0s 1s!important}.hero-studio .work-gallery{transition:background-color .9s ease,border-color .9s ease!important}.js-enabled .work-slide.is-outgoing{animation:screen-out .9s ease both!important}.work-slide.is-entering{animation:screen-in 1s ease both!important}}
/* Quiet, compact controls: the artwork remains the focal point. */
.work-gallery .work-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding-top:8px}
.work-gallery .work-pagination{gap:0}
.work-gallery .work-pagination button{width:44px;height:44px;border:0;border-radius:4px;background:transparent;font-size:1rem;box-shadow:none;color:#586781}
.work-gallery[data-view=przed] .work-pagination button{background:transparent;color:#796552;border:0}
.work-gallery .work-pagination button:hover,.work-gallery[data-view=przed] .work-pagination button:hover{background:rgba(70,80,100,.055);transform:none}
.work-gallery .work-count{font-size:.68rem;font-weight:500;min-width:46px;text-align:center}
.work-gallery .work-count span{margin-left:2px}
.work-gallery .work-footer>[data-work-play]{justify-self:center;gap:8px;padding:0 8px;min-height:44px;font-size:.65rem;font-weight:450}
.work-gallery .work-footer>[data-work-play] [data-play-label]{margin:0}
.work-gallery .play-icon{width:7px;height:9px;border-inline-width:1.5px}
.work-gallery .work-footer>[data-work-expand]{padding:0 6px;min-height:44px;font-size:.65rem;font-weight:450;white-space:nowrap}
.work-gallery .work-footer>[data-work-expand] span{margin-left:5px}
.work-gallery .work-footer>button:hover{text-decoration:underline;text-underline-offset:4px}
.hero-studio .work-gallery{padding-bottom:10px}
@media(max-width:1150px) and (min-width:761px),(max-width:400px){.work-gallery .work-footer>[data-work-play] [data-play-label]{display:none}.work-gallery .work-footer>[data-work-play]{width:44px;justify-content:center;padding:0}}