:root{--paper:#f7f4ec;--coastal-ink:#183333;--eucalyptus:#2f6a55;--sand-line:#d9d2c1;--sky-wash:#e7f0eb;--night:var(--coastal-ink);--cobalt:#315e59;--copper:var(--eucalyptus);--lime:#30423b;--off:var(--paper);--line:var(--sand-line);--max:min(1280px,calc(100vw - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--coastal-ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--eucalyptus);outline-offset:3px}.container{width:var(--max);margin:auto}.skip{position:fixed;top:-4rem;left:1rem;z-index:30;background:var(--paper);color:var(--coastal-ink);padding:.7rem}.skip:focus{top:1rem}.utility{background:var(--sky-wash);border-bottom:1px solid var(--sand-line);font:12px ui-monospace,monospace;letter-spacing:.08em}.utility .container{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0}.utility a{color:var(--coastal-ink)}header{position:sticky;z-index:10;top:0;background:rgb(247 244 236/.96);border-bottom:1px solid var(--sand-line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:clamp(.75rem,1.8vw,2rem);min-width:0}.brand{font:900 1.25rem/1 'Arial Narrow',Arial,sans-serif;letter-spacing:-.04em;text-decoration:none;color:var(--coastal-ink);flex:none}.brand i{font-style:normal;color:var(--eucalyptus);display:block;font-size:.6em;letter-spacing:.15em;margin-top:.2rem}.brand-logo{width:36px;height:37px;object-fit:contain;float:left;margin-right:.5rem}nav{display:flex;align-items:center;gap:clamp(.55rem,1.3vw,1.2rem);font-size:.88rem;min-width:0;white-space:nowrap}nav a{text-decoration:none}.button{display:inline-block;background:var(--eucalyptus);color:white;padding:.85rem 1.15rem;text-decoration:none;font-weight:800;border:1px solid var(--eucalyptus);min-height:48px}.button.dark{background:var(--coastal-ink);color:var(--paper);border-color:var(--coastal-ink)}.menu{display:none;background:transparent;border:1px solid var(--sand-line);color:var(--coastal-ink);padding:.7rem}.services-menu{display:flex;align-items:center;gap:.25rem}.services-toggle,.carousel-controls button{border:1px solid var(--sand-line);background:var(--paper);color:var(--coastal-ink);font:inherit;cursor:pointer;min-height:38px}.services-toggle{width:2rem}.services-submenu{position:fixed;z-index:20;width:min(360px,calc(100vw - 32px));padding:.75rem;background:var(--paper);border:1px solid var(--sand-line);box-shadow:0 18px 42px rgb(24 51 51/.16);grid-template-columns:1fr 1fr;gap:.25rem}.services-submenu:not([hidden]){display:grid}.services-submenu a{padding:.55rem;text-decoration:none}.services-submenu a:hover,.services-submenu a:focus{background:var(--sky-wash)}.hero{background:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:520px}.hero.inner{align-items:stretch}.hero .media-frame{margin:0}.media-frame{position:relative;margin:0;overflow:hidden;background:var(--sky-wash);box-shadow:none}.media-frame img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover;filter:saturate(.8) contrast(1.03)}.hero-copy{align-self:center;max-width:860px;padding:6rem max(24px,calc((100vw - 1280px)/2))}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:.16em;color:var(--eucalyptus);font-weight:bold}.hero h1,h2,h3{font-family:'Arial Narrow',Arial,sans-serif;text-transform:uppercase;line-height:.92;letter-spacing:-.045em}.hero h1{font-size:clamp(3.3rem,8vw,7.4rem);margin:.25rem 0 1.5rem}.hero h2{font-size:clamp(2.8rem,6vw,5.8rem);margin:.25rem 0 1.5rem}.hero p:not(.eyebrow){font-size:clamp(1.05rem,2vw,1.35rem);max-width:650px}.text-link{margin-left:1rem;font-weight:bold}.hero-carousel{display:block;position:relative;min-height:0}.atlas-hero{background:var(--paper)}.hero-slide{min-height:470px;display:grid;align-items:center}.hero-slide[hidden]{display:none}.atlas-visual-band{display:grid;grid-template-columns:1.2fr .8fr;background:var(--sky-wash)}.atlas-visual-band .media-frame{min-height:330px}.carousel-controls{position:absolute;z-index:3;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem}.carousel-controls button{padding:.55rem .75rem}.carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.route-rail,.atlas-index{border-block:1px solid var(--sand-line);background:var(--sky-wash)}.route-rail .container,.atlas-index .container{display:grid;grid-template-columns:repeat(4,1fr)}.route-rail a,.atlas-index-item{padding:1.25rem;border-right:1px solid var(--sand-line);text-decoration:none}.atlas-index-item{border-bottom:1px solid var(--sand-line)}.route-rail b{color:var(--eucalyptus);margin-right:.6rem}.section{position:relative;padding:7rem 0;background:var(--paper)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.grid>.media-frame{margin-top:48px}.section h2{font-size:clamp(2.2rem,4.6vw,4.4rem);margin:.3rem 0 1.4rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.card{background:white;border:1px solid var(--sand-line);padding:1.5rem}.card .media-frame{margin:-1.5rem -1.5rem 1.5rem}.atlas-index{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.atlas-index-item{display:block;background:transparent;padding:1.5rem}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}.narrow{max-width:800px;margin:auto}.contact-band{background:var(--eucalyptus);color:white;padding:5rem 0}.contact-band .eyebrow{color:var(--paper)}footer{background:var(--coastal-ink);color:var(--paper);padding:4.5rem 0;border-top:1px solid var(--sand-line)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}.footer-grid a{display:block;margin:.45rem 0}.footer-grid b{color:#b9d4c3;font:11px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:900px){.utility .container{display:block}.utility span+span{display:block;margin-top:.3rem}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:1.4rem 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--sand-line)}nav.open{display:flex}.menu{display:block}.services-menu{justify-content:space-between}.services-submenu{position:static;width:100%;box-shadow:none;margin-top:.5rem}.cards,.atlas-index{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.carousel-controls{left:24px;transform:none}.route-rail .container,.atlas-index .container{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero .media-frame{min-height:300px}.hero-copy{padding:4.5rem 24px}}@media(max-width:560px){.container{width:min(100% - 32px,1280px)}.hero,.hero-slide{min-height:0}.hero.inner{min-height:0}.hero h1{font-size:3.1rem}.grid,.cards,.atlas-index,.footer-grid{grid-template-columns:1fr}.atlas-visual-band{grid-template-columns:1fr}.section{padding:4.5rem 0}.grid>.media-frame{margin-top:0}.route-rail .container,.atlas-index .container{grid-template-columns:1fr}.route-rail a{border-bottom:1px solid var(--sand-line)}.gallery-grid{grid-template-columns:1fr 1fr}.button{width:100%;text-align:center}.text-link{display:inline-block;margin:1rem 0 0}.carousel-controls{position:static;padding:1rem 16px;transform:none;flex-wrap:wrap}.carousel-controls button{width:auto}.services-submenu{grid-template-columns:1fr}}
.service-route-detail,.homepage-service-overview,.homepage-process,.homepage-areas{overflow-wrap:anywhere}.service-route-detail{background:linear-gradient(135deg,var(--paper) 0%,#f4efe3 48%,var(--sky-wash) 100%);border-block:1px solid var(--sand-line)}.service-route-detail h2{max-width:19ch}.service-route-intro{max-width:50rem;font-size:clamp(1.08rem,1.6vw,1.3rem)}.service-route-grid,.homepage-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2.5rem;border:1px solid var(--sand-line);background:var(--sand-line)}.service-route-grid article,.homepage-process-grid p{margin:0;padding:clamp(1.35rem,2.5vw,2.2rem);background:rgb(247 244 236/.9)}.service-route-grid h3{margin-top:0;font-size:1.15rem}.service-route-grid a{color:var(--eucalyptus);font-weight:700}.homepage-service-overview{background:linear-gradient(120deg,var(--sky-wash),#eef3ec 56%,var(--paper));border-block:1px solid var(--sand-line)}.homepage-service-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem;border-top:1px solid var(--sand-line);border-left:1px solid var(--sand-line)}.homepage-service-links a{min-height:4.5rem;display:flex;align-items:center;padding:1rem;background:rgb(247 244 236/.72);border-right:1px solid var(--sand-line);border-bottom:1px solid var(--sand-line);font:700 .78rem/1.25 ui-monospace,monospace;letter-spacing:.08em;text-decoration:none}.homepage-service-links a:hover,.homepage-service-links a:focus-visible{background:#e1eee6}.homepage-process{background:var(--paper)}.homepage-process-grid b{display:block;color:var(--eucalyptus);font:700 .78rem/1.25 ui-monospace,monospace;letter-spacing:.1em}.homepage-areas{background:linear-gradient(110deg,#edf4ef,var(--paper) 68%);border-top:1px solid var(--sand-line)}
@media(max-width:900px){.service-route-grid,.homepage-process-grid{grid-template-columns:1fr}.homepage-service-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.service-route-detail h2{max-width:none}.homepage-service-links{grid-template-columns:1fr}.homepage-service-links a{min-height:3.8rem}.service-route-grid article,.homepage-process-grid p{padding:1.25rem}}
.fixed-roofline-story{background:var(--paper);border-block:1px solid var(--sand-line)}.story-panel{display:grid;grid-template-columns:minmax(0,1fr);min-height:100svh;isolation:isolate}.story-media,.story-copy{grid-column:1;grid-row:1}.story-media{position:sticky;top:0;z-index:0;align-self:start;height:100svh;background:var(--sky-wash)}.story-media::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgb(24 51 51/.26),transparent 62%)}.story-media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.03)}.story-copy{position:relative;z-index:1;align-self:center;width:min(100% - 48px,38rem);margin:clamp(3rem,9vh,7rem) max(24px,calc((100vw - 1280px)/2));padding:clamp(2rem,4vw,4rem);border:1px solid rgb(217 210 193/.84);background:rgb(247 244 236/.91);box-shadow:0 24px 60px rgb(24 51 51/.16)}.story-copy h2{max-width:12ch;margin:.35rem 0 1.35rem;font-size:clamp(2.5rem,5vw,5.4rem)}.story-copy p:not(.eyebrow){max-width:35rem;font-size:clamp(1.05rem,1.8vw,1.3rem)}.story-panel--drainage .story-media::after{background:linear-gradient(115deg,rgb(47 106 85/.22),rgb(231 240 235/.18) 65%,transparent)}.story-panel--drainage .story-copy{margin-left:auto;margin-right:max(24px,calc((100vw - 1280px)/2));background:rgb(231 240 235/.92)}.story-panel--next-steps .story-media::after{background:linear-gradient(115deg,rgb(24 51 51/.52),rgb(47 106 85/.27) 64%,transparent)}.story-panel--next-steps .story-copy{background:rgb(24 51 51/.92);border-color:rgb(185 212 195/.45);color:var(--paper)}.story-panel--next-steps .eyebrow{color:#b9d4c3}@media(prefers-reduced-motion:reduce){.fixed-roofline-story *{animation:none!important;transition:none!important}}@media(max-width:560px){.story-panel{display:block;min-height:0}.story-media{position:relative;top:auto;height:auto;min-height:16rem}.story-media img{height:auto;min-height:16rem}.story-copy,.story-panel--drainage .story-copy{width:auto;margin:0;padding:2.25rem 16px;box-shadow:none}.story-copy h2{max-width:none}.story-panel--next-steps .story-copy{background:var(--coastal-ink)}.fixed-roofline-story *{animation:none!important;transition:none!important}}