/* service pages: static, no scroll motion */
.svc .nav{background:rgba(14,13,12,.92);border-bottom:1px solid var(--line)}
.svc-hero{padding:9rem 0 5rem;background:radial-gradient(60% 80% at 80% 0%,rgba(255,90,31,.14),transparent 70%)}
.svc-hero h1{font-size:clamp(3rem,8vw,7rem)}
.svc-hero .btn{margin-top:2rem}
.svc-sec{padding:6rem 0}
.svc-sec.alt{background:var(--coal);border-block:1px solid var(--line)}
.svc-sec h2{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:2.5rem}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.svc-item{padding:1.75rem;background:var(--coal);border:1px solid var(--line);border-top:3px solid var(--orange)}
.svc-sec.alt .svc-item{background:var(--ink)}
.svc-item p{color:var(--mute);margin-top:.8rem}
.svc-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.svc-photos.one{grid-template-columns:minmax(0,820px)}
.svc-photos figure{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--steel)}
.svc-photos img{width:100%;height:100%;object-fit:cover}
.svc-photos figcaption{position:absolute;left:0;bottom:0;width:100%;padding:1rem 1.1rem;font:600 .8rem/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(transparent,rgba(14,13,12,.9))}
.svc-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.svc-steps li{padding-top:1.2rem;border-top:4px solid var(--orange)}
.svc-steps .big{font-size:clamp(3.5rem,7vw,5.5rem);-webkit-text-stroke:2px var(--bone);margin-bottom:1rem}
.svc-steps p{color:var(--mute);margin-top:.6rem}
.narrow{max-width:820px}
.faq details{border-top:1px solid var(--line);padding:1.2rem 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font:600 1.1rem/1.4 var(--body);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::after{content:"+";color:var(--orange);font-size:1.5rem;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq p{color:var(--mute);margin-top:.8rem;max-width:40rem}
.svc-cta{padding:7rem 0;text-align:left}
.svc-cta h2{font-size:clamp(2.4rem,6vw,5rem)}
.svc-cta .btn{margin-top:2rem}
footer a{color:var(--bone)}
@media(max-width:900px){
  .svc-hero{padding:7rem 0 3rem}.svc-sec{padding:4rem 0}
  .svc-grid,.svc-photos,.svc-steps{grid-template-columns:1fr}
  .svc .nav nav{display:flex;gap:1rem}.svc .nav nav a:first-child{display:none}
}