/* Service-page layout, built on the site's Architectural theme. */
.service-page .site-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.service-hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:var(--ink);color:var(--paper)}.service-hero-copy{width:min(640px,88%);justify-self:end;align-self:center;padding:4rem 9% 4rem 0}.service-hero h1{font-size:clamp(2.9rem,5.6vw,5.6rem);font-weight:500;margin-top:1rem}.service-hero-copy>p:not(.eyebrow){max-width:46ch;margin-top:1.6rem;color:#e1e8e1;font-size:1.125rem}.service-hero .button{margin-top:2rem;background:var(--paper);border-color:var(--paper);color:var(--ink)}.service-hero .button:hover{background:#d5dfd7}.service-hero-media{min-height:360px}.service-hero-media img{width:100%;height:100%;object-fit:cover}.service-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding-block:5rem}.service-intro h2{font-size:clamp(2.2rem,3.8vw,3.8rem);font-weight:500}.service-intro p{color:var(--muted);margin-top:1rem;max-width:62ch}.service-list{background:var(--soft);padding-block:5rem}.service-list-heading{max-width:60ch}.service-list-heading h2{font-size:clamp(2.2rem,3.8vw,3.8rem);font-weight:500;margin-top:1rem}.service-list-heading>p:not(.eyebrow){color:var(--muted);margin-top:1rem}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.8rem}.service-card{border-top:1px solid var(--line);padding-top:1.25rem}.service-card h3{font-size:1.25rem;font-weight:600}.service-card p{color:var(--muted);margin-top:.8rem}.service-process{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding-block:5rem}.service-process h2{font-size:clamp(2.2rem,3.8vw,3.8rem);font-weight:500}.process-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process-steps li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.process-number{font-size:.875rem;color:var(--accent);font-weight:700}.process-steps h3{font-size:1.125rem}.process-steps p{margin-top:.45rem;color:var(--muted)}.service-gallery{padding-block:5rem;border-top:1px solid var(--line)}.service-gallery-top{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.service-gallery h2{font-size:clamp(2.2rem,3.8vw,3.8rem);font-weight:500;margin-top:1rem}.service-gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.25rem}.service-gallery figure{margin:0}.service-gallery img{aspect-ratio:4/3;object-fit:cover}.service-gallery figure:first-child img{aspect-ratio:4/5}.service-gallery figcaption{font-size:.875rem;color:var(--muted)}.service-cta{padding:4.5rem 0;background:#d5dfd7}.service-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:3rem}.service-cta h2{font-size:clamp(2.2rem,3.8vw,3.8rem);font-weight:500;margin-top:1rem}.service-cta p:not(.eyebrow){max-width:55ch;color:var(--muted);margin-top:1rem}.service-footer-links{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1.2rem}.service-footer-links a{font-size:.9375rem}.service-page .site-footer{background:var(--paper)}.service-page .footer-grid{grid-template-columns:1.4fr 1fr}.service-page .footer-grid p{margin-top:.5rem}.service-page .mobile-contact{grid-template-columns:1fr}.service-page .mobile-contact a:last-child{grid-column:1}
@media(max-width:800px){.service-hero{grid-template-columns:1fr}.service-hero-copy{width:88%;justify-self:center;padding:3rem 0}.service-hero-media{min-height:320px;grid-row:1}.service-intro,.service-process{grid-template-columns:1fr;gap:2rem;padding-block:3.5rem}.service-list,.service-gallery{padding-block:3.5rem}.service-cards{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.service-gallery-top,.service-cta .wrap{display:block}.service-gallery-top .text-link{margin-top:1rem}.service-gallery-grid{grid-template-columns:1fr;gap:1.5rem}.service-gallery figure:first-child img,.service-gallery img{aspect-ratio:4/3}.service-cta{padding-block:3.5rem}.service-cta .button{margin-top:1.5rem}.service-page .footer-grid{grid-template-columns:1fr}}

/* Full installation imagery and a confirmed commercial project. */
.commercial-page .service-hero{grid-template-columns:.85fr 1.15fr;min-height:0}
.commercial-page .service-hero-copy{padding:3.5rem 8% 3.5rem 0}
.commercial-page .service-hero h1{font-size:clamp(2.6rem,4.3vw,4.75rem)}
.commercial-page .service-hero-media{align-self:center;min-height:0;background:#fff}
.commercial-page .service-hero-media img{height:auto;aspect-ratio:3/2;object-fit:contain}
.project-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:5%;align-items:center;padding-block:4.5rem;border-top:1px solid var(--line)}
.project-feature img{width:100%;height:auto;object-fit:contain}
.project-feature h2{font-size:clamp(2rem,3.2vw,3.25rem);margin-top:1rem}
.project-feature-copy>p:not(.eyebrow){color:var(--muted);margin-top:1.25rem}
.project-facts{margin:1.5rem 0;display:grid;gap:.75rem}
.project-facts>div{display:grid;grid-template-columns:5rem 1fr;gap:1rem}
.project-facts dt{font-weight:700;font-size:.9375rem}.project-facts dd{margin:0;color:var(--muted);font-size:.9375rem}
.commercial-page .service-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.commercial-page .service-gallery img,.commercial-page .service-gallery figure:first-child img{height:auto;aspect-ratio:3/2;object-fit:contain}
.commercial-page .service-gallery figcaption{display:block;padding-top:1.25rem}
.commercial-page .service-gallery figcaption h3{color:var(--ink);font-size:1.25rem}
.commercial-page .service-gallery figcaption p{margin-top:.5rem;font-size:1rem;line-height:1.6}
@media(max-width:800px){.commercial-page .service-hero{grid-template-columns:1fr}.commercial-page .service-hero-copy{padding:2.5rem 0;width:88%;justify-self:center}.commercial-page .service-hero-media{grid-row:1}.project-feature{grid-template-columns:1fr;gap:2rem;padding-block:3.5rem}.commercial-page .service-gallery-grid{grid-template-columns:1fr}}

.service-page .service-hero{grid-template-columns:.85fr 1.15fr;min-height:0}
.service-page .service-hero-copy{padding:3.5rem 8% 3.5rem 0}
.service-page .service-hero h1{font-size:clamp(2.6rem,4.3vw,4.75rem)}
.service-page .service-hero-media{align-self:center;min-height:0;background:#fff}
.service-page .service-hero-media img{height:auto;aspect-ratio:3/2;object-fit:contain}
.service-page .service-cards{gap:1.25rem;align-items:stretch}
.service-page .service-card{--card-accent:#b38c40;background:#fff;border:1px solid #d0dbd3;border-top:4px solid var(--card-accent);border-radius:6px;padding:1.75rem}
.service-page .service-card:nth-child(2){--card-accent:#41634f}
.service-page .service-card:nth-child(3){--card-accent:#357b86}
.service-page .service-card h3{font-size:1.4rem;color:var(--ink)}
.service-page .service-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.service-page .service-gallery img,.service-page .service-gallery figure:first-child img{height:auto;aspect-ratio:3/2;object-fit:contain}
.service-page .service-gallery figcaption{display:block;padding-top:1.25rem}
.service-page .service-gallery figcaption h3{font-size:1.25rem;color:var(--ink)}
.service-page .service-gallery figcaption p{margin-top:.5rem;font-size:1rem;line-height:1.6}
.service-page.commercial-wide-gallery .service-gallery-grid{grid-template-columns:1fr}
.service-page.commercial-wide-gallery .service-gallery figure{display:grid;grid-template-columns:1.4fr .6fr;gap:3rem;align-items:center}
.service-page.commercial-wide-gallery .service-gallery figcaption{padding-top:0}
.service-intro h3{margin-top:1.5rem}
@media(max-width:800px){.service-page .service-hero{grid-template-columns:1fr}.service-page .service-hero-copy{padding:2.5rem 0;width:88%;justify-self:center}.service-page .service-hero-media{grid-row:1}.service-page .service-gallery-grid,.service-page.commercial-wide-gallery .service-gallery figure{grid-template-columns:1fr;gap:1.5rem}.service-page .service-card{padding:1.5rem}}