@import url('fonts.css');
:root{--ink:#0a1728;--muted:#50627b;--red:#e31822;--paper:#f7f7f5;--line:#d8dcdf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Barlow,Arial,sans-serif;font-size:17px}a{color:inherit}img{display:block;max-width:100%}button,input,textarea{font:inherit}.shell{width:min(100% - 64px,1440px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:20;background:#fff;padding:12px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #315985;outline-offset:3px}
.site-header{background:#fff;position:relative;z-index:4}.header-inner{height:128px;display:flex;align-items:center;gap:55px;position:relative}.brand{width:232px;height:116px;flex:none;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.site-nav{display:flex;align-self:stretch;align-items:center;gap:46px;margin:auto}.site-nav a{text-decoration:none;font-weight:800;font-size:18px;text-transform:uppercase;white-space:nowrap;letter-spacing:.01em;position:relative}.site-nav a:after{content:"";height:4px;position:absolute;left:0;right:0;bottom:-29px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-nav a:hover:after,.site-nav a[aria-current]:after{transform:scaleX(1)}.header-line{height:1px;background:#8b9aab;position:absolute;bottom:14px;left:245px;right:0}.header-line:after{content:"";height:1px;background:#56708b;position:absolute;right:0;bottom:0;width:31%;transform:rotate(-12deg);transform-origin:right}.menu-toggle{display:none}
.hero{background:linear-gradient(90deg,#f3f2ef,#f9f9f8);overflow:hidden}.hero-inner{min-height:465px;display:grid;grid-template-columns:42% 51% 7%;position:relative}.hero-copy{position:relative;z-index:2;padding:55px 10px 58px 0}.eyebrow{font-weight:700;letter-spacing:.22em;color:#78849a;font-size:12px}.hero h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(62px,6vw,96px);line-height:.95;letter-spacing:-.03em;margin:25px 0 25px;font-weight:800;max-width:620px}.hero h1 em{font-style:normal;color:var(--red);display:block}.hero-lead{color:#395778;font-size:clamp(17px,1.8vw,26px);font-weight:600;white-space:nowrap;margin:0 0 28px}.hero-lead span{color:var(--red)}.red-button{background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;padding:12px 23px;font-weight:700;text-decoration:none;border:0;cursor:pointer;transition:background .2s,transform .2s}.red-button:hover{background:#b90c15;transform:translateY(-2px)}.red-button span{font-size:25px;font-weight:400;line-height:1}.hero-photo{height:465px;overflow:hidden;position:relative}.hero-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f4f3f0 0%,transparent 27%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:53% 45%}.section-rail{display:flex;flex-direction:column;justify-content:center;gap:24px;padding-left:25px;position:relative}.section-rail:before{content:"";position:absolute;top:55px;bottom:55px;left:15px;width:1px;background:#bcc4cd}.section-rail a{font-size:12px;text-decoration:none;color:#78849a;white-space:nowrap;position:relative}.section-rail a:before{content:"";position:absolute;left:-15px;top:6px;width:7px;height:7px;border-radius:50%;background:#fff;border:2px solid #9aabba}.section-rail a.current,.section-rail a:hover{color:var(--red)}.section-rail a.current:before{border-color:var(--red);background:var(--red)}
.service-row{background:linear-gradient(100deg,#f5f5f3,#fbfbfa);border-top:5px solid #fff;scroll-margin-top:0}.service-inner{display:grid;grid-template-columns:24% 31% 38% 7%;min-height:252px;align-items:stretch}.service-intro{padding:22px 25px 22px 0}.service-number{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',Arial,sans-serif;color:#a4aab0;font-size:35px;font-weight:700;line-height:1}.service-number i{width:34px;height:3px;background:var(--red)}.service-intro h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(43px,4vw,65px);line-height:1;margin:4px 0 12px;font-weight:800}.service-intro p{color:var(--muted);font-size:18px;line-height:1.35;margin:0;max-width:255px}.service-photo{margin:10px 0;height:calc(100% - 20px);overflow:hidden;max-height:240px}.service-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.service-items{list-style:none;margin:0;padding:17px 10px 15px 38px;display:flex;flex-direction:column;justify-content:center;gap:9px}.service-items li{display:flex;align-items:flex-start;gap:17px}.service-items strong{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:20px;line-height:1.05}.service-items small{display:block;color:var(--muted);font-size:15px;line-height:1.25;margin-top:3px}.check-icon{font-size:14px;color:var(--red);border:2px solid var(--red);border-radius:50%;width:22px;height:22px;text-align:center;line-height:18px;flex:none;margin-top:2px}.row-link{border-left:1px solid #cbd1d6;margin:20px 0;display:flex;align-items:flex-start;justify-content:center;text-decoration:none;font-size:42px;line-height:1;transition:color .2s}.row-link:hover{color:var(--red)}
.contact-area{background:#f6f6f5;scroll-margin-top:0}.contact-inner{display:grid;grid-template-columns:29% 30% 41%;min-height:435px}.contact-copy{padding:42px 26px 36px 0}.red-rule{display:block;width:36px;height:3px;background:var(--red);margin-bottom:9px}.contact-copy h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:68px;line-height:1;margin:0 0 8px}.contact-copy p{color:var(--muted);margin:0 0 17px;line-height:1.3}.contact-copy .contact-lead{font-weight:700;color:#355173;font-size:20px;margin-bottom:3px}.contact-method{display:flex;gap:15px;align-items:center;margin-top:16px}.contact-method>span{font-size:25px;color:#355173;width:34px}.contact-method strong,.contact-method a{display:block}.contact-method a{text-decoration:none;color:var(--muted);font-size:15px}.contact-method a:hover{text-decoration:underline}.contact-form{padding:38px 28px 30px 0;align-self:center}.contact-form form{display:flex;flex-direction:column}.contact-form label:not(.consent){font-size:13px;color:var(--muted);margin-bottom:3px}.contact-form label span{color:var(--red)}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;border:1px solid #ccd2d9;background:#fff;border-radius:2px;padding:10px 13px;margin-bottom:9px;color:var(--ink);font-size:15px}.contact-form textarea{resize:vertical}.contact-form .red-button{width:100%;margin-top:10px}.privacy-note{margin:2px 0 8px;font-size:12px;color:var(--muted);line-height:1.35}.privacy-note a{color:#315985}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.alert{padding:11px;margin-bottom:10px;font-size:14px}.alert.success{background:#e6f3e9;color:#225c34}.alert.error{background:#fce6e7;color:#a31018}.alert ul{margin:5px 0 0}.contact-photo{overflow:hidden;position:relative}.contact-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f6f6f5,transparent 22%)}.contact-photo img{width:100%;height:100%;object-fit:cover;object-position:right bottom}
.site-footer{background:#fff}.footer-inner{display:flex;align-items:center;gap:50px;min-height:135px}.footer-logo{width:200px;height:110px;overflow:hidden;flex:none}.footer-logo img{width:100%;height:100%;object-fit:contain}.footer-inner nav{display:flex;gap:35px;align-items:center;flex-wrap:wrap;margin:auto}.footer-inner nav a{text-decoration:none;color:#2c4665;font-size:15px;font-weight:700}.footer-inner nav a:hover,.footer-meta a:hover{text-decoration:underline}.back-top{background:#9fa8b1;color:#fff;border-radius:50%;width:41px;height:41px;text-align:center;line-height:37px;font-size:28px;text-decoration:none}.footer-meta{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:14px 0 20px;color:#6a7683;font-size:12px}.footer-meta a{text-decoration:none}.page-hero{background:#f2f3f2;padding:42px 0}.page-hero h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:64px;margin:0}.prose{max-width:850px;margin:40px auto 70px;padding:0 20px;line-height:1.65}.prose h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:32px}.prose a{color:#315985}
@media(max-width:1100px){.shell{width:min(100% - 40px,1440px)}.header-inner{gap:20px}.brand{width:205px}.site-nav{gap:28px}.site-nav a{font-size:16px}.hero-inner{grid-template-columns:45% 55%}.section-rail{display:none}.hero h1{font-size:clamp(58px,7vw,78px)}.service-inner{grid-template-columns:25% 32% 38% 5%}.service-items{padding-left:20px}.service-items strong{font-size:18px}.service-items small{font-size:13px}.contact-inner{grid-template-columns:33% 36% 31%}}
@media(max-width:760px){.shell{width:min(100% - 32px,1440px)}.header-inner{height:90px}.brand{width:170px;height:86px}.header-line{left:180px;bottom:5px}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid var(--line);padding:9px 12px;font-weight:700;color:var(--ink)}.site-nav{display:none;position:absolute;top:90px;left:-16px;right:-16px;background:#fff;padding:15px 24px 22px;box-shadow:0 12px 16px #0002;align-self:auto;z-index:5}.site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{padding:12px 0}.site-nav a:after{bottom:7px;right:auto;width:70px}.hero-inner{display:flex;flex-direction:column}.hero-copy{padding:35px 0 25px}.hero h1{font-size:clamp(56px,12vw,84px);max-width:620px;margin:18px 0}.hero-lead{white-space:normal;font-size:19px;line-height:1.4}.hero-photo{height:320px;margin:0 -16px}.hero-photo:before{background:linear-gradient(0deg,transparent 75%,#f5f4f2)}.service-inner{grid-template-columns:1fr 1fr;gap:0}.service-intro{grid-column:1/-1;padding:22px 0 15px}.service-intro h2{font-size:54px}.service-intro p{max-width:600px}.service-photo{height:260px;max-height:none;margin:0 0 20px}.service-items{padding:0 0 20px 20px}.row-link{display:none}.contact-inner{grid-template-columns:1fr 1fr}.contact-copy{padding:30px 20px 0 0}.contact-form{padding:30px 0}.contact-photo{grid-column:1/-1;height:240px;margin:0 -16px}.footer-inner{min-height:0;padding:16px 0;gap:15px;flex-wrap:wrap}.footer-logo{width:150px;height:80px}.footer-inner nav{gap:14px;margin:0}.footer-inner nav a{font-size:13px}.back-top{margin-left:auto}}
@media(max-width:560px){.eyebrow{font-size:10px}.hero h1{font-size:58px}.hero-photo{height:260px}.service-inner{display:block}.service-photo{height:220px;margin-bottom:15px}.service-items{padding:0 0 22px;gap:12px}.service-items strong{font-size:20px}.service-items small{font-size:14px}.contact-inner{display:block}.contact-copy{padding:28px 0 0}.contact-copy h2{font-size:58px}.contact-form{padding:25px 0}.contact-photo{height:220px}.footer-inner nav{width:100%;order:3;padding:0 0 13px}.back-top{margin-left:auto}.footer-meta{flex-direction:column;gap:6px}.page-hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.header-inner{height:144px;gap:42px}.brand{width:276px;height:132px}.header-line{left:290px}.hero-brand-name{color:var(--red);font-size:18px;letter-spacing:.1em}.site-nav .nav-contact{border:2px solid var(--red);padding:11px 22px;color:var(--red);transition:background .2s,color .2s}.site-nav .nav-contact:after{display:none}.site-nav .nav-contact:hover,.site-nav .nav-contact[aria-current]{background:var(--red);color:#fff}
@media(max-width:1100px){.header-inner{height:128px;gap:20px}.brand{width:222px;height:112px}.header-line{left:235px}.site-nav .nav-contact{padding:10px 16px}}
@media(max-width:760px){.header-inner{height:96px}.brand{width:190px;height:90px}.header-line{left:200px}.site-nav{top:96px}.site-nav .nav-contact{width:max-content;margin-top:8px;padding:10px 20px}}
@media(max-width:560px){.hero-brand-name{font-size:15px}.brand{width:178px;height:86px}.header-line{left:188px}}

.hero-photo img{object-position:right top}
.service-photo{height:auto;max-height:none;aspect-ratio:1672/941;align-self:center}.service-photo img{object-fit:contain}
.contact-photo img{object-position:68% bottom}

/* Jasna, cieplejsza oprawa i uporządkowany pierwszy ekran. */
:root{--ink:#162326;--muted:#5d635e;--paper:#fffaf4;--line:#e8dfd4}
.site-header{border-bottom:1px solid var(--line)}
.header-inner{height:136px;gap:36px}.brand{width:284px;height:128px}
.header-line{display:none}
.site-nav{margin-left:auto;margin-right:0;gap:38px}
.site-nav a{font-size:17px;font-weight:600;text-transform:none;letter-spacing:0}
.site-nav a:after{height:2px;bottom:-13px}
.site-nav .nav-contact{background:var(--red);color:#fff;border:0;padding:14px 25px}
.site-nav .nav-contact:hover,.site-nav .nav-contact[aria-current]{background:#bc111a;color:#fff}
.hero{background:#fff6e9}
.hero-inner{grid-template-columns:44% 56%;min-height:510px}
.hero-copy{padding:58px 34px 58px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero .eyebrow{margin:0 0 24px;line-height:1.65;color:#6c675d;letter-spacing:.13em;font-size:11px}
.hero .hero-brand-name{font-size:17px}
.hero h1{font-size:clamp(62px,5.9vw,86px);font-weight:700;line-height:1.04;letter-spacing:-.015em;margin:0 0 24px}
.hero-lead{white-space:normal;font-size:20px;line-height:1.5;color:#53554b;margin:0 0 30px;font-weight:500}
.hero-copy .red-button{min-height:56px;padding:14px 25px;font-size:16px;gap:38px}
.hero-photo{height:510px}.hero-photo:before{display:none}
.section-rail{display:none}
.service-row{background:#fff;border-top:1px solid var(--line)}
.service-row:nth-child(even){background:#fffaf4}
.service-number{color:var(--red)}
.contact-area{background:#fff5e7}.contact-photo:before{background:linear-gradient(90deg,#fff5e7,transparent 22%)}
.contact-copy .contact-lead{color:var(--ink)}.contact-method>span{color:var(--red)}
@media(max-width:1100px){.header-inner{height:120px;gap:24px}.brand{width:232px;height:110px}.site-nav{gap:26px}.site-nav a{font-size:16px}.hero-inner{grid-template-columns:45% 55%;min-height:490px}.hero-photo{height:490px}.hero-copy{padding-right:24px}.hero h1{font-size:clamp(56px,6.2vw,76px)}.hero-lead{font-size:18px}.hero .eyebrow span{display:block}}
@media(max-width:760px){.header-inner{height:96px}.brand{width:190px;height:90px}.site-nav{margin:0;top:96px}.site-nav a{font-size:17px}.site-nav a:after{bottom:7px}.hero-inner{min-height:0}.hero-copy{padding:36px 0 30px}.hero .eyebrow{margin-bottom:19px}.hero .eyebrow span{display:inline}.hero h1{font-size:clamp(56px,10vw,76px);margin-bottom:20px}.hero-lead{font-size:18px;margin-bottom:25px}.hero-photo{height:320px}}
@media(max-width:560px){.brand{width:178px;height:86px}.hero .eyebrow span{display:block}.hero h1{font-size:clamp(52px,12vw,64px)}.hero-photo{height:285px}}

/* Delikatnie żywsze, ciepłe tła bez konkurowania ze zdjęciami. */
.hero{background:linear-gradient(112deg,#fff1df 0%,#fffaf3 49%,#f5f7f8 100%)}
.service-row{background:linear-gradient(108deg,#fff 0%,#fffaf5 58%,#f8f6f1 100%)}
.service-row:nth-child(even){background:linear-gradient(108deg,#fff8ef 0%,#fff4e8 48%,#f4f7f7 100%)}
.contact-area{background:linear-gradient(112deg,#fff1df 0%,#fff8ef 54%,#f2f6f8 100%)}

/* Wyraźny kontrast marki i naprzemienna kompozycja usług. */
.hero{position:relative;isolation:isolate;background:#102e36;color:#fff}
.hero:before{content:"";position:absolute;left:-65px;bottom:-95px;width:600px;height:560px;background:url('../images/architectural-detail.svg') left bottom/contain no-repeat;opacity:.65;pointer-events:none;z-index:-1}
.hero-copy{padding:58px 36px 58px 0}
.hero .eyebrow{padding-left:16px;border-left:3px solid #ff555d;color:#d0dcdd}
.hero .hero-brand-name{color:#ff868c}
.hero h1 em{position:relative;padding-bottom:14px;color:#ff555d}
.hero h1 em:after{content:"";position:absolute;left:0;bottom:0;width:80px;height:3px;background:#ff555d}
.hero-lead{color:#d7e2e1}.hero-lead span{color:#ff777f}
.hero-photo:after{content:"";position:absolute;bottom:20px;right:20px;width:58px;height:58px;border-right:3px solid #ff555d;border-bottom:3px solid #ff555d;pointer-events:none}
.red-button{box-shadow:0 5px 0 #aa182012}
.red-button span{transition:transform .2s}.red-button:hover span{transform:translateX(5px)}
.hero-copy .red-button:hover{background:#f32a35}
.site-nav .nav-contact{box-shadow:0 4px 0 #e3182212}
.service-row{background:#fff;border-top:1px solid #e8dfd4}
.service-row:nth-child(even){background:#f5ece0}
.service-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px;grid-template-areas:"photo intro link" "photo items link";column-gap:52px;min-height:0;padding-block:58px;align-items:center}
.service-row:nth-child(even) .service-inner{grid-template-areas:"intro photo link" "items photo link"}
.service-intro{grid-area:intro;padding:0}
.service-number{font-family:'Barlow Condensed',Arial,sans-serif;font-size:44px;font-weight:500;letter-spacing:-.02em;gap:20px;color:var(--red)}
.service-number i{height:2px;width:64px;background:var(--red)}
.service-intro h2{font-size:clamp(48px,4.1vw,64px);font-weight:700;letter-spacing:-.01em;margin:6px 0 15px}
.service-intro p{font-size:18px;line-height:1.5;max-width:440px}
.service-photo{grid-area:photo;position:relative;isolation:isolate;overflow:visible;width:100%;height:auto;margin:0;box-shadow:0 16px 36px #34281512}
.service-photo:before{content:"";position:absolute;inset:12px -12px -12px 12px;background:#e2cfb7;z-index:-1;pointer-events:none}
.service-photo:after{content:"";position:absolute;top:-12px;left:-12px;width:44px;height:44px;border-top:4px solid var(--red);border-left:4px solid var(--red);pointer-events:none}
.service-photo img{position:relative;background:#fff}
.service-items{grid-area:items;padding:22px 0 0;gap:12px;align-self:start}
.service-items li{gap:12px}.service-items strong{font-size:22px;font-weight:600;line-height:1.15}.service-items small{font-size:15px;line-height:1.4}
.check-icon{width:18px;height:18px;font-size:11px;line-height:16px;border-width:1px;margin-top:3px;background:var(--red);color:#fff}
.row-link{grid-area:link;width:52px;height:52px;border:1px solid var(--red);border-radius:50%;margin:0;align-items:center;font-size:30px;color:var(--red);transition:background .2s,color .2s,border-color .2s,transform .2s}
.row-link:hover,.row-link:focus-visible{color:#fff;background:var(--red);border-color:var(--red);transform:translate(2px,2px)}
.contact-area{background:#b81520;color:#fff}.contact-inner{grid-template-columns:29% 31% 40%;padding-block:0}
.contact-copy{padding:48px 32px 36px 0}.contact-copy h2{color:#fff;font-size:72px}.contact-copy p{color:#ffe5e4}.contact-copy .contact-lead{color:#fff}
.red-rule{width:70px;height:3px;background:#fff}.contact-method>span{color:#fff}.contact-method a{color:#ffe5e4}
.contact-form{padding:44px 32px 38px 0}.contact-form label:not(.consent),.contact-form label span{color:#fff}
.contact-form input:not([type=checkbox]),.contact-form textarea{border-color:#fff;border-radius:3px;transition:border-color .2s,box-shadow .2s}
.contact-form input:focus,.contact-form textarea:focus{border-color:#fff;outline:2px solid #ffc7c9;outline-offset:3px;box-shadow:0 3px 12px #54000820}
.contact-form .red-button{background:#fff;color:#a9131e}.contact-form .red-button:hover{background:#ffe9e5}
.privacy-note{color:#ffe5e4}.privacy-note a{color:#fff}.contact-photo:before{display:none}
.site-footer{border-top:1px solid var(--line)}.back-top{background:#102e36;color:#fff;transition:background .2s}.back-top:hover{background:var(--red)}
@media(min-width:761px){.service-row:nth-child(even) .service-photo:after{top:auto;left:auto;bottom:-12px;right:-12px;border:0;border-bottom:4px solid var(--red);border-right:4px solid var(--red)}}
@media(max-width:1100px){.service-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;column-gap:32px;padding-block:48px}.row-link{width:44px;height:44px;font-size:28px}.contact-copy{padding-right:24px}.contact-form{padding-right:24px}}
@media(max-width:900px) and (min-width:761px){.service-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"photo intro" "photo items"}.service-row:nth-child(even) .service-inner{grid-template-areas:"intro photo" "items photo"}.row-link{display:none}}
@media(max-width:760px){.hero:before{width:470px;height:440px;bottom:auto;top:20px;left:-130px;opacity:.5}.hero-copy{padding:36px 0 32px}.hero .eyebrow{padding-left:12px}.hero-photo:after{width:42px;height:42px;right:16px;bottom:16px}.service-inner,.service-row:nth-child(even) .service-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "photo" "items";row-gap:26px;min-height:0;padding-block:38px}.service-intro{padding:0}.service-intro h2{font-size:52px;margin:6px 0 12px}.service-photo{width:calc(100% - 12px);margin:0 12px 12px 0}.service-items{padding:0;gap:14px}.row-link{display:none}.contact-inner{grid-template-columns:1fr 1fr}.contact-copy{padding:36px 24px 24px 0}.contact-copy h2{font-size:64px}.contact-form{padding:36px 0}.contact-photo{height:260px}}
@media(max-width:560px){.hero:before{top:0;left:-160px;width:440px}.service-items small{font-size:14px}.contact-inner{display:block}.contact-copy{padding:32px 0 0}.contact-form{padding-block:28px}.contact-photo{height:230px;margin-bottom:0}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:hero-arrive .65s ease-out both}@keyframes hero-arrive{from{opacity:.65;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}
