:root{--navy:#031a2b;--navy2:#092438;--orange:#ff5a0a;--cream:#fbf8f3;--ink:#071a2d;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px}.site-header{min-height:76px;background:#fff;display:flex;align-items:center;gap:26px;padding:10px clamp(22px,4.5vw,70px);position:relative;z-index:10}.brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none;color:var(--navy)}.brand-logo{display:block;width:138px;max-height:54px;height:auto;object-fit:contain;object-position:left center}.footer-brand .brand-logo{width:118px;max-height:48px}.main-nav{display:flex;align-items:center;gap:clamp(14px,1.8vw,27px);margin-left:auto;white-space:nowrap}.main-nav a{color:#071322;text-decoration:none;font-size:12px;position:relative;padding:12px 0}.main-nav a.active:after{content:"";height:3px;position:absolute;bottom:2px;left:0;right:0;background:var(--orange)}.header-phone{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);white-space:nowrap}.phone-symbol{font-size:23px;color:var(--orange)}.header-phone-numbers{display:flex;flex-direction:column;gap:4px}.header-phone-numbers a{display:block;font-size:13px;font-weight:600;line-height:1.2;color:inherit;text-decoration:none}.button{min-height:45px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:700;font-size:12px;border-radius:3px;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-1px)}.button span{font-size:19px;font-weight:400;line-height:1}.button-orange{background:var(--orange);color:white;border:1px solid var(--orange)}.header-cta{min-height:42px;padding:0 16px}.menu-toggle{display:none}.hero{min-height:550px;position:relative;overflow:hidden;background:var(--navy);color:white;isolation:isolate}.hero-photo{position:absolute;z-index:-2;inset:0 0 0 30%;background-image:url('assets/hero-interior.jpg');background-size:cover;background-position:center 52%;transform:scale(1.015)}.hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#031a2b 0%,rgba(3,26,43,.98) 24%,rgba(3,26,43,.82) 38%,rgba(3,26,43,.16) 63%,rgba(3,26,43,.04) 100%),linear-gradient(0deg,rgba(3,26,43,.3),transparent 40%)}.hero-copy{position:relative;padding:70px 0 55px clamp(32px,5.5vw,86px);max-width:680px}.eyebrow{display:flex;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--orange);font-weight:700;font-size:11px;letter-spacing:.8px;margin:0 0 13px}.eyebrow>span{flex:0 0 22px;width:22px;height:2px;background:var(--orange);display:inline-block}.hero h1{font:700 clamp(34px,3.2vw,52px)/1.02 var(--serif);letter-spacing:-.8px;margin:0 0 17px;color:#fff}.hero h1 em{font-style:normal;color:var(--orange)}.hero-description{font-size:15px;line-height:1.55;margin:0 0 24px;max-width:490px;color:#f5f5f5}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button-outline{border:1px solid rgba(255,255,255,.9);color:#fff;background:rgba(2,20,34,.42);padding:0 19px}.play{display:inline-flex;border:1px solid var(--orange);border-radius:50%;width:21px;height:21px;align-items:center;justify-content:center;color:white;font-size:9px;padding-left:2px}.hero-signature{position:absolute;right:2.2%;bottom:24px;width:clamp(220px,24vw,390px);height:auto;max-height:220px;object-fit:contain;filter:drop-shadow(0 2px 2px #0002)}.benefits{min-height:91px;background:var(--navy);color:white;display:grid;grid-template-columns:repeat(6,1fr);padding:9px clamp(25px,4.5vw,70px);align-items:center}.benefit{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 15px;border-right:1px solid rgba(255,255,255,.12);font-size:12px;line-height:1.35}.benefit:first-child{padding-left:0}.benefit:last-child{border:0}.line-icon{font-family:var(--serif);font-size:32px;line-height:1;color:var(--orange);min-width:31px;text-align:center}.section-pad{padding:60px clamp(25px,5vw,76px)}.services{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading h2,.about h2,.projects h2,.contact h2{font:700 clamp(27px,2.6vw,36px)/1.08 var(--serif);letter-spacing:-.6px;margin:0}.section-heading .eyebrow{margin-bottom:8px}.text-link{font-size:11px;font-weight:700;text-decoration:none;color:var(--ink);margin-bottom:5px}.text-link span{font-size:17px;margin-left:4px;color:var(--orange)}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.service-card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:white;box-shadow:0 4px 18px #071a2d10;border-radius:4px;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #071a2d18}.service-card img{width:100%;height:145px;object-fit:cover;display:block}.service-card span{position:relative;min-height:57px;padding:16px 30px 12px 14px;font-weight:700;font-size:12px;line-height:1.25}.service-card b{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--orange);font-weight:400}.about{display:grid;grid-template-columns:1fr 1.05fr .9fr .72fr;min-height:310px;background:var(--navy);color:white}.about-photo{min-height:310px;overflow:hidden}.about-photo img{height:100%;width:100%;object-fit:cover;display:block}.about-copy{padding:30px 28px;align-self:center}.about-copy .eyebrow{margin-bottom:9px}.about h2{margin-bottom:14px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.6;margin:0 0 20px;color:#e6e9eb}.about-copy .button{min-height:40px;padding:0 20px}.about-values{align-self:center;padding:18px 15px 18px 22px;border-left:1px solid #ffffff15;display:flex;flex-direction:column;gap:15px}.about-values div{display:flex;align-items:center;gap:10px;font-size:11px}.about-values b{color:var(--orange);font-size:21px;font-weight:400;min-width:24px;text-align:center}.projects{display:grid;grid-template-columns:minmax(220px,.65fr) 1.8fr;gap:35px;align-items:center;background:var(--cream)}.projects .eyebrow{margin-bottom:9px}.projects h2{margin-bottom:12px}.project-intro>p:last-child{font-size:12px;line-height:1.55;color:#5a636b;max-width:310px}.project-gallery{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.project-gallery img{width:100%;height:160px;object-fit:cover;border-radius:3px}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:var(--navy);color:white;font-size:29px;line-height:1;cursor:pointer}.gallery-arrow.prev{left:-15px}.gallery-arrow.next{right:-15px}.contact{background:#f4eee6;display:grid;grid-template-columns:1fr minmax(300px,.75fr);gap:clamp(35px,7vw,100px);padding-top:65px;padding-bottom:65px}.contact h2{margin-bottom:16px}.contact>div>p:last-of-type{color:#45505b;line-height:1.6;max-width:420px}.contact-note{display:flex;flex-direction:column;gap:7px;margin-top:24px;color:#59616a;font-size:12px}.contact-note b{color:var(--navy);font-size:15px}.contact form{display:grid;gap:14px}.contact label{display:grid;gap:7px;font-weight:700;font-size:12px}.contact input,.contact textarea{width:100%;border:1px solid #d4d0ca;border-radius:3px;background:white;padding:13px;font:13px var(--sans);color:var(--ink)}.contact textarea{resize:vertical}.contact form .button{justify-self:start}.form-note{font-size:10px;line-height:1.5;color:#66717a;margin:0}footer{display:flex;align-items:center;gap:25px;background:white;padding:25px clamp(25px,5vw,76px);font-size:11px}footer .brand-logo{width:108px;max-height:44px}footer p{line-height:1.5;color:#47525d;margin-right:auto}footer>a:not(.brand){font-weight:bold;text-decoration:none;color:var(--ink)}footer small{color:#66717a}.desktop-only{display:block}
@media(max-width:1200px){.site-header{gap:15px;padding-inline:22px}.brand-logo{width:124px;max-height:48px}.main-nav{gap:13px}.main-nav a{font-size:11px}.header-phone small{font-size:9px}.header-cta{padding:0 11px}.benefits{padding-inline:25px}.benefit{padding-inline:9px;gap:8px;font-size:10px}.line-icon{font-size:28px;min-width:25px}.about{grid-template-columns:1fr 1.1fr .9fr}.about-bathroom{display:none}.service-card img{height:125px}.hero-copy{padding-top:58px}}
@media(max-width:850px){.site-header{min-height:68px;padding:8px 18px;gap:12px}.brand-logo{width:120px;max-height:46px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;margin-left:auto;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:var(--navy)}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:8px 20px 17px;box-shadow:0 10px 18px #071a2d20;align-items:stretch;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{padding:13px 0;border-bottom:1px solid #eee;font-size:13px}.main-nav a.active:after{bottom:0;right:auto;width:75px}.header-phone,.header-cta{display:none}.hero{min-height:650px}.hero-photo{inset:0;background-position:center;background-size:cover}.hero-shade{background:linear-gradient(90deg,rgba(3,26,43,.97),rgba(3,26,43,.68)),linear-gradient(0deg,rgba(3,26,43,.7),transparent 72%)}.hero-copy{padding:52px 24px 235px;max-width:600px}.hero h1{font-size:clamp(34px,7.3vw,47px)}.hero-description{font-size:14px;max-width:450px}.hero-signature{right:5%;bottom:22px;width:min(64vw,320px);max-height:190px}.benefits{grid-template-columns:repeat(3,1fr);padding:10px 12px}.benefit{min-height:64px;padding:8px;border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff12;font-size:10px}.benefit:nth-child(3){border-right:0}.benefit:nth-child(n+4){border-bottom:0}.section-pad{padding:38px 20px}.section-heading{align-items:start;gap:12px}.section-heading h2,.about h2,.projects h2,.contact h2{font-size:28px}.text-link{font-size:10px;white-space:normal;text-align:right;max-width:135px;margin-top:30px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card img{height:145px}.service-card span{min-height:50px}.service-card:last-child{grid-column:auto}.about{grid-template-columns:1fr}.about-worker{height:250px;min-height:0}.about-copy{padding:30px 22px}.about-copy>p:not(.eyebrow){font-size:13px;max-width:500px}.about-values{border-left:0;border-top:1px solid #ffffff15;padding:20px 22px 25px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-values div{white-space:normal;font-size:11px}.about-bathroom{display:block;height:200px;min-height:0}.projects{display:block}.project-intro{margin-bottom:18px}.project-intro>p:last-child{max-width:480px}.project-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.project-gallery img{height:145px}.gallery-arrow.prev{left:-8px}.gallery-arrow.next{right:-8px}.contact{grid-template-columns:1fr;gap:25px;padding-top:38px;padding-bottom:38px}footer{padding:22px 18px;display:grid;grid-template-columns:1fr auto;gap:12px}footer .brand{grid-row:span 2}footer p{margin:0}footer>a:not(.brand){grid-column:2}footer small{grid-column:1/-1;margin-top:8px}}
@media(max-width:420px){.hero{min-height:670px}.hero-copy{padding:42px 18px 230px}.hero h1{font-size:32px}.hero-actions{gap:8px}.hero-actions .button{font-size:11px;padding:0 12px}.hero-signature{width:74vw;right:4%}.benefit{font-size:9px;gap:5px;padding:6px}.line-icon{font-size:25px;min-width:22px}.section-heading h2{font-size:24px}.text-link{font-size:9px;max-width:105px}.service-card img{height:110px}.about-values{grid-template-columns:1fr}.project-gallery img{height:110px}footer{gap:8px}}

/* Exact approved main banner artwork; no generated close-up or separate slogan overlay. */
.hero-banner-art{position:relative;width:100%;line-height:0;overflow:hidden;background:#061a2a}
.hero-banner-art>img{display:block;width:100%;height:auto;margin:0}
.banner-hotspot{position:absolute;display:block;top:65.2%;height:9.0%;border-radius:3px;z-index:2}
.banner-quote{left:5.25%;width:17.2%}
.banner-projects{left:23.8%;width:18.0%}
@media(max-width:780px){.hero-banner-art{overflow:hidden}.banner-hotspot{top:65.2%;height:9.0%}}

/* Portfolio carousel v5: landscape cards, horizontal swipe/drag, responsive controls. */
.projects{grid-template-columns:minmax(220px,.58fr) minmax(0,1.8fr);gap:30px}
.project-gallery-wrap{position:relative;min-width:0;padding:0 2px}
.project-gallery{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:var(--orange) #e8e3dc;cursor:grab}
.project-gallery:active{cursor:grabbing}
.project-slide{flex:0 0 calc((100% - 28px)/3);min-width:0;scroll-snap-align:start;margin:0;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 5px 18px #071a2d12}
.project-slide img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;background:#e9e5df}
.slide-caption{padding:9px 10px 10px;color:#4d5962;font-size:10px;line-height:1.3;text-transform:capitalize;min-height:32px}
.gallery-arrow{z-index:2;box-shadow:0 3px 10px #0002}
.gallery-arrow.prev{left:-13px}.gallery-arrow.next{right:-13px}
.project-gallery::-webkit-scrollbar{height:6px}.project-gallery::-webkit-scrollbar-track{background:#e8e3dc;border-radius:5px}.project-gallery::-webkit-scrollbar-thumb{background:var(--orange);border-radius:5px}
@media(max-width:1000px){.projects{display:block}.project-intro{margin-bottom:18px}.project-gallery{gap:12px}.project-slide{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:650px){.project-gallery{gap:11px;padding-bottom:12px}.project-slide{flex-basis:82%;}.project-slide img{aspect-ratio:16/10}.slide-caption{font-size:11px;padding:10px}.gallery-arrow{width:34px;height:34px}.gallery-arrow.prev{left:-7px}.gallery-arrow.next{right:-7px}}
@media(prefers-reduced-motion:reduce){.project-gallery{scroll-behavior:auto}}


/* V6: bez podpisów, płynny i nieskończony pas zdjęć */
.marquee-gallery{position:relative;overflow:hidden;min-width:0;grid-column:1/-1;width:100%;}
.project-gallery.marquee-track{display:flex;flex-wrap:nowrap;align-items:center;gap:16px;width:max-content;max-width:none;animation:wr-gallery-flow 104s linear infinite;will-change:transform;padding:8px 0 14px;}
.project-gallery.marquee-track:hover{animation-play-state:paused;}
.project-gallery.marquee-track:focus{outline:2px solid #d97832;outline-offset:3px;}
.project-gallery.marquee-track .project-slide{flex:0 0 clamp(230px,26vw,390px);width:clamp(230px,26vw,390px);height:clamp(150px,17vw,230px);overflow:hidden;border-radius:4px;background:#eee;}
.project-gallery.marquee-track .project-slide img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;}
@keyframes wr-gallery-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:850px){.project-gallery.marquee-track{gap:12px;animation-duration:64s}.project-gallery.marquee-track .project-slide{flex-basis:78vw;width:78vw;height:52vw;max-height:260px}}
@media(prefers-reduced-motion:reduce){.project-gallery.marquee-track{animation:none;overflow-x:auto;max-width:100%;width:100%;}}


/* V8: dedykowana podstrona O nas; zachowuje stylistykę zatwierdzonej wersji 7 */
.about-page-hero{background:var(--navy);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;min-height:390px;}
.about-page-hero-copy{padding:clamp(42px,6vw,82px) clamp(24px,6vw,88px);align-self:center;}
.about-page-hero h1{font:700 clamp(36px,4.4vw,58px)/1.02 var(--serif);letter-spacing:-.8px;margin:0 0 20px;color:#fff;max-width:650px}
.about-page-hero h1 em{font-style:normal;color:var(--orange)}
.about-page-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#e5e9ec;max-width:600px;margin:0 0 26px}
.about-page-hero-image{min-height:390px;position:relative;overflow:hidden}
.about-page-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,rgba(3,26,43,.12) 35%,rgba(3,26,43,.02) 100%)}
.about-page-hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.about-page-proof{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;padding:24px clamp(24px,6vw,88px);gap:18px;border-bottom:1px solid #e9e4dd}
.about-page-proof div{padding:4px 18px;border-left:2px solid var(--orange)}
.about-page-proof strong{display:block;font:700 27px/1.1 var(--serif);color:var(--navy);margin-bottom:6px}
.about-page-proof span{font-size:12px;line-height:1.5;color:#5b636a}
.about-content{max-width:1220px;margin:auto;padding:68px clamp(24px,6vw,88px)}
.about-content h2{font:700 clamp(27px,2.7vw,38px)/1.1 var(--serif);letter-spacing:-.5px;margin:0 0 17px;color:var(--ink)}
.about-content p{font-size:14px;line-height:1.85;color:#4f5a62;margin:0 0 16px}
.about-content .eyebrow{color:var(--orange);font-size:11px;line-height:1.3;margin:0 0 12px}
.about-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,82px);align-items:center}
.about-content-image{height:100%;min-height:350px;overflow:hidden;border-radius:3px}
.about-content-image img{width:100%;height:100%;min-height:350px;object-fit:cover;display:block}
.about-content-dark{background:var(--navy);color:#fff}
.about-content-dark h2{color:#fff}
.about-content-dark p{color:#e1e7eb}
.about-advice{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,6vw,82px);align-items:start}
.about-advice-callout{border-top:3px solid var(--orange);padding-top:22px}
.about-advice-callout blockquote{margin:0;font:700 clamp(23px,2.5vw,34px)/1.25 var(--serif);color:#fff}
.about-advice-list{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.about-advice-list article{border-top:1px solid #ffffff2b;padding-top:15px}
.about-advice-list h3{font-size:13px;color:#fff;margin:0 0 8px}
.about-advice-list p{font-size:12px;line-height:1.7;margin:0;color:#d7dfe4}
.about-boundary{background:#f0ece5;padding:28px 32px;border-left:3px solid var(--orange);margin-top:26px}
.about-boundary p{margin:0;font-size:13px;color:#263746}.about-boundary p strong{color:#10283a}
.about-page-cta{background:#fff;text-align:center;padding:58px 24px 64px}
.about-page-cta h2{font:700 clamp(28px,3vw,40px)/1.1 var(--serif);margin:0 0 12px}
.about-page-cta p{max-width:580px;margin:0 auto 23px;color:#5a636b;line-height:1.7;font-size:13px}
.about-page-cta .button{margin:auto}
@media(max-width:780px){.about-page-hero{grid-template-columns:1fr}.about-page-hero-copy{padding:42px 22px 35px}.about-page-hero-image{min-height:250px;max-height:310px}.about-page-hero-image:after{background:linear-gradient(0deg,rgba(3,26,43,.15),transparent)}.about-page-proof{padding:20px 18px;gap:10px}.about-page-proof div{padding:4px 10px}.about-page-proof strong{font-size:22px}.about-page-proof span{font-size:10px}.about-content{padding:42px 22px}.about-content-grid,.about-advice{grid-template-columns:1fr;gap:24px}.about-content-image,.about-content-image img{min-height:240px;height:260px}.about-advice-list{gap:16px}.about-boundary{padding:22px}.about-page-cta{padding:42px 22px}}
@media(max-width:430px){.about-page-proof{grid-template-columns:1fr;gap:14px}.about-page-proof div{padding:4px 12px}.about-advice-list{grid-template-columns:1fr}}

/* Contact page */
.contact-page-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:390px;background:var(--navy);color:#fff}
.contact-page-hero-copy{align-self:center;padding:clamp(42px,6vw,82px) clamp(24px,6vw,88px)}
.contact-page-hero h1{font:700 clamp(38px,4.4vw,58px)/1.02 var(--serif);letter-spacing:-.8px;margin:0 0 20px;color:#fff;max-width:650px}
.contact-page-hero h1 em{font-style:normal;color:var(--orange)}
.contact-page-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#e5e9ec;max-width:560px;margin:0 0 26px}
.contact-page-actions{display:flex;gap:12px;flex-wrap:wrap}
.contact-page-hero-image{min-height:390px;position:relative;overflow:hidden}
.contact-page-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,rgba(3,26,43,.12) 35%,rgba(3,26,43,.02) 100%)}
.contact-page-hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.contact-page-details{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,7vw,100px);padding:clamp(42px,6vw,76px) clamp(24px,6vw,88px);background:var(--cream)}
.contact-page-intro h2,.contact-page-form-intro h2,.contact-page-bottom h2{font:700 clamp(28px,3vw,40px)/1.1 var(--serif);letter-spacing:-.5px;margin:0 0 16px;color:var(--navy)}
.contact-page-intro>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#515d66;max-width:440px}
.contact-page-service-area{display:flex;flex-direction:column;gap:6px;margin-top:28px;padding-left:14px;border-left:2px solid var(--orange);font-size:13px;color:#515d66}
.contact-page-service-area strong{color:var(--navy)}
.contact-methods{display:grid;gap:12px;align-content:start}
.contact-method{display:flex;align-items:center;gap:16px;padding:21px 22px;background:#fff;border:1px solid #ebe5dc;border-radius:3px;text-decoration:none;color:var(--ink);transition:transform .2s,border-color .2s}
.contact-method:hover{transform:translateY(-2px);border-color:var(--orange)}
.contact-method-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:#fff0e8;color:var(--orange);font-size:22px;border-radius:50%}
.contact-method>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}
.contact-method small{font-size:9px;letter-spacing:1px;color:#68727b;font-weight:700}
.contact-method strong{font-size:16px;color:var(--navy);overflow-wrap:anywhere}
.contact-method em{font-size:11px;color:#68727b;font-style:normal;line-height:1.4}
.contact-method>b{margin-left:auto;color:var(--orange);font-size:20px;font-weight:400}
.contact-method-static{cursor:default}
.contact-page-form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,7vw,100px);padding:clamp(42px,6vw,76px) clamp(24px,6vw,88px);background:#fff;border-top:1px solid #eee7df}
.contact-page-form-intro>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#515d66}
.contact-page-smallprint{margin-top:26px;padding:16px 18px;background:#f5f0e9;border-left:2px solid var(--orange);font-size:12px!important}
.contact-page-form{display:grid;gap:15px}
.contact-page-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--navy)}
.contact-page-form input,.contact-page-form textarea,.contact-page-form select{width:100%;min-height:44px;border:1px solid #d9d4cc;border-radius:3px;background:#fff;padding:12px 13px;font:13px var(--sans);color:var(--ink)}
.contact-page-form textarea{resize:vertical;line-height:1.5}
.contact-page-form input:focus,.contact-page-form textarea:focus,.contact-page-form select:focus{outline:2px solid #ffb18b;outline-offset:1px;border-color:var(--orange)}
.contact-page-form .button{justify-self:start;margin-top:3px;cursor:pointer}
.contact-page-bottom{text-align:center;padding:48px 22px 56px;background:#f4eee6}
.contact-page-bottom .eyebrow{justify-content:center}
.contact-page-bottom h2{max-width:700px;margin:0 auto 22px}
.contact-page-bottom .button{margin:auto}
.footer-contact-links{display:flex;flex-direction:column;gap:7px}
footer .footer-contact-links a{font-weight:bold;text-decoration:none;color:var(--ink)}
@media(max-width:850px){.contact-page-hero{grid-template-columns:1fr}.contact-page-hero-copy{padding:42px 22px 35px}.contact-page-hero-image{min-height:250px;max-height:310px}.contact-page-hero-image:after{background:linear-gradient(0deg,rgba(3,26,43,.15),transparent)}.contact-page-details,.contact-page-form-wrap{grid-template-columns:1fr;gap:25px;padding:42px 22px}.contact-page-intro h2,.contact-page-form-intro h2,.contact-page-bottom h2{font-size:30px}.contact-method{padding:17px}.contact-method strong{font-size:14px}footer .footer-contact-links{grid-column:2}}
@media(max-width:430px){.contact-page-hero h1{font-size:35px}.contact-page-actions .button{font-size:11px;padding:0 14px}.contact-method{gap:11px;padding:14px}.contact-method-icon{width:38px;height:38px}.contact-method strong{font-size:13px}.contact-page-bottom{padding:40px 20px}}

/* Contact update v11: secondary phone and social links */
.header-phone .header-second-phone{color:inherit;text-decoration:none;font-size:13px;font-weight:600;margin-top:0;display:block}
.header-phone .header-second-phone:hover{color:var(--orange)}
.footer-socials{display:flex;flex-direction:column;gap:7px;white-space:nowrap;color:#66717a;font-size:11px}
.footer-socials a,.contact-social-link a{color:var(--navy);font-weight:700;text-decoration:none}
.footer-socials a:hover,.contact-social-link a:hover{color:var(--orange)}
.contact-social-link{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:18px 0 22px;color:#58616a;font-size:12px}
/* Wycena: centralne wyrównanie danych kontaktowych i odnośnika do Facebooka */
.contact-page-bottom .contact-social-link{justify-content:center;text-align:center;max-width:900px;margin:18px auto 22px;line-height:1.7}
@media(max-width:850px){footer .footer-socials{grid-column:2;grid-row:3}footer small{grid-row:4}}

.header-primary-phone,.header-second-phone{color:inherit;text-decoration:none}.header-primary-phone:hover,.header-second-phone:hover{color:var(--orange)}

/* Contact v12: project documentation and preliminary estimate section */
.contact-documents{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,7vw,100px);padding:clamp(42px,6vw,76px) clamp(24px,6vw,88px);background:var(--navy);color:#fff}
.contact-documents .eyebrow{color:#e6edf1}
.contact-documents h2{font:700 clamp(28px,3vw,40px)/1.1 var(--serif);letter-spacing:-.5px;margin:0 0 18px;color:#fff;max-width:620px}
.contact-documents-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#e0e7eb;max-width:680px}
.contact-documents-copy>p strong{color:#fff}
.contact-documents-note{display:grid;gap:8px;margin:24px 0;padding:17px 19px;background:#fff;color:var(--navy);border-left:3px solid var(--orange);font-size:12px;line-height:1.65}
.contact-documents-note strong{font-size:13px;color:var(--navy)}
.contact-documents-note span{color:#4c5962}
.contact-documents-disclaimer{font-size:11px!important;color:#c8d2d9!important}
.contact-documents-steps{display:grid;align-content:center;gap:12px}
.contact-document-step{display:flex;align-items:flex-start;gap:17px;padding:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.contact-document-step>span{font:700 21px var(--serif);color:var(--orange);min-width:28px}
.contact-document-step strong{font-size:14px;color:#fff}
.contact-document-step p{margin:6px 0 0;font-size:12px;line-height:1.65;color:#d7e0e5}
@media(max-width:850px){.contact-documents{grid-template-columns:1fr;gap:26px;padding:42px 22px}.contact-documents h2{font-size:30px}.contact-document-step{padding:17px}}

/* Contact v13: make the remote-estimate path the primary action */
.contact-estimate-form-wrap{scroll-margin-top:100px;background:#f8f4ee;border-top:0;position:relative}
.contact-estimate-form-wrap .contact-page-form{background:#fff;padding:clamp(20px,3vw,32px);border:1px solid #e8ded2;border-top:4px solid var(--orange);box-shadow:0 12px 35px rgba(6,26,42,.08);border-radius:3px}
.contact-estimate-form-wrap .contact-page-form-intro h2{max-width:560px}
.contact-estimate-form-wrap .contact-page-form-intro .eyebrow{color:var(--orange)}
.contact-estimate-form-wrap .form-note{font-size:11px;line-height:1.6;color:#58636c;margin:0}
.contact-estimate-form-wrap .contact-page-form .button{width:100%;justify-content:center}
@media(max-width:850px){.contact-estimate-form-wrap{padding-top:34px;padding-bottom:38px}.contact-estimate-form-wrap .contact-page-form{padding:20px}}

/* v17: separate general contact from estimate flow */
.contact-route{align-items:center;gap:clamp(30px,6vw,85px)}
.contact-route-card{background:#fff;border:1px solid #e8ded2;border-top:4px solid var(--orange);padding:clamp(22px,3vw,36px);box-shadow:0 12px 35px rgba(6,26,42,.07);align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.contact-route-card h3{font:700 clamp(23px,2.2vw,30px)/1.12 var(--serif);color:var(--navy);margin:0 0 12px}
.contact-route-card>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#515d66;margin:0 0 22px}
.contact-route-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.contact-route-actions .text-link{margin:0}
.contact-page-bottom-copy{max-width:650px;margin:0 auto 22px;color:#515d66;font-size:13px;line-height:1.7}
@media(max-width:850px){.contact-route{gap:24px}.contact-route-card{padding:22px}.contact-route-actions{align-items:flex-start;flex-direction:column;gap:15px}}

/* v23: tidy footer and clear estimate paths */
.eyebrow{display:flex;align-items:center;justify-content:center;text-align:center;gap:10px}
.eyebrow>span{flex:0 0 22px;width:22px;height:2px;background:var(--orange);display:inline-block}
.footer-bottom-row{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e7e9eb;padding-top:10px;margin-top:4px;min-width:0}
.footer-bottom-row>small{color:#66717a;font-size:10px;line-height:1.5;white-space:nowrap;flex:0 0 auto}
.footer-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:3px 12px;color:#66717a;font-size:9px;line-height:1.45;min-width:0;text-align:right}
.footer-legal strong{color:#47525d;font-weight:600}
@media(max-width:850px){
 .footer-bottom-row{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:6px;padding-top:10px}
 .footer-legal{justify-content:flex-start;text-align:left;gap:3px 10px}
 .footer-bottom-row>small{white-space:normal;order:2}
}
@media(max-width:430px){.footer-legal{flex-direction:column;gap:2px}}


/* v24: czytelna stopka z danymi rejestrowymi w osobnym wierszu */
footer{flex-wrap:wrap}
.footer-legal{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:5px 18px;border-top:1px solid #e7e9eb;padding-top:11px;margin-top:2px;color:#66717a;font-size:10px;line-height:1.5;text-align:left;justify-content:flex-start}
.footer-legal strong{color:#47525d;font-weight:600}
footer small{color:#66717a;font-size:10px;line-height:1.5}
@media(max-width:850px){footer .footer-legal{grid-column:1/-1;display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:10px;font-size:10px}footer small{grid-column:1/-1;margin-top:8px}}


/* v26: dedykowana podstrona Nasze usługi */
.services-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(35px,6vw,90px);align-items:center;background:linear-gradient(115deg,#031a2b 0%,#092438 72%,#10334a 100%);color:#fff;padding:clamp(52px,7vw,96px) clamp(25px,6vw,90px);position:relative;overflow:hidden;isolation:isolate}
.services-hero:after{content:"";position:absolute;right:-140px;top:-210px;width:500px;height:500px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.02);z-index:-1}
.services-hero-copy{max-width:760px}.services-hero .eyebrow{justify-content:flex-start;color:#ff7a35}.services-hero h1{font:700 clamp(38px,4.5vw,62px)/1.02 var(--serif);letter-spacing:-1px;color:#fff;max-width:790px;margin:0 0 22px}.services-hero h1 em{font-style:normal;color:#ff7a35}.services-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#e0e7eb;max-width:650px;margin:0 0 27px}.services-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.services-hero-secondary{color:#fff;text-decoration:none;font-weight:700;font-size:12px}.services-hero-secondary span{color:#ff7a35;font-size:17px;margin-left:5px}.services-hero-aside{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.055);padding:clamp(22px,3vw,36px);max-width:420px;justify-self:end;width:100%;box-shadow:0 20px 45px rgba(0,0,0,.08)}.services-hero-mark{display:flex;align-items:center;gap:12px;margin-bottom:26px}.services-hero-mark span{font:700 32px var(--serif);letter-spacing:-2px;color:#fff}.services-hero-mark i{display:block;width:42px;height:3px;background:var(--orange)}.services-hero-aside-label{font-size:10px;letter-spacing:1.4px;color:#ff8a4b;font-weight:700;margin:0 0 15px}.services-hero-aside ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.services-hero-aside li{font-size:13px;line-height:1.5;color:#edf1f3;padding-left:20px;position:relative}.services-hero-aside li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;background:var(--orange);border-radius:50%}.services-hero-note{border-top:1px solid rgba(255,255,255,.17);padding-top:17px;margin:23px 0 0;font-size:11px;color:#bfcbd2;letter-spacing:.5px}
.services-offer{padding-top:66px;padding-bottom:58px;background:var(--cream)}.services-page-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:27px}.services-page-heading .eyebrow,.services-scope-intro .eyebrow{justify-content:flex-start;margin-bottom:9px}.services-page-heading h2,.services-scope-intro h2,.services-final-cta h2{font:700 clamp(29px,3vw,42px)/1.08 var(--serif);letter-spacing:-.6px;color:var(--navy);margin:0;max-width:700px}.services-page-heading>p{font-size:12px;line-height:1.75;color:#58636b;max-width:350px;margin:0 0 3px}.services-page-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.service-detail-card{min-width:0;background:#fff;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;border:1px solid #eee8df;box-shadow:0 7px 22px rgba(7,26,45,.055);transition:transform .2s,box-shadow .2s}.service-detail-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px rgba(7,26,45,.12)}.service-detail-card>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e9e5df}.service-detail-card-copy{padding:18px 16px 17px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.service-card-number{font-size:9px;letter-spacing:1px;color:var(--orange);font-weight:700;margin-bottom:11px}.service-detail-card h3{font:700 19px/1.1 var(--serif);color:var(--navy);margin:0 0 10px}.service-detail-card p{font-size:11px;line-height:1.7;color:#59636b;margin:0 0 18px}.service-card-link{margin-top:auto;padding-top:12px;border-top:1px solid #ece7e0;width:100%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.service-card-link b{font-size:16px;color:var(--orange);font-weight:400}.services-image-disclaimer{font-size:10px;line-height:1.6;color:#737d84;margin:16px 0 0}
.services-scope-section{padding:clamp(48px,6vw,78px) clamp(25px,6vw,90px);background:#f0eae2;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,7vw,100px);align-items:start}.services-scope-intro{position:sticky;top:105px}.services-scope-intro h2{margin-bottom:17px}.services-scope-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#515d66;max-width:430px}.services-scope-list{display:grid}.services-scope-item{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:23px 0;border-bottom:1px solid #d9d1c8;scroll-margin-top:100px}.services-scope-item:first-child{padding-top:0}.services-scope-item>span{font:700 18px var(--serif);color:var(--orange);padding-top:1px}.services-scope-item h3{font:700 23px/1.15 var(--serif);color:var(--navy);margin:0 0 9px}.services-scope-item p{font-size:12px;line-height:1.75;color:#515d66;margin:0 0 10px;max-width:720px}.services-scope-item ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 20px;list-style:none;padding:0;margin:0}.services-scope-item li{font-size:11px;line-height:1.6;color:#3e4a53;padding-left:15px;position:relative}.services-scope-item li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;background:var(--orange);border-radius:50%}.services-scope-note{grid-column:2;margin:0;font-size:10px;line-height:1.7;color:#657078;padding:16px 18px;background:rgba(255,255,255,.58);border-left:3px solid var(--orange)}
.services-projects{background:#fff;padding-top:68px;padding-bottom:70px}.services-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.services-project-grid figure{margin:0;min-width:0;background:var(--cream);overflow:hidden}.services-project-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}.services-project-grid figure:hover img{transform:scale(1.035)}.services-project-grid figcaption{padding:12px 13px 14px;font-size:11px;font-weight:700;color:#34434e;line-height:1.4}.services-projects-link{display:flex;justify-content:flex-end;margin-top:22px}.services-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--navy);color:#fff;padding:clamp(35px,5vw,62px) clamp(25px,6vw,90px)}.services-final-cta .eyebrow{justify-content:flex-start;color:#ff7a35;margin-bottom:10px}.services-final-cta h2{color:#fff;margin-bottom:12px}.services-final-cta p:not(.eyebrow){font-size:12px;line-height:1.7;color:#d8e0e5;max-width:700px;margin:0}.services-final-cta>.button{flex-shrink:0}
@media(max-width:1100px){.services-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-detail-card h3{font-size:18px}.services-hero{grid-template-columns:1.15fr .85fr}.services-scope-section{gap:35px}}
@media(max-width:850px){.services-hero{grid-template-columns:1fr;padding:48px 24px;gap:30px}.services-hero-aside{justify-self:start;max-width:none}.services-hero h1{font-size:42px}.services-page-heading{display:block}.services-page-heading>p{margin-top:13px;max-width:600px}.services-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.services-scope-section{grid-template-columns:1fr;padding:44px 24px;gap:25px}.services-scope-intro{position:static}.services-scope-note{grid-column:1}.services-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-final-cta{align-items:flex-start;flex-direction:column}.services-final-cta>.button{align-self:flex-start}}
@media(max-width:480px){.services-hero h1{font-size:36px}.services-hero-actions{gap:16px}.services-hero-actions .button{font-size:11px;padding:0 15px}.services-page-grid{grid-template-columns:1fr}.service-detail-card{display:grid;grid-template-columns:39% 1fr;flex-direction:row}.service-detail-card>img{height:100%;aspect-ratio:auto;min-height:185px}.service-detail-card-copy{padding:14px 13px}.service-detail-card h3{font-size:18px}.service-detail-card p{font-size:10px;margin-bottom:12px}.services-scope-item{grid-template-columns:28px 1fr;gap:10px}.services-scope-item h3{font-size:21px}.services-scope-item ul{grid-template-columns:1fr}.services-project-grid{gap:9px}.services-project-grid figcaption{font-size:10px;padding:9px}.services-projects-link{justify-content:flex-start}.services-final-cta h2{font-size:30px}}


/* v27: uproszczona oferta usług, bez sztywnego katalogu pięciu kategorii */
.services-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.services-overview-card{background:#fff;border:1px solid rgba(3,26,43,.08);min-width:0;display:flex;flex-direction:column}
.services-overview-card>img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover}
.services-overview-card>div{padding:22px 22px 25px}
.services-overview-card h3{font:700 23px/1.15 var(--serif);color:var(--navy);margin:9px 0 11px}
.services-overview-card p{font-size:12px;line-height:1.8;color:#515d66;margin:0}
.services-process-section .services-scope-intro{position:static}
@media(max-width:900px){.services-overview{grid-template-columns:1fr 1fr}.services-overview-card:last-child{grid-column:1/-1}.services-overview-card:last-child{display:grid;grid-template-columns:.8fr 1.2fr}.services-overview-card:last-child>img{height:100%;min-height:220px}}
@media(max-width:600px){.services-overview{grid-template-columns:1fr}.services-overview-card:last-child{grid-column:auto;display:flex}.services-overview-card:last-child>img{height:auto;min-height:0;aspect-ratio:5/3}.services-overview-card>div{padding:18px}.services-overview-card h3{font-size:21px}}


/* v28: osobna, responsywna podstrona Realizacje */
.home-projects-more{display:flex;justify-content:flex-end;grid-column:1/-1;margin-top:24px}
.realizations-page{background:var(--cream)}
.realizations-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(48px,6vw,82px) clamp(25px,6vw,90px);background:#f0eae2}
.realizations-hero-copy{max-width:680px}
.realizations-hero .eyebrow{justify-content:flex-start;margin-bottom:13px}
.realizations-hero h1{font:700 clamp(42px,5vw,68px)/1.02 var(--serif);letter-spacing:-1.2px;color:var(--navy);margin:0 0 20px}
.realizations-hero h1 em{font-style:normal;color:var(--orange)}
.realizations-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#4f5c65;max-width:610px;margin:0 0 25px}
.realizations-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.realizations-secondary{font-size:12px;font-weight:700;color:var(--navy);text-decoration:none}
.realizations-secondary span{color:var(--orange);font-size:17px;margin-left:5px}
.realizations-hero-image{min-width:0}
.realizations-hero-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:0 18px 45px rgba(7,26,45,.12)}
.realizations-gallery-section{background:#fff;padding-top:66px;padding-bottom:72px}
.realizations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}
.realization-card{margin:0;min-width:0;background:var(--cream);overflow:hidden}
.realization-photo{display:block;overflow:hidden;background:#e8e3dc}
.realization-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}
.realization-photo:hover img{transform:scale(1.035)}
.realization-card figcaption{display:flex;flex-direction:column;gap:6px;padding:14px 16px 17px}
.realization-card figcaption span{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:var(--orange);font-weight:700}
.realization-card figcaption strong{font:700 17px/1.25 var(--serif);color:var(--navy)}
.realizations-note{font-size:11px;line-height:1.7;color:#69737a;margin:22px 0 0}
.realizations-final-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--navy);color:#fff;padding:clamp(36px,5vw,62px) clamp(25px,6vw,90px)}
.realizations-final-cta .eyebrow{justify-content:flex-start;color:#ff7a35;margin-bottom:10px}
.realizations-final-cta h2{font:700 clamp(28px,3vw,40px)/1.1 var(--serif);color:#fff;margin:0 0 12px;max-width:700px}
.realizations-final-cta p:not(.eyebrow){font-size:12px;line-height:1.75;color:#d8e0e5;max-width:700px;margin:0}
.realizations-final-cta>.button{flex-shrink:0}
@media(max-width:850px){.realizations-hero{grid-template-columns:1fr;padding:46px 24px;gap:28px}.realizations-hero-image{max-width:680px}.realizations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.realizations-final-cta{align-items:flex-start;flex-direction:column}.realizations-final-cta>.button{align-self:flex-start}}
@media(max-width:520px){.realizations-hero h1{font-size:39px}.realizations-hero-copy>p:not(.eyebrow){font-size:13px}.realizations-hero-actions{gap:14px}.realizations-hero-actions .button{font-size:11px;padding:0 15px}.realizations-grid{grid-template-columns:1fr;gap:17px}.realization-card figcaption{padding:12px 13px 14px}.realization-card figcaption strong{font-size:16px}.home-projects-more{justify-content:flex-start}.realizations-gallery-section{padding-top:45px;padding-bottom:48px}}

/* v29: bardziej spójna, kompaktowa podstrona Realizacje */
.realizations-page{background:var(--navy);color:#fff}
.realizations-hero{grid-template-columns:1fr .8fr;gap:clamp(28px,4vw,58px);padding:clamp(34px,4.2vw,58px) clamp(25px,5.2vw,76px);background:linear-gradient(115deg,#031a2b 0%,#092438 100%);color:#fff}
.realizations-hero-copy{max-width:610px}
.realizations-hero .eyebrow{justify-content:flex-start;margin-bottom:11px}
.realizations-hero h1{font-size:clamp(35px,4vw,52px);color:#fff;margin-bottom:15px}
.realizations-hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#dbe2e7;max-width:560px;margin-bottom:20px}
.realizations-secondary{color:#fff}
.realizations-hero-image{position:relative;overflow:hidden;transform:rotate(1.2deg);border:5px solid rgba(255,255,255,.08);box-shadow:0 15px 35px #0003}
.realizations-hero-image img{aspect-ratio:4/3;box-shadow:none}
.realizations-gallery-section{background:#092438;padding:42px clamp(22px,5.2vw,76px) 40px;color:#fff;overflow:hidden}
.realizations-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;max-width:1500px;margin:0 auto 22px}
.realizations-gallery-heading .eyebrow{justify-content:flex-start;margin-bottom:8px}
.realizations-gallery-heading h2{font:700 clamp(25px,2.7vw,34px)/1.12 var(--serif);letter-spacing:-.4px;color:#fff;margin:0 0 9px}
.realizations-gallery-heading p:not(.eyebrow){font-size:12px;line-height:1.6;color:#cbd5dc;margin:0;max-width:680px}
.realizations-controls{display:flex;gap:8px;flex-shrink:0}
.realizations-arrow{width:38px;height:38px;border:1px solid #ffffff50;background:transparent;color:#fff;font-size:27px;line-height:1;border-radius:50%;cursor:pointer;transition:background .2s,border-color .2s}
.realizations-arrow:hover{background:var(--orange);border-color:var(--orange)}
.realizations-strip-wrap{max-width:1500px;margin:0 auto;position:relative}
.realizations-strip{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 1px 13px;touch-action:pan-x;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--orange) #17384c}
.realizations-strip:active{cursor:grabbing}
.realizations-strip::-webkit-scrollbar{height:5px}.realizations-strip::-webkit-scrollbar-track{background:#17384c;border-radius:5px}.realizations-strip::-webkit-scrollbar-thumb{background:var(--orange);border-radius:5px}
.realization-slide{flex:0 0 clamp(230px,25vw,340px);height:clamp(170px,19vw,245px);position:relative;display:block;overflow:hidden;scroll-snap-align:start;background:#102b3e;border-radius:3px;color:#fff;text-decoration:none}
.realization-slide img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;opacity:.95}
.realization-slide:hover img{transform:scale(1.035)}
.realization-slide-caption{position:absolute;inset:auto 0 0;padding:26px 13px 12px;background:linear-gradient(0deg,rgba(3,20,33,.88),transparent);font-size:11px;font-weight:700;line-height:1.35;color:#fff}
.realizations-note{max-width:1500px;margin:12px auto 0;font-size:10px;color:#aebdc7;line-height:1.6}
.realizations-final-cta{padding:34px clamp(25px,5.2vw,76px);background:#031a2b;border-top:1px solid #ffffff12}
.realizations-final-cta h2{font-size:clamp(25px,2.7vw,34px)}
.realizations-final-cta p:not(.eyebrow){font-size:12px}
.realization-lightbox[hidden]{display:none}
.realization-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(1,10,18,.94);display:flex;align-items:center;justify-content:center;padding:54px 70px}
.realization-lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(1100px,90vw);max-height:88vh}
.realization-lightbox figure img{display:block;max-width:100%;max-height:78vh;object-fit:contain;box-shadow:0 8px 40px #0006}
.realization-lightbox figcaption{color:#e8edf0;font-size:12px;text-align:center}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:1px solid #ffffff55;background:#0a263a;color:#fff;border-radius:50%;width:42px;height:42px;font-size:29px;line-height:1;cursor:pointer}
.lightbox-close{top:17px;right:20px;font-size:30px}.lightbox-prev{left:18px;top:50%;transform:translateY(-50%)}.lightbox-next{right:18px;top:50%;transform:translateY(-50%)}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:var(--orange);border-color:var(--orange)}
@media(max-width:850px){.realizations-hero{grid-template-columns:1fr;padding:34px 22px;gap:23px}.realizations-hero-image{max-width:590px;transform:rotate(.7deg)}.realizations-gallery-section{padding:34px 20px 30px}.realizations-gallery-heading{align-items:flex-end}.realization-slide{flex-basis:clamp(240px,58vw,340px);height:clamp(175px,37vw,230px)}.realizations-final-cta{padding:32px 22px}}
@media(max-width:520px){.realizations-hero h1{font-size:36px}.realizations-hero-copy>p:not(.eyebrow){font-size:12px}.realizations-gallery-heading{align-items:flex-start;gap:12px}.realizations-gallery-heading h2{font-size:25px}.realizations-gallery-heading p:not(.eyebrow){font-size:11px;max-width:290px}.realizations-controls{gap:5px}.realizations-arrow{width:33px;height:33px;font-size:24px}.realization-slide{flex-basis:78vw;height:56vw;max-height:245px}.realizations-final-cta{align-items:flex-start}.realization-lightbox{padding:50px 12px}.realization-lightbox figure{max-width:96vw}.realization-lightbox figure img{max-height:72vh}.lightbox-prev{left:8px;top:auto;bottom:18px;transform:none}.lightbox-next{right:8px;top:auto;bottom:18px;transform:none}.lightbox-close{top:10px;right:10px}}
@media(prefers-reduced-motion:reduce){.realizations-strip{scroll-behavior:auto}.realization-slide img{transition:none}}


/* v30: jaśniejsze tło galerii i nowa fotografia banerowa */
.realizations-gallery-section{background:#f4f0e9;color:var(--navy)}
.realizations-gallery-heading h2{color:var(--navy)}
.realizations-gallery-heading p:not(.eyebrow){color:#59646c}
.realizations-controls .realizations-arrow{border-color:#b8c0c5;color:var(--navy);background:rgba(255,255,255,.65)}
.realizations-controls .realizations-arrow:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.realizations-strip{scrollbar-color:var(--orange) #dedbd5}
.realizations-strip::-webkit-scrollbar-track{background:#dedbd5}
.realization-slide{background:#ded8cf;box-shadow:0 7px 20px rgba(7,26,45,.10)}
.realizations-note{color:#69737a}
@media(max-width:850px){.realizations-gallery-section{background:#f4f0e9}}

/* V31: spójny baner podstron: O nas, Usługi i Realizacje */
.services-consistent-hero .about-page-hero-image img,
.realizations-consistent-hero .about-page-hero-image img{object-fit:cover}
.services-consistent-hero .about-page-hero-copy>p:not(.eyebrow),
.realizations-consistent-hero .about-page-hero-copy>p:not(.eyebrow){max-width:600px}
@media(max-width:780px){
 .services-consistent-hero .about-page-hero-image,
 .realizations-consistent-hero .about-page-hero-image{min-height:250px;max-height:310px}
}


/* V37: Wycena i Kontakt — ten sam baner z płynnym przejściem granatu w zdjęcie */
.contact-page-hero.gradient-banner-hero{
  display:flex;
  align-items:center;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:430px;
  background:var(--navy);
  color:#fff;
}
.contact-page-hero.gradient-banner-hero .contact-page-hero-copy{
  position:relative;
  z-index:2;
  align-self:auto;
  width:min(62%, 760px);
  padding:clamp(42px,6vw,82px) clamp(24px,6vw,88px);
}
.contact-page-hero.gradient-banner-hero .contact-page-hero-image{
  position:absolute;
  z-index:0;
  inset:0;
  min-height:100%;
  max-height:none;
  overflow:hidden;
}
.contact-page-hero.gradient-banner-hero .contact-page-hero-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    var(--navy) 0%,
    rgba(3,26,43,.98) 18%,
    rgba(3,26,43,.88) 31%,
    rgba(3,26,43,.56) 44%,
    rgba(3,26,43,.18) 61%,
    rgba(3,26,43,.02) 78%,
    rgba(3,26,43,0) 100%);
}
.contact-page-hero.gradient-banner-hero .contact-page-hero-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(max-width:850px){
  .contact-page-hero.gradient-banner-hero{
    display:block;
    min-height:0;
  }
  .contact-page-hero.gradient-banner-hero .contact-page-hero-copy{
    width:100%;
    padding:42px 22px 40px;
  }
  .contact-page-hero.gradient-banner-hero .contact-page-hero-image{
    position:absolute;
    inset:0;
    min-height:100%;
    max-height:none;
  }
  .contact-page-hero.gradient-banner-hero .contact-page-hero-image:after{
    background:linear-gradient(90deg,
      rgba(3,26,43,.97) 0%,
      rgba(3,26,43,.91) 35%,
      rgba(3,26,43,.72) 65%,
      rgba(3,26,43,.48) 100%);
  }
}


/* V38: wspólny, delikatny gradient banerów na podstronach O nas, Usługi i Realizacje */
.about-page-hero.gradient-banner-hero{
  display:flex;
  align-items:center;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:430px;
  background:var(--navy);
  color:#fff;
}
.about-page-hero.gradient-banner-hero .about-page-hero-copy{
  position:relative;
  z-index:2;
  align-self:auto;
  width:min(62%, 760px);
  padding:clamp(42px,6vw,82px) clamp(24px,6vw,88px);
}
.about-page-hero.gradient-banner-hero .about-page-hero-image{
  position:absolute;
  z-index:0;
  inset:0;
  min-height:100%;
  max-height:none;
  overflow:hidden;
}
.about-page-hero.gradient-banner-hero .about-page-hero-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    var(--navy) 0%,
    rgba(3,26,43,.98) 18%,
    rgba(3,26,43,.88) 31%,
    rgba(3,26,43,.56) 44%,
    rgba(3,26,43,.18) 61%,
    rgba(3,26,43,.02) 78%,
    rgba(3,26,43,0) 100%);
}
.about-page-hero.gradient-banner-hero .about-page-hero-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:850px){
  .about-page-hero.gradient-banner-hero{display:block;min-height:0}
  .about-page-hero.gradient-banner-hero .about-page-hero-copy{width:100%;padding:42px 22px 40px}
  .about-page-hero.gradient-banner-hero .about-page-hero-image{position:absolute;inset:0;min-height:100%;max-height:none}
  .about-page-hero.gradient-banner-hero .about-page-hero-image:after{background:linear-gradient(90deg,rgba(3,26,43,.97) 0%,rgba(3,26,43,.91) 35%,rgba(3,26,43,.72) 65%,rgba(3,26,43,.48) 100%)}
}

/* V42: wyrównanie wysokości banerów na wszystkich podstronach */
@media (min-width: 851px){
  .about-page-hero.gradient-banner-hero,
  .contact-page-hero.gradient-banner-hero{
    height:390px;
    min-height:390px;
  }
  .about-page-hero.gradient-banner-hero .about-page-hero-copy,
  .contact-page-hero.gradient-banner-hero .contact-page-hero-copy{
    padding:30px clamp(24px,5vw,70px);
  }
  .about-page-hero.gradient-banner-hero h1,
  .contact-page-hero.gradient-banner-hero h1{
    font-size:clamp(34px,3.25vw,46px);
    line-height:1.04;
    margin-bottom:13px;
    letter-spacing:-.6px;
  }
  .about-page-hero.gradient-banner-hero .eyebrow,
  .contact-page-hero.gradient-banner-hero .eyebrow{margin-bottom:10px}
  .about-page-hero.gradient-banner-hero .about-page-hero-copy>p:not(.eyebrow),
  .contact-page-hero.gradient-banner-hero .contact-page-hero-copy>p:not(.eyebrow){
    font-size:13px;
    line-height:1.55;
    margin-bottom:14px;
  }
  .about-page-hero.gradient-banner-hero .button,
  .contact-page-hero.gradient-banner-hero .button{min-height:42px}
}
/* Strona główna: pasek z ikonami ma być spokojniejszym, jasnym dopełnieniem banera. */


/* V45: final mobile usability pass — touch targets, narrow screens and overflow safety */
img, video, iframe, canvas, svg { max-width: 100%; }
main, section, article, figure, form, footer { min-width: 0; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: rgba(255,90,10,.14); }
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid #ff7a35;
  outline-offset: 3px;
}
@media (max-width: 850px) {
  .site-header { min-width: 0; }
  .menu-toggle {
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
  }
  .main-nav {
    top: 100%;
    max-height: calc(100vh - 68px);
    max-height: calc(100dvh - 68px);
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 30;
    white-space: normal;
  }
  .main-nav a {
    display: flex;
    align-items: center;
    min-height: 44px;
    line-height: 1.35;
  }
  .button, .contact-page-actions .button, .services-hero-actions .button,
  .realizations-hero-actions .button {
    min-height: 44px;
  }
  .about-page-hero-copy, .contact-page-hero-copy, .services-hero-copy,
  .realizations-hero-copy, .contact-page-form-wrap > *, .contact-page-details > *,
  .services-scope-section > *, .about-content-grid > *, .about-advice > * {
    min-width: 0;
  }
  .contact-page-form input, .contact-page-form select, .contact-page-form textarea,
  .contact input, .contact textarea {
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    font-size: 16px;
  }
  .contact-page-form textarea, .contact textarea { min-height: 110px; }
  .realizations-strip, .project-gallery, .marquee-track {
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 16px; }
  .section-pad { padding-left: 18px; padding-right: 18px; }
  .section-heading { flex-wrap: wrap; }
  .section-heading > .text-link {
    max-width: none;
    margin-top: 0;
    text-align: left;
    font-size: 11px;
  }
  .benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .benefit { min-width: 0; font-size: 11px; }
  .benefit:nth-child(3) { border-right: 1px solid rgba(255,255,255,.12); }
  .benefit:nth-child(2n) { border-right: 0; }
  .benefit:nth-child(n+4) { border-bottom: 1px solid rgba(255,255,255,.12); }
  .benefit:nth-child(n+5) { border-bottom: 0; }
  .hero-actions, .contact-page-actions, .services-hero-actions, .realizations-hero-actions {
    gap: 10px;
  }
  .hero-actions .button, .contact-page-actions .button,
  .services-hero-actions .button, .realizations-hero-actions .button {
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
  .service-card span, .service-detail-card p, .services-project-grid figcaption,
  .contact-page-form .form-note, .form-note {
    overflow-wrap: anywhere;
  }
  .contact-page-form-wrap, .contact-page-details, .contact-estimate-form-wrap {
    padding-left: 18px;
    padding-right: 18px;
  }
  .contact-page-form { min-width: 0; }
  .contact-page-form .button { width: 100%; white-space: normal; }
  .contact-page-bottom .button, .services-final-cta > .button,
  .realizations-final-cta > .button { max-width: 100%; white-space: normal; }
  footer { min-width: 0; }
  .footer-contact-links a, .footer-socials a, .footer-legal span {
    overflow-wrap: anywhere;
    word-break: normal;
  }
}
@media (max-width: 360px) {
  .site-header { padding-left: 12px; padding-right: 12px; }
  .brand-logo { width: 108px; }
  .hero-copy { padding-left: 16px; padding-right: 16px; }
  .section-pad { padding-left: 15px; padding-right: 15px; }
  .about-page-hero-copy, .contact-page-hero-copy, .services-hero,
  .realizations-hero { padding-left: 16px; padding-right: 16px; }
  .realizations-gallery-section, .contact-page-form-wrap, .contact-page-details {
    padding-left: 15px;
    padding-right: 15px;
  }
  .button { padding-left: 12px; padding-right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Kontakt: zdjęcie wypełnia prawą część banera i płynnie łączy się z granatem. */
@media (min-width:851px){
  .contact-page-hero.gradient-banner-hero .contact-page-hero-image{
    left:30%;
  }
  .contact-page-hero.gradient-banner-hero .contact-page-hero-image img{
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 22%;
  }
  .contact-page-hero.gradient-banner-hero .contact-page-hero-image:after{
    background:linear-gradient(90deg,
      var(--navy) 0%,
      rgba(3,26,43,.94) 12%,
      rgba(3,26,43,.68) 27%,
      rgba(3,26,43,.25) 43%,
      rgba(3,26,43,.04) 65%,
      rgba(3,26,43,0) 100%);
  }
}
/* O nas: szerszy kadr zespołu, stołu i wnętrza z płynnym przejściem w granat. */
@media (min-width:851px){
  .about-page-hero.gradient-banner-hero.about-team-hero .about-page-hero-image{
    left:30%;
  }
  .about-page-hero.gradient-banner-hero.about-team-hero .about-page-hero-image img{
    object-fit:cover;
    object-position:center 22%;
  }
  .about-page-hero.gradient-banner-hero.about-team-hero .about-page-hero-image:after{
    background:linear-gradient(90deg,
      var(--navy) 0%,
      rgba(3,26,43,.94) 12%,
      rgba(3,26,43,.68) 27%,
      rgba(3,26,43,.25) 43%,
      rgba(3,26,43,.04) 65%,
      rgba(3,26,43,0) 100%);
  }
}
/* V56: szerszy kadr grafik Usługi i Realizacje. */
@media (min-width:851px){
  .about-page-hero.gradient-banner-hero.services-consistent-hero .about-page-hero-image,
  .about-page-hero.gradient-banner-hero.realizations-consistent-hero .about-page-hero-image{
    left:30%;
  }
  .about-page-hero.gradient-banner-hero.services-consistent-hero .about-page-hero-image img,
  .about-page-hero.gradient-banner-hero.realizations-consistent-hero .about-page-hero-image img{
    object-fit:cover;
    object-position:center center;
  }
  .about-page-hero.gradient-banner-hero.services-consistent-hero .about-page-hero-image:after,
  .about-page-hero.gradient-banner-hero.realizations-consistent-hero .about-page-hero-image:after{
    background:linear-gradient(90deg,
      var(--navy) 0%,
      rgba(3,26,43,.94) 12%,
      rgba(3,26,43,.68) 27%,
      rgba(3,26,43,.25) 43%,
      rgba(3,26,43,.04) 65%,
      rgba(3,26,43,0) 100%);
  }
}
/* V57: czytelny układ mobilny; grafika desktopowa pozostaje bez zmian. */
.home-mobile-hero{display:none}
@media(max-width:850px){
  .hero-banner-art{display:none}
  .home-mobile-hero{display:block;background:var(--navy);color:#fff}
  .home-mobile-copy{padding:34px 22px 24px}
  .home-mobile-copy .eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:.4px}
  .home-mobile-copy .home-mobile-title{font:700 clamp(30px,6vw,44px)/1.08 var(--serif);letter-spacing:-.6px;margin:0 0 20px;max-width:680px}
  .home-mobile-copy .home-mobile-title em{font-style:normal;color:var(--orange)}
  .home-mobile-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:620px;margin:0 0 22px;color:#eef1f3}
  .home-mobile-actions{display:flex;flex-wrap:wrap;gap:12px}
  .home-mobile-actions .button{min-height:48px;font-size:14px}
  .home-mobile-photo{position:relative;aspect-ratio:16/10;overflow:hidden}
  .home-mobile-photo img{display:block;width:200%;max-width:none;height:auto;transform:translateX(-50%)}
  .home-mobile-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--navy),transparent 22%);pointer-events:none}
  .home-mobile-benefits{list-style:none;margin:0;padding:20px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:var(--cream);color:var(--ink)}
  .home-mobile-benefits li{font-size:13px;line-height:1.4;border-left:2px solid var(--orange);padding-left:10px}
  .about-page-hero.gradient-banner-hero,
  .contact-page-hero.gradient-banner-hero{display:flex;flex-direction:column;height:auto;min-height:0}
  .about-page-hero.gradient-banner-hero .about-page-hero-copy,
  .contact-page-hero.gradient-banner-hero .contact-page-hero-copy{width:100%;padding:34px 22px 24px}
  .about-page-hero.gradient-banner-hero h1,
  .contact-page-hero.gradient-banner-hero h1{font-size:clamp(30px,6vw,44px);line-height:1.09}
  .about-page-hero.gradient-banner-hero .about-page-hero-copy>p:not(.eyebrow),
  .contact-page-hero.gradient-banner-hero .contact-page-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.6}
  .about-page-hero.gradient-banner-hero .about-page-hero-image,
  .contact-page-hero.gradient-banner-hero .contact-page-hero-image{position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/10;flex:none}
  .about-page-hero.gradient-banner-hero .about-page-hero-image img,
  .contact-page-hero.gradient-banner-hero .contact-page-hero-image img{object-fit:cover;object-position:center}
  .about-page-hero.gradient-banner-hero .about-page-hero-image:after,
  .contact-page-hero.gradient-banner-hero .contact-page-hero-image:after{background:linear-gradient(180deg,var(--navy),rgba(3,26,43,.15) 24%,transparent 55%)}
  .realizations-arrow,.gallery-arrow,.lightbox-close,.lightbox-prev,.lightbox-next{width:44px;height:44px}
  .main-nav a{font-size:16px}
  .contact-page-actions{flex-wrap:wrap}
  .contact-page-actions .button{font-size:13px;min-height:48px}
  .services-final-cta,.realizations-final-cta{flex-wrap:wrap}
  footer .footer-contact-links a,footer .footer-socials a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:430px){
  .home-mobile-actions{flex-direction:column}
  .home-mobile-actions .button{width:100%}
  .home-mobile-copy{padding-left:18px;padding-right:18px}
}
@media(min-width:851px) and (max-width:1050px){
  .site-header{gap:10px;padding-inline:16px}
  .site-header .header-cta{display:none}
  .main-nav{gap:12px}
}
@media(max-width:850px){
  .about-content p,.about-advice p,.about-copy>p:not(.eyebrow),
  .contact-page-intro>p,.contact-page-form-intro>p:not(.eyebrow),
  .contact-page-smallprint,.contact-document-step p,
  .services-scope-intro p,.services-scope-item p,
  .service-detail-card p,.services-page-heading>p,
  .realizations-gallery-heading p:not(.eyebrow),
  .project-intro>p:last-child{font-size:16px;line-height:1.65}
  .service-card span,.service-card-link,.contact-page-form label{font-size:14px;line-height:1.45}
  .form-note,.contact-page-form .form-note,.services-image-disclaimer,.realizations-note{font-size:12px;line-height:1.6}
  .project-gallery.marquee-track{animation:none;width:100%;max-width:100%;overflow-x:auto;scroll-snap-type:x proximity;will-change:auto}
  .project-gallery.marquee-track .project-slide{scroll-snap-align:start}
  .project-gallery.marquee-track>[aria-hidden="true"]{display:none}
}

/* V58: wspólny dolny wiersz stopki — dane po lewej, prawa po prawej. */
footer .footer-bottom-row{
  flex:0 0 100%;display:flex;justify-content:space-between;align-items:center;
  gap:16px 28px;border-top:1px solid #e7e9eb;padding-top:12px;margin-top:4px;min-width:0;
}
footer .footer-bottom-row .footer-legal{
  flex:1 1 auto;border:0;padding:0;margin:0;justify-content:flex-start;text-align:left;
}
footer .footer-bottom-row>small{flex:0 0 auto;margin:0;text-align:right;white-space:nowrap}
@media(max-width:1100px){
  footer .footer-bottom-row{flex-wrap:wrap}
  footer .footer-bottom-row>small{margin-left:auto;white-space:normal}
}
@media(max-width:850px){
  footer .footer-bottom-row{grid-column:1/-1;flex-direction:column;align-items:stretch;gap:12px}
  footer .footer-bottom-row .footer-legal{margin:0;padding:0;align-items:flex-start}
  footer .footer-bottom-row>small{order:0;text-align:left;margin:0}
}

/* V59: nagłówek i opis oferty dostępne także jako tekst. */
.home-section-title{font:700 clamp(27px,2.6vw,36px)/1.08 var(--serif);letter-spacing:-.6px;margin:0;max-width:850px}
.home-services-intro{font-size:16px;line-height:1.65;max-width:900px;margin:0 0 24px;color:#45505b}
@media(max-width:850px){.home-section-title{font-size:28px}.home-mobile-copy .home-mobile-title{font:700 clamp(30px,6vw,44px)/1.08 var(--serif);letter-spacing:-.6px;line-height:1.08;margin:0 0 20px}.home-mobile-copy .home-mobile-title em{font-style:normal;color:var(--orange)}}

@media(max-width:850px){.home-mobile-copy>p.home-mobile-title{font:700 clamp(30px,6vw,44px)/1.08 var(--serif);letter-spacing:-.6px;margin:0 0 20px;line-height:1.08}}
.quote-faq{background:#fff;max-width:1200px;margin:auto}.quote-faq h2{font:700 32px/1.15 var(--serif);margin:0 0 24px}.quote-faq .eyebrow{justify-content:flex-start}.quote-faq details{border-bottom:1px solid #ded9d2;padding:8px 0}.quote-faq summary{cursor:pointer;min-height:48px;padding:12px 8px;font-size:16px;font-weight:700;line-height:1.5}.quote-faq details p{font-size:16px;line-height:1.7;padding:0 8px 12px;max-width:900px;margin:8px 0}

/* V60: compact phone layout; desktop rules remain unchanged. */
@media(max-width:850px){
 .home-mobile-copy{padding:24px 20px 18px}
 .home-mobile-copy .home-mobile-title{font-size:30px;line-height:1.08;margin-bottom:14px}
 .home-mobile-copy>p:not(.eyebrow):not(.home-mobile-title){font-size:15px;line-height:1.5;margin-bottom:16px}
 .home-mobile-actions{flex-direction:row;gap:8px}
 .home-mobile-actions .button{width:auto;flex:1;min-height:44px;font-size:12px;padding:0 10px}
 .home-mobile-photo{height:clamp(165px,48vw,240px);aspect-ratio:auto;background:url('assets/hero-interior.jpg') center 52%/cover no-repeat}
 .home-mobile-photo img{display:none}
 .home-mobile-photo:after{background:linear-gradient(180deg,var(--navy),transparent 16%)}
 .home-mobile-benefits{padding:16px 20px;gap:10px 12px}
 .home-mobile-benefits li{font-size:12px;line-height:1.35}
 .section-pad{padding:28px 20px}
 .section-heading{margin-bottom:16px}
 .home-section-title{font-size:25px;line-height:1.1}
 .home-services-intro{font-size:14px;line-height:1.5;margin-bottom:18px}
 .section-heading .text-link{margin-top:16px}
 .service-grid{gap:10px}
 .service-card img{height:105px;object-fit:cover;object-position:center}
 .service-card span{font-size:13px;line-height:1.3;min-height:48px;padding:12px 25px 10px 10px}
 .about-worker{height:180px;min-height:0}
 .about-photo img{height:100%;width:100%;object-fit:cover}
 .about-copy{padding:24px 20px 18px}
 .about-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;margin-bottom:16px}
 .about-values{grid-template-columns:1fr 1fr;padding:16px 20px 22px;gap:12px 10px}
 .about-values div{font-size:11px;line-height:1.4}
 .about-bathroom{display:none}
 .project-intro>p:last-child{font-size:14px;line-height:1.5}
 .project-gallery.marquee-track .project-slide{flex-basis:70vw;width:70vw;height:44vw;max-height:200px}
 .project-gallery.marquee-track .project-slide img{width:100%;height:100%;object-fit:cover}
 .contact{gap:18px;padding-top:28px;padding-bottom:28px}
 .contact>div>p{font-size:14px;line-height:1.5}
 .contact-note{margin-top:16px}
 .about-page-hero.gradient-banner-hero .about-page-hero-copy,
 .contact-page-hero.gradient-banner-hero .contact-page-hero-copy{padding:26px 20px 20px}
 .about-page-hero.gradient-banner-hero h1,
 .contact-page-hero.gradient-banner-hero h1{font-size:30px;margin-bottom:16px}
 .about-page-hero.gradient-banner-hero .about-page-hero-copy>p:not(.eyebrow),
 .contact-page-hero.gradient-banner-hero .contact-page-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;margin-bottom:18px}
 .about-page-hero.gradient-banner-hero .about-page-hero-image,
 .contact-page-hero.gradient-banner-hero .contact-page-hero-image{height:190px;min-height:0;max-height:190px;aspect-ratio:auto}
 .about-content{padding:30px 20px}
 .about-content-image,.about-content-image img{height:210px;min-height:0;object-fit:cover}
 .about-page-proof{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 14px;gap:6px}
 .about-page-proof div{padding:2px 8px}
 .about-page-proof strong{font-size:20px}
 .about-page-proof span{font-size:10px}
 .services-overview-card>img,.services-overview-card:last-child>img{height:180px;min-height:0;aspect-ratio:auto;object-fit:cover}
 .realization-slide{height:48vw;max-height:210px}
 footer{padding-top:20px;padding-bottom:20px}
}
@media(max-width:850px){
 .services-project-grid img{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover}
 .realizations-hero-image img,.realization-photo img{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover}
}
/* V60.1: desktop service images must not inherit the HTML height attribute. */
@media(min-width:851px){
 .services-overview-card>img{height:auto;min-height:0;aspect-ratio:5/3;object-fit:cover}
 .services-project-grid img{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover}
}
/* V60.2: keep the About proof labels inside their columns. */
.about-page-proof>div{min-width:0}
.about-page-proof strong,.about-page-proof span{overflow-wrap:anywhere}
@media(max-width:600px){
 .about-page-proof{grid-template-columns:1fr;padding:18px 20px;gap:14px}
 .about-page-proof>div{padding:0 12px}
 .about-page-proof strong{font-size:19px;line-height:1.2;margin-bottom:4px}
 .about-page-proof span{display:block;font-size:12px;line-height:1.45}
}