.service-page{background:var(--paper);color:var(--ink)}
.service-hero{position:relative;min-height:570px;display:flex;align-items:flex-end;padding:150px clamp(20px,7vw,104px) 92px;background-color:var(--lead);background-position:center;background-size:cover;color:#fff;isolation:isolate}
.service-hero::before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,25,39,.94) 0%,rgba(17,25,39,.78) 42%,rgba(17,25,39,.38) 100%),linear-gradient(0deg,rgba(17,25,39,.72),transparent 60%);content:''}
.service-hero-inner,.service-body{position:relative;z-index:1;max-width:1232px;margin:auto;width:100%}
.service-hero h1{max-width:900px;font-size:clamp(48px,7vw,96px);line-height:.98;overflow-wrap:break-word;word-break:normal;text-wrap:balance}
.service-hero h1 em{color:var(--gold);font-style:normal}
.service-hero p{max-width:620px;margin:28px 0 0;color:#e1e6ee;font-size:18px;line-height:1.65}
.service-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:72px;padding:90px clamp(20px,7vw,104px)}
.service-body h2{max-width:760px;font-size:clamp(34px,4vw,58px);line-height:1.02;margin:0 0 24px;overflow-wrap:break-word;word-break:normal;text-wrap:balance}
.service-body h2 em{color:var(--gold);font-style:normal}.service-body p{max-width:65ch;color:var(--muted);line-height:1.75}.service-list-detail{display:grid;gap:0;margin-top:38px;border-top:1px solid var(--line)}
.service-list-detail li{padding:18px 0;border-bottom:1px solid var(--line);list-style:none;font-weight:700}.service-list-detail li::before{content:'+';display:inline-block;width:28px;color:var(--gold);font-size:20px}
.service-aside{align-self:start;padding:28px;background:var(--lead);color:#fff}.service-aside img{display:block;width:100%;height:250px;object-fit:cover;margin-bottom:24px}.service-aside h3{font-size:26px}.service-aside p{color:#dfe4ec}.service-aside .button{width:100%;margin-top:12px;color:#fff}
.service-cta{padding:72px clamp(20px,7vw,104px);background:var(--frost);text-align:center}.service-cta p{max-width:620px;margin:16px auto 24px;color:var(--muted)}
.service-detail{padding:100px clamp(20px,7vw,104px);background:var(--paper)}.service-detail-inner{max-width:1232px;margin:auto}.service-detail-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:72px;align-items:end}.service-detail h2{max-width:800px;font-size:clamp(36px,4.8vw,68px);line-height:1;overflow-wrap:break-word;word-break:normal;text-wrap:balance}.service-detail h2 em{color:var(--gold);font-style:normal}.service-detail-heading>p:last-child{margin:0;color:var(--muted);line-height:1.75}.service-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:70px;border-top:1px solid var(--line)}.service-pain-grid article{padding:28px 28px 28px 0;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.service-pain-grid article+article{padding-left:28px}.service-pain-grid article:last-child{border-right:0}.service-pain-grid h3{font-size:21px;line-height:1.15}.service-pain-grid p{margin:14px 0 0;color:var(--muted);line-height:1.65}.service-process{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;margin-top:100px;padding-top:30px;border-top:1px solid var(--line)}.service-process ol{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.service-process li{display:flex;gap:18px;min-height:130px;padding:22px 20px 22px 0;border-bottom:1px solid var(--line)}.service-process li:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}.service-process b{color:var(--gold);font-size:12px}.service-process span{font-weight:700;line-height:1.35}.service-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;margin-top:100px;padding-top:30px;border-top:1px solid var(--line)}.service-faq details{border-bottom:1px solid var(--line)}.service-faq summary{display:flex;justify-content:space-between;gap:18px;padding:18px 0;cursor:pointer;font-weight:700;list-style:none}.service-faq summary::-webkit-details-marker{display:none}.service-faq summary b{color:var(--gold);font-size:20px}.service-faq details p{max-width:65ch;margin:0 0 18px;color:var(--muted);line-height:1.65}
body.service-offices .service-hero{background-image:url('../assets/service-office-hero.png')}
body.service-shops .service-hero{background-image:url('../assets/landing-shops-1-after-v2.webp')}
body.service-warehouses .service-hero{background-image:url('../assets/landing-warehouses-1-after-v2.webp')}
body.service-industrial .service-hero{background-image:url('../assets/b2b-industrial-1-after.webp')}
body.service-windows .service-hero{background-image:url('../assets/landing-windows-facades-1-after-v2.webp')}
body.service-renovation .service-hero{background-image:url('../assets/landing-after-renovation-1-after-v2.webp')}
@media(max-width:760px){.service-hero{min-height:620px;padding:125px 20px 64px;background-position:center}.service-hero h1{font-size:clamp(45px,13vw,72px)}.service-body{display:block;padding:64px 20px}.service-aside{margin-top:52px}.service-aside img{height:210px}.service-detail{padding:72px 20px}.service-detail-heading,.service-process,.service-faq{display:block}.service-detail-heading>p:last-child{margin-top:24px}.service-pain-grid{display:block;margin-top:50px}.service-pain-grid article,.service-pain-grid article+article{padding:24px 0;border-right:0}.service-process,.service-faq{margin-top:72px}.service-process ol{margin-top:35px;display:block}.service-process li,.service-process li:nth-child(even){padding:20px 0;border-left:0}.service-faq>div+div{margin-top:32px}}