:root{--ink:#183638;--deep:#123B3D;--accent:#E9C46A;--accent-ink:#111111;--paper:#F6F3EA;--surface:#FFFFFF;--muted:#5d6e70;--font-display:'Barlow Condensed', system-ui, -apple-system, 'Segoe UI', sans-serif;--font-text:'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;--display-weight:700;--radius:0px;--btn-radius:0px;--site-width:1200px;--reading-width:820px;--gutter:24px}
/* Base: tokens are injected above this file as :root custom properties
   (--ink --deep --accent --accent-ink --paper --surface --muted --font-display --font-text --display-weight
    --radius --btn-radius --site-width --reading-width). */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-text);font-size:1.0625rem;line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit;text-underline-offset:.18em}
button,input,textarea,select{font:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;margin:0 0 .6em}
h1{font-size:clamp(2.3rem,4.4vw,4.1rem);max-width:16ch}
h2{font-size:clamp(1.65rem,2.7vw,2.6rem)}
h3{font-size:clamp(1.15rem,1.4vw,1.35rem);letter-spacing:-.01em;line-height:1.2}
p{margin:0 0 1em}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.25rem;border:2px solid var(--accent);border-radius:var(--btn-radius);background:var(--accent);color:var(--accent-ink);font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s,filter .15s}
.button:hover{filter:brightness(.94);transform:translateY(-1px)}
.button.secondary{background:transparent;border-color:currentColor;color:inherit}
.eyebrow{margin:0 0 .75rem;font-weight:800;letter-spacing:.06em;font-size:.85rem;color:var(--accent)}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.text-link{font-weight:800;color:var(--ink)}

