.hero-photo{object-position:60% 53%}.hero:after{background:linear-gradient(90deg,#102c4e30,transparent 65%)}.hero-panel{width:min(500px,100%);background:#c9323de8}.hero-panel h1{font-size:clamp(45px,4.7vw,62px)}
.services{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-section{background:#f0f2f5}.gallery-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 18px}.gallery-filters button{color:#314962;border:1px solid #c9d3dd;background:transparent;border-radius:2px;padding:9px 13px;font-size:12px}.gallery-filters button:hover{border-color:#d83e43;color:#ad2932}.gallery-filters button[aria-pressed="true"]{background:#173e6b;border-color:#173e6b;color:white}.gallery-count{text-align:center;font-size:11px;color:#596d7c;margin:0 0 25px;min-height:18px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.project-photo{margin:0;min-width:0}.project-photo[hidden]{display:none}.project-photo-open{display:block;border:0;background:#dce3e9;padding:0;width:100%;position:relative;overflow:hidden;cursor:zoom-in}.project-photo-open img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .3s}.project-photo-open:hover img{transform:scale(1.035)}.project-photo-open>span{position:absolute;bottom:12px;right:12px;background:#173e6bf0;color:white;width:30px;height:30px;display:grid;place-items:center;font-size:16px;border-radius:2px}.project-photo figcaption{font-size:12px;color:#40586b;padding-top:12px;line-height:1.5}.gallery-more{display:flex;justify-content:center;margin-top:35px}.gallery-more button{background:#173e6b;color:white;border:1px solid #173e6b;padding:14px 25px;font-size:12px;border-radius:2px}.gallery-more button:hover{background:#264f7f}.gallery-more button[hidden]{display:none}.project-viewer{width:min(1200px,96vw);max-width:96vw;max-height:94dvh;padding:50px 16px 16px;border:1px solid #425b74;background:#10243b;color:#f1f6fa;border-radius:4px;box-shadow:0 20px 60px #0008}.project-viewer::backdrop{background:#071421ec}.project-viewer>img{display:block;width:100%;max-height:67dvh;object-fit:contain}.viewer-close{position:absolute;top:8px;right:11px;color:#f2f7fb;background:transparent;border:0;padding:8px 12px;font-size:13px}.viewer-caption{margin:13px 0;text-align:center;font-size:13px}.viewer-nav{display:flex;align-items:center;justify-content:space-between;gap:15px}.viewer-nav button{background:transparent;color:#eaf1f8;border:1px solid #728aa0;padding:10px 15px;font-size:12px;border-radius:2px}.viewer-index{font-size:11px;color:#bacbda}.viewer-nav button:hover{background:#274967}
@media(max-width:1050px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{width:480px}.project-grid{gap:23px 16px}}
@media(max-width:720px){.hero-photo{object-position:65% center}.hero-panel{width:100%;max-width:470px;background:#bf303be8}.hero-panel h1{font-size:clamp(39px,9.5vw,58px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.gallery-filters{justify-content:flex-start;gap:8px}.gallery-filters button{font-size:11px;padding:10px}.gallery-count{text-align:left}.project-photo figcaption{font-size:11px}.project-viewer{padding:48px 10px 14px}.viewer-nav button{font-size:11px;padding:10px}.viewer-caption{font-size:12px}}
@media(max-width:390px){.services{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.project-photo-open:hover img{transform:none}}
.service-scope{margin:0 0 22px;border-top:1px solid #d1d9e2;padding-top:14px}.service-scope summary{font-size:12px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#173e6b}.service-scope summary::-webkit-details-marker{display:none}.service-scope summary:after{content:'+';color:#ce3540;font-size:18px;line-height:1}.service-scope[open] summary:after{content:'−'}.service-scope ul{margin:16px 0 14px;padding-left:17px;font-size:12px;line-height:1.8;color:#506477}.service-scope li{padding-bottom:7px}.service-scope p{font-size:11px;line-height:1.7;margin:0;color:#657787}.service.featured .service-scope{border-top-color:#ffffff30}.service.featured .service-scope summary{color:#eff5fa}.service.featured .service-scope ul,.service.featured .service-scope p{color:#c5d3df}.service.featured .service-scope summary:after{color:#ff9298}
.film-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#fff;border-left:3px solid #d83e43;padding:35px 45px;margin:0 0 55px}.film-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:40px;line-height:1.15;letter-spacing:-1px;color:#173e6b;margin:20px 0}.film-copy>p{font-size:14px;color:#586c7e;line-height:1.9;max-width:380px}.film-meta{display:block;font-size:11px;color:#65798a;margin-top:22px}.film-copy>a{display:inline-block;font-size:12px;color:#173e6b;border-bottom:1px solid #d83e43;padding-bottom:5px;margin-top:24px}.film-player{margin:0;justify-self:center;width:100%;max-width:290px}.film-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#10283f;border-radius:3px}.film-player figcaption{font-size:10px;color:#64788a;margin-top:10px;text-align:center}.film-player video:focus-visible{outline:3px solid #d83e43;outline-offset:5px}@media(max-width:720px){.film-feature{grid-template-columns:1fr;gap:25px;padding:28px 22px;margin-bottom:35px}.film-copy h3{font-size:32px}.film-player{max-width:270px}.film-copy>p{max-width:none}}
.film-media{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px;min-width:0}.film-media .film-player{width:100%;max-width:260px}.film-feature{grid-template-columns:.85fr 1.15fr;gap:42px}@media(max-width:720px){.film-feature{grid-template-columns:1fr;gap:25px}.film-media{gap:12px}.film-media .film-player{max-width:none}.film-media .film-player figcaption{font-size:10px;line-height:1.5}}@media(max-width:360px){.film-media{grid-template-columns:1fr}.film-media .film-player{max-width:240px}}
.garden-case{background:#fff;padding:35px;margin:0 0 45px;border-top:3px solid #d83e43}.garden-case-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}.garden-case h3{font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.2;color:#173e6b;letter-spacing:-.8px;margin:16px 0 0}.garden-case-heading>p{font-size:13px;line-height:1.9;max-width:480px;color:#586c7e;margin:0}.garden-comparison{display:grid;grid-template-columns:.8fr 1.2fr;gap:27px;align-items:start}.garden-stage{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;font-weight:600;color:#173e6b;margin-bottom:13px}.garden-stage>span{font-size:10px;font-weight:400;color:#687d8e}.garden-before-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}.garden-before-images>a{display:block;position:relative;background:#e6ebef;overflow:hidden}.garden-before-images img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}.garden-before-images>a>span{position:absolute;right:7px;bottom:7px;color:white;background:#173e6be6;padding:2px 8px;border-radius:2px;font-size:15px}.garden-after-video{width:100%;height:auto;aspect-ratio:16/9;display:block;background:#10283f;border-radius:2px}.garden-video-caption{font-size:11px;color:#63798b;margin:12px 0 0}.garden-after-video:focus-visible{outline:3px solid #d83e43;outline-offset:5px}@media(max-width:720px){.garden-case{padding:25px 20px}.garden-case-heading{display:block}.garden-case h3{font-size:29px}.garden-case-heading>p{margin-top:17px}.garden-comparison{grid-template-columns:1fr;gap:26px}.garden-before-images{max-width:390px}.garden-stage>span{font-size:10px}}
/* Zdjęcia przed filmami — kolejność prezentacji realizacji. */
.garden-case{margin-top:55px}.garden-comparison{grid-template-columns:1fr;gap:30px}.garden-before-images{width:100%;max-width:560px;margin:0 auto;gap:20px}.garden-before-images img{max-height:470px}.garden-after-video{max-height:620px;object-fit:contain}.film-feature{margin-top:42px}@media(max-width:720px){.garden-case{margin-top:36px}.garden-before-images{gap:12px}.garden-before-images img{max-height:360px}}
/* Logo w sekcji o firmie powiększone o 30%. */
.intro-brand{width:min(130%,468px);max-width:none}
@media(max-width:720px){.intro-brand{width:min(100%,325px);max-width:none}}
/* Główne hasło bez czerwonego panelu, z przestrzennymi literami. */
.hero-panel{background:transparent;border:0;box-shadow:none;border-radius:0;padding:15px 0;width:min(570px,100%)}
.hero:after{background:linear-gradient(90deg,#071b33e8 0%,#0d2946c9 32%,#102b4566 54%,#102b4510 83%)}
.hero-panel .eyebrow{color:#e0eaf5;text-shadow:0 2px 8px #0009}.hero-panel .eyebrow:before{background:#ed5964}
.hero-panel h1{font-size:clamp(48px,5.5vw,76px);line-height:1.12;letter-spacing:-1.8px;color:#f3f7fc;text-shadow:0 1px 0 #d4e2ed,1px 2px 0 #b4c9dc,2px 3px 0 #708ca6,3px 4px 0 #4a6784,4px 5px 0 #294764,5px 6px 0 #102b46,6px 8px 7px #020c17bb,0 16px 28px #0009}
.hero-panel h1 span{color:#f27c83;text-shadow:0 1px 0 #f8a7ad,1px 2px 0 #d75b66,2px 3px 0 #a73543,3px 4px 0 #7b2436,4px 5px 0 #561a2c,5px 6px 0 #2f1628,6px 8px 7px #020c17bb,0 16px 28px #0009}
.hero-panel .lead{color:#f0f5fa;text-shadow:0 2px 7px #000b;max-width:470px}.hero-subline{color:#d7e4f0;text-shadow:0 2px 7px #000b}.hero-panel .btn{background:#174a7c;border-color:#608fb8}.hero-panel .btn:hover{background:#245e95}.hero-panel .btn.outline{background:#112c4480;border-color:#b8cadb;color:white}.hero-panel .btn.outline:hover{background:#254e77}
@media(max-width:720px){.hero-panel{background:transparent;padding:12px 0;max-width:500px;width:100%}.hero-panel h1{font-size:clamp(42px,10.8vw,65px);letter-spacing:-1px}.hero:after{background:linear-gradient(90deg,#071b33e8,#0d2946b8 65%,#102b4566)}.hero-panel .lead{font-size:16px}.hero-subline{font-size:14px}}
/* Jaśniejsze zdjęcie i lżejszy efekt 3D dla nowego hasła. */
.hero:after{background:linear-gradient(90deg,#102b457a 0%,#15365045 35%,#16334b10 65%,transparent 88%)}
.hero-panel h1{font-size:clamp(37px,4.3vw,60px);line-height:1.14;letter-spacing:-1.2px;color:#f8fbff;text-shadow:0 1px 0 #d8e4ed,1px 2px 0 #9eb8cc,2px 3px 0 #476b8b,3px 4px 0 #1d3c59,0 5px 8px #001527d9,0 0 24px #071b3380}
.hero-panel h1 span{color:#ff959b;text-shadow:0 1px 0 #ffd0d3,1px 2px 0 #da6873,2px 3px 0 #973844,3px 4px 0 #542236,0 5px 8px #001527d9,0 0 24px #071b3380}
.hero-panel .lead,.hero-subline{color:#fff;text-shadow:0 1px 3px #001527,0 2px 12px #001527d9}
@media(max-width:720px){.hero:after{background:linear-gradient(90deg,#102b458f,#15365057 70%,#16334b24)}.hero-panel h1{font-size:clamp(29px,7.6vw,48px);letter-spacing:-.6px}}