.service-page .nav{position:absolute}
.service-hero{min-height:760px;position:relative;display:flex;align-items:flex-end;padding:150px 7vw 90px;overflow:hidden}
.service-hero:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover}
.christmas-hero:before{background-image:url("assets/holiday-roofline-palms-2026.webp");background-position:64% center}
.landscape-hero:before{background-image:url("assets/front-elevation-landscape-2026.webp");background-position:58% center}
.service-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.98) 0%,rgba(4,5,6,.84) 46%,rgba(4,5,6,.16) 80%),linear-gradient(0deg,rgba(4,5,6,.92),transparent 52%)}
.service-hero-copy{position:relative;z-index:1;width:min(760px,68vw)}
.service-hero h1{font-size:clamp(3.7rem,7.5vw,7.2rem)}
.service-hero .lead{max-width:660px}
.breadcrumb{margin:0 0 1.2rem;color:#cfccc3;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.breadcrumb a{color:var(--gold2)}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 7vw;background:#0e1011;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-strip div{padding:1.45rem 1.2rem;border-right:1px solid var(--line);text-align:center}
.proof-strip div:last-child{border-right:0}
.proof-strip strong{display:block;color:var(--gold2);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.proof-strip span{display:block;margin-top:.25rem;color:var(--muted);font-size:.8rem}
.service-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}
.service-intro-copy>p:not(.eyebrow){color:var(--muted);font-size:1.02rem}
.inclusion-list{border-top:1px solid var(--line)}
.inclusion-list>div{display:grid;grid-template-columns:52px 1fr;gap:1rem;padding:1.35rem 0;border-bottom:1px solid var(--line)}
.inclusion-list b{color:var(--gold);font-size:.72rem;letter-spacing:.12em}
.inclusion-list strong{display:block;font-family:"Cormorant Garamond",serif;font-size:1.55rem;line-height:1.1}
.inclusion-list p{margin:.4rem 0 0;color:var(--muted);font-size:.9rem}
.service-feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:620px;padding:0;background:#0e1011;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature-image{min-height:620px;background-position:center;background-size:cover}
.christmas-feature{background-image:url("assets/holiday-roofline-palms-2026.webp");background-position:64% center}
.landscape-feature{background-image:url("assets/front-entry.webp")}
.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:80px 7vw}
.feature-copy>p:not(.eyebrow){color:var(--muted)}
.feature-copy .button{align-self:flex-start;margin-top:1rem}
.service-process{background:#101214}
.service-process h2{max-width:760px}
.service-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;background:var(--line);border:1px solid var(--line)}
.service-process-grid article{padding:2rem;background:#151719}
.service-process-grid b{color:var(--gold);font-size:.72rem;letter-spacing:.13em}
.service-process-grid h3{margin:.9rem 0 .6rem;font-size:1.7rem}
.service-process-grid p{margin:0;color:var(--muted);font-size:.9rem}
.project-gallery{background:#090a0b}
.project-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:2.5rem}
.project-gallery figure{position:relative;min-height:430px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.09)}
.project-gallery img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.project-gallery figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,4,5,.9))}
.project-gallery figcaption{position:absolute;z-index:1;left:1.2rem;right:1.2rem;bottom:1rem;font-family:"Cormorant Garamond",serif;font-size:1.35rem}
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;background:#0e1011}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{padding:1.3rem 0;border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;font-family:"Cormorant Garamond",serif;font-size:1.45rem;font-weight:600}
.faq-list p{color:var(--muted);margin:.8rem 0 0}
.market-area{background:#090a0b}
.market-area-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:end}
.market-area-head>p{color:var(--muted);margin:0}
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;background:var(--line);border:1px solid var(--line)}
.market-card{display:block;padding:1.75rem;background:#111315;color:var(--white);transition:background .25s ease}
.market-card:hover{background:#181a1c}
.market-card strong{display:block;font-family:"Cormorant Garamond",serif;font-size:1.65rem;line-height:1.05}
.market-card span{display:block;margin-top:.6rem;color:var(--muted);font-size:.86rem;line-height:1.55}
.market-card.featured{background:linear-gradient(145deg,rgba(212,175,55,.14),#111315 60%)}
.market-card.featured strong{color:var(--gold2)}
.location-note{margin:1.5rem 0 0;color:var(--muted);font-size:.82rem}
.city-hero:before{background-image:url("assets/holiday-roofline-palms-2026.webp");background-position:64% center}
.city-intro{max-width:880px}
.city-intro>p:not(.eyebrow){color:var(--muted);font-size:1.02rem}
.service-page .consultation{scroll-margin-top:1rem}
.other-service{text-align:center;background:radial-gradient(circle at center,rgba(212,175,55,.11),transparent 48%),#090a0b}
.other-service p{color:var(--muted);margin:1rem auto 1.8rem;max-width:640px}
@media(max-width:900px){.service-hero-copy{width:100%}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip div:nth-child(2){border-right:0}.service-intro,.service-feature,.faq,.market-area-head{grid-template-columns:1fr}.service-feature{padding:0}.feature-image{min-height:480px}.service-process-grid,.project-gallery-grid{grid-template-columns:1fr}.market-grid{grid-template-columns:1fr 1fr}.project-gallery figure{min-height:360px}}
@media(max-width:600px){.service-hero{min-height:780px;padding:120px 6vw 150px;align-items:flex-end}.service-hero:after{background:linear-gradient(0deg,rgba(4,5,6,.98) 0%,rgba(4,5,6,.83) 61%,rgba(4,5,6,.25) 100%)}.service-hero h1{font-size:3.55rem}.proof-strip{padding:0}.proof-strip div{padding:1.15rem .65rem}.proof-strip strong{font-size:.65rem}.proof-strip span{font-size:.72rem}.feature-image{min-height:360px}.feature-copy{padding:70px 6vw}.service-process-grid{display:block}.service-process-grid article{border-bottom:1px solid var(--line)}.market-grid{grid-template-columns:1fr}.project-gallery figure{min-height:310px}.faq{gap:2.5rem}}