/* header + navigation */
.site-header{position:relative;z-index:20;display:flex;align-items:center;gap:1.5rem;padding:.75rem max(var(--gutter),calc((100% - var(--site-width))/2));background:var(--surface);color:var(--ink)}
.brand{display:flex;align-items:center;gap:.65rem;margin-right:auto;font-family:var(--font-display);font-weight:var(--display-weight);text-decoration:none;line-height:1.05}
.brand img{width:46px;height:46px}.brand span{max-width:230px}
nav#primary-nav{display:flex;align-items:center;gap:1.1rem}
nav#primary-nav>a:not(.button):not(.header-phone){text-decoration:none;font-weight:600}
.dropdown{position:relative}.dropdown>button{background:none;border:0;color:inherit;font-weight:600;padding:.5rem;cursor:pointer}
.dropdown-menu{display:none;position:absolute;right:0;top:100%;min-width:280px;padding:.5rem;background:var(--surface);color:var(--ink);box-shadow:0 18px 50px #0003;border-radius:var(--radius)}
.dropdown-menu a{display:block;padding:.55rem .75rem;text-decoration:none}.dropdown-menu a:hover{background:var(--paper)}
.dropdown.open .dropdown-menu{display:grid}
.menu-toggle{display:none;background:none;border:2px solid currentColor;border-radius:var(--btn-radius);padding:.45rem .8rem;color:inherit;font-weight:700}

/* hero shared */
.hero{position:relative;isolation:isolate;color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--deep) 90%,transparent),color-mix(in srgb,var(--deep) 62%,transparent)),var(--hero) center/cover;padding:48px max(var(--gutter),calc((100% - var(--site-width))/2))}
.hero .eyebrow{color:color-mix(in srgb,var(--accent) 70%,#fff)}
.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 .25rem;padding:0;list-style:none;font-weight:700}
.hero-badges li{padding:.3rem .7rem;background:#ffffff1f;border-radius:var(--btn-radius);font-size:.92rem}
.hero-home{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:center}
.hero-copy{min-width:0}

/* quote form */
.lead-form{display:grid;gap:.42rem;width:100%;max-width:460px;padding:1rem 1.1rem;background:var(--surface);color:var(--ink);border-radius:var(--radius);box-shadow:0 24px 60px #0004}
.lead-form h2{margin:-1rem -1.1rem .2rem;padding:.7rem 1.1rem;font-size:1.3rem;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius) var(--radius) 0 0}
.lead-form label{display:grid;gap:.15rem;font-size:.78rem;font-weight:700}
.lead-form input:not([type=checkbox]),.lead-form textarea{width:100%;padding:.45rem .55rem;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);border-radius:calc(var(--radius)/2);background:#fff;color:#18242a}
.lead-form textarea{min-height:3.2rem;resize:vertical}
.lead-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem .5rem;margin:0;padding:.3rem .55rem;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:calc(var(--radius)/2)}
.lead-form fieldset label{display:flex;align-items:flex-start;gap:.3rem;font-size:.7rem;line-height:1.2}
.lead-form input[type=checkbox]{width:1rem;height:1rem;margin:0;accent-color:var(--accent)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.turnstile{min-height:65px}
.lead-form button[type=submit]{min-height:3rem;border:0;border-radius:var(--btn-radius);background:var(--accent);color:var(--accent-ink);font-weight:850;cursor:pointer}
.lead-form button[type=submit]:disabled{opacity:.65;cursor:progress}
.privacy,.form-status{margin:0;font-size:.74rem}

/* content */
.content{width:min(calc(100% - 2 * var(--gutter)),var(--reading-width));margin:auto;padding:56px 0 72px}
.content>section,.content>figure,.content>aside{margin:0 0 64px}
.content figure{margin-inline:0}.content figure img{width:100%;height:auto;border-radius:var(--radius)}
.intro-band{margin-bottom:56px}
.intro-band .page-introduction{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.6;margin:0;color:var(--ink)}
.related-links p a{font-weight:700}

/* service overview shared */
.service-overview>h2,.service-overview>p{max-width:var(--reading-width)}
.service-list{margin-top:2rem}
.service-list h3{margin:0 0 .4rem}
.service-list p{margin:0;color:var(--ink)}

/* closing */
.cta{padding:clamp(1.5rem,4vw,3rem);background:var(--deep);color:#fff;border-radius:var(--radius)}
.cta .lead-form{max-width:none;box-shadow:none;margin-top:1rem}
.cta .button.secondary{color:#fff}

/* footer (required structure; columns stay single-column grids so headings sit above links) */
.site-footer{background:var(--deep);color:#fff;padding:56px max(var(--gutter),calc((100% - var(--site-width))/2)) 24px}
.footer-grid{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(140px,.7fr) minmax(200px,1fr) minmax(220px,1fr);gap:clamp(1.5rem,4vw,4rem)}
.footer-brand{display:grid;align-content:start;justify-items:start;gap:1rem}
.footer-logo{width:130px;height:130px;object-fit:contain}
.footer-description{max-width:36ch;margin:0}
.footer-phone{font-size:1.35rem;font-weight:800;text-decoration:none}
.site-footer .footer-column{display:grid;grid-template-columns:1fr;align-content:start;align-items:start;gap:.6rem}
.site-footer .footer-column h2{margin:0 0 .5rem;font-family:var(--font-text);font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}
.footer-column a{text-decoration:none}
.footer-contact address{display:grid;gap:.5rem;font-style:normal}
.footer-contact .footer-cta{justify-self:start;margin-top:.6rem}
.footer-map{margin-top:2.5rem}.map-facade{position:relative;display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden}.map-stage{position:relative;flex:1 1 auto;display:flex;flex-direction:column}.map-placeholder{display:flex;flex-direction:column;justify-content:center;gap:.6rem;flex:1 1 auto;padding:1.5rem;background:radial-gradient(circle at 86% 30%,color-mix(in srgb,var(--accent) 22%,transparent) 0 6%,transparent 7%),repeating-linear-gradient(0deg,color-mix(in srgb,currentColor 7%,transparent) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,color-mix(in srgb,currentColor 7%,transparent) 0 1px,transparent 1px 34px),var(--surface);color:var(--ink)}.map-label{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.map-place{margin:0;font-family:var(--font-display);font-weight:var(--display-weight);font-size:1.35rem;line-height:1.2}.map-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 0;padding:0;list-style:none}.map-chips li{padding:.25rem .65rem;border-radius:999px;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);font-size:.85rem}.map-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-top:.4rem}.map-load{font:inherit;font-weight:700;cursor:pointer;padding:.6rem 1.1rem;border:0;border-radius:var(--btn-radius);background:var(--deep);color:#fff}.map-load:focus-visible,.map-open:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.map-open{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.map-frame{position:absolute;inset:0;width:100%;height:100%;border:0}.map-facade--footer{height:220px}.map-facade--area{min-height:340px;height:100%}.site-footer .map-placeholder{background-color:color-mix(in srgb,#fff 8%,transparent);color:#fff}.site-footer .map-place{font-size:1.1rem}.site-footer .map-load{background:var(--accent);color:var(--accent-ink)}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #ffffff33;font-size:.9rem}
.footer-bottom p{margin:0}.footer-bottom nav{display:flex;gap:1rem}
.mobile-cta-bar{display:none}

.utility-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem max(var(--gutter),calc((100% - var(--site-width))/2));background:var(--deep);color:#fff;font-size:.88rem}
.utility-bar p{margin:0}.utility-bar a{font-weight:800;text-decoration:none;color:color-mix(in srgb,var(--accent) 65%,#fff)}
.site-header--utility{box-shadow:0 6px 24px #0000000f}

.hero--overlay-left{grid-template-columns:440px minmax(0,1fr);background:linear-gradient(270deg,color-mix(in srgb,var(--deep) 90%,transparent),color-mix(in srgb,var(--deep) 58%,transparent)),var(--hero) center/cover}
.hero--overlay-left .lead-form{grid-column:1;grid-row:1}
.hero--overlay-left .hero-copy{grid-column:2;grid-row:1}

.hero-inner--banner{padding-block:64px}
.hero-inner--banner .hero-copy{max-width:var(--reading-width);margin-inline:auto}

.service-list--tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.service-tile{position:relative;display:block;color:#fff;text-decoration:none;overflow:hidden;border-radius:var(--radius)}
.service-tile img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .4s}
.service-tile:hover img{transform:scale(1.04)}
.service-tile-copy{position:absolute;inset:auto 0 0;padding:1.1rem 1.25rem;background:linear-gradient(transparent,color-mix(in srgb,var(--deep) 94%,transparent) 30%)}
.service-tile-copy p{color:#fff;font-size:.95rem}

.copy-banded.tone{position:relative;padding-block:48px}
.copy-banded.tone::before{content:"";position:absolute;inset:0 calc(50% - 50vw);background:var(--surface);z-index:-1}

.estimate-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:32px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius)}
.estimate-panel h2{font-size:clamp(1.4rem,2.2vw,2rem)}.estimate-panel p{margin:0}
.estimate-panel .estimate-phone{color:var(--ink)}

.faq-item{padding:1.25rem 0;border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}
.faq-item h3{margin-bottom:.4rem}.faq-item p{margin:0}

.footer-bigname{margin:0 0 2.5rem;font-family:var(--font-display);font-weight:var(--display-weight);font-size:clamp(2.6rem,7vw,6.5rem);line-height:.95;letter-spacing:-.03em;color:color-mix(in srgb,var(--accent) 80%,#fff)}

/* blocks used by layout profiles */
.tick{width:1.15rem;height:1.15rem;flex:none;fill:var(--accent)}
.trust-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding:1rem max(var(--gutter),calc((100% - var(--site-width))/2));background:var(--surface);border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
.trust-bar ul{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin:0;padding:0;list-style:none;font-weight:700}
.trust-bar li{display:flex;align-items:center;gap:.45rem}
.trust-phone{font-family:var(--font-display);font-weight:var(--display-weight);font-size:1.2rem;text-decoration:none}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2.5rem;align-items:start}
.intro-aside{display:grid;gap:.6rem;padding:1.25rem;background:var(--surface);border-top:5px solid var(--accent);border-radius:var(--radius)}
.intro-aside-title{margin:0;font-weight:800}
.intro-aside-phone{font-family:var(--font-display);font-weight:var(--display-weight);font-size:1.55rem;text-decoration:none}
.process-steps{counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin:1.5rem 0 0;padding:0;list-style:none}
.process-steps li{counter-increment:step;position:relative;padding:1.25rem;background:var(--surface);border-radius:var(--radius)}
.process-steps li::before{content:counter(step);display:grid;place-items:center;width:2.4rem;height:2.4rem;margin-bottom:.75rem;border-radius:var(--btn-radius);background:var(--accent);color:var(--accent-ink);font-weight:900;font-family:var(--font-display)}
.process-steps p{margin:0}
.commitment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}
.commitment{padding:1.25rem;border-left:4px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0}
.commitment .tick{margin-bottom:.5rem}.commitment p{margin:0}
.checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem 2rem;margin:1.25rem 0 1.5rem;padding:0;list-style:none}
.checklist li{display:flex;gap:.6rem;align-items:flex-start;font-weight:600}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}
.gallery-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}
.area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:stretch}
.area .map-facade{min-height:340px}
.form-block{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem;align-items:start;padding:clamp(1.25rem,3vw,2.5rem);background:var(--surface);border-radius:var(--radius)}
.form-block .lead-form{max-width:none;box-shadow:none;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
.estimate-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}
.estimate-phone{font-weight:800;color:#fff;text-underline-offset:4px}
/* wide blocks may use the site width when the reading column is narrow */
.content>.service-overview,.content>.gallery,.content>.area,.content>.form-block,.content>.process,.content>.commitments{width:min(100vw - 2 * var(--gutter),var(--site-width));margin-left:50%;transform:translateX(-50%)}

/* laptop heights: keep headline, both actions and the whole hero form on the first screen */
@media(min-width:861px) and (max-height:900px){
.hero-home{padding-block:24px}
.hero-home .lead-form{gap:.28rem;padding:.8rem 1rem}
.hero-home .lead-form h2{font-size:1.15rem;padding:.5rem 1rem;margin:-.8rem -1rem .1rem}
.hero-home .lead-form input:not([type=checkbox]){padding:.34rem .5rem}
.hero-home .lead-form textarea{min-height:2.8rem}
.hero-home h1{font-size:clamp(2.2rem,3.8vw,3.6rem)}
.hero--framed-light .hero-frame{aspect-ratio:16/6}
}
@media(max-width:1100px){
.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-home{grid-template-columns:minmax(0,1fr) 380px;gap:32px}
.hero--overlay-left{grid-template-columns:380px minmax(0,1fr)}
.service-list--cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-split{grid-template-columns:1fr}
}
@media(max-width:860px){
:root{--gutter:18px}
body{padding-bottom:64px}
.menu-toggle{display:block}
nav#primary-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:.25rem;padding:1rem var(--gutter);background:var(--surface);color:var(--ink);box-shadow:0 18px 40px #0002}
nav#primary-nav.open{display:flex}
.dropdown-menu{position:static;box-shadow:none;min-width:0}
.site-header--centered{flex-direction:row}.site-header--centered .brand{margin:0 auto 0 0}
.utility-bar .utility-trust{display:none}
.hero,.hero-home,.hero--overlay-left,.hero--split-panel,.hero--centered-band,.hero-inner--split,.hero-inner--light{display:grid;grid-template-columns:1fr;gap:20px;padding:28px var(--gutter);text-align:left;justify-items:stretch}
.hero--overlay-left .lead-form,.hero--overlay-left .hero-copy{grid-column:auto;grid-row:auto}
.hero--split-panel .hero-copy,.hero-inner--split .hero-copy{padding:0}
.hero--split-panel{background:linear-gradient(color-mix(in srgb,var(--deep) 86%,transparent),color-mix(in srgb,var(--deep) 86%,transparent)),var(--hero) center/cover}
.hero--split-panel .hero-media{padding:0;background:none}
.hero--centered-band .hero-badges,.hero--centered-band .actions{justify-content:flex-start}
.hero--centered-band .lead-form,.hero--centered-band .lead-form fieldset{grid-template-columns:1fr}
.hero--centered-band .lead-form>*{grid-column:auto!important}
.hero--framed-light .hero-frame,.hero-inner--split .hero-media,.hero-inner--light .hero-media{display:none}
.hero h1{font-size:clamp(2rem,9vw,2.8rem)}
.lead-form{max-width:none}
.form-row{grid-template-columns:1fr}
.intro-grid,.copy-split,.area,.form-block,.service-row,.service-list--featured,.service-list--list{grid-template-columns:1fr}
.service-row:nth-child(even) .service-row-media{order:0}
.service-list--cards,.service-list--tiles,.gallery-grid{grid-template-columns:1fr}
.service-links{columns:1}
.service-list-photo{position:static;aspect-ratio:16/10}
.copy-split h2{position:static}
.estimate-panel{grid-template-columns:1fr;padding:22px}
.estimate-actions{align-items:stretch;text-align:center}
.content>.service-overview,.content>.gallery,.content>.area,.content>.form-block,.content>.process,.content>.commitments{width:100%;margin-left:0;transform:none}
.footer-grid,.footer-split .footer-grid{grid-template-columns:1fr}
.footer-bottom{flex-direction:column}
.mobile-cta-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;inset:auto 0 0;z-index:50;box-shadow:0 -6px 20px #0003}
.mobile-cta-bar a{display:grid;place-items:center;min-height:56px;font-weight:800;text-decoration:none}
.mobile-cta-bar a:first-child{background:var(--deep);color:#fff}
.mobile-cta-bar a:last-child{background:var(--accent);color:var(--accent-ink)}
}
@media(max-width:480px){.lead-form fieldset{grid-template-columns:1fr}.brand span{font-size:.92rem;max-width:170px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:861px) and (max-height:900px){
.site-header--centered{padding-top:.5rem;padding-bottom:.35rem;gap:.2rem}
.site-header--centered .brand img{width:36px;height:36px}
.site-header--centered .nav-call{min-height:2.5rem;padding-block:.4rem}
.utility-bar{padding-block:.3rem}
.hero--centered-band{gap:14px}
.hero--centered-band h1{font-size:clamp(2rem,3.2vw,3rem);margin-bottom:.4rem}
.hero--centered-band .eyebrow{margin-bottom:.4rem}
}
@media(max-width:860px){.hero--centered-band .lead-form>:nth-child(4){grid-template-columns:1fr 1fr}}
@media(max-width:480px){.hero--centered-band .lead-form>:nth-child(4){grid-template-columns:1fr}}
/* laptop heights: long service names and a 4-row textarea made some heroes overflow */
@media(min-width:861px){.hero-home h1{max-width:22ch}}
@media(min-width:861px) and (max-height:900px){
.hero-home .lead-form fieldset label{font-size:.66rem;line-height:1.15}
.hero-home .lead-form textarea{max-height:3.6rem}
.hero-home .actions{margin-top:.9rem}
}

@media(max-width:860px){.footer-split .map-facade{min-height:220px;height:auto}.area .map-facade{min-height:300px}}