@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg,#f4f3ef);color:var(--ink,#1d241e);font-family:var(--font,'DM Sans'),sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent,#785bd8);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display,'Manrope'),sans-serif;font-weight:var(--weight,600);letter-spacing:-.065em;line-height:1.05}h1{font-size:clamp(54px,7.6vw,130px);margin:0 0 30px}h2{font-size:clamp(36px,4.5vw,74px);margin-bottom:25px}h3{font-size:23px;line-height:1.25;letter-spacing:-.025em}p{max-width:580px}em{font-weight:400}header{display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);gap:22px}.logo{font-size:23px;font-weight:800;letter-spacing:-.06em}.logo i{font-style:normal;font-size:11px;vertical-align:top;margin-left:5px}nav{display:flex;gap:30px;font-size:13px;font-weight:600}.demo{padding:8px 5vw;display:flex;justify-content:space-between;background:var(--ink);color:var(--bg);font-size:10px;letter-spacing:.05em}.skip{position:absolute;top:-100px;background:#fff;color:#000;padding:14px;z-index:99}.skip:focus{top:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;margin-bottom:25px}.hero{position:relative;min-height:660px;padding:65px 5vw;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero>img{position:absolute;right:0;top:0;width:48%;z-index:-2}.hero-copy{width:60%;position:relative}.lead{font-size:16px;max-width:420px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:var(--button-ink,#fff);padding:16px 23px;border:0;font-size:13px;font-weight:700;transition:transform .25s,filter .25s}.button:hover{transform:translateY(-3px);filter:brightness(.92)}section:not(.hero){padding:90px 7vw}section:target{scroll-margin-top:25px}.intro>p:last-child{opacity:.75}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.services article{border-top:1px solid color-mix(in srgb,currentColor 30%,transparent);padding-top:25px}.services article>span{font-size:12px;opacity:.55;display:block;margin-bottom:35px}.services p{font-size:14px;opacity:.75}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.split>img{max-height:520px;min-height:360px}.split .services{grid-template-columns:1fr;margin:0;gap:15px}.split .services article>span{margin-bottom:10px}.note{background:var(--panel);text-align:center}.note p,.note .intro{margin-left:auto;margin-right:auto}.gallery{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;margin-top:45px}.gallery figure{margin:0;cursor:zoom-in}.gallery figure:nth-child(2){padding-top:100px}.gallery img{height:500px}.gallery figcaption{font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding-top:14px}.process{list-style:none;padding:0}.process li{display:flex;gap:50px;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);padding:35px 0}.process b{color:var(--accent);font-size:35px}.process p{margin-bottom:0;opacity:.7}.faq{padding:0 7vw 80px}.faq details{border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding:25px 0}.faq summary{cursor:pointer;font-size:20px}.faq p{padding-top:20px}.contact{background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:0 7vw}.contact h2{grid-column:1;max-width:600px}.contact>p{grid-column:1}.contact .eyebrow{grid-column:1/-1}.contact form{grid-column:2;grid-row:2/5;align-self:start}.contact label,.config>label,.garden-quiz>label{display:block;font-size:12px;margin-bottom:20px}select,textarea{display:block;width:100%;padding:15px;margin-top:8px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);color:var(--ink);background:var(--bg);border-radius:0}textarea{min-height:120px;resize:vertical}.result{white-space:pre-line;font-size:13px;margin-top:20px}.config,.garden-quiz{background:var(--panel);padding:35px}fieldset{border:0;padding:0;margin:0 0 25px}legend{margin-bottom:18px;font-size:14px}fieldset label{display:block;padding:12px 0;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);font-size:14px}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;vertical-align:middle;margin-right:10px}input[type=range]{width:100%;accent-color:var(--accent);display:block;margin-top:18px}output{font-size:30px;font-weight:bold}.brief-status,#quiz-output{margin-top:25px;font-size:14px}footer{padding:40px 5vw;display:flex;gap:40px;justify-content:space-between;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent);font-size:11px}footer p{max-width:450px;opacity:.6}.ticker{overflow:hidden;background:var(--accent);color:var(--button-ink);padding:15px 0;font-size:30px;font-weight:bold;white-space:nowrap}.ticker span{display:inline-block;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-35%)}}.level2 .hero img,.level3 .hero img{animation:arrive 1.4s both}@keyframes arrive{from{transform:scale(1.08);filter:brightness(.7)}to{transform:scale(1);filter:brightness(1)}}.level2 .hero-copy,.level3 .hero-copy{animation:rise .9s both}@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal{transition:opacity .8s,transform .8s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(30px)}
/* 01 - proste rzemiosło, szeroki układ usługowy */
.fach{--bg:#faf8f1;--ink:#202a34;--accent:#b44825;--panel:#eee9dc}.fach h1{font-size:clamp(50px,6.5vw,105px)}.fach .hero{min-height:590px}.fach .hero>img{width:43%;height:85%;top:7.5%;right:5%}.fach .hero-copy{width:58%}.fach .hero h1{background:var(--bg);padding:15px 20px 15px 0;width:max-content;max-width:100%}.fach .button{border-radius:3px}.fach .services h3{font-size:26px}
/* 02 - plakat architektoniczny */
.surowo{--bg:#e9e7df;--ink:#20211e;--accent:#e4502d;--panel:#dcd9cf;--display:'Barlow Condensed';--weight:600}.surowo header{border-bottom:2px solid}.surowo .logo{font-size:35px}.surowo .hero{align-items:flex-end;min-height:760px}.surowo .hero>img{width:65%;height:100%;right:0}.surowo .hero-copy{width:76%;padding-top:130px}.surowo h1{font-size:clamp(75px,11vw,175px);text-transform:uppercase;line-height:.88;background:var(--bg);width:max-content;max-width:100%;padding:20px 30px 20px 0}.surowo .lead{background:var(--bg);padding:15px;max-width:370px}.vertical{position:absolute;right:20px;top:45px;writing-mode:vertical-rl;color:white;font-size:11px;letter-spacing:.18em}.surowo .gallery img{filter:saturate(.65)}
/* 03 - editorial, spokojna architektura */
.atelier{--bg:#f1ede5;--ink:#3a352d;--accent:#776649;--panel:#e6dfd2;--display:'Playfair Display';--weight:500}.atelier .hero{min-height:780px;padding-top:85px;padding-bottom:85px}.atelier .hero>img{width:47%;height:90%;top:5%;right:4%}.atelier h1{font-size:clamp(60px,7.8vw,125px);letter-spacing:-.06em}.atelier .hero-copy{width:60%}.atelier .hero-number{position:absolute;bottom:-65px;right:38%;font-family:'Playfair Display';font-size:250px;color:var(--bg);line-height:1;z-index:-1}.atelier .logo{font-size:19px;letter-spacing:.13em}.atelier .gallery{gap:7vw}.atelier .services h3{font-family:'Playfair Display';font-weight:500;font-size:29px}
/* 04 - ogrodnik sąsiedzki */
.zielono{--bg:#fbfbf0;--ink:#25442c;--accent:#336b35;--panel:#e5edce}.zielono .hero{flex-direction:column-reverse;align-items:stretch;padding:0;min-height:0}.zielono .hero>img{position:static;width:100%;height:340px;z-index:0}.zielono .hero-copy{width:100%;text-align:center;padding:60px 20px}.zielono .hero-copy p{margin-left:auto;margin-right:auto}.zielono h1{font-size:clamp(50px,6vw,90px)}.zielono .button{border-radius:50px}.zielono .services article{border-top:0;background:var(--panel);padding:35px;border-radius:12px}.zielono .logo{font-size:28px;letter-spacing:.02em}
/* 05 - żywa botanika, organiczne kadry */
.dziko{--bg:#f0f1df;--ink:#243b29;--accent:#d6ec71;--panel:#e2e6cb;--button-ink:#243b29;--display:'Playfair Display';--weight:500}.dziko .hero{min-height:780px}.dziko .hero>img{width:44%;height:80%;top:10%;right:5%;border-radius:48% 48% 3% 3%}.dziko .hero-copy{width:65%}.dziko h1{font-size:clamp(60px,8vw,125px)}.dziko .logo{font-size:19px}.orb{position:absolute;right:3%;bottom:10%;background:var(--accent);color:var(--ink);border-radius:50%;width:135px;height:135px;display:grid;place-content:center;text-align:center;font-style:italic;transform:rotate(12deg);animation:bob 4s ease-in-out infinite}@keyframes bob{50%{transform:rotate(3deg) translateY(-12px)}}.tabs{display:flex;flex-wrap:wrap;gap:15px}.tabs button,.filters button{background:none;color:inherit;border:1px solid currentColor;border-radius:30px;padding:12px 25px}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.season-text{min-height:80px;font-size:23px;margin-top:30px}.seasons img{max-height:430px;border-radius:200px 200px 0 0;object-position:center 60%}
/* 06 - paysage immersif */
.hortus{--bg:#e9e9df;--ink:#183b2a;--accent:#63815b;--panel:#dce0d0;--display:'Playfair Display';--weight:500}.hortus header{background:#173426;color:#fff}.hortus .logo{letter-spacing:.27em;font-weight:500}.hortus .hero{min-height:86vh;color:#fff;text-align:center;justify-content:center}.hortus .hero>img{inset:0;width:100%;filter:brightness(.5)}.hortus .hero-copy{width:100%}.hortus .hero p{margin-left:auto;margin-right:auto}.hortus h1{font-size:clamp(65px,8.2vw,130px)}.hortus .button{background:#e6eccb;color:#173426}.hortus .editorial{padding:120px 12vw}.hortus .editorial>.intro{margin-left:20%}.hortus .gallery img{height:620px}.hortus .gallery figure:nth-child(2){padding-top:180px}
/* 07 - garage de quartier, bandes utilitaires */
.punkt{--bg:#f5f7fa;--ink:#132b50;--accent:#1c58c9;--panel:#e5eaf2}.punkt header{background:var(--ink);color:white}.punkt .hero{padding-bottom:140px}.punkt .hero>img{width:48%;height:75%;top:12%;right:3%;border-radius:8px}.punkt .hero h1{font-size:clamp(50px,6.8vw,105px)}.punkt #oferta{padding-top:55px;border-top:12px solid var(--accent)}.punkt .services article{background:white;padding:30px;box-shadow:0 5px 20px #14294b09}.punkt .note{display:flex;align-items:center;justify-content:space-between;gap:40px;text-align:left}.punkt .note .intro{margin:0}.punkt .button{border-radius:5px}
/* 08 - trackside, display condensé */
.redline{--bg:#171819;--ink:#f1f0e9;--accent:#f44226;--button-ink:#fff;--panel:#242526;--display:'Barlow Condensed';--weight:700}.redline .hero{min-height:760px;align-items:center}.redline .hero>img{width:100%;inset:0;filter:brightness(.55);z-index:-2}.redline .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171819c9,transparent);z-index:-1}.redline .hero-copy{width:80%}.redline h1{font-style:italic;font-size:clamp(110px,17vw,270px);line-height:.76;letter-spacing:-.04em}.redline .lead{margin-top:45px;max-width:340px}.redline .logo{font-style:italic;letter-spacing:.04em}.speed{position:absolute;right:5%;bottom:50px;letter-spacing:.15em;font-size:13px;border-top:3px solid var(--accent);padding-top:15px}.redline .ticker{transform:rotate(-2deg);margin:0 -1%;width:102%;font-family:'Barlow Condensed';font-size:35px}.service-tabs{display:flex;border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;margin-top:45px}.service-tabs button{flex:1;text-align:left;background:none;color:var(--ink);border:0;padding:25px 15px;font:600 26px 'Barlow Condensed'}.service-tabs button[aria-pressed=true]{color:var(--accent);background:#ffffff06}.service-description{padding:30px 15px;max-width:650px;font-size:19px;min-height:120px}
/* 09 - performance premium */
.motion{--bg:#101819;--ink:#e7eeeb;--accent:#bce2d0;--button-ink:#122322;--panel:#1d2b2c;--display:'Manrope';--weight:400}.motion .hero{min-height:86vh;align-items:flex-end;padding-bottom:80px}.motion .hero>img{width:100%;inset:0;filter:brightness(.5)}.motion .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101819,transparent 90%);z-index:-1}.motion .hero-copy{width:100%}.motion h1{font-size:clamp(55px,7vw,110px);letter-spacing:-.065em}.motion h1 em{font-family:'Playfair Display'}.motion .logo{letter-spacing:.12em;font-size:17px}.motion header{border-bottom-color:#ffffff20}.motion .services{grid-template-columns:repeat(4,1fr)}.motion .gallery{grid-template-columns:1fr 1.5fr}.motion .gallery img{height:470px}.motion .gallery figure:nth-child(2){padding-top:100px}.motion .process b{font-weight:400}.motion .contact{border-top:1px solid #bce2d060}.motion .button{border-radius:0}.motion select,.motion textarea{color-scheme:dark}
/* showroom */
.collection{--bg:#efeeea;--ink:#25252a;--accent:#7156c2;--panel:#e6e2ee}.collection header{padding:35px 5vw}.collection header>span{font-size:10px;letter-spacing:.12em}.collection-intro{padding:90px 5vw 60px}.collection-intro h1{font-size:clamp(55px,7.7vw,125px);max-width:1000px}.collection-intro>p:last-child{font-size:17px;max-width:600px}.filters{padding:0 5vw 40px;display:flex;gap:12px;flex-wrap:wrap}.filters button{font-size:12px}.filters button[aria-pressed=true]{color:#fff;background:#25252a}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 25px;padding:0 5vw 80px}.project-card{display:block;min-width:0;background:var(--bg);color:var(--ink)}.project-card[hidden]{display:none}.preview{height:300px;position:relative;isolation:isolate;overflow:hidden;padding:25px;background:var(--ink);color:var(--bg);display:flex;flex-direction:column;justify-content:space-between}.preview:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,#0001);z-index:-1}.preview img{position:absolute;inset:0;z-index:-2;transition:transform .6s;filter:brightness(.7)}.project-card:hover .preview img{transform:scale(1.05)}.preview>span{font-size:12px}.preview strong{font-family:var(--display,'Manrope');font-size:32px;line-height:1;letter-spacing:-.04em}.card-info{padding:22px 0;border-bottom:1px solid #bbb}.card-info small{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.card-info h2{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:12px 0 20px;font-family:'Manrope';font-weight:600}.card-info>span{font-size:12px}.project-card.surowo .preview{border-bottom:20px solid var(--accent)}.project-card.atelier .preview strong{font-size:27px;letter-spacing:.05em}.project-card.zielono .preview{border-radius:120px 120px 0 0}.project-card.dziko .preview img{border-radius:45%}.project-card.redline .preview strong{font-size:55px;font-style:italic}.project-card.motion .preview strong{letter-spacing:.06em;font-size:24px}.collection-end{padding:60px 5vw;background:#25252a;color:#eee}.collection-end h2{font-size:40px}.collection-end p{font-size:14px}.lightbox{border:0;padding:0;background:#111;color:white;max-width:90vw;max-height:90vh}.lightbox::backdrop{background:#000d}.lightbox img{max-height:80vh;object-fit:contain;width:auto;max-width:85vw}.lightbox button{position:absolute;right:10px;top:10px;background:white;color:black;border:0;padding:12px 17px}.contact form .copy-button{margin-top:10px}.site-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:100}
@media(min-width:1500px){main{max-width:1900px;margin:auto}}@media(max-width:900px){.services,.motion .services{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:70px}.contact{gap:0 30px}.gallery img,.hortus .gallery img{height:400px}.surowo .hero h1{font-size:95px}.redline .hero h1{font-size:170px}.hero .hero-copy{width:70%}.punkt .note{display:block}.punkt .note .button{margin-top:25px}}
@media(max-width:600px){header{padding:22px 5vw;align-items:center}.logo{font-size:19px}nav{gap:14px;font-size:11px}.demo{font-size:9px}.demo span{max-width:48%;text-align:right}.hero{min-height:0!important;padding:45px 6vw 0;display:flex;flex-direction:column;align-items:stretch;gap:30px}.hero .hero-copy{width:100%!important;order:0}.hero>img{position:relative!important;inset:auto!important;width:100%!important;height:310px!important;order:1;z-index:0!important;border-radius:0!important;filter:none!important}.hero h1{font-size:clamp(48px,12vw,74px)!important;letter-spacing:-.06em}.hero .lead{font-size:14px;max-width:100%}.eyebrow{font-size:9px}section:not(.hero){padding:60px 6vw}h2{font-size:40px}.services,.motion .services{grid-template-columns:1fr;gap:15px;margin-top:30px}.services article>span{margin-bottom:18px}.split{grid-template-columns:1fr;gap:35px}.split>img{height:320px;min-height:0}.contact{display:block}.contact form{margin-top:35px}.gallery{grid-template-columns:1fr;gap:30px}.gallery figure:nth-child(2),.hortus .gallery figure:nth-child(2),.motion .gallery figure:nth-child(2){padding-top:0}.gallery img,.hortus .gallery img,.motion .gallery img{height:350px}.motion .gallery{grid-template-columns:1fr}.faq{padding:0 6vw 50px}.faq summary{font-size:17px}.process li{gap:25px}.process h3{font-size:21px}.process p{font-size:14px}footer{flex-direction:column;gap:18px}.fach .hero h1{padding:0;background:none}.fach .hero{padding-bottom:30px}.surowo .hero-copy{padding-top:0}.surowo .hero h1{padding:0}.surowo .hero .lead{padding:0}.surowo .hero{padding-bottom:0}.vertical{display:none}.atelier .hero-number{display:none}.atelier .hero{padding-top:45px;padding-bottom:0}.atelier .hero-copy{padding-bottom:0}.zielono .hero{padding:0}.zielono .hero-copy{padding:45px 6vw}.zielono .hero>img{height:260px!important}.zielono .services article{padding:27px}.dziko .hero>img{border-radius:150px 150px 0 0!important}.orb{right:8%;bottom:25px;z-index:2;width:100px;height:100px;font-size:13px}.hortus .hero{display:block;padding:90px 6vw;text-align:left;color:#fff;min-height:670px!important}.hortus .hero>img{position:absolute!important;inset:0!important;height:100%!important;z-index:-1!important;filter:brightness(.4)!important}.hortus .editorial>.intro{margin-left:0}.hortus .hero p{margin-left:0}.punkt .hero{padding-bottom:0}.redline .hero{display:block;padding:60px 6vw 90px;color:#fff;min-height:660px!important}.redline .hero h1{font-size:115px!important}.redline .hero>img{position:absolute!important;inset:0!important;height:100%!important;filter:brightness(.5)!important;z-index:-2!important}.redline .hero .lead{max-width:280px}.redline .ticker{font-size:23px}.speed{font-size:10px;bottom:20px}.service-tabs{flex-direction:column}.service-tabs button{font-size:23px;border-bottom:1px solid #ffffff20}.motion .hero{display:block;padding:90px 6vw;min-height:660px!important}.motion .hero>img{position:absolute!important;inset:0!important;height:100%!important;filter:brightness(.4)!important;z-index:-2!important}.motion .hero h1{font-size:55px!important}.collection header .logo{font-size:17px}.collection header>span{display:none}.collection-intro{padding:60px 5vw 30px}.collection-intro h1{font-size:53px}.collection-intro>p:last-child{font-size:14px}.filters{gap:8px}.filters button{font-size:10px;padding:10px 15px}.project-grid{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.preview{height:340px}.card-info h2{font-size:25px}.collection-end h2{font-size:34px}.config,.garden-quiz{padding:25px}.tabs{gap:8px}.tabs button{font-size:12px;padding:10px 17px}.season-text{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}
/* Taśma REDLINE pozostaje w granicach strony. */
body{overflow-x:clip}.redline .ticker{transform:none;margin:0;width:100%}
@media(max-width:600px){.dziko header .logo{max-width:145px;font-size:16px}.dziko header nav{gap:10px}.atelier header .logo{font-size:15px;letter-spacing:.09em}}

.development-note{margin:0 5vw 40px;max-width:700px;font-size:12px;opacity:.65}.level-filters{padding-bottom:20px}.project-card[data-project-level="3"] .preview{outline:1px solid #7156c250;outline-offset:5px}.project-card[data-project-level="3"] .card-info>span:after{content:" / SCENA 3D";font-size:9px;margin-left:12px;letter-spacing:.08em}

.project-card[data-project-level="3"] .preview img{filter:none;object-position:center}.project-card[data-project-level="3"] .preview:after{display:none}.project-card[data-project-level="3"] .preview>span,.project-card[data-project-level="3"] .preview>strong{visibility:hidden}

.capture *{animation:none!important;transition:none!important}.capture .hero-copy,.capture .reveal{opacity:1!important;transform:none!important}