:root{--green:#6aaf08;--green-dark:#102315;--green-mid:#2f6b22;--ink:#172018;--muted:#687266;--paper:#f7f8f3;--white:#fff;--line:#dfe7d8;--gold:#d0b066;--shadow:0 18px 60px rgba(13,33,17,.13);--font:'Manrope',Arial,sans-serif;--display:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.75}img{max-width:100%;height:auto}a{color:var(--green-mid);text-decoration:none}a:hover{color:var(--green)}.container{width:min(1180px,calc(100% - 34px));margin:0 auto}.section-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:10px}.section-title{max-width:820px;margin:0 auto 42px;text-align:center}.section-title h2{font-family:var(--display);font-size:clamp(34px,5vw,64px);line-height:1.03;margin:0 0 16px;color:var(--green-dark)}.section-title p{font-size:18px;color:var(--muted)}.btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff!important;padding:14px 24px;border-radius:999px;font-weight:800;border:0;box-shadow:0 12px 30px rgba(106,175,8,.25);transition:.25s}.btn:hover,.button:hover{transform:translateY(-2px);filter:brightness(.95)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.62);box-shadow:none}.btn-outline:hover{background:#fff;color:var(--green-dark)!important}.btn-light{background:#fff;color:var(--green-dark)!important}.btn-outline-light{background:transparent;border:1px solid rgba(255,255,255,.72);box-shadow:none}.btn-small{padding:10px 16px;font-size:13px}.text-link{font-weight:900;border-bottom:2px solid var(--green);color:var(--green-mid)}.spaced{margin-left:18px}.agf-header{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(12,25,15,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.15)}.agf-header-top{background:rgba(106,175,8,.14);color:#eaf7df;font-size:13px}.agf-header-top a{color:#fff;font-weight:800}.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.brand img{display:block;max-width:315px;max-height:74px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:6px}.main-nav>a,.nav-dropdown>a{color:#edf5e9;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:14px 11px;display:inline-flex}.main-nav>a:hover,.nav-dropdown:hover>a{color:var(--green)}.nav-cta{background:var(--green);color:#fff!important;border-radius:0!important;padding:18px 20px!important;margin-left:8px}.nav-dropdown{position:relative}.dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s;z-index:20}.nav-dropdown:hover .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}.service-panel{width:min(820px,calc(100vw - 34px));max-height:calc(100vh - 135px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));padding:22px;gap:20px;border-radius:0 0 22px 22px}.service-panel-head{grid-row:span 2;background:#f4faee;border:1px solid var(--line);padding:18px;border-radius:16px}.service-panel-head p{margin:0 0 12px;color:var(--muted);font-size:14px}.dropdown-panel h4{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--green-mid);margin:0 0 10px}.dropdown-panel a{display:block;padding:8px 0;color:var(--ink);font-weight:700}.dropdown-panel a:hover{color:var(--green-mid)}.featured-link{background:#edf7e7;padding:10px!important;border-left:4px solid var(--green);font-weight:900!important}.small-panel{padding:14px;left:auto;right:0}.mobile-toggle{display:none;background:none;border:0;gap:5px;flex-direction:column}.mobile-toggle span{width:26px;height:2px;background:#fff;display:block}.archi-hero{position:relative;min-height:810px;background:#071108;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .75s ease;background-image:linear-gradient(90deg,rgba(4,12,6,.92),rgba(6,21,11,.50) 54%,rgba(4,12,6,.78)),var(--hero);background-size:cover;background-position:center;display:flex;align-items:center}.hero-slide.active{opacity:1;pointer-events:auto}.hero-inner{position:relative;padding-top:110px;color:#fff}.hero-inner h1,.hero-inner h2{font-family:var(--display);font-size:clamp(50px,7.5vw,104px);line-height:.95;margin:0 0 22px;max-width:1030px;color:#fff}.hero-inner p{font-size:20px;max-width:790px;color:rgba(255,255,255,.9);margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:56px;height:56px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.06);color:#fff;border-radius:50%;font-size:42px;line-height:1;cursor:pointer}.hero-arrow.prev{left:24px}.hero-arrow.next{right:24px}.hero-dots{position:absolute;left:0;right:0;bottom:34px;text-align:center;z-index:6}.hero-dots button{width:12px;height:12px;border-radius:50%;border:1px solid #fff;background:transparent;margin:0 5px;cursor:pointer}.hero-dots button.active{background:var(--green);border-color:var(--green)}.stats-strip{position:relative;z-index:10;margin-top:-52px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.stats-grid>div{padding:24px;text-align:center;border-right:1px solid var(--line)}.stats-grid>div:last-child{border-right:0}.stats-grid strong{display:block;font-family:var(--display);font-size:30px;color:var(--green-dark)}.stats-grid span{color:var(--muted);font-weight:700}.services-showcase,.portfolio-section,.video-section,.detail-section,.content-section{padding:96px 0}.services-showcase{background:#fff}.service-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#f7fbf3;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;border-radius:18px;margin-bottom:34px}.service-filters{display:flex;gap:8px;flex-wrap:wrap}.service-filters button{border:1px solid #d9e7d2;background:#fff;color:var(--ink);font-weight:800;border-radius:999px;padding:9px 14px;cursor:pointer}.service-filters button.active,.service-filters button:hover{background:var(--green);color:#fff;border-color:var(--green)}[data-service-search]{min-width:250px;flex:1;max-width:420px;border:1px solid #d9e7d2;border-radius:999px;padding:12px 16px}.service-project-layout{display:grid;grid-template-columns:minmax(0,1fr)330px;gap:28px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-6px)}.service-card.is-hidden{display:none}.service-image{height:215px;background:#edf4e7;position:relative;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover}.service-image span{position:absolute;top:14px;left:14px;background:rgba(16,35,21,.9);color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.service-body{padding:22px}.service-body h3{margin:0 0 9px;font-size:23px;line-height:1.18}.service-body p{color:var(--muted);min-height:78px}.project-inside-services{position:sticky;top:130px;align-self:start;background:var(--green-dark);color:#fff;padding:24px;border-radius:22px;box-shadow:var(--shadow)}.project-inside-services h3{font-family:var(--display);font-size:30px;margin:0 0 16px;color:#fff}.mini-project{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.13);padding:12px 0}.mini-project img{width:76px;height:58px;object-fit:cover;border-radius:10px}.mini-project span{font-weight:800;line-height:1.25}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.drainage-section{padding:104px 0;background:linear-gradient(135deg,#0b1c10,#123c1e 65%,#5f9d07);color:#fff}.drainage-section h2{font-family:var(--display);font-size:clamp(38px,5.5vw,74px);line-height:1;margin:0 0 18px;color:#fff}.drainage-section p{color:rgba(255,255,255,.9)}.lead{font-size:20px}.image-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-stack img{height:430px;width:100%;object-fit:cover;border-radius:26px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.image-stack img:nth-child(2){margin-top:70px;height:340px}.check-list{padding:0;margin:22px 0;list-style:none}.check-list li{padding:10px 0 10px 32px;position:relative;font-weight:800}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.video-section{background:var(--paper)}.video-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:40px}.play-circle{width:78px;height:78px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:28px;margin-bottom:18px}.video-card h3{font-family:var(--display);font-size:34px;margin:0 0 10px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-thumb{display:block;color:inherit}.video-thumb.large{min-height:260px;border-radius:22px;background:#eff8e8;display:grid;place-items:center;text-align:center}.portfolio-section{background:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portfolio-card{position:relative;height:280px;overflow:hidden;border-radius:22px;display:block;background:#edf4e7;box-shadow:var(--shadow)}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.portfolio-card:hover img{transform:scale(1.06)}.portfolio-card span{position:absolute;left:18px;bottom:18px;right:18px;background:rgba(16,35,21,.88);color:#fff;padding:12px 14px;font-weight:900;border-radius:14px}.page-hero{padding:178px 0 90px;background-image:linear-gradient(90deg,rgba(6,18,9,.88),rgba(6,18,9,.55)),url('/static/archi/images/main-banner2.jpg');background-size:cover;background-position:center;color:#fff}.page-hero h1{font-family:var(--display);font-size:clamp(44px,7vw,86px);line-height:1;margin:0 0 12px;color:#fff}.page-hero p{max-width:870px;font-size:19px;color:rgba(255,255,255,.9)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr)340px;gap:32px}.content-card,.side-card,.card,.client-card,.estimate-category,.grand-total-card,.contact-form,.search-form{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:34px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{overflow:hidden}.card blockquote{font-family:var(--display);font-size:24px;line-height:1.35;margin:12px 0;color:var(--green-dark)}.card-media{height:220px;background:#edf4e7}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:24px}.article-card{padding:0}.prose{font-size:17px}.prose img{max-height:310px;object-fit:cover;border-radius:16px}.lead-text{background:#eff8e8;border-left:5px solid var(--green);padding:18px 20px;border-radius:14px}.hero-image{width:100%;max-height:460px;object-fit:cover;border-radius:20px;margin-bottom:22px}.sidebar{display:grid;gap:18px;position:sticky;top:130px;align-self:start}.side-card.dark{background:var(--green-dark);color:#fff}.side-card.dark h3,.side-card.dark p{color:#fff}.side-card a{display:block;margin:8px 0;font-weight:800}.gallery-head{margin-top:34px}.gallery-head h2{font-family:var(--display);font-size:42px;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.gallery-grid a{height:160px;border-radius:16px;overflow:hidden;background:#edf4e7;display:block}.gallery-grid.masonry a:nth-child(5n){grid-column:span 2;height:230px}.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.contact-hero{padding:178px 0 90px;background-image:linear-gradient(90deg,rgba(6,18,9,.88),rgba(6,18,9,.55)),url('/static/archi/images/main-banner3.jpg');background-size:cover;background-position:center;color:#fff}.contact-hero h1{font-family:var(--display);font-size:clamp(44px,7vw,86px);line-height:1;margin:0 0 12px;color:#fff}.contact-hero p{font-size:19px;color:rgba(255,255,255,.9)}.contact-section{padding:96px 0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.contact-form label,.estimator-form label{display:block;font-weight:900;color:var(--green-dark);margin:14px 0 7px}.contact-form input,.contact-form textarea,.contact-form select,.estimator-form input,.estimator-form select,.search-form input{width:100%;border:1px solid #d7e5cf;border-radius:14px;padding:13px 15px;font:inherit;background:#fbfdf8}.contact-form textarea{min-height:150px}.success-message,.result{background:#eff8e8;border-left:5px solid var(--green);padding:18px 20px;border-radius:14px;margin:0 0 22px;font-weight:800}.lead-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.estimate-category{padding:0;margin-top:24px;overflow:hidden}.category-heading{background:var(--green-dark);padding:22px 26px;display:flex;justify-content:space-between;align-items:center}.category-heading h2{color:#fff;margin:0;font-family:var(--display);font-size:32px}.category-subtotal{color:#c6ef98;font-size:24px}.estimate-row{display:grid;grid-template-columns:1fr 170px 130px;gap:18px;align-items:center;padding:20px 26px;border-top:1px solid var(--line)}.estimate-info h3{margin:0 0 6px}.qty-box span,.line-total span,.grand-total-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}.line-total strong{font-size:22px;color:var(--green-dark)}.grand-total-card{margin-top:24px;display:flex;justify-content:space-between;align-items:center}#grand-total{display:block;font-family:var(--display);font-size:54px;color:var(--green);line-height:1}.search-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:28px}.link-list{display:grid;gap:12px}.link-list a{display:block;background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px rgba(13,33,17,.08);border-radius:18px;padding:18px;color:var(--ink)}.link-list span{display:block;color:var(--muted);font-size:14px}.pagination-links{display:flex;gap:10px;margin-top:24px}.stars{color:var(--green);font-size:18px;letter-spacing:.08em}.media-placeholder{height:100%;min-height:120px;display:grid;place-items:center;text-align:center;padding:18px;background:#edf4e7;color:var(--green-dark);font-weight:900}.media-placeholder.small{min-height:58px}.text-center{text-align:center}.video-actions{margin-top:28px}.footer-cta{padding:74px 0;background:linear-gradient(135deg,#102315,#1e5b2b);color:#fff}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.footer-cta h2{font-family:var(--display);font-size:clamp(34px,5vw,58px);margin:0;color:#fff}.footer-cta p{color:rgba(255,255,255,.85)}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.site-footer{background:#081109;color:#cbd8c8}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding:58px 0}.footer-logo{max-width:290px;margin-bottom:14px}.site-footer h3{color:#fff;margin:0 0 14px}.site-footer a{display:block;color:#dfeadb;margin:8px 0}.footer-socials{display:flex;gap:8px;flex-wrap:wrap}.footer-socials a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.09);display:grid;place-items:center;font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:18px 0;font-size:13px;color:#aebcab}.whatsapp-float{position:fixed;right:20px;bottom:22px;width:66px;height:66px;border-radius:50%;background:#25D366;color:#fff!important;z-index:999;display:grid;place-items:center;font-size:0;box-shadow:0 18px 45px rgba(0,0,0,.25)}.whatsapp-float:before{content:'WA';font-size:18px;font-weight:900}.back-to-top{position:fixed;right:32px;bottom:100px;width:44px;height:44px;border-radius:50%;border:0;background:var(--green-dark);color:#fff;display:none;z-index:998}.agf-img-missing{display:none!important}@media(max-width:1100px){.main-nav{display:none;position:absolute;left:17px;right:17px;top:100%;background:#102315;padding:14px;border-radius:0 0 18px 18px;box-shadow:var(--shadow);align-items:flex-start;flex-direction:column}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown>a{padding:10px}.dropdown-panel{position:static;opacity:1;visibility:visible;transform:none;display:none;width:100%;box-shadow:none}.nav-dropdown.open .dropdown-panel{display:grid}.service-panel{grid-template-columns:1fr;max-height:70vh}.service-panel-head{grid-row:auto}.mobile-toggle{display:flex}.nav-shell{position:relative}.brand img{max-width:245px}.topbar-inner{display:block;text-align:center}.service-project-layout,.split-grid,.detail-layout,.cta-grid,.contact-grid{grid-template-columns:1fr}.project-inside-services,.sidebar{position:static}.service-grid,.portfolio-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.archi-hero,.hero-slide{min-height:680px}.hero-arrow{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.lead-fields,.estimate-row{grid-template-columns:1fr}.grand-total-card{display:block}}@media(max-width:680px){.container{width:min(100% - 24px,1180px)}.brand img{max-width:210px}.hero-inner h1,.hero-inner h2{font-size:38px}.hero-inner p{font-size:17px}.stats-grid,.service-grid,.portfolio-grid,.video-grid,.footer-grid,.search-form{grid-template-columns:1fr}.service-toolbar{display:block}.service-filters{margin-bottom:12px}[data-service-search]{width:100%;min-width:0}.image-stack{grid-template-columns:1fr}.image-stack img,.image-stack img:nth-child(2){height:250px;margin-top:0}.gallery-grid.masonry a:nth-child(5n){grid-column:span 1;height:160px}.page-hero,.contact-hero{padding-top:145px}.footer-grid{padding:40px 0}.whatsapp-float{width:58px;height:58px}}

/* Final original-media/responsive polish */
.archi-home .hero-slide:nth-child(3){background-image:linear-gradient(90deg,rgba(7,20,10,.88),rgba(7,20,10,.52)),url('/media/joomla/images/Project9-Duke/after/Image116.webp')!important}
.top-socials{display:flex;gap:10px;align-items:center}.top-socials a{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.footer-socials{display:flex;gap:10px;margin-top:14px}.footer-socials a{width:42px;height:42px;border-radius:50%;background:#70b600;color:#fff!important;display:grid!important;place-items:center;font-weight:900}
.service-panel{grid-template-columns:repeat(4,minmax(190px,1fr))!important;max-height:72vh;overflow:auto}.service-panel h4{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#6bad00;margin-bottom:10px}.service-panel a{font-size:13px!important;line-height:1.35}.service-panel .featured-link{background:#eff8e7;border-left:4px solid #70b600;color:#163a1c!important;padding:10px 12px!important;border-radius:8px}.main-nav{z-index:1000}.dropdown-panel{z-index:1001}.media-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e9f5e4,#f7fbf3);color:#163a1c;text-align:center;padding:18px;font-weight:900}.media-placeholder.small{min-height:58px;font-size:12px}.service-image .media-placeholder,.portfolio-card .media-placeholder{min-height:230px}.video-thumb{display:grid;place-items:center;min-height:190px;background:linear-gradient(135deg,#102315,#1e5d2c);border-radius:20px;color:#fff!important;margin-bottom:18px;position:relative}.video-thumb.large{min-height:330px}.video-thumb strong{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fff}.agf-video-page .video-card{transition:.25s}.agf-video-page .video-card:hover{transform:translateY(-6px)}.play-circle{box-shadow:0 18px 45px rgba(0,0,0,.18)}
@media(max-width:1180px){.service-panel{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:1100px){.service-panel{grid-template-columns:1fr!important;max-height:70vh}.top-socials{justify-content:center;margin-top:8px}.topbar-inner span{display:block;margin:3px 0}.dropdown-panel{width:100%}.service-panel div{border-bottom:1px solid #e6efdf;padding-bottom:10px}.service-panel div:last-child{border-bottom:0}.main-nav.open{max-height:80vh;overflow:auto}.nav-dropdown.open>a{color:#9bd100!important}}
@media(max-width:680px){.top-socials{display:none}.service-panel a{font-size:14px!important}.hero-inner{padding-top:132px}.archi-hero,.hero-slide{min-height:720px}.hero-inner h1,.hero-inner h2{font-size:34px!important}.video-grid{grid-template-columns:1fr!important}}
/* Use original project photos, not template demo photos */
.page-hero{background-image:linear-gradient(90deg,rgba(6,18,9,.88),rgba(6,18,9,.55)),url('/media/joomla/images/Steps/front-yard-landscaping-calgary.webp')!important}.portfolio-card,.service-image,.mini-project,.gallery-grid a{background:#edf4e7}.media-placeholder{min-height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#eaf4e5,#f9fbf6);color:#173c1e;font-weight:900;text-align:center;padding:14px}

/* Current project overrides after importing Archi assets. */
:root{--green:#6aaf08;--green-mid:#2f6b22}
.service-panel{left:0!important;right:auto!important;width:min(820px,calc(100vw - 34px))!important;max-height:calc(100vh - 135px)!important;grid-template-columns:repeat(2,minmax(240px,1fr))!important;gap:20px!important}
.service-panel-head{grid-row:span 2;background:#f4faee;border:1px solid var(--line);padding:18px;border-radius:16px}
.service-panel-head p{margin:0 0 12px;color:var(--muted);font-size:14px}
.small-panel{left:auto!important;right:0!important}
.nav-cta,.btn,.button,.play-circle{background:#6aaf08!important}
.footer-socials a{background:#6aaf08!important}
.drainage-section{background:linear-gradient(135deg,#0b1c10,#123c1e 65%,#5f9d07)!important}
.contact-hero{padding:178px 0 90px;background-image:linear-gradient(90deg,rgba(6,18,9,.88),rgba(6,18,9,.55)),url('/media/joomla/images/Steps/front-yard-landscaping-calgary.webp');background-size:cover;background-position:center;color:#fff}
.contact-hero h1{font-family:var(--display);font-size:clamp(44px,7vw,86px);line-height:1;margin:0 0 12px;color:#fff}
.contact-section{padding:96px 0}
.content-section{padding:96px 0}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card,.client-card,.estimate-category,.grand-total-card,.contact-form,.search-form{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:34px}
.card{overflow:hidden}.card blockquote{font-family:var(--display);font-size:24px;line-height:1.35;margin:12px 0;color:var(--green-dark)}
.card-media{height:220px;background:#edf4e7}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:24px}.article-card{padding:0}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}
.contact-form label,.estimator-form label{display:block;font-weight:900;color:var(--green-dark);margin:14px 0 7px}
.contact-form input,.contact-form textarea,.contact-form select,.estimator-form input,.estimator-form select,.search-form input{width:100%;border:1px solid #d7e5cf;border-radius:14px;padding:13px 15px;font:inherit;background:#fbfdf8}
.contact-form textarea{min-height:150px}
.success-message,.result{background:#eff8e8;border-left:5px solid var(--green);padding:18px 20px;border-radius:14px;margin:0 0 22px;font-weight:800}
.lead-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.estimate-category{padding:0;margin-top:24px;overflow:hidden}
.category-heading{background:var(--green-dark);padding:22px 26px;display:flex;justify-content:space-between;align-items:center}
.category-heading h2{color:#fff;margin:0;font-family:var(--display);font-size:32px}
.category-subtotal{color:#c6ef98;font-size:24px}.estimate-row{display:grid;grid-template-columns:1fr 170px 130px;gap:18px;align-items:center;padding:20px 26px;border-top:1px solid var(--line)}
.qty-box span,.line-total span,.grand-total-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}.line-total strong{font-size:22px;color:var(--green-dark)}
.grand-total-card{margin-top:24px;display:flex;justify-content:space-between;align-items:center}#grand-total{display:block;font-family:var(--display);font-size:54px;color:var(--green);line-height:1}
.search-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:28px}
.link-list{display:grid;gap:12px}.link-list a{display:block;background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px rgba(13,33,17,.08);border-radius:18px;padding:18px;color:var(--ink)}.link-list span{display:block;color:var(--muted);font-size:14px}
.pagination-links{display:flex;gap:10px;margin-top:24px}.stars{color:var(--green);font-size:18px;letter-spacing:.08em}.text-center{text-align:center}.video-actions{margin-top:28px}
.video-thumb-image{position:relative;height:190px;overflow:hidden;border-radius:20px;margin:-18px -18px 20px;background:#edf4e7}.video-thumb-image img{width:100%;height:100%;object-fit:cover;display:block}.video-thumb-image .play-circle{position:absolute;left:18px;bottom:18px;margin:0;width:58px;height:58px;font-size:13px;font-weight:900}
.video-embed{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:22px;background:#0d1c10;margin-bottom:24px;box-shadow:var(--shadow)}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:1100px){.service-panel{grid-template-columns:1fr!important}.service-panel-head{grid-row:auto}.contact-grid,.lead-fields,.estimate-row{grid-template-columns:1fr}.grand-total-card{display:block}}
@media(max-width:680px){.search-form{grid-template-columns:1fr}.contact-hero{padding-top:145px}.video-thumb-image{height:170px}}

/* Sept template inspired upgrade: feature icons, proof band, and strong CTA. */
.st-center{text-align:center}.st-center h2{margin-left:auto;margin-right:auto;max-width:900px}
.sept-feature-band{padding:92px 0;background:#fcfdf9}
.sept-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}
.sept-feature-card{background:#fff;border:1px solid var(--line);box-shadow:0 14px 44px rgba(13,33,17,.08);border-radius:20px;padding:30px;min-height:280px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.sept-feature-card:hover{transform:translateY(-6px);border-color:rgba(106,175,8,.4);box-shadow:0 22px 62px rgba(13,33,17,.14)}
.sept-feature-card span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#eff8e7;color:var(--green);font-family:var(--display);font-size:23px;font-weight:800;margin-bottom:20px;transition:transform .35s ease,background .25s ease,color .25s ease}
.sept-feature-card:hover span{transform:rotate(360deg) scale(1.08);background:var(--green);color:#fff}
.sept-feature-card h3{font-size:25px;line-height:1.15;margin:0 0 12px;color:var(--green-dark)}
.sept-feature-card p{color:var(--muted);margin:0}
.sept-cta-band{padding:86px 0;background-image:linear-gradient(90deg,rgba(5,17,8,.92),rgba(16,55,25,.84)),url('/media/joomla/images/Steps/front-yard-landscaping-calgary.webp');background-size:cover;background-position:center;background-attachment:fixed;color:#fff}
.sept-cta-inner{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:34px;align-items:center}
.sept-cta-inner h2{font-family:var(--display);font-size:clamp(38px,5vw,68px);line-height:1;margin:0 0 16px;color:#fff;max-width:900px}
.sept-cta-inner p{max-width:820px;color:rgba(255,255,255,.88);font-size:18px}
.portfolio-card:after{content:'';position:absolute;inset:0;background:rgba(9,27,12,.05);transition:background .3s ease}
.portfolio-card:hover:after{background:rgba(9,27,12,.46)}
.portfolio-card span{z-index:2;transition:transform .3s ease,background .3s ease}
.portfolio-card:hover span{transform:translateY(-8px);background:rgba(106,175,8,.92)}

/* Site-wide chat assistant with email handoff. */
.agf-chat{position:fixed;right:96px;bottom:22px;z-index:1002;font-family:var(--body)}
.agf-chat-toggle{width:66px;height:66px;border-radius:50%;border:0;background:var(--green-dark);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.25);font-weight:900;cursor:pointer}
.agf-chat-toggle span{display:block;font-size:14px;letter-spacing:.02em}
.agf-chat-panel{position:absolute;right:-76px;bottom:82px;width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.26);overflow:hidden}
.agf-chat-panel header{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#102315,#1e5b2b);color:#fff;padding:16px 18px}
.agf-chat-panel header strong{display:block;color:#fff;font-size:16px}
.agf-chat-panel header span{display:block;color:rgba(255,255,255,.75);font-size:12px;margin-top:2px}
.agf-chat-panel header button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.agf-chat-messages{height:260px;overflow:auto;padding:16px;background:#f7fbf3;display:flex;flex-direction:column;gap:10px}
.chat-message{max-width:86%;padding:11px 13px;border-radius:16px;font-size:14px;line-height:1.45}
.chat-message.bot{align-self:flex-start;background:#fff;border:1px solid #dfead8;color:var(--ink)}
.chat-message.user{align-self:flex-end;background:var(--green);color:#fff}
.chat-message a{font-weight:900;color:var(--green-dark);text-decoration:underline}
.chat-message .chat-handoff-link{display:block;margin-top:10px;padding:11px 13px;border-radius:12px;background:#25d366;color:#102315;text-align:center;text-decoration:none;box-shadow:0 8px 22px rgba(37,211,102,.2)}
.chat-message .chat-handoff-link:hover{background:#1fbd59;color:#071108}
.chat-handoff-number{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.4}
.chat-quick-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--line);background:#fff}
.chat-quick-actions button{border:1px solid #d9e7d2;background:#fff;color:var(--green-dark);border-radius:999px;padding:8px 10px;font-weight:900;font-size:12px;cursor:pointer}
.chat-quick-actions button:hover{background:#eff8e7;border-color:var(--green)}
.agf-chat-form{display:grid;grid-template-columns:minmax(0,1fr)74px;gap:8px;padding:14px;background:#fff;border-top:1px solid var(--line)}
.agf-chat-form input{width:100%;border:1px solid #d7e5cf;border-radius:999px;padding:12px 14px;font:inherit;min-width:0}
.agf-chat-form button{border:0;border-radius:999px;background:var(--green);color:#fff;font-weight:900;cursor:pointer}
.agf-chat-panel[hidden]{display:none}
@media(max-width:1100px){.sept-feature-grid{grid-template-columns:repeat(2,1fr)}.sept-cta-inner{grid-template-columns:1fr}.sept-cta-band{background-attachment:scroll}}
@media(max-width:680px){.sept-feature-band,.sept-cta-band{padding:64px 0}.sept-feature-grid{grid-template-columns:1fr}.sept-feature-card{min-height:0}.agf-chat{right:90px;bottom:18px}.agf-chat-toggle{width:58px;height:58px}.agf-chat-panel{right:-78px;bottom:74px;width:calc(100vw - 24px)}.agf-chat-messages{height:230px}.chat-message{max-width:92%}}

/* Make the new design visible in the first screen and simplify recent projects. */
.hero-proof-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;max-width:900px}
.hero-proof-grid span{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);backdrop-filter:blur(10px);border-radius:999px;color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.hero-proof-grid strong{font-family:var(--display);font-size:22px;color:#c9f391;line-height:1}
.project-inside-services{background:transparent!important;color:var(--ink)!important;box-shadow:none!important;border-radius:0!important;padding:0 0 0 22px!important;border-left:1px solid var(--line)}
.project-inside-services h3{color:var(--green-dark)!important}
.project-inside-services .section-kicker{color:var(--green)!important}
.project-inside-services p{color:var(--muted)!important}
.project-inside-services .mini-project{background:#fff;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:16px;box-shadow:0 10px 30px rgba(13,33,17,.08);padding:10px!important;margin-bottom:10px}
.project-inside-services .mini-project span{color:var(--ink)!important}
.project-inside-services .btn{margin-top:10px}
.form-two{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px}
.form-two label{margin:0!important}
@media(max-width:1100px){.project-inside-services{border-left:0!important;padding:0!important}.form-two{grid-template-columns:1fr}.hero-proof-grid span{border-radius:16px}}
@media(max-width:680px){.hero-proof-grid{display:grid;grid-template-columns:1fr;gap:8px}.hero-proof-grid span{padding:10px 12px}.hero-proof-grid strong{font-size:20px}}

/* Homepage trust section using real testimonial records. */
.review-proof-section{padding:96px 0;background:linear-gradient(135deg,#f7fbf3,#fff)}
.review-proof-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center}
.review-proof-copy h2{font-family:var(--display);font-size:clamp(38px,5vw,68px);line-height:1.02;margin:0 0 16px;color:var(--green-dark)}
.review-proof-copy p{font-size:18px;color:var(--muted);max-width:640px}
.review-score{display:flex;align-items:center;gap:16px;margin:26px 0;padding:18px 20px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 44px rgba(13,33,17,.08);border-radius:18px;width:max-content;max-width:100%}
.review-score strong{font-family:var(--display);font-size:52px;line-height:.9;color:var(--green)}
.review-score span{font-weight:900;color:var(--green-dark);line-height:1.25}
.review-card-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.home-review-card{background:#fff;border:1px solid var(--line);box-shadow:0 14px 44px rgba(13,33,17,.08);border-radius:22px;padding:24px;min-height:300px;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.home-review-card:hover{transform:translateY(-6px);box-shadow:0 22px 62px rgba(13,33,17,.14)}
.home-review-card blockquote{font-family:var(--display);font-size:23px;line-height:1.32;color:var(--green-dark);margin:10px 0 18px;flex:1}
.home-review-card h3{margin:0;color:var(--ink);font-size:18px}
.home-review-card h3+p{margin:4px 0 0;color:var(--muted);font-weight:800}
@media(max-width:1100px){.review-proof-grid{grid-template-columns:1fr}.review-card-stack{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.review-card-stack{grid-template-columns:1fr}.home-review-card{min-height:0}.review-score{width:100%}}

/* Current request: service filters, embedded videos, social links, and lead chat. */
.home-video-frame{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#102315;margin-bottom:20px;box-shadow:0 16px 42px rgba(13,33,17,.12)}
.home-video-frame iframe{width:100%;height:100%;border:0;display:block}
.video-card-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.video-card-actions .text-link{display:inline-flex;align-items:center;min-height:38px}
.top-socials a{min-height:30px;display:inline-flex;align-items:center}
.footer-socials a{width:auto!important;min-width:42px;padding:0 14px;border-radius:999px!important;font-size:12px;letter-spacing:.02em}
.agf-chat [hidden]{display:none!important}
.agf-chat-toggle{background:#25d366!important;color:#fff!important}
.agf-chat-panel{border-radius:14px;border:1px solid rgba(16,35,21,.16)}
.agf-chat-panel header{display:grid;grid-template-columns:44px minmax(0,1fr)34px;align-items:center}
.chat-brand-mark{width:44px;height:44px;border-radius:50%;background:#fff;color:#1e5b2b;display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:.03em}
.chat-brand-mark img{width:38px;height:38px;border-radius:50%;object-fit:contain;display:block}
.chat-lead-card{display:grid;gap:11px;padding:16px;background:#fff}
.chat-lead-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.chat-lead-card label{display:grid;gap:5px;font-weight:900;color:var(--green-dark);font-size:13px}
.chat-lead-card input{width:100%;border:1px solid #d7e5cf;border-radius:10px;padding:11px 12px;font:inherit;background:#fbfdf8}
.chat-lead-card input:focus,.agf-chat-form input:focus{outline:3px solid rgba(106,175,8,.18);border-color:var(--green)}
.chat-lead-card button{border:0;border-radius:999px;background:#25d366;color:#fff;font-weight:900;padding:12px 16px;cursor:pointer}
.chat-lead-error{color:#9b241f!important;background:#fff1ef;border:1px solid #ffd2cc;border-radius:10px;padding:9px 10px}
.chat-powered{padding:8px 14px 12px;background:#fff;color:#7a8677;font-size:11px;text-align:center;border-top:1px solid var(--line)}
.chat-powered a{font-weight:900;color:var(--green-dark)}
@media(max-width:680px){.footer-socials a{height:38px}.agf-chat-panel header{grid-template-columns:40px minmax(0,1fr)34px}.chat-brand-mark{width:40px;height:40px}.chat-brand-mark img{width:35px;height:35px}}

/* Homepage cleanup and gallery behavior. */
.archi-hero{min-height:720px}
.hero-slide{min-height:720px}
.hero-inner h1,.hero-inner h2{font-size:clamp(38px,5.2vw,76px);line-height:1.02;max-width:820px}
.hero-inner p{font-size:18px;max-width:650px;margin-bottom:22px}
.hero-proof-grid{gap:8px;margin-top:20px;max-width:760px}
.hero-proof-grid span{padding:9px 12px;font-size:13px}
.hero-proof-grid strong{font-size:18px}
.review-proof-compact{padding:82px 0;background:#f7fbf3}
.review-proof-panel{display:grid;grid-template-columns:minmax(0,1fr)minmax(320px,440px);gap:34px;align-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 18px 55px rgba(13,33,17,.09);border-radius:22px;padding:34px}
.review-proof-compact .review-proof-copy h2{font-size:clamp(34px,4.2vw,56px);max-width:760px}
.review-proof-compact .review-proof-copy p{max-width:680px}
.review-proof-compact .btn-outline{border-color:#bfd6b3;color:var(--green-dark)!important}
.review-proof-compact .btn-outline:hover{background:var(--green-dark);color:#fff!important}
.review-spotlight{border-left:5px solid var(--green);padding:8px 0 8px 24px}
.review-spotlight .review-score{margin:0 0 16px;width:100%;box-shadow:none;background:#f7fbf3}
.review-spotlight blockquote{font-family:var(--display);font-size:26px;line-height:1.32;color:var(--green-dark);margin:10px 0 18px}
.review-spotlight h3{margin:0;color:var(--ink)}
.review-spotlight h3+p{margin:4px 0 0;color:var(--muted);font-weight:800}
.gallery-grid a{cursor:zoom-in;position:relative}
.gallery-grid a:after{content:'Open';position:absolute;right:10px;bottom:10px;background:rgba(16,35,21,.86);color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;opacity:0;transform:translateY(5px);transition:.2s}
.gallery-grid a:hover:after{opacity:1;transform:translateY(0)}
.gallery-lightbox{position:fixed;inset:0;z-index:3000;background:rgba(4,12,6,.92);display:grid;grid-template-columns:74px minmax(0,1fr)74px;align-items:center;gap:12px;padding:34px;color:#fff}
.gallery-lightbox[hidden]{display:none!important}
.gallery-lightbox figure{margin:0;display:grid;gap:12px;justify-items:center;min-width:0}
.gallery-lightbox img{max-width:min(1120px,100%);max-height:82vh;object-fit:contain;border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.42);background:#0d1c10}
.gallery-lightbox figcaption{font-size:14px;color:rgba(255,255,255,.82);text-align:center}
.gallery-close,.gallery-prev,.gallery-next{border:0;background:rgba(255,255,255,.13);color:#fff;border-radius:50%;cursor:pointer;font-weight:900}
.gallery-close{position:absolute;top:20px;right:20px;width:44px;height:44px;font-size:22px}
.gallery-prev,.gallery-next{width:54px;height:54px;font-size:28px;justify-self:center}
.gallery-open{overflow:hidden}
@media(max-width:900px){.review-proof-panel{grid-template-columns:1fr;padding:24px}.review-spotlight{padding-left:18px}.gallery-lightbox{grid-template-columns:48px minmax(0,1fr)48px;padding:20px}.gallery-prev,.gallery-next{width:44px;height:44px}}
@media(max-width:680px){.archi-hero,.hero-slide{min-height:640px}.hero-inner h1,.hero-inner h2{font-size:32px!important}.hero-inner p{font-size:16px}.review-proof-compact{padding:58px 0}.gallery-lightbox{grid-template-columns:1fr}.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%)}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-lightbox img{max-height:76vh}}

/* Sept-inspired section rhythm and focused drainage update. */
.hero-slide{background-position:center calc(50% + var(--sept-shift,0px));background-attachment:fixed}
.section-mini-banner{position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,17,8,.9),rgba(19,62,28,.78)),var(--mini-bg);background-size:cover;background-position:center calc(50% + var(--sept-shift,0px));background-attachment:fixed;color:#fff}
.section-mini-banner .container{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px}
.section-mini-banner span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;color:#c9f391}
.section-mini-banner strong{font-family:var(--display);font-size:clamp(22px,3vw,36px);line-height:1.05;text-align:right;color:#fff}
.services-showcase .section-title h2{max-width:820px;margin-left:auto;margin-right:auto}
.service-layout-single{display:block!important}
.service-layout-single .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.sept-work-section{padding:96px 0;background:#fff}
.sept-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--green-dark);box-shadow:var(--shadow);border:1px solid var(--green-dark)}
.sept-work-card{display:block;min-height:280px;background:#fff;padding:34px;color:var(--ink);position:relative;overflow:hidden;transition:transform .25s ease,background .25s ease,color .25s ease}
.sept-work-card:before{content:'';position:absolute;inset:auto 24px 24px 24px;height:2px;background:var(--green);transform:scaleX(.25);transform-origin:left;transition:transform .25s ease}
.sept-work-card span{font-family:var(--display);font-size:56px;line-height:1;color:#dcebd4;display:block;margin-bottom:24px}
.sept-work-card h3{font-family:var(--display);font-size:42px;line-height:1;margin:0 0 12px;color:var(--green-dark)}
.sept-work-card p{color:var(--muted);font-weight:700}
.sept-work-card:hover{background:var(--green-dark);color:#fff;transform:translateY(-8px)}
.sept-work-card:hover h3,.sept-work-card:hover p{color:#fff}
.sept-work-card:hover span{color:rgba(255,255,255,.22)}
.sept-work-card:hover:before{transform:scaleX(1);background:#c9f391}
.drainage-focus-section{position:relative;overflow:hidden;padding:118px 0;background:#071108;color:#fff}
.drainage-focus-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,8,.94),rgba(12,43,20,.78) 55%,rgba(5,17,8,.86));z-index:1}
.drainage-video-bg{position:absolute;inset:-8%;z-index:0;background-image:url('/media/joomla/images/1-2023-Projects/Hidden Valley - Front Retaining wall flower bed/Hidden-Valley-Calgary-downspout-underground-extension-drainage-1.webp');background-size:cover;background-position:center;opacity:.48}
.drainage-video-bg iframe{width:100%;height:100%;border:0;object-fit:cover;transform:scale(1.18);opacity:.42;pointer-events:none}
.drainage-focus-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr)430px;gap:48px;align-items:center}
.drainage-focus-copy h2{font-family:var(--display);font-size:clamp(44px,6.2vw,88px);line-height:.98;margin:0 0 18px;color:#fff;max-width:900px}
.drainage-focus-copy .lead{max-width:760px;color:rgba(255,255,255,.88)}
.drainage-focus-section .check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px;max-width:820px}
.drainage-proof-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.26)}
.drainage-proof-panel strong{display:block;font-family:var(--display);font-size:38px;line-height:1;color:#c9f391;margin-bottom:8px}
.drainage-proof-panel span{display:block;color:rgba(255,255,255,.82);font-weight:800;margin-bottom:18px}
.drainage-proof-panel img{width:100%;height:310px;object-fit:cover;display:block}
.recent-project-section{padding-top:96px;background:#fff}
.recent-project-section .section-title h2{font-size:clamp(36px,5vw,62px)}
.sept-portfolio-grid .portfolio-card{border-radius:0;box-shadow:none;height:320px}
.sept-portfolio-grid .portfolio-card span{left:0;right:0;bottom:0;border-radius:0;background:rgba(8,17,9,.88);transform:none}
.sept-portfolio-grid .portfolio-card:hover span{background:rgba(106,175,8,.94)}
@media(max-width:1200px){.service-layout-single .service-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.drainage-focus-grid,.sept-work-grid{grid-template-columns:1fr}.drainage-focus-section .check-list{grid-template-columns:1fr}.section-mini-banner .container{display:grid;gap:4px}.section-mini-banner strong{text-align:left}.hero-slide,.section-mini-banner{background-attachment:scroll}.drainage-proof-panel img{height:240px}}
@media(max-width:680px){.service-layout-single .service-grid{grid-template-columns:1fr}.section-mini-banner .container{min-height:72px}.section-mini-banner strong{font-size:24px}.sept-work-section,.recent-project-section{padding:64px 0}.sept-work-card{min-height:220px;padding:26px}.sept-work-card h3{font-size:34px}.drainage-focus-section{padding:78px 0}.drainage-focus-copy h2{font-size:38px}.sept-portfolio-grid .portfolio-card{height:260px}}

/* Clean professional pass: lighter banners, one-column pages, simpler video cards. */
.stats-strip{display:none!important}
.archi-hero,.hero-slide{min-height:620px!important}
.hero-slide{background-image:linear-gradient(90deg,rgba(5,17,8,.62),rgba(5,17,8,.28) 58%,rgba(5,17,8,.48)),var(--hero)!important}
.hero-inner{padding-top:96px}
.hero-inner h1,.hero-inner h2{font-size:clamp(34px,4.6vw,66px)!important;line-height:1.05!important;max-width:760px!important;margin-bottom:16px}
.hero-inner p{font-size:17px!important;max-width:570px!important;margin-bottom:22px}
.hero-proof-grid{display:none!important}
.hero-actions .btn-outline{display:none}
.hero-arrow{width:46px;height:46px;font-size:34px;background:rgba(255,255,255,.18)}
.hero-dots{bottom:22px}
.section-mini-banner{background-image:linear-gradient(90deg,rgba(5,17,8,.52),rgba(32,94,43,.34)),var(--mini-bg)!important}
.section-mini-banner .container{min-height:72px}
.section-mini-banner strong{font-size:clamp(20px,2.4vw,30px)}
.drainage-mini-banner{background-image:linear-gradient(90deg,rgba(92,151,18,.72),rgba(16,35,21,.24)),var(--mini-bg)!important}
.drainage-focus-section{background-image:linear-gradient(90deg,rgba(7,18,9,.70),rgba(21,65,29,.42)),url('/media/joomla/images/1-2023-Projects/Hidden Valley - Front Retaining wall flower bed/Hidden-Valley-Calgary-downspout-underground-extension-drainage-1.webp');background-size:cover;background-position:center;color:#fff}
.drainage-focus-section:after{background:linear-gradient(90deg,rgba(7,18,9,.64),rgba(24,88,35,.38) 58%,rgba(7,18,9,.48))!important}
.drainage-video-bg{display:none}
.drainage-focus-grid{grid-template-columns:1fr!important;max-width:920px}
.drainage-focus-copy h2{font-size:clamp(38px,5vw,70px)!important;max-width:760px}
.drainage-focus-section .check-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.drainage-proof-panel{max-width:760px;background:rgba(255,255,255,.14)}
.detail-layout,.contact-grid,.split-grid,.review-proof-panel,.sept-cta-inner,.cta-grid{display:block!important}
.detail-layout>.sidebar{display:none!important}
.content-card{width:100%;max-width:100%}
.side-card{margin-top:18px}
.video-card{padding:26px;border-radius:14px}
.video-card h3{font-size:25px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-card p{display:none}
.video-card-actions .text-link{display:none!important}
.video-detail-clean{max-width:960px;margin:0 auto}
.sept-clean-title .section-kicker{font-size:13px;color:var(--green)}
.sept-clean-title h2{font-size:clamp(34px,4.2vw,54px)}
.sept-clean-title p{font-size:16px}
@media(max-width:900px){.drainage-focus-section .check-list{grid-template-columns:1fr}.drainage-proof-panel img{height:230px}}
@media(max-width:680px){.archi-hero,.hero-slide{min-height:560px!important}.hero-inner{padding-top:116px}.hero-inner h1,.hero-inner h2{font-size:30px!important}.section-mini-banner .container{min-height:64px}.video-card h3{white-space:normal}}

/* Full-screen home hero, centered customer proof, responsive video grids, and drainage motion. */
.archi-home .archi-hero,
.archi-home .hero-slide{min-height:100vh!important;min-height:100svh!important}
@supports (min-height:100dvh){
  .archi-home .archi-hero,
  .archi-home .hero-slide{min-height:100dvh!important}
}

/* Homepage conversion path: trust context and a simple project process. */
.hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;max-width:900px}
.hero-trust span{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.28);background:rgba(7,21,10,.42);backdrop-filter:blur(8px);border-radius:999px;color:#fff;font-size:13px;font-weight:800}
.hero-trust span:before{content:'✓';color:#bceb87;font-weight:900}
.project-process{padding:96px 0;background:#fff;border-bottom:1px solid var(--line)}
.process-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.process-intro{position:sticky;top:150px}
.process-intro h2{font-family:var(--display);font-size:clamp(38px,5vw,66px);line-height:1.02;color:var(--green-dark);margin:0 0 18px}
.process-intro p{font-size:18px;color:var(--muted);margin:0 0 20px}
.process-steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.process-steps li{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid var(--line)}
.process-steps>li>span{font-family:var(--display);font-size:30px;color:var(--green);line-height:1}
.process-steps h3{font-size:24px;line-height:1.15;color:var(--green-dark);margin:0 0 7px}
.process-steps p{color:var(--muted);margin:0}
@media(max-width:900px){.process-layout{grid-template-columns:1fr;gap:40px}.process-intro{position:static}}
@media(max-width:680px){.project-process{padding:68px 0}.hero-trust{gap:7px}.hero-trust span{font-size:12px;padding:7px 10px}.process-steps li{grid-template-columns:48px 1fr;gap:12px}}
@media(max-width:720px){
  .google-proof-section{overflow:clip}
  .google-proof-grid,.google-proof-copy,.google-review-slider,.google-review-track{min-width:0;width:100%;max-width:100%}
  .google-proof-actions{display:grid;grid-template-columns:1fr}
  .google-proof-actions .btn{width:100%}
  .google-review-head{gap:10px;flex-wrap:wrap}
}

/* Refined client-review feature. */
.google-proof-after-drainage{position:relative;overflow:hidden;padding:clamp(78px,9vw,126px) 0;background:#f1f4ec}
.google-proof-after-drainage:before{content:"";position:absolute;inset:0 54% 0 0;background:var(--green-dark);clip-path:polygon(0 0,88% 0,100% 100%,0 100%)}
.google-proof-after-drainage .google-proof-grid{position:relative;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:clamp(42px,7vw,92px)}
.google-proof-after-drainage .google-proof-copy{color:#fff;padding-right:18px}
.google-proof-after-drainage .google-proof-copy h2{color:#fff;font-size:clamp(42px,5.2vw,72px);letter-spacing:-.035em;margin:28px 0 22px}
.google-proof-after-drainage .google-proof-copy>p{color:rgba(255,255,255,.72);font-size:17px;line-height:1.75;max-width:540px}
.review-source-mark{display:flex;align-items:center;gap:13px}
.review-source-mark>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#4285f4;font-size:24px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.review-source-mark div{display:grid;line-height:1.25}.review-source-mark strong{font-size:14px;letter-spacing:.08em;text-transform:uppercase}.review-source-mark small{color:rgba(255,255,255,.58);margin-top:3px}
.google-proof-after-drainage .review-score{display:flex;align-items:center;gap:14px;margin:26px 0 30px;padding:0;background:none;border:0}
.google-proof-after-drainage .review-score strong{color:#b9ed68;font-size:21px;letter-spacing:.13em}.google-proof-after-drainage .review-score span{color:#fff;font-size:14px;font-weight:800}
.google-proof-after-drainage .google-proof-actions{display:flex;align-items:center;gap:22px}.google-proof-after-drainage .google-proof-actions .btn{background:#fff;color:var(--green-dark)!important;box-shadow:none}.google-proof-after-drainage .google-proof-actions .btn:hover{background:#b9ed68}
.review-text-link{color:#fff!important;font-weight:800;border-bottom:1px solid rgba(255,255,255,.34);padding:7px 0}.review-text-link span{margin-left:6px;transition:margin .2s}.review-text-link:hover span{margin-left:11px}
.google-proof-after-drainage .google-review-slider{padding:0;background:#fff;border:0;border-radius:30px;box-shadow:0 34px 90px rgba(16,35,21,.18);overflow:hidden}
.google-proof-after-drainage .google-review-slider.slider-ready:before,.google-proof-after-drainage .google-review-slider.slider-ready:after{display:none}
.google-proof-after-drainage .google-review-track{background:#fff}
.google-proof-after-drainage .google-review-card{display:flex;flex-direction:column;justify-content:center;min-height:480px;padding:clamp(38px,5vw,68px);background:#fff!important}
.google-proof-after-drainage .google-review-card:after{height:7px;top:0;bottom:auto;background:linear-gradient(90deg,var(--green),#b9ed68);opacity:1}
.review-quote-mark{font-family:Georgia,serif;font-size:90px;line-height:.55;color:#cce5b8;height:48px;margin-bottom:14px}
.google-proof-after-drainage .google-review-card blockquote{font-family:var(--display);font-size:clamp(24px,2.6vw,36px);line-height:1.38;color:var(--green-dark);margin:0 0 38px}
.google-proof-after-drainage .google-review-card blockquote:before{display:none}
.google-proof-after-drainage .google-review-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding-top:22px;border-top:1px solid var(--line)}
.google-proof-after-drainage .google-review-head strong{display:block;color:var(--green-dark);font-size:16px}.google-proof-after-drainage .google-review-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.google-proof-after-drainage .google-review-head>span{color:var(--green);font-size:17px;letter-spacing:.08em;white-space:nowrap}
.google-proof-after-drainage .agf-slider-controls{margin:0;padding:0 28px 26px;justify-content:flex-end;background:#fff}
.google-proof-after-drainage .agf-slider-controls>button{width:40px;height:40px;box-shadow:none;background:#f1f4ec}
.google-proof-after-drainage .agf-slider-dots{margin-right:auto}
.google-proof-after-drainage .agf-slider-dots button{width:7px!important;height:7px!important;min-width:7px;padding:0;border:0;background:#cfdbca;box-shadow:none}
.google-proof-after-drainage .agf-slider-dots button.active{width:28px!important;border-radius:999px;background:var(--green)}
@media(max-width:980px){.google-proof-after-drainage:before{inset:0;background:var(--green-dark);clip-path:none}.google-proof-after-drainage .google-proof-grid{grid-template-columns:1fr}.google-proof-after-drainage .google-proof-copy{padding-right:0}.google-proof-after-drainage .google-review-card{min-height:420px}}
@media(max-width:600px){.google-proof-after-drainage{padding:68px 0}.google-proof-after-drainage .google-proof-copy h2{font-size:40px}.google-proof-after-drainage .google-proof-actions{align-items:flex-start;flex-direction:column}.google-proof-after-drainage .google-proof-actions .btn{width:auto}.google-proof-after-drainage .google-review-slider{border-radius:20px}.google-proof-after-drainage .google-review-card{min-height:390px;padding:34px 26px}.google-proof-after-drainage .google-review-card blockquote{font-size:24px}.google-proof-after-drainage .google-review-head{align-items:flex-start;flex-direction:column}.google-proof-after-drainage .agf-slider-controls{padding:0 20px 20px}}
.archi-home .hero-inner{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:118px;padding-bottom:92px}
@supports (min-height:100dvh){
  .archi-home .hero-inner{min-height:100dvh}
}
.archi-home .hero-inner h1,
.archi-home .hero-inner h2{max-width:720px!important}
.archi-home .hero-inner p{max-width:560px!important}

.review-proof-centered{padding:92px 0;background:#fff}
.review-proof-centered .section-title{margin-bottom:34px}
.review-proof-centered .section-title p{max-width:620px;margin-left:auto;margin-right:auto}
.review-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.review-customer-card{min-height:265px;border-radius:14px;padding:28px;box-shadow:0 18px 52px rgba(13,33,17,.08)}
.review-customer-card .stars{margin:0 0 14px;color:var(--green);font-size:17px;letter-spacing:.08em}
.review-customer-card blockquote{margin:0 0 20px;color:#344135;font-size:16px;line-height:1.65}
.review-customer-card h3{margin-top:auto;font-size:18px}
.review-customer-card h3+p{margin:4px 0 0;color:var(--muted);font-weight:800}

.video-section .video-grid,
.agf-video-page .video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.video-section .video-card,
.agf-video-page .video-card{height:100%;display:flex;flex-direction:column;min-width:0}
.video-section .home-video-frame,
.agf-video-page .home-video-frame{width:100%;aspect-ratio:16/9;margin:0 0 18px;border-radius:14px}
.video-section .home-video-frame iframe,
.agf-video-page .home-video-frame iframe{width:100%;height:100%;display:block}
.video-section .video-card h3,
.agf-video-page .video-card h3{min-height:2.45em;line-height:1.2}
.video-section .video-card-actions,
.agf-video-page .video-card-actions{margin-top:auto}

.drainage-focus-section{position:relative;overflow:hidden;background-position:center!important}
.drainage-focus-section:before{content:"";position:absolute;inset:-18%;z-index:0;background:radial-gradient(circle at 78% 18%,rgba(188,238,109,.24),transparent 34%),radial-gradient(circle at 14% 74%,rgba(255,255,255,.18),transparent 28%);animation:drainageGlow 11s ease-in-out infinite alternate;pointer-events:none}
.drainage-focus-section:after{z-index:0!important}
.water-ripple-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:.48;mix-blend-mode:screen;pointer-events:none}
.drainage-focus-grid{position:relative;z-index:2}
@keyframes drainageGlow{
  0%{transform:translate3d(-1.5%,1%,0) scale(1)}
  100%{transform:translate3d(1.5%,-1%,0) scale(1.04)}
}

@media(max-width:980px){
  .review-customer-grid,
  .video-section .video-grid,
  .agf-video-page .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .archi-home .archi-hero,
  .archi-home .hero-slide,
  .archi-home .hero-inner{min-height:100svh!important}
  .archi-home .hero-inner{padding-top:118px;padding-bottom:72px}
  .review-proof-centered{padding:68px 0}
  .review-customer-grid,
  .video-section .video-grid,
  .agf-video-page .video-grid{grid-template-columns:1fr!important}
  .video-section .video-card h3,
  .agf-video-page .video-card h3{min-height:0;white-space:normal}
}

/* One typography system across every page. */
:root{--display:var(--font);--body:var(--font)}
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.button,
.main-nav,
.section-title h2,
.hero-inner h1,
.hero-inner h2,
.page-hero h1,
.service-card h3,
.portfolio-card span,
.video-card h3,
.sept-work-card h3,
.sept-clean-title h2{font-family:var(--font)!important}

/* Client review replacement for the repeated service/project/video block. */
.google-proof-section{padding:92px 0;background:linear-gradient(135deg,#f5f8f1,#fff)}
.google-proof-grid{display:grid;grid-template-columns:minmax(0,.92fr)minmax(360px,1.08fr);gap:34px;align-items:center}
.google-proof-copy h2{font-size:clamp(36px,4.4vw,58px);line-height:1.04;margin:0 0 16px;color:var(--green-dark)}
.google-proof-copy p{font-size:17px;color:var(--muted);max-width:660px}
.google-proof-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.google-proof-actions .btn-outline{border-color:#bfd6b3;color:var(--green-dark)!important}
.google-proof-actions .btn-outline:hover{background:var(--green-dark);color:#fff!important}
.google-review-stack{display:grid;gap:16px}
.google-review-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 48px rgba(13,33,17,.08);padding:24px}
.google-review-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}
.google-review-head strong{color:var(--green-dark)}
.google-review-head span{color:var(--green);font-weight:900;letter-spacing:.08em}
.google-review-card blockquote{margin:0 0 12px;color:#334135;font-size:16px;line-height:1.62}
.google-review-card p{margin:0;color:var(--muted);font-weight:800}

/* Service detail fallbacks for thin imported pages. */
.service-detail-clean .content-card{max-width:1060px;margin:0 auto}
.service-fallback-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:10px 0 14px;color:var(--green-dark)}
.service-fallback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}
.service-fallback-grid section{background:#f7fbf3;border:1px solid var(--line);border-radius:14px;padding:22px}
.service-fallback-grid span{color:var(--green);font-weight:900;letter-spacing:.14em}
.service-fallback-grid h3{margin:8px 0 8px;font-size:20px;color:var(--green-dark)}
.service-bottom-cta{margin-top:34px;padding:28px;border-radius:16px;background:linear-gradient(135deg,#102315,#2f6b22);color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center}
.service-bottom-cta h2{margin:0 0 8px;color:#fff;font-size:clamp(28px,3vw,40px)}
.service-bottom-cta p{margin:0;color:rgba(255,255,255,.84)}
.service-bottom-cta .section-kicker{color:#c9f391}
.service-bottom-cta .btn-outline{border-color:rgba(255,255,255,.55);color:#fff!important}

/* Estimator completion pass. */
.estimator-hero{background-image:linear-gradient(90deg,rgba(6,18,9,.82),rgba(28,86,35,.48)),url('/media/joomla/images/Steps/front-yard-landscaping-calgary.webp')!important}
.estimator-shell{max-width:1240px}
.estimator-intro-card{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:20px}
.estimator-intro-card h2{font-size:clamp(30px,3.6vw,46px);margin:0 0 10px;color:var(--green-dark)}
.estimator-note{min-width:240px;background:#f1f8ea;border:1px solid var(--line);border-radius:14px;padding:18px}
.estimator-note strong,.estimator-note span{display:block}
.estimator-note span{color:var(--muted);line-height:1.45}
.estimator-lead-card{display:grid;gap:18px;margin-bottom:24px}
.estimator-project-fields{margin-top:0}
.estimator-lead-card label{font-weight:900;color:var(--green-dark)}
.estimator-lead-card input,.estimator-lead-card select,.estimator-lead-card textarea,.qty-box input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;background:#fff;color:var(--ink)}
.estimator-notes{display:grid;gap:8px}
.estimator-layout{display:grid;grid-template-columns:minmax(0,1fr)340px;gap:24px;align-items:start}
.estimator-summary{position:sticky;top:118px;display:grid;gap:16px}
.estimator-summary .grand-total-card{display:block;margin-top:0}
.estimator-summary .grand-total-card p{color:var(--muted);line-height:1.5}
.estimator-summary .button{width:100%;margin-top:16px}
.estimator-help-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 34px rgba(13,33,17,.08);padding:22px}
.estimator-help-card h3{margin:0 0 8px;color:var(--green-dark)}
.estimate-row.is-active{background:#f7fbf3}
.estimate-row.is-active .line-total strong{color:var(--green)}
.estimate-info small{font-weight:900;color:var(--green-mid)}

@media(max-width:980px){
  .google-proof-grid,
  .estimator-layout{grid-template-columns:1fr}
  .estimator-summary{position:static}
  .service-fallback-grid{grid-template-columns:1fr}
  .service-bottom-cta{display:block}
  .service-bottom-cta .hero-actions{margin-top:18px}
}
@media(max-width:720px){
  .google-proof-section{padding:68px 0}
  .estimator-intro-card{display:block}
  .estimator-note{margin-top:18px}
  .estimate-row{grid-template-columns:1fr!important}
}

/* Client dashboard. */
.dashboard-hero{background-image:linear-gradient(90deg,rgba(6,18,9,.84),rgba(43,103,36,.48)),url('/media/joomla/images/Project9-Duke/after/Image116.webp')!important}
.client-dashboard-section{padding:82px 0;background:#f7f8f3}
.dashboard-shell{display:grid;gap:24px}
.dashboard-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.dash-stat{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(13,33,17,.08);padding:22px;text-align:center}
.dash-stat strong{display:block;font-size:36px;color:var(--green);line-height:1}
.dash-stat span{font-weight:900;color:var(--green-dark);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr)minmax(320px,.7fr);gap:24px}
.dashboard-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dashboard-panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 42px rgba(13,33,17,.08);padding:26px}
.dashboard-panel h2{margin:0 0 16px;color:var(--green-dark);font-size:28px}
.dashboard-panel-head h2{font-size:34px}
.seo-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.seo-health-grid div{background:#f7fbf3;border:1px solid var(--line);border-radius:12px;padding:18px}
.seo-health-grid strong{display:block;color:var(--green);font-size:30px;line-height:1}
.seo-health-grid span{font-weight:900;color:var(--green-dark);font-size:13px}
.dashboard-note{color:var(--muted);margin:18px 0 0}
.dashboard-actions{display:grid;gap:10px}
.dashboard-actions a,.dashboard-list a{display:block;background:#f7fbf3;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-weight:900;color:var(--green-dark)}
.dashboard-actions a:hover,.dashboard-list a:hover{background:var(--green);color:#fff}
.dashboard-list{display:grid;gap:10px}
.dashboard-list strong,.dashboard-list span{display:block}
.dashboard-list span{font-size:13px;color:var(--muted);font-weight:700}
.dashboard-list a:hover span{color:rgba(255,255,255,.84)}
@media(max-width:1100px){
  .dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-grid,.dashboard-activity-grid{grid-template-columns:1fr}
  .seo-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .dashboard-stats,.seo-health-grid{grid-template-columns:1fr}
}

/* Before/after project comparisons and certification trust strip. */
.before-after-section{padding:96px 0;background:#fff}
.before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.before-after-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 48px rgba(13,33,17,.08);overflow:hidden}
.before-after-title{display:block;padding:18px 20px;color:var(--green-dark);font-weight:900;font-size:18px}
.before-after-title:hover{color:var(--green)}
.before-after-compare{--ba-pos:50%;position:relative;aspect-ratio:16/10;overflow:hidden;background:#edf4e7;isolation:isolate}
.before-after-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.before-after-compare .ba-after{z-index:1}
.ba-before-wrap{position:absolute;inset:0;width:100%;overflow:hidden;z-index:2;clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}
.ba-before-wrap .ba-before{width:100%;max-width:none}
.ba-label{position:absolute;top:14px;z-index:4;background:rgba(16,35,21,.86);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.ba-label-before{left:14px}
.ba-label-after{right:14px;background:rgba(106,175,8,.92)}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--ba-pos);z-index:3;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(16,35,21,.1),0 0 22px rgba(0,0,0,.32);transform:translateX(-50%)}
.ba-handle:after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.ba-handle:before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border:solid var(--green-dark);border-width:0 3px 3px 0;transform:translate(-50%,-50%) rotate(-45deg);z-index:2}
.before-after-compare input[type=range]{position:absolute;inset:0;z-index:5;width:100%;height:100%;opacity:0;cursor:ew-resize}
.before-after-actions{margin-top:30px}
.project-before-after{margin:36px 0}
.before-after-wide{border-radius:14px;box-shadow:0 18px 52px rgba(13,33,17,.1)}

.certification-strip{padding:48px 0;background:#102315;color:#fff}
.certification-grid{display:grid;grid-template-columns:minmax(0,.82fr)minmax(360px,1.18fr);gap:28px;align-items:center}
.certification-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:8px 0 0;color:#fff}
.certification-strip .section-kicker{color:#c9f391}
.certification-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.certification-badges a{min-height:86px;display:grid;place-items:center;text-align:center;padding:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:14px;color:#fff;font-weight:900}
.certification-badges a:hover{background:var(--green);border-color:var(--green);color:#fff}

@media(max-width:980px){
  .before-after-grid{grid-template-columns:1fr}
  .certification-grid{grid-template-columns:1fr}
  .certification-badges{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .before-after-section{padding:68px 0}
  .before-after-compare{aspect-ratio:4/3}
  .before-after-title{font-size:16px}
  .certification-badges{grid-template-columns:1fr}
}

/* Priority service path for the client's highest-value services. */
.priority-services-section{padding:92px 0;background:linear-gradient(135deg,#f7fbf3 0%,#fff 58%,#edf7e7 100%)}
.archi-home .priority-services-section{margin-top:0}
.priority-services-head{display:grid;grid-template-columns:minmax(0,1fr)minmax(280px,420px);gap:28px;align-items:end;margin-bottom:34px}
.priority-services-head h2{font-size:clamp(36px,4.8vw,62px);line-height:1.02;margin:0;color:var(--green-dark)}
.priority-services-head p{margin:0;color:var(--muted);font-size:17px}
.priority-services-grid{display:grid;grid-template-columns:1.2fr repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.priority-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 46px rgba(13,33,17,.08);padding:26px;overflow:hidden;min-height:330px;display:flex;flex-direction:column}
.priority-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--green)}
.priority-card-featured{grid-row:span 2;background:linear-gradient(135deg,#102315,#1d5729);color:#fff}
.priority-card-featured:before{height:100%;opacity:.18;background-image:url('/media/joomla/images/1-2023-Projects/Hidden Valley - Front Retaining wall flower bed/Hidden-Valley-Calgary-downspout-underground-extension-drainage-1.webp');background-size:cover;background-position:center}
.priority-card-featured>*{position:relative;z-index:1}
.priority-number{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eef8e7;color:var(--green);font-weight:900;margin-bottom:18px}
.priority-card-featured .priority-number{background:rgba(255,255,255,.16);color:#c9f391}
.priority-card h3{font-size:clamp(25px,2.4vw,36px);line-height:1.05;margin:0 0 12px;color:var(--green-dark)}
.priority-card-featured h3{font-size:clamp(34px,4.5vw,58px);color:#fff}
.priority-card p{color:var(--muted);margin:0 0 20px}
.priority-card-featured p{color:rgba(255,255,255,.86);font-size:18px}
.priority-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto}
.priority-links a{display:inline-flex;align-items:center;min-height:38px;border-radius:999px;padding:8px 12px;background:#f3f9ee;border:1px solid #d9e9d1;color:var(--green-dark);font-weight:900;font-size:13px}
.priority-links a:hover{background:var(--green);border-color:var(--green);color:#fff}
.priority-card-featured .priority-links a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.priority-card-featured .priority-links a:hover{background:#fff;color:var(--green-dark)}
.priority-services-cta{margin-top:24px;display:grid;grid-template-columns:auto minmax(0,1fr)auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 36px rgba(13,33,17,.07);padding:20px 22px}
.priority-services-cta strong{color:var(--green-dark);font-size:18px}
.priority-services-cta span{color:var(--muted)}
@media(max-width:1100px){
  .priority-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .priority-card-featured{grid-row:auto;grid-column:span 2}
}
@media(max-width:780px){
  .priority-services-section{padding:68px 0}
  .priority-services-head{grid-template-columns:1fr}
  .priority-services-grid{grid-template-columns:1fr}
  .priority-card-featured{grid-column:auto}
  .priority-services-cta{grid-template-columns:1fr}
}

/* Sales-focused service pages. */
.service-sales-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 34px}
.service-sales-path section{background:#f7fbf3;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 34px rgba(13,33,17,.06)}
.service-sales-path span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--green);font-weight:900;margin-bottom:14px;box-shadow:0 8px 22px rgba(13,33,17,.08)}
.service-sales-path h2{font-size:22px;line-height:1.15;margin:0 0 10px;color:var(--green-dark)}
.service-sales-path p{margin:0;color:var(--muted)}
.service-estimate-strip{margin:34px 0;padding:26px;border-radius:18px;background:linear-gradient(135deg,#102315,#296624);color:#fff;display:grid;grid-template-columns:minmax(0,1fr)auto;gap:22px;align-items:center;box-shadow:0 18px 52px rgba(13,33,17,.16)}
.service-estimate-strip .section-kicker{color:#c9f391}
.service-estimate-strip h2{margin:0 0 8px;color:#fff;font-size:clamp(26px,3vw,38px)}
.service-estimate-strip p{margin:0;color:rgba(255,255,255,.84)}
.service-proof-block,.service-faq-block{margin-top:42px}
.service-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
.service-video-grid .video-card{min-height:0}
.service-related-projects{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}
.service-related-projects .portfolio-card{min-height:240px}
.service-faq-list{display:grid;gap:12px}
.service-faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px rgba(13,33,17,.07);overflow:hidden}
.service-faq-list summary{cursor:pointer;padding:18px 20px;font-weight:900;color:var(--green-dark);list-style:none;display:flex;justify-content:space-between;gap:18px}
.service-faq-list summary::-webkit-details-marker{display:none}
.service-faq-list summary:after{content:"+";color:var(--green);font-size:22px;line-height:1}
.service-faq-list details[open] summary:after{content:"-"}
.service-faq-list p{padding:0 20px 20px;margin:0;color:var(--muted)}
.google-proof-after-drainage{background:linear-gradient(135deg,#fff,#f3f9ee)}
.google-proof-after-drainage .review-score{width:auto;max-width:520px}

@media(max-width:1020px){
  .service-sales-path,.service-video-grid{grid-template-columns:1fr}
  .service-related-projects{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-estimate-strip{grid-template-columns:1fr}
}
@media(max-width:640px){
  .service-sales-path section{padding:20px}
  .service-related-projects{grid-template-columns:1fr}
}

/* Home Enhancements is a separate partner-service division. */
.home-enhancement-menu{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:18px;align-items:center;background:linear-gradient(135deg,#102315,#264e2b);color:#fff;border-radius:16px;padding:18px!important;border:1px solid rgba(255,255,255,.1)!important}
.home-enhancement-menu h4{color:#c9f391;margin:5px 0 2px}
.home-enhancement-menu p{margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.45}
.home-enhancement-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.home-enhancement-links a{color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.home-enhancement-links a:hover{color:#c9f391}
.home-enhancement-links .featured-link{grid-column:1/-1;background:rgba(255,255,255,.1);border-left-color:#9bd100;color:#fff!important}
.partner-service-badge{display:inline-flex;width:max-content;border-radius:999px;background:#d9f7b6;color:#173c1e;padding:4px 9px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.partner-service-notice{display:flex;align-items:center;gap:16px;margin:0 0 24px;padding:17px 19px;border:1px solid #d7e7cd;border-left:5px solid var(--green);border-radius:14px;background:#f5faef;color:var(--green-dark);font-size:14px;line-height:1.5}
.partner-service-notice strong{display:block;font-size:16px}
.site-footer small{font-size:10px;color:#b9cbb5}
@media(max-width:1100px){.home-enhancement-menu,.home-enhancement-links{grid-template-columns:1fr}.home-enhancement-links .featured-link{grid-column:auto}}
@media(max-width:640px){.partner-service-notice{align-items:flex-start;flex-direction:column}}

.home-enhancement-hub{padding:92px 0;background:#102315;color:#fff}
.home-enhancement-hub-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,1.2fr);gap:34px;align-items:end;margin-bottom:30px}
.home-enhancement-hub-head h2{font-family:var(--display);font-size:clamp(40px,5vw,68px);line-height:1;margin:10px 0 0;color:#fff}
.home-enhancement-hub-head p{margin:0;color:rgba(255,255,255,.78);font-size:17px}
.home-enhancement-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-enhancement-card{min-height:270px;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07);display:flex;flex-direction:column;transition:transform .22s ease,background .22s ease}
.home-enhancement-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.11)}
.home-enhancement-card-featured{grid-column:span 2;background:linear-gradient(135deg,rgba(106,175,8,.35),rgba(255,255,255,.08))}
.home-enhancement-card>span{color:#c9f391;font-weight:900;letter-spacing:.1em}
.home-enhancement-card h3{font-size:26px;line-height:1.1;margin:18px 0 12px}
.home-enhancement-card h3 a,.home-enhancement-card .text-link{color:#fff}
.home-enhancement-card p{color:rgba(255,255,255,.72);margin:0 0 20px}
.home-enhancement-card .text-link{margin-top:auto;border-color:#9bd100;width:max-content}
.home-enhancement-hub-cta{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:22px;padding:20px 22px;border-radius:16px;background:#fff;color:var(--green-dark)}
.home-enhancement-hub-cta strong{font-size:17px}.home-enhancement-hub-cta span{color:var(--muted)}
@media(max-width:1000px){.home-enhancement-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-enhancement-card-featured{grid-column:span 2}}
@media(max-width:720px){.home-enhancement-hub{padding:68px 0}.home-enhancement-hub-head{grid-template-columns:1fr}.home-enhancement-card-grid{grid-template-columns:1fr}.home-enhancement-card-featured{grid-column:auto}.home-enhancement-hub-cta{align-items:flex-start;flex-direction:column}}
.contact-hero>.container>.partner-service-badge{margin-bottom:14px}
.partner-contact-note{margin:20px 0;padding:18px;border:1px solid #d7e7cd;border-radius:14px;background:#f5faef}
.partner-contact-note p{margin:10px 0 0;color:var(--green-dark)}
.lead-photo-upload{margin:20px 0;padding:20px;border:2px dashed #c8dcc0;border-radius:16px;background:#f7fbf3}
.lead-photo-upload label{margin:0 0 8px}.lead-photo-upload label span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.lead-photo-upload input[type=file]{display:block;width:100%;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}
.lead-photo-upload small{display:block;margin-top:8px;color:var(--muted)}
.lead-photo-upload .errorlist{margin:10px 0 0;color:#a32620;font-weight:800}
.consultation-fee-notice{margin:22px 0;padding:20px;border:1px solid #bfd6b3;border-radius:14px;background:#f5faef;color:var(--color-text)}
.consultation-fee-notice>strong{display:block;font-family:var(--display);font-size:20px;color:var(--color-forest-dark)}
.contact-form .consent-field{display:flex;align-items:flex-start;gap:11px;margin:16px 0 7px;font-weight:600}
.contact-form .consent-field input[type=checkbox]{flex:0 0 auto;width:20px!important;height:20px;min-height:20px!important;margin:3px 0 0;padding:0!important;accent-color:var(--color-forest)}
.contact-form .consent-field span{line-height:1.5}
.consultation-fee-notice .errorlist,.contact-form>.errorlist{margin:8px 0;color:#a32620;font-weight:700}
.xeriscape-article-cta{margin:42px 0 10px;padding:clamp(26px,5vw,48px);border-radius:22px;background:linear-gradient(135deg,#102315,#2d6b2d);color:#fff;box-shadow:0 20px 58px rgba(13,33,17,.18)}
.xeriscape-article-cta .section-kicker{color:#c9f391}.xeriscape-article-cta h2{font-family:var(--display);font-size:clamp(32px,4vw,50px);line-height:1.05;margin:0 0 14px;color:#fff}
.xeriscape-article-cta p{color:rgba(255,255,255,.84);font-size:17px}
.xeriscape-article-checks{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.xeriscape-article-checks span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:800}
.xeriscape-article-cta .hero-actions{margin-top:22px}

/* 3D design-to-build presentation using authentic A Green Future media. */
.design-3d-section{padding:104px 0;background:linear-gradient(145deg,#f5f8f1,#fff 58%,#eaf3e3);overflow:hidden}
.design-3d-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:54px;align-items:center}
.design-3d-copy h2{font-family:var(--display);font-size:clamp(42px,5.5vw,76px);line-height:.98;margin:0 0 20px;color:var(--green-dark)}
.design-3d-copy>.lead{color:var(--muted);font-size:19px;max-width:680px}
.design-3d-promise{margin:24px 0;padding:20px 22px;border-left:5px solid var(--green);border-radius:0 16px 16px 0;background:#fff;box-shadow:0 12px 36px rgba(13,33,17,.08)}
.design-3d-promise strong{font-size:20px;color:var(--green-dark)}.design-3d-promise p{margin:5px 0 0;color:var(--muted)}
.design-3d-steps{list-style:none;padding:0;margin:26px 0;display:grid;gap:12px}
.design-3d-steps li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}.design-3d-steps li>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--green-dark);color:#c9f391;font-size:12px;font-weight:900}
.design-3d-steps strong{display:block;color:var(--green-dark);font-size:17px}.design-3d-steps p{margin:2px 0 0;color:var(--muted);font-size:14px}
.design-3d-copy .hero-actions{align-items:center}.design-3d-copy .text-link{min-height:48px;display:inline-flex;align-items:center}
.design-3d-media{position:relative;min-height:650px}.design-3d-media:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:var(--green);opacity:.13;right:-90px;top:-80px}
.design-3d-render{position:relative;margin:0;width:88%;border-radius:24px;overflow:hidden;background:#dfead8;box-shadow:0 28px 76px rgba(13,33,17,.18)}
.design-3d-render img{display:block;width:100%;height:430px;object-fit:cover}.design-3d-render figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:15px 17px;border-radius:14px;background:rgba(10,27,13,.9);color:#fff;backdrop-filter:blur(8px)}
.design-3d-render figcaption span{display:block;color:#c9f391;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}.design-3d-render figcaption strong{display:block;margin-top:3px}
.design-3d-video{position:absolute;right:0;bottom:0;width:66%;padding:10px;border-radius:20px;background:#fff;box-shadow:0 24px 68px rgba(13,33,17,.22)}
.design-3d-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#102315}.design-3d-video a{display:block;padding:10px 7px 4px;color:var(--green-dark);font-size:12px;font-weight:900}
@media(max-width:1040px){.design-3d-grid{grid-template-columns:1fr}.design-3d-media{min-height:600px;max-width:760px}.design-3d-render{width:84%}}
@media(max-width:680px){.design-3d-section{padding:70px 0}.design-3d-media{min-height:500px}.design-3d-render{width:100%}.design-3d-render img{height:340px}.design-3d-video{width:86%}.design-3d-copy .hero-actions{align-items:flex-start;flex-direction:column}}

/* Project detail proof flow. */
.project-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0 30px}
.project-scope-grid section{background:#f7fbf3;border:1px solid var(--line);border-radius:14px;padding:20px}
.project-scope-grid section:nth-child(n+3){grid-column:auto}
.project-scope-grid span{display:block;color:var(--green);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em;margin-bottom:8px}
.project-scope-grid strong{display:block;color:var(--green-dark);font-size:18px;line-height:1.35}
.project-scope-grid p{margin:0;color:var(--muted)}
.sidebar .side-card:not(.dark) a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-weight:900;color:var(--green-dark)}
.sidebar .side-card:not(.dark) a:last-child{border-bottom:0}
@media(max-width:760px){.project-scope-grid{grid-template-columns:1fr}}

/* Social media icon buttons. */
.agf-social-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.agf-social-links .social-icon{--social-bg:rgba(255,255,255,.1);--social-color:#fff;position:relative;width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:var(--social-bg);border:1px solid rgba(255,255,255,.18);color:var(--social-color)!important;font-weight:900;font-size:11px;line-height:1;text-decoration:none;transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
.agf-social-links .social-icon:before{content:"";display:block}
.agf-social-links .social-icon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.agf-social-links .social-icon:hover{transform:translateY(-3px);background:#fff;border-color:#fff;color:var(--green-dark)!important}
.social-facebook:before{content:"f"!important;font-size:17px}
.social-x:before{content:"X"!important;font-size:14px}
.social-instagram:before{content:"IG"!important}
.social-pinterest:before{content:"P"!important;font-size:16px}
.social-linkedin:before{content:"in"!important}
.social-blogger:before{content:"B"!important;font-size:16px}
.social-youtube:before{content:"YT"!important}
.social-whatsapp:before{content:"WA"!important}
.topbar-inner .agf-social-links{justify-content:flex-end}
.site-footer .agf-social-links{margin-top:12px}
.site-footer .social-icon{--social-bg:rgba(255,255,255,.08)}
.trust-socials{margin-top:18px}
.trust-socials .social-icon{--social-bg:#fff;--social-color:var(--green-dark);border-color:var(--line);box-shadow:0 8px 22px rgba(13,33,17,.08)}
.trust-socials .social-icon:hover{background:var(--green);border-color:var(--green);color:#fff!important}
@media(max-width:900px){.topbar-inner .agf-social-links{width:100%;justify-content:center}.agf-social-links .social-icon{width:32px;height:32px}}

@media(max-width:1100px){
  .agf-social-links,
  .topbar-inner .agf-social-links,
  .site-footer .agf-social-links,
  .footer-socials,
  .trust-socials{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:7px!important;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 0 5px;scrollbar-width:none}
  .agf-social-links::-webkit-scrollbar{display:none}
  .agf-social-links .social-icon,
  .site-footer .agf-social-links .social-icon,
  .footer-socials .social-icon{flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;margin:0!important}
}

/* Premium before/after presentation. */
.before-after-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fbf3 100%)}
.before-after-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(106,175,8,.07),transparent 32%,rgba(16,35,21,.04));pointer-events:none}
.before-after-section .container{position:relative}
.before-after-head{display:grid;grid-template-columns:minmax(0,1fr)320px;gap:24px;align-items:end;margin-bottom:32px}
.before-after-head .section-title{margin-bottom:0}
.before-after-note{background:#102315;color:#fff;border-radius:18px;padding:22px;box-shadow:0 18px 52px rgba(13,33,17,.14)}
.before-after-note strong,.before-after-note span{display:block}
.before-after-note strong{font-size:20px;color:#c9f391;margin-bottom:6px}
.before-after-note span{color:rgba(255,255,255,.82);line-height:1.5}
.before-after-card{border-radius:18px;transition:transform .25s ease,box-shadow .25s ease}
.before-after-card:hover{transform:translateY(-6px);box-shadow:0 24px 68px rgba(13,33,17,.14)}
.before-after-card.before-after-featured{grid-column:span 2}
.before-after-featured .before-after-compare{aspect-ratio:16/7}
.before-after-title{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff}
.before-after-title:after{content:"View project";font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--green);white-space:nowrap}
.before-after-compare{cursor:ew-resize;touch-action:none}
.before-after-compare:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 28%,transparent 70%,rgba(0,0,0,.14));pointer-events:none}
.ba-drag-label{position:absolute;left:var(--ba-pos);top:calc(50% + 36px);z-index:4;transform:translateX(-50%);background:#fff;color:var(--green-dark);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 10px 28px rgba(0,0,0,.22);pointer-events:none}
.before-after-compare.is-dragging .ba-handle:after{transform:translate(-50%,-50%) scale(1.08)}
.before-after-compare.is-dragging .ba-drag-label{background:var(--green);color:#fff}
.ba-handle{z-index:4}
.before-after-compare input[type=range]{z-index:6}
@media(max-width:980px){.before-after-head{grid-template-columns:1fr}.before-after-card.before-after-featured{grid-column:auto}.before-after-featured .before-after-compare{aspect-ratio:16/10}}
@media(max-width:640px){.before-after-title{display:block}.before-after-title:after{display:block;margin-top:7px}.ba-drag-label{display:none}}

/* Sept-style section rhythm: strong image bridges between clean white work areas. */
.sept-body-section{background:#fff}
.section-mini-banner{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(0,0,0,.14)}
.section-mini-banner:after{content:"";position:absolute;left:50%;bottom:-1px;width:min(1120px,calc(100% - 32px));height:18px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:.65;pointer-events:none}
.section-mini-banner + section{position:relative}
.section-mini-banner + section:before{content:"";position:absolute;left:50%;top:0;width:min(1120px,calc(100% - 32px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(16,35,21,.16),transparent)}

/* Scroll animation layer. */
[data-section-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay,0ms)}
[data-section-reveal].is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){[data-section-reveal]{opacity:1!important;transform:none!important;transition:none!important}.agf-social-links .social-icon,.before-after-card{transition:none!important}}

/* Sept-style section banners: the section information lives inside the image banner. */
.sept-banner-section{padding:0!important;background:#fff;overflow:hidden}
.sept-section-banner{--section-bg:none;position:relative;isolation:isolate;min-height:clamp(320px,42vw,520px);display:flex;align-items:flex-end;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(4,15,7,.88),rgba(17,62,28,.58) 54%,rgba(4,15,7,.42)),var(--section-bg);background-size:cover;background-position:center calc(50% + var(--sept-shift,0px));background-attachment:fixed}
.sept-section-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.38))}
.sept-section-banner:after{content:"";position:absolute;left:50%;bottom:0;width:min(1180px,calc(100% - 32px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.56),transparent)}
.sept-section-banner .container{position:relative;z-index:1;padding-top:88px;padding-bottom:70px;display:grid;grid-template-columns:minmax(0,780px) minmax(220px,360px);gap:34px;align-items:end}
.sept-section-banner .section-kicker{color:#c9f391}
.sept-section-banner h2{margin:0;color:#fff;font-size:clamp(42px,6vw,82px);line-height:.98;max-width:880px}
.sept-section-banner p{margin:0;color:rgba(255,255,255,.86);font-size:clamp(17px,1.55vw,21px);line-height:1.55;max-width:560px}
.sept-section-body{padding-top:54px;padding-bottom:92px}
.sept-feature-band .sept-section-body{padding-bottom:96px}
.services-showcase .sept-section-body{padding-top:42px}
.before-after-section .sept-section-body{padding-top:42px}
.video-section .sept-section-body,.recent-project-section .sept-section-body{padding-top:46px}
.before-after-section-banner .container{grid-template-columns:minmax(0,760px) minmax(260px,360px)}
.sept-section-banner .before-after-note{align-self:end;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px);box-shadow:0 18px 54px rgba(0,0,0,.24)}
.sept-section-banner .before-after-note strong{color:#c9f391}
.sept-section-banner .before-after-note span{color:rgba(255,255,255,.86)}
.section-mini-banner{display:none}

@media(max-width:960px){
  .sept-section-banner{min-height:360px;background-attachment:scroll}
  .sept-section-banner .container,.before-after-section-banner .container{grid-template-columns:1fr;padding-top:74px;padding-bottom:54px}
  .sept-section-banner h2{font-size:clamp(34px,8vw,58px)}
  .sept-section-body{padding-top:36px;padding-bottom:72px}
}
@media(max-width:640px){
  .sept-section-banner{min-height:320px}
  .sept-section-banner .container{padding-top:58px;padding-bottom:44px}
  .sept-section-banner p{font-size:16px}
}

/* Sept organized pass: centered white section titles plus full parallax proof bands. */
.sept-proof-band{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,16,8,.9),rgba(18,70,29,.74)),var(--proof-bg);background-size:cover;background-position:center calc(50% + var(--sept-shift,0px));background-attachment:fixed;color:#fff;padding:92px 0}
.sept-proof-band:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 20%,rgba(201,243,145,.2),transparent 28%),radial-gradient(circle at 12% 82%,rgba(255,255,255,.12),transparent 30%)}
.sept-proof-grid{display:grid;grid-template-columns:minmax(0,.95fr)minmax(420px,1.05fr);gap:42px;align-items:center}
.sept-proof-copy h2{font-size:clamp(34px,4.2vw,58px);line-height:1.03;margin:8px 0 12px;color:#fff}
.sept-proof-copy p{margin:0;color:rgba(255,255,255,.82);font-size:18px;line-height:1.6;max-width:650px}
.sept-proof-band .section-kicker{color:#c9f391}
.sept-proof-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.22);box-shadow:0 22px 70px rgba(0,0,0,.22)}
.sept-proof-stats div{min-height:154px;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.1);padding:20px}
.sept-proof-stats strong{font-size:clamp(42px,5vw,70px);line-height:1;color:#c9f391;font-weight:900}
.sept-proof-stats span{color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}

.sept-banner-section{padding:0!important;background:#fff!important}
.sept-section-banner{min-height:0!important;background:none!important;background-image:none!important;background-attachment:scroll!important;color:var(--ink)!important;display:block!important;isolation:auto!important;overflow:visible!important}
.sept-section-banner:before{display:none!important}
.sept-section-banner:after{display:none!important}
.sept-section-banner .container{display:block!important;text-align:center!important;padding-top:88px!important;padding-bottom:0!important}
.sept-section-banner .section-kicker{display:inline-block;color:var(--green-dark)!important;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;margin-bottom:10px}
.sept-section-banner .section-kicker:before{content:"";display:block;width:150px;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);margin:0 auto 18px}
.sept-section-banner h2{color:var(--green)!important;font-size:clamp(34px,4.8vw,58px)!important;line-height:1.08!important;max-width:920px!important;margin:0 auto!important;font-weight:900}
.sept-section-banner p{color:var(--muted)!important;font-size:17px!important;line-height:1.65!important;max-width:760px!important;margin:16px auto 0!important}
.sept-section-banner .before-after-note{margin:24px auto 0;max-width:520px;background:#102315!important;border:1px solid rgba(16,35,21,.18)!important;box-shadow:0 16px 44px rgba(13,33,17,.12)!important;text-align:left}
.sept-section-body{padding-top:56px!important;padding-bottom:96px!important}
.sept-feature-band .sept-section-body,.services-showcase .sept-section-body,.before-after-section .sept-section-body,.video-section .sept-section-body,.recent-project-section .sept-section-body{padding-top:48px!important}
.before-after-section{background:#fff!important}
.before-after-section:before{display:none!important}
.section-mini-banner{display:none!important}

@media(max-width:1100px){
  .sept-proof-grid{grid-template-columns:1fr}
  .sept-proof-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .sept-proof-band{padding:70px 0;background-attachment:scroll}
  .sept-proof-stats{grid-template-columns:1fr}
  .sept-proof-stats div{min-height:118px}
  .sept-section-banner .container{padding-top:68px!important}
  .sept-section-body{padding-bottom:72px!important}
}

/* Final polish: animated proof sliders and stronger project comparisons. */
.google-review-slider,
.blog-slider{--slider-index:0;position:relative;overflow:hidden}
.google-review-track,
.blog-slider-track{display:flex;transform:translate3d(calc(var(--slider-index) * -100%),0,0);transition:transform .72s cubic-bezier(.2,.78,.22,1);will-change:transform}
.agf-slide{flex:0 0 100%;min-width:100%}
.agf-slider-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}
.agf-slider-controls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--green-dark);font-size:25px;line-height:1;display:grid;place-items:center;box-shadow:0 10px 26px rgba(13,33,17,.08);cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}
.agf-slider-controls button:hover{transform:translateY(-2px);background:var(--green);border-color:var(--green);color:#fff}
.agf-slider-dots{display:flex;gap:8px;align-items:center}
.agf-slider-dots button{width:9px;height:9px;padding:0;border-radius:50%;background:#c9d8c0;border:0;box-shadow:none}
.agf-slider-dots button.active{width:28px;border-radius:999px;background:var(--green)}

.google-review-slider{padding:14px;border-radius:24px;background:linear-gradient(145deg,#fff,#f4faef);border:1px solid var(--line);box-shadow:0 24px 76px rgba(13,33,17,.1)}
.google-review-slider .google-review-card{min-height:310px;border:0;border-radius:20px;box-shadow:none;padding:34px;background:#fff}
.google-review-slider .google-review-card blockquote{font-size:clamp(18px,2vw,24px);line-height:1.55;color:#263326}
.google-review-slider .google-review-card blockquote:before{content:"";display:block;width:54px;height:4px;border-radius:999px;background:var(--green);margin-bottom:22px}
.google-review-slider .google-review-card p{font-size:14px;text-transform:uppercase;letter-spacing:.08em}

.blog-slider-section{background:#fff}
.blog-slider{border-radius:26px;background:linear-gradient(135deg,#102315,#2f6b22);box-shadow:0 26px 76px rgba(13,33,17,.16);padding:14px}
.blog-slide{display:grid;grid-template-columns:minmax(0,1.05fr)minmax(320px,.95fr);gap:0;background:#fff;border-radius:20px;overflow:hidden;min-height:430px}
.blog-slide-image{position:relative;display:block;min-height:430px;background:#edf4e7;overflow:hidden}
.blog-slide-image img,.blog-slide-image .media-placeholder{width:100%;height:100%;min-height:430px;object-fit:cover;display:block}
.blog-slide-image:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.32));pointer-events:none}
.blog-slide-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,58px)}
.blog-slide-copy span{color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.blog-slide-copy h3{margin:12px 0 14px;color:var(--green-dark);font-size:clamp(30px,3.6vw,52px);line-height:1.05}
.blog-slide-copy h3 a{color:inherit}
.blog-slide-copy p{font-size:17px;line-height:1.68;color:var(--muted);margin:0 0 22px}
.blog-slider .agf-slider-controls button{background:rgba(255,255,255,.96)}
.blog-slider .agf-slider-dots button{background:rgba(255,255,255,.42)}
.blog-slider .agf-slider-dots button.active{background:#c9f391}
.blog-actions{margin-top:28px}

.before-after-grid{gap:28px}
.before-after-card{background:#fff;border:1px solid rgba(16,35,21,.1);box-shadow:0 18px 56px rgba(13,33,17,.1)}
.before-after-card.before-after-featured{box-shadow:0 28px 82px rgba(13,33,17,.14)}
.before-after-title{padding:20px 22px;font-size:19px}
.before-after-title span,.before-after-title small{display:block}
.before-after-title small{margin-top:5px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.before-after-title:after{align-self:flex-start;margin-top:3px}
.before-after-empty{grid-column:1/-1;padding:42px;border:1px dashed #bfd6b3;border-radius:18px;background:#f7fbf3;text-align:center}
.before-after-empty h3{font-size:30px;color:var(--green-dark);margin:0 0 10px}
.before-after-empty p{max-width:720px;margin:0 auto 20px;color:var(--muted);line-height:1.65}

@media(max-width:980px){
  .blog-slide{grid-template-columns:1fr;min-height:0}
  .blog-slide-image,.blog-slide-image img,.blog-slide-image .media-placeholder{min-height:300px}
}
@media(max-width:720px){
  .google-proof-grid{gap:24px}
  .google-review-slider .google-review-card{min-height:280px;padding:26px}
  .blog-slider{border-radius:18px;padding:8px}
  .blog-slide{border-radius:14px}
  .blog-slide-copy{padding:26px}
  .blog-slide-copy h3{font-size:30px}
  .agf-slider-controls button{width:38px;height:38px}
}

/* Priority blog guides and interactive proof stats. */
.sept-proof-stats a{position:relative;min-height:154px;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.1);padding:20px;color:#fff!important;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .24s ease,background .24s ease,box-shadow .24s ease}
.sept-proof-stats a:before{content:"";position:absolute;inset:-1px;z-index:-1;background:radial-gradient(circle at var(--mx,50%) var(--my,45%),rgba(201,243,145,.38),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04));opacity:0;transition:opacity .24s ease}
.sept-proof-stats a:after{content:"";position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);transform:translate(8px,-8px);opacity:0;transition:opacity .24s ease,transform .24s ease}
.sept-proof-stats a:hover,.sept-proof-stats a:focus-visible{transform:translateY(-8px);background:rgba(255,255,255,.18);box-shadow:0 24px 58px rgba(0,0,0,.28);outline:0}
.sept-proof-stats a:hover:before,.sept-proof-stats a:focus-visible:before,.sept-proof-stats a:hover:after,.sept-proof-stats a:focus-visible:after{opacity:1;transform:translate(0,0)}
.sept-proof-stats a strong,.sept-proof-stats a span,.sept-proof-stats a em{position:relative;z-index:1}
.sept-proof-stats a em{display:block;margin-top:-8px;color:#c9f391;font-style:normal;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translateY(8px);transition:opacity .24s ease,transform .24s ease}
.sept-proof-stats a:hover em,.sept-proof-stats a:focus-visible em{opacity:1;transform:translateY(0)}

.priority-blog-guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:34px}
.priority-blog-card{position:relative;overflow:hidden;border:1px solid rgba(16,35,21,.1);border-radius:18px;background:#fff;padding:26px 24px;box-shadow:0 16px 44px rgba(13,33,17,.08);color:var(--green-dark)!important;min-height:255px;display:flex;flex-direction:column;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.priority-blog-card:before{content:"";position:absolute;inset:auto 0 0;height:6px;background:linear-gradient(90deg,var(--green),#c9f391);transform:scaleX(.34);transform-origin:left;transition:transform .24s ease}
.priority-blog-card:hover,.priority-blog-card:focus-visible{transform:translateY(-7px);box-shadow:0 24px 68px rgba(13,33,17,.14);border-color:#bfd6b3;outline:0}
.priority-blog-card:hover:before,.priority-blog-card:focus-visible:before{transform:scaleX(1)}
.priority-blog-card span{color:var(--green);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.priority-blog-card h3{margin:13px 0 12px;color:var(--green-dark);font-size:clamp(24px,2.2vw,32px);line-height:1.08}
.priority-blog-card p{margin:0;color:var(--muted);line-height:1.58}
.priority-blog-card strong{margin-top:auto;padding-top:20px;color:var(--green);font-size:13px;text-transform:uppercase;letter-spacing:.08em}

@media(max-width:1080px){
  .priority-blog-guides{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .priority-blog-guides{grid-template-columns:1fr}
  .priority-blog-card{min-height:0}
  .sept-proof-stats a{min-height:118px}
}

/* Blog fallback, certification logos, drainage cinema, map contact, and chat polish. */
.blog-fallback-copy{margin-top:24px;padding:32px;border-radius:18px;background:linear-gradient(135deg,#f7fbf3,#fff);border:1px solid var(--line)}
.blog-fallback-copy h2{margin:6px 0 14px;color:var(--green-dark);font-size:clamp(30px,4vw,48px);line-height:1.08}
.blog-fallback-copy p{color:var(--muted);font-size:18px;line-height:1.65}
.blog-fallback-copy ul{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}
.blog-fallback-copy li{position:relative;padding-left:30px;font-weight:800;color:#334135}
.blog-fallback-copy li:before{content:"";position:absolute;left:0;top:.62em;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(106,175,8,.14)}
.blog-fallback-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.blog-fallback-actions .btn-outline{border-color:#bfd6b3;color:var(--green-dark)!important}
.blog-fallback-actions .btn-outline:hover{background:var(--green-dark);color:#fff!important}

.certification-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cert-logo-card{min-height:138px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:18px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff!important;text-align:center;transition:transform .22s ease,background .22s ease,border-color .22s ease}
.cert-logo-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.14);border-color:rgba(201,243,145,.55)}
.cert-logo-card img{max-height:66px;max-width:100%;object-fit:contain;background:#fff;border-radius:12px;padding:8px}
.cert-logo-card span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#e9f7df}
.cert-logo-card strong{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green-dark);font-size:22px;letter-spacing:.04em}
.certification-badges{display:none}

.drainage-cinema-section{--scene-x:50%;--scene-y:50%;position:relative;isolation:isolate;overflow:hidden;padding:112px 0;color:#fff;background:#101711}
.drainage-cinema-bg{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(6,15,8,.82),rgba(6,15,8,.42) 48%,rgba(6,15,8,.76)),url('/media/joomla/images/functional_drianage_yard_landscaping_drianage_calgary.webp');background-size:cover;background-position:center calc(50% + var(--sept-shift,0px));transform:scale(1.04)}
.drainage-cinema-section:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--scene-x) var(--scene-y),rgba(201,243,145,.16),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.22))}
.drainage-cinema-grid{display:grid;grid-template-columns:minmax(0,1fr)minmax(360px,.78fr);gap:44px;align-items:center}
.drainage-cinema-copy{max-width:760px}
.drainage-cinema-copy .section-kicker{color:#c9f391}
.drainage-cinema-copy h2{margin:0 0 18px;color:#fff;font-size:clamp(42px,6vw,78px);line-height:1}
.drainage-cinema-copy .lead{color:rgba(255,255,255,.88);max-width:720px}
.drainage-step-list{display:grid;gap:10px;margin:30px 0}
.drainage-step-list button{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.09);color:#fff;padding:14px 16px;cursor:pointer;backdrop-filter:blur(10px);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.drainage-step-list button:hover,.drainage-step-list button.active{transform:translateX(7px);background:rgba(255,255,255,.16);border-color:rgba(201,243,145,.52)}
.drainage-step-list strong{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#c9f391;color:#102315}
.drainage-step-list span{font-weight:900}
.drainage-cinema-media{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 30px 84px rgba(0,0,0,.36);min-height:520px;background:#111}
.drainage-cinema-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.drainage-cinema-section:hover .drainage-cinema-media img{transform:scale(1.045)}
.drainage-cinema-caption{position:absolute;left:18px;right:18px;bottom:18px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(7,18,10,.74);backdrop-filter:blur(14px);padding:20px}
.drainage-cinema-caption strong,.drainage-cinema-caption span{display:block}
.drainage-cinema-caption strong{color:#c9f391;font-size:22px}
.drainage-cinema-caption span{color:rgba(255,255,255,.86)}

.home-contact-map-section{padding:96px 0;background:#fff}
.contact-map-grid{display:grid;grid-template-columns:minmax(0,.88fr)minmax(420px,1.12fr);gap:34px;align-items:center}
.contact-map-copy h2{font-size:clamp(36px,4.8vw,62px);line-height:1.05;margin:0 0 14px;color:var(--green-dark)}
.contact-map-copy p{font-size:18px;color:var(--muted);max-width:720px}
.contact-action-grid{display:grid;gap:12px;margin-top:26px}
.contact-action-grid a,.contact-action-grid button{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:16px;background:#f7fbf3;padding:18px 20px;color:var(--green-dark)!important;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;font:inherit}
.contact-action-grid a:hover,.contact-action-grid button:hover{transform:translateX(6px);box-shadow:0 16px 42px rgba(13,33,17,.1);border-color:#bfd6b3}
.contact-action-grid strong,.contact-action-grid span{display:block}
.contact-action-grid strong{font-size:20px}
.contact-action-grid span{color:var(--muted);line-height:1.45}
.contact-map-card{position:relative;min-height:470px;border-radius:26px;overflow:hidden;background:#edf4e7;box-shadow:0 24px 72px rgba(13,33,17,.14);border:1px solid var(--line)}
.contact-map-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.82) contrast(.98)}
.contact-map-overlay{position:absolute;left:18px;right:18px;bottom:18px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(16,35,21,.1);box-shadow:0 18px 42px rgba(13,33,17,.14);padding:18px}
.contact-map-overlay strong,.contact-map-overlay span{display:block}
.contact-map-overlay strong{color:var(--green-dark);font-size:22px}
.contact-map-overlay span{color:var(--muted)}
.contact-page-map{margin-top:28px}

.agf-chat-panel{overflow:hidden;box-shadow:0 28px 88px rgba(13,33,17,.28)}
.agf-chat-panel header{background:linear-gradient(135deg,#102315,#2f6b22)!important}
.chat-lead-card{background:linear-gradient(180deg,#fff,#f7fbf3)}
.agf-chat-messages{background:#f7fbf3}
.chat-message.bot{background:#fff;border:1px solid var(--line)}
.chat-message.user{background:#dff4d0;color:#102315}
.chat-quick-actions{background:#fff;border-top:1px solid var(--line)}
.chat-quick-actions button{background:#f3f9ee!important;border:1px solid #dcebd3!important;color:var(--green-dark)!important}
.chat-quick-actions button:hover{background:var(--green)!important;color:#fff!important}
.agf-chat-toggle{box-shadow:0 18px 48px rgba(37,211,102,.34)!important}

@media(max-width:1080px){
  .certification-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .drainage-cinema-grid,.contact-map-grid{grid-template-columns:1fr}
  .drainage-cinema-media{min-height:420px}
}
@media(max-width:640px){
  .certification-logo-grid{grid-template-columns:1fr}
  .drainage-cinema-section,.home-contact-map-section{padding:72px 0}
  .drainage-step-list button{grid-template-columns:44px 1fr}
  .drainage-step-list strong{width:38px;height:38px}
  .contact-map-card{min-height:360px}
}

/* Final launch polish: active sliders, photo service cards, and footer social layout. */
.priority-card-photo{isolation:isolate;background:#102315;color:#fff;border-color:rgba(255,255,255,.12);transform:translateY(0);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.priority-card-photo:before{inset:0;height:auto;background-image:linear-gradient(180deg,rgba(5,14,7,.34),rgba(5,14,7,.88)),var(--priority-bg);background-size:cover;background-position:center;opacity:.94;transform:scale(1.02);transition:transform .45s ease,opacity .28s ease;z-index:0}
.priority-card-photo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,40%),rgba(201,243,145,.24),transparent 32%);opacity:0;transition:opacity .28s ease;z-index:0}
.priority-card-photo>*{position:relative;z-index:1}
.priority-card-photo h3,.priority-card-photo p{color:#fff}
.priority-card-photo p{color:rgba(255,255,255,.86)}
.priority-card-photo .priority-number{background:rgba(255,255,255,.16);color:#c9f391;border:1px solid rgba(255,255,255,.18)}
.priority-card-photo .priority-links a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff}
.priority-card-photo .priority-links a:hover{background:#fff;border-color:#fff;color:var(--green-dark)}
.priority-card-photo:hover,.priority-card-photo:focus-within,.priority-card-photo.is-active{transform:translateY(-8px);box-shadow:0 28px 78px rgba(13,33,17,.2);border-color:rgba(201,243,145,.44)}
.priority-card-photo:hover:before,.priority-card-photo:focus-within:before,.priority-card-photo.is-active:before{transform:scale(1.08);opacity:1}
.priority-card-photo:hover:after,.priority-card-photo:focus-within:after,.priority-card-photo.is-active:after{opacity:1}

.google-review-slider.slider-ready:before,.blog-slider.slider-ready:before{content:"";position:absolute;left:18px;right:18px;top:14px;height:3px;border-radius:999px;background:rgba(106,175,8,.18);overflow:hidden;z-index:4}
.google-review-slider.slider-ready:after,.blog-slider.slider-ready:after{content:"";position:absolute;left:18px;top:14px;height:3px;width:calc(100% - 36px);border-radius:999px;background:var(--green);transform-origin:left;animation:agfSlideProgress 5.6s linear infinite;z-index:5}
.blog-slider.slider-ready:after{animation-duration:7.2s;background:#c9f391}
@keyframes agfSlideProgress{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}

.google-review-slider .google-review-card{position:relative;isolation:isolate;overflow:hidden}
.google-review-slider .google-review-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.78)),var(--review-bg);background-size:cover;background-position:center;opacity:.28;z-index:0}
.google-review-slider .google-review-card>*{position:relative;z-index:1}

.blog-slider-section .sept-section-banner .container{padding-top:76px!important;padding-bottom:72px!important}
.blog-slider-section .sept-section-body{padding-top:42px!important;padding-bottom:58px!important}
.blog-slider{padding:12px}
.blog-slide{min-height:340px}
.blog-slide-image,.blog-slide-image img,.blog-slide-image .media-placeholder{min-height:340px}
.blog-slide-copy{padding:clamp(22px,3vw,42px)}
.blog-slide-copy h3{font-size:clamp(26px,3vw,42px)}
.blog-slide-copy p{font-size:16px;line-height:1.58;margin-bottom:16px}
.priority-blog-guides{margin-bottom:22px}
.priority-blog-card{min-height:210px;padding:22px}

.site-footer .agf-social-links.footer-socials{display:grid!important;grid-template-columns:repeat(4,34px)!important;justify-content:start!important;align-items:center!important;gap:8px!important;width:max-content!important;max-width:100%!important;overflow:visible!important;padding:0!important}
.site-footer .agf-social-links.footer-socials .social-icon{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:50%!important;margin:0!important}

@media(max-width:980px){
  .priority-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .priority-card-featured{grid-column:span 2}
  .blog-slide{min-height:0}
  .blog-slide-image,.blog-slide-image img,.blog-slide-image .media-placeholder{min-height:260px}
}
@media(max-width:680px){
  .priority-services-grid{grid-template-columns:1fr}
  .priority-card-featured{grid-column:auto}
  .blog-slider-section .sept-section-banner .container{padding-top:62px!important;padding-bottom:58px!important}
  .site-footer .agf-social-links.footer-socials{grid-template-columns:repeat(4,32px)!important;justify-content:center!important;margin-inline:auto}
  .site-footer .agf-social-links.footer-socials .social-icon{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}
}

/* Estimator mobile app / PWA experience. */
.estimator-app-page{background:#f7f8f3}
.estimator-app-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.estimator-app-panel{display:grid;grid-template-columns:minmax(0,1fr)minmax(300px,.55fr);gap:22px;align-items:center;margin:-42px 0 26px;padding:26px;border-radius:24px;background:linear-gradient(135deg,#fff,#f3f9ee);border:1px solid var(--line);box-shadow:0 22px 70px rgba(13,33,17,.14);position:relative;z-index:5}
.estimator-app-panel h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:0 0 10px;color:var(--green-dark)}
.estimator-app-panel p{margin:0;color:var(--muted);font-size:17px}
.estimator-app-status{border-radius:18px;background:#102315;color:#fff;padding:20px}
.estimator-app-status strong,.estimator-app-status span{display:block}
.estimator-app-status strong{color:#c9f391;line-height:1.35}
.estimator-app-status span{margin-top:8px;color:rgba(255,255,255,.82);line-height:1.48}
.estimator-location-fields{grid-template-columns:repeat(4,minmax(0,1fr))}
.estimator-app-page .estimator-form input,.estimator-app-page .estimator-form select,.estimator-app-page .estimator-form textarea{font-size:16px}
.estimator-upload input{margin-top:8px}
.agf-pwa-installed .estimator-app-panel{background:linear-gradient(135deg,#eaf7df,#fff)}

@media(max-width:980px){
  .estimator-app-panel{grid-template-columns:1fr;margin-top:-28px}
  .estimator-location-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .estimator-app-page .page-hero{padding-top:132px;padding-bottom:58px}
  .estimator-app-actions .btn,.estimator-app-actions button{width:100%}
  .estimator-app-panel{gap:14px;border-radius:18px;padding:20px;margin:-26px 0 20px}
  .estimator-app-panel h2{font-size:28px}
  .estimator-app-panel p,.estimator-app-status span{font-size:14px;line-height:1.5}
  .estimator-app-status{padding:15px;border-radius:12px}
  .estimator-location-fields{grid-template-columns:1fr}
  .estimator-section{padding-top:34px}
  .estimator-shell{width:min(100% - 18px,1180px)}
  .estimator-intro-card,.estimator-lead-card,.estimate-category,.estimator-help-card{border-radius:16px}
  .estimator-summary .grand-total-card{position:static;bottom:auto;z-index:auto;border-radius:16px;box-shadow:0 12px 34px rgba(13,33,17,.12)}
  .estimator-service-picker{margin:20px 0;padding:20px 16px}
  .estimator-selection-status{font-size:14px}
  #grand-total{font-size:42px}
  .category-heading{display:block}
  .category-subtotal{display:block;margin-top:8px}
  .estimate-row{padding:18px}
}

/* Staff time clock and owner reports. */
.staff-hero{background-image:linear-gradient(90deg,rgba(6,18,9,.88),rgba(25,83,34,.52)),url('/media/joomla/images/Project9-Duke/after/Image116.webp')!important}
.staff-section{padding:82px 0;background:#f7f8f3}
.staff-shell{display:grid;gap:24px}
.staff-narrow{max-width:820px}
.staff-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 52px rgba(13,33,17,.09);padding:28px}
.staff-card h2{margin:0 0 18px;color:var(--green-dark);font-size:clamp(28px,3vw,42px);line-height:1.08}
.staff-card-head h2{margin-bottom:0}
.staff-clock-grid{display:grid;grid-template-columns:minmax(0,1fr)360px;gap:24px;align-items:start}
.staff-status{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#102315;color:#fff;border-radius:16px;padding:18px 20px;margin:22px 0}
.staff-status strong,.staff-status span{display:block}
.staff-status strong{font-size:24px;color:#c9f391}
.staff-status span{color:rgba(255,255,255,.78)}
.staff-time-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.staff-time-points div{background:#f7fbf3;border:1px solid var(--line);border-radius:14px;padding:14px}
.staff-time-points span,.staff-entry-list span{display:block;color:var(--muted);font-weight:800;font-size:13px}
.staff-time-points strong{display:block;color:var(--green-dark);font-size:20px;margin-top:4px}
.staff-clock-actions{display:grid;gap:14px}
.staff-notes{display:grid;gap:8px;font-weight:900;color:var(--green-dark)}
.staff-notes textarea,.staff-form input,.staff-form select,.staff-form textarea,.staff-report-filter input,.staff-report-filter select{width:100%;border:1px solid #d7e5cf;border-radius:14px;padding:13px 15px;font:inherit;background:#fbfdf8}
.staff-form{display:grid;gap:16px}
.staff-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.staff-form label{display:grid;gap:7px;font-weight:900;color:var(--green-dark)}
.staff-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}
.staff-form input[type=checkbox]{width:auto}
.staff-form small{color:var(--muted);font-weight:700;line-height:1.4}
.staff-form .errorlist{margin:0;padding-left:18px;color:#9d1c1c;font-weight:800}
.staff-form-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}
.staff-message{border-left:5px solid var(--green);background:#eff8e8;border-radius:12px;padding:14px 16px;font-weight:800;color:var(--green-dark)}
.staff-message.error{border-left-color:#9d1c1c;background:#fff0f0;color:#7c1414}
.staff-message.info{border-left-color:#d0b066;background:#fff8e9}
.staff-messages{display:grid;gap:10px}
.staff-entry-list{display:grid;gap:10px}
.staff-entry-list div{border:1px solid var(--line);border-radius:12px;background:#f7fbf3;padding:13px 14px}
.staff-entry-list strong{display:block;color:var(--green-dark)}
.staff-logout{display:inline-block;margin-top:18px;font-weight:900}
.staff-table-wrap{overflow:auto}
.staff-table{width:100%;border-collapse:collapse;min-width:720px}
.staff-table th,.staff-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.staff-table th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);background:#f7fbf3}
.staff-table td a{font-weight:900;color:var(--green-mid)}
.staff-two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.staff-report-filter{display:grid;grid-template-columns:180px repeat(2,1fr) auto auto;gap:14px;align-items:end}
.staff-report-filter label{display:grid;gap:7px;font-weight:900;color:var(--green-dark)}
.btn-outline-dark{background:transparent!important;border:1px solid var(--green-dark)!important;color:var(--green-dark)!important;box-shadow:none!important}
.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:980px){
  .staff-clock-grid,.staff-two-columns{grid-template-columns:1fr}
  .staff-time-points{grid-template-columns:repeat(2,minmax(0,1fr))}
  .staff-report-filter{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .staff-section{padding:58px 0}
  .staff-card{padding:22px;border-radius:16px}
  .staff-time-points,.staff-form-grid,.staff-report-filter{grid-template-columns:1fr}
  .staff-status{display:block}
  .staff-status span{margin-top:4px}
}

/* Phone visibility fix: give mobile browsers a fresh, light fallback if cached media or embeds fail. */
html,body{min-height:100%;background:#f7f8f3}
@media(max-width:760px){
  body{background:#f7f8f3!important;color:var(--ink)!important}
  main{display:block;background:#f7f8f3!important}
  [data-section-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .archi-hero{min-height:720px;background:#f7f8f3!important;isolation:isolate}
  .hero-slide{min-height:720px;background-color:#eaf3e5!important;background-image:linear-gradient(90deg,rgba(9,25,12,.54),rgba(9,25,12,.25) 62%,rgba(9,25,12,.48)),var(--hero)!important;background-position:center top!important}
  .hero-slide:not(.active){display:none}
  .hero-slide.active{display:flex}
  .container.hero-inner{z-index:2;width:min(100% - 28px,1180px)!important;max-width:1180px!important;margin-inline:auto!important;padding-top:168px;padding-bottom:68px;overflow:hidden}
  .hero-inner h1,.hero-inner h2{max-width:min(100%,360px)!important;font-size:clamp(31px,8.8vw,42px)!important;line-height:1.06!important;overflow-wrap:break-word;word-break:normal;text-wrap:balance;text-shadow:0 3px 20px rgba(0,0,0,.45)}
  .hero-inner p{color:rgba(255,255,255,.92)!important}
  .hero-inner p{max-width:min(100%,328px)!important;font-size:16px!important;overflow-wrap:break-word;text-shadow:0 2px 16px rgba(0,0,0,.42)}
  .hero-actions{max-width:100%}
  .hero-actions .btn{max-width:100%;white-space:normal;text-align:center}
  .page-hero,.contact-hero{background-image:linear-gradient(90deg,rgba(7,20,10,.58),rgba(7,20,10,.34)),url('/static/archi/images/main-banner2.jpg')!important;background-color:#eaf3e5!important}
  .page-hero h1,.contact-hero h1{font-size:clamp(34px,9vw,46px)!important;line-height:1.05!important;overflow-wrap:break-word;text-shadow:0 3px 20px rgba(0,0,0,.42)}
  .page-hero p,.contact-hero p{color:rgba(255,255,255,.94)!important}
  .stats-strip,.services-showcase,.portfolio-section,.video-section,.before-after-section,.blog-slider-section,.home-contact-map-section,.content-section,.detail-section,.contact-section,.estimator-section{background:#fff!important;color:var(--ink)!important}
  .sept-section-banner{background:#fff!important;color:var(--ink)!important}
  .sept-section-body{background:#fff!important;color:var(--ink)!important}
  .service-card,.portfolio-card,.video-card,.content-card,.side-card,.card,.client-card,.contact-form,.search-form,.estimator-app-panel,.estimate-category{background:#fff;color:var(--ink)}
  .home-video-frame,.contact-map-card,.media-placeholder,.service-image,.card-media{background:#eef5e9!important}
  .agf-header{background:rgba(12,25,15,.97)!important}
  .main-nav{background:#102315!important}
  .site-footer,.footer-cta{color:#dfeadb}
  .site-footer a,.footer-cta a{color:#fff}
}

/* Keep the final testimonial overrides after legacy slider styles. */
.google-proof-after-drainage .google-review-card:after{top:0!important;bottom:auto!important;height:7px!important;background:linear-gradient(90deg,var(--green),#b9ed68)!important;background-image:linear-gradient(90deg,var(--green),#b9ed68)!important;opacity:1!important}
.google-proof-after-drainage .google-review-card blockquote:before{display:none!important}
.google-proof-after-drainage .agf-slider-dots button{width:7px!important;height:7px!important;min-width:7px!important;padding:0!important}
.google-proof-after-drainage .agf-slider-dots button.active{width:28px!important}

/* Landscape Journal: calm magazine layout with compact navigation. */
.blog-slider-section{background:#f6f7f2!important}
.blog-slider-section .sept-section-banner{background:#f6f7f2!important;background-image:none!important;color:var(--green-dark)!important}
.blog-slider-section .sept-section-banner:before{display:none!important}
.blog-slider-section .sept-section-banner .container{display:grid;grid-template-columns:minmax(0,.82fr) minmax(280px,.38fr);column-gap:70px;align-items:end;padding-top:104px!important;padding-bottom:58px!important}
.blog-slider-section .sept-section-banner .section-kicker{grid-column:1/-1;color:var(--green)}
.blog-slider-section .sept-section-banner h2{font-family:var(--display);font-size:clamp(46px,6vw,78px);line-height:1;letter-spacing:-.04em;color:var(--green-dark)!important;margin:0}
.blog-slider-section .sept-section-banner p{color:var(--muted)!important;font-size:17px;line-height:1.75;margin:0 0 6px}
.blog-slider-section .sept-section-body{background:#f6f7f2!important;padding-top:0!important;padding-bottom:96px!important}
.blog-slider-section .priority-blog-guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 62px;border:1px solid #dce5d7;border-radius:22px;overflow:hidden;background:#dce5d7}
.blog-slider-section .priority-blog-card{position:relative;min-height:260px;padding:30px 26px;background:#fff;border:0;border-radius:0;box-shadow:none;transition:background .22s ease,transform .22s ease}
.blog-slider-section .priority-blog-card:hover{background:#edf5e8;transform:none}
.blog-slider-section .priority-blog-card>span{color:var(--green);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.blog-slider-section .priority-blog-card h3{font-family:var(--display);font-size:30px;line-height:1.05;color:var(--green-dark);margin:34px 0 12px}
.blog-slider-section .priority-blog-card p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:24px}
.blog-slider-section .priority-blog-card strong{position:absolute;left:26px;bottom:25px;color:var(--green-dark);font-size:13px}.blog-slider-section .priority-blog-card strong:after{content:" →";color:var(--green)}
.journal-feature-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 18px}.journal-feature-head span{font-family:var(--display);font-size:30px;color:var(--green-dark)}.journal-feature-head p{margin:0;color:var(--muted);font-size:14px}
.blog-slider-section .blog-slider{padding:0!important;border-radius:26px;background:var(--green-dark)!important;box-shadow:0 26px 76px rgba(13,33,17,.14);overflow:hidden}
.blog-slider-section .blog-slider.slider-ready:before,.blog-slider-section .blog-slider.slider-ready:after{display:none!important}
.blog-slider-section .blog-slide{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:430px!important;border-radius:0;background:#fff}
.blog-slider-section .blog-slide-image,.blog-slider-section .blog-slide-image img,.blog-slider-section .blog-slide-image .media-placeholder{min-height:430px!important}
.blog-slider-section .blog-slide-copy{padding:clamp(38px,5vw,64px)!important}
.blog-slider-section .blog-slide-copy>span{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:11px}.blog-slider-section .blog-slide-copy>span:before{content:"Journal";padding:5px 8px;border-radius:999px;background:#edf5e8;color:var(--green-dark);font-size:10px}
.blog-slider-section .blog-slide-copy h3{font-family:var(--display);font-size:clamp(34px,3.8vw,52px)!important;line-height:1.06;margin:18px 0!important}
.blog-slider-section .blog-slide-copy p{color:var(--muted);font-size:16px;line-height:1.7}
.blog-slider-section .blog-slide-copy .text-link{align-self:flex-start;margin-top:8px}
.blog-slider-section .agf-slider-controls{margin:0;padding:18px 24px;background:var(--green-dark);justify-content:flex-end}
.blog-slider-section .agf-slider-controls>button{width:40px;height:40px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none}
.blog-slider-section .agf-slider-dots{margin-right:auto}
.blog-slider-section .agf-slider-dots button{width:7px!important;height:7px!important;min-width:7px!important;padding:0!important;background:rgba(255,255,255,.28)!important;box-shadow:none}
.blog-slider-section .agf-slider-dots button.active{width:28px!important;background:#b9ed68!important}
.blog-slider-section .blog-actions{margin-top:32px}.blog-slider-section .blog-actions .btn{background:var(--green-dark);box-shadow:none}.blog-slider-section .blog-actions .btn span{transition:transform .2s}.blog-slider-section .blog-actions .btn:hover span{transform:translateX(4px)}
@media(max-width:980px){.blog-slider-section .sept-section-banner .container{grid-template-columns:1fr;gap:20px}.blog-slider-section .priority-blog-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-slider-section .blog-slide{grid-template-columns:1fr}.blog-slider-section .blog-slide-image,.blog-slider-section .blog-slide-image img,.blog-slider-section .blog-slide-image .media-placeholder{min-height:300px!important}}
@media(max-width:600px){.blog-slider-section .sept-section-banner .container{padding-top:76px!important;padding-bottom:40px!important}.blog-slider-section .sept-section-banner h2{font-size:42px}.blog-slider-section .priority-blog-guides{grid-template-columns:1fr;margin-bottom:46px}.blog-slider-section .priority-blog-card{min-height:230px}.journal-feature-head{align-items:flex-start;flex-direction:column;gap:4px}.blog-slider-section .blog-slider{border-radius:18px}.blog-slider-section .blog-slide-copy{padding:32px 26px!important}.blog-slider-section .blog-slide-copy h3{font-size:32px!important}.blog-slider-section .agf-slider-controls{padding:16px 18px}}

/* Project start panel: three clear contact paths without banner clutter. */
.project-start-section{padding:96px 0!important;background:#f6f7f2!important;background-image:none!important;color:var(--ink)!important}
.project-start-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(46px,7vw,92px);padding:clamp(42px,6vw,78px);border-radius:34px;background:var(--green-dark);overflow:hidden;box-shadow:0 30px 90px rgba(16,35,21,.16)}
.project-start-shell:before{content:"";position:absolute;inset:0 47% 0 0;background:radial-gradient(circle at 14% 10%,rgba(185,237,104,.18),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.04),transparent);pointer-events:none}
.project-start-copy,.project-start-actions{position:relative;z-index:1}
.project-start-copy .section-kicker{color:#b9ed68}.project-start-copy h2{font-family:var(--display);font-size:clamp(46px,5.8vw,76px);line-height:.98;letter-spacing:-.04em;color:#fff;margin:10px 0 24px;max-width:680px}.project-start-copy>p{max-width:650px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.75}
.project-detail-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.project-detail-chips span{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);font-size:12px;font-weight:800}.project-detail-chips span:before{content:"✓";margin-right:7px;color:#b9ed68}
.project-start-actions{display:grid;gap:12px;align-content:center}
.project-action-card{display:grid;grid-template-columns:1fr auto;column-gap:20px;padding:22px 24px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.07);color:#fff!important;transition:transform .22s ease,background .22s ease,border-color .22s ease}
.project-action-card:hover{transform:translateX(5px);background:rgba(255,255,255,.12);border-color:rgba(185,237,104,.38)}
.project-action-card small{grid-column:1/-1;color:rgba(255,255,255,.56);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.project-action-card strong{font-size:20px;margin:5px 0 3px}.project-action-card>span{grid-column:1;color:rgba(255,255,255,.7);font-size:13px}.project-action-card b{grid-column:2;grid-row:2/4;align-self:center;font-size:25px;color:#b9ed68;font-weight:500}
.project-action-primary{background:#b9ed68;color:var(--green-dark)!important;border-color:#b9ed68}.project-action-primary:hover{background:#c9f587;border-color:#c9f587}.project-action-primary small,.project-action-primary>span{color:rgba(16,35,21,.68)}.project-action-primary b{color:var(--green-dark)}
@media(max-width:980px){.project-start-shell{grid-template-columns:1fr}.project-start-shell:before{inset:0;background:radial-gradient(circle at 10% 5%,rgba(185,237,104,.15),transparent 32%)}}
@media(max-width:600px){.project-start-section{padding:64px 0!important}.project-start-shell{padding:38px 24px;border-radius:22px;gap:34px}.project-start-copy h2{font-size:43px}.project-start-copy>p{font-size:16px}.project-action-card{padding:19px 18px}.project-action-card strong{font-size:18px}}

/* Project films: featured walkthrough plus quieter supporting cards. */
.video-section{background:#fff!important;padding:0!important}
.video-section .sept-section-banner{background:#102315!important;background-image:linear-gradient(90deg,rgba(6,18,9,.96),rgba(6,18,9,.72)),var(--section-bg)!important;background-size:cover!important;background-position:center!important;color:#fff!important}
.video-section .sept-section-banner:before{display:none!important}
.video-section .sept-section-banner .container{max-width:1180px;padding-top:100px!important;padding-bottom:76px!important}
.video-section .sept-section-banner h2{font-family:var(--display);font-size:clamp(48px,6.5vw,84px);line-height:.98;letter-spacing:-.04em;max-width:900px;color:#fff!important;margin:0 0 22px}
.video-section .sept-section-banner p{max-width:720px;color:rgba(255,255,255,.72)!important;font-size:18px;line-height:1.75}
.video-section .sept-section-body{padding-top:70px!important;padding-bottom:90px!important;background:#fff!important}
.project-video-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
.project-video-grid .video-card{display:grid;padding:0!important;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 48px rgba(13,33,17,.08)}
.project-video-grid .home-video-frame{min-height:270px;border-radius:0;background:#0b160d}.project-video-grid .home-video-frame iframe{width:100%;height:100%;min-height:270px;border:0;display:block}
.project-video-grid .video-card-copy{padding:26px}.project-video-grid .video-card-copy>span{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.project-video-grid .video-card h3{font-family:var(--display);font-size:clamp(27px,3vw,38px);line-height:1.08;margin:12px 0 22px}.project-video-grid .video-card h3 a{color:var(--green-dark)}
.video-detail-link{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:13px;font-weight:900;border-bottom:1px solid #bfd8ad;padding-bottom:4px}.video-detail-link b{color:var(--green);font-size:18px;transition:transform .2s}.video-detail-link:hover b{transform:translateX(4px)}
.project-video-grid .video-card-featured{grid-column:1/-1;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:stretch;background:var(--green-dark);border:0;box-shadow:0 28px 78px rgba(13,33,17,.18)}
.project-video-grid .video-card-featured .home-video-frame,.project-video-grid .video-card-featured .home-video-frame iframe{min-height:470px}.project-video-grid .video-card-featured .video-card-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,58px)}.project-video-grid .video-card-featured .video-card-copy>span{color:#b9ed68}.project-video-grid .video-card-featured h3{font-size:clamp(38px,4.6vw,62px)}.project-video-grid .video-card-featured h3 a{color:#fff}.project-video-grid .video-card-featured .video-detail-link{align-self:flex-start;color:#fff;border-color:rgba(255,255,255,.24)}
.video-section-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.video-section-footer p{margin:0;color:var(--muted)}.video-section-footer a{color:var(--green-dark);font-weight:900}.video-section-footer a span{color:var(--green);margin-left:6px}
@media(max-width:900px){.project-video-grid .video-card-featured{grid-template-columns:1fr}.project-video-grid .video-card-featured .home-video-frame,.project-video-grid .video-card-featured .home-video-frame iframe{min-height:360px}}
@media(max-width:650px){.video-section .sept-section-banner .container{padding-top:76px!important;padding-bottom:56px!important}.video-section .sept-section-banner h2{font-size:44px}.video-section .sept-section-body{padding-top:48px!important;padding-bottom:68px!important}.project-video-grid{grid-template-columns:1fr!important}.project-video-grid .video-card-featured{grid-column:auto}.project-video-grid .video-card-featured .home-video-frame,.project-video-grid .video-card-featured .home-video-frame iframe,.project-video-grid .home-video-frame,.project-video-grid .home-video-frame iframe{min-height:240px}.project-video-grid .video-card-featured h3{font-size:36px}.video-section-footer{align-items:flex-start;flex-direction:column}}

/* Estimator service carousel */
.estimator-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}
.estimator-progress a{display:flex;min-height:52px;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-forest);font-weight:700}
.estimator-progress a span{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:9px;background:var(--color-forest);color:#fff;font-size:12px}
.estimator-form .estimator-mobile-service{display:none!important}
.estimator-store-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.google-play-badge{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:190px;padding:10px 15px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:#050706;color:#fff!important;text-decoration:none}.google-play-badge>span{grid-row:1/3;font-size:28px;color:#b9ed68}.google-play-badge small{font-size:9px;line-height:1;letter-spacing:.12em}.google-play-badge strong{font-size:20px;line-height:1.15}.google-play-badge.is-pending{opacity:.78}.install-app-secondary{border:0;border-radius:999px;background:#b9ed68;color:#102315;padding:12px 16px;font-weight:900;cursor:pointer}
.estimator-service-picker{margin:28px 0;padding:clamp(22px,4vw,38px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#fff,#f0f7eb);box-shadow:0 20px 64px rgba(13,33,17,.1)}.service-picker-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:26px;align-items:end;margin-bottom:24px}.service-picker-heading h2{font-size:clamp(32px,4vw,50px);line-height:1.02;margin:8px 0;color:var(--green-dark)}.service-picker-heading p{margin:0;color:var(--muted);max-width:720px}.estimator-service-search{display:grid;gap:7px;color:var(--green-dark);font-weight:900}.estimator-service-search input{width:100%;border:1px solid #cddbc6;border-radius:14px;padding:14px 16px;background:#fff;font:inherit;font-size:16px}
.estimator-carousel-shell{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:stretch}.estimator-category-carousel{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 12px}.estimator-category-carousel::-webkit-scrollbar{display:none}.estimator-category-card{position:relative;flex:0 0 clamp(210px,25vw,270px);min-height:164px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #d8e3d2;border-radius:18px;background:#fff;padding:20px;color:var(--green-dark);cursor:pointer;box-shadow:0 9px 26px rgba(13,33,17,.06);transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.estimator-category-card:hover,.estimator-category-card.is-selected{transform:translateY(-3px);border-color:var(--green);background:#102315;color:#fff;box-shadow:0 16px 38px rgba(13,33,17,.18)}.estimator-category-card[hidden]{display:none}
.estimator-category-number{display:grid;place-items:center;width:38px;height:38px;margin-bottom:22px;border-radius:50%;background:#edf6e7;color:var(--green);font-size:12px;font-weight:900}.estimator-category-card.is-selected .estimator-category-number{background:#b9ed68;color:#102315}.estimator-category-card strong{font-size:19px;line-height:1.16}.estimator-category-card small{margin-top:8px;color:var(--muted)}.estimator-category-card.is-selected small{color:rgba(255,255,255,.7)}.estimator-category-card.has-selection:after{content:"✓ Added";position:absolute;right:12px;top:12px;border-radius:999px;background:#b9ed68;color:#102315;padding:5px 8px;font-size:10px;font-weight:900}.estimator-carousel-arrow{border:1px solid #d3dfcd;border-radius:14px;background:#fff;color:var(--green-dark);font-size:30px;cursor:pointer}
.estimator-selection-status{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--muted)}.estimator-selection-status strong{color:var(--green-dark)}.estimator-selection-status button{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;margin-left:auto;border:0;background:none;color:var(--green);font-weight:900;cursor:pointer}.estimate-category.is-category-hidden{display:none}.estimate-category.has-selection{border-color:#a8ca91;box-shadow:0 16px 46px rgba(55,124,35,.12)}
@media(max-width:760px){.estimator-progress{grid-template-columns:1fr;gap:7px}.estimator-progress a{min-height:46px}.service-picker-heading{grid-template-columns:1fr;margin-bottom:16px}.estimator-form .estimator-service-search{display:none!important}.estimator-form .estimator-mobile-service{display:grid!important;gap:7px;margin:0}.estimator-carousel-shell{display:none}.estimator-selection-status{align-items:flex-start;flex-wrap:wrap}.estimator-selection-status button{width:100%;margin:4px 0 0;text-align:left}.estimator-store-actions{display:grid;grid-template-columns:1fr}.google-play-badge{width:100%}}

/* ==========================================================================
   2026 global design system
   This final layer normalizes legacy page-builder and template-era overrides.
   ========================================================================== */
:root{
  --color-forest:#153D2E;
  --color-forest-dark:#0D2A20;
  --color-leaf:#4E7A3D;
  --color-accent:#78B82A;
  --color-sand:#F5F3EC;
  --color-white:#FFFFFF;
  --color-text:#202B25;
  --color-muted:#657269;
  --color-border:#DDE3DB;
  --green:var(--color-accent);
  --green-dark:var(--color-forest);
  --green-mid:var(--color-leaf);
  --ink:var(--color-text);
  --muted:var(--color-muted);
  --paper:var(--color-sand);
  --white:var(--color-white);
  --line:var(--color-border);
  --font:'Source Sans 3',Arial,sans-serif;
  --display:'Montserrat',Arial,sans-serif;
  --shadow:0 12px 34px rgba(13,42,32,.08);
  --section-space:clamp(72px,9vw,112px);
}
html{scroll-padding-top:118px}
body{font-family:var(--font)!important;font-size:17px;line-height:1.65;font-weight:400;color:var(--color-text);background:var(--color-sand);text-rendering:optimizeLegibility}
.container{width:100%!important;max-width:1240px!important;margin-inline:auto!important;padding-inline:clamp(20px,4vw,64px)!important}
h1,h2,h3,.section-title h2,.gallery-head h2{font-family:var(--display)!important;color:var(--color-forest-dark);overflow-wrap:break-word}
#site-main h1,#site-main h2,#site-main h3{font-family:var(--display)!important}
h1{font-size:clamp(2.5rem,5vw,4.5rem)!important;line-height:1.05!important;font-weight:700!important;letter-spacing:-.035em!important;max-width:780px}
h2,.section-title h2,.gallery-head h2{font-size:clamp(2rem,3.5vw,3.25rem)!important;line-height:1.12!important;font-weight:700!important;letter-spacing:-.025em!important}
h3{font-size:clamp(1.3rem,2vw,1.75rem)!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.012em!important}
p,li{font-family:var(--font);font-weight:400}
.prose p,.prose li,.content-card>p,.section-title p{max-width:72ch}
.section-title{max-width:780px;margin-bottom:clamp(30px,4vw,48px)}
.section-kicker{font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--color-leaf)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(78,122,61,.42)!important;outline-offset:3px}

/* Buttons */
.btn,.button,.nav-cta{min-height:48px;border-radius:9px!important;padding:12px 22px!important;background:var(--color-accent)!important;color:var(--color-forest-dark)!important;font-family:var(--font)!important;font-size:15px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
.btn:hover,.button:hover,.nav-cta:hover{transform:translateY(-2px);background:#8BCB38!important;color:var(--color-forest-dark)!important;filter:none}
.btn-outline,.btn-outline-light{background:transparent!important;color:inherit!important;border:1px solid currentColor!important}
.btn-outline-light{color:var(--color-white)!important;border-color:rgba(255,255,255,.72)!important}
.btn-light{background:var(--color-white)!important;color:var(--color-forest-dark)!important}
.btn-small{min-height:44px;padding:9px 16px!important}
.text-link{font-weight:700;color:var(--color-forest);border-color:var(--color-leaf)}

/* Premium compact header */
.agf-header{background:rgba(13,42,32,.97)!important;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px rgba(4,20,14,.16);backdrop-filter:blur(14px)}
.agf-header-top{background:#0A241B;color:rgba(255,255,255,.82);font-size:13px}
.topbar-inner{min-height:36px;padding-top:0!important;padding-bottom:0!important;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar-label{font-weight:500}.topbar-actions{display:flex;align-items:center;gap:22px}.topbar-actions a{color:var(--color-white);font-weight:600}.topbar-actions a:last-child{color:#B6E77A}
.nav-shell{min-height:82px;padding-top:8px!important;padding-bottom:8px!important}
.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:auto;max-width:244px;max-height:58px;object-fit:contain}
.main-nav{gap:2px;background:transparent!important}
.main-nav>a,.nav-dropdown>a,.nav-dropdown>button{min-height:44px;align-items:center;padding:10px 9px;color:rgba(255,255,255,.9);font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
.main-nav>a:hover,.main-nav>a:focus-visible,.nav-dropdown:hover>a,.nav-dropdown:focus-within>a,.nav-dropdown:hover>button,.nav-dropdown:focus-within>button{color:#B6E77A}
.nav-cta{margin-left:8px!important;padding-inline:18px!important}
.dropdown-panel{border:1px solid var(--color-border);border-radius:0 0 14px 14px!important;box-shadow:0 18px 48px rgba(4,26,18,.16)}
.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-panel h4{font-family:var(--font);font-weight:700;letter-spacing:.08em;color:var(--color-leaf)}
.dropdown-panel a{font-family:var(--font);font-weight:600}.featured-link{border-left-color:var(--color-accent)!important;background:#F0F5EC!important}
.mobile-toggle{width:48px;height:48px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:9px}
.mobile-toggle span{width:23px}

/* Hero system */
.archi-hero{min-height:680px;background:var(--color-forest-dark)}
.hero-slide{min-height:680px;background-image:linear-gradient(90deg,rgba(7,25,18,.86),rgba(7,25,18,.45),rgba(7,25,18,.12)),var(--hero)!important;background-position:center;background-size:cover;transition:opacity .55s ease}
.hero-inner{padding-top:145px;max-width:1240px}
.hero-inner h1,.hero-inner h2{font-size:clamp(2.5rem,5vw,4.5rem)!important;line-height:1.05!important;font-weight:700!important;letter-spacing:-.035em!important;max-width:780px;color:var(--color-white)!important;text-shadow:0 3px 24px rgba(0,0,0,.28)}
.hero-inner p{max-width:600px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.88)}
.hero-trust{max-width:720px}.hero-trust span,.hero-proof-grid span{border-radius:8px;background:rgba(13,42,32,.58)}
.hero-arrow{width:48px;height:48px;font-size:32px;background:rgba(13,42,32,.42)}
.hero-dots{bottom:24px}
.page-hero,.contact-hero{min-height:470px;padding:clamp(176px,16vw,214px) 0 72px!important;background-image:linear-gradient(90deg,rgba(7,25,18,.86),rgba(7,25,18,.45),rgba(7,25,18,.12)),url('/media/joomla/images/Steps/front-yard-landscaping-calgary.webp')!important;background-size:cover!important;background-position:center!important;color:var(--color-white)}
.page-hero h1,.contact-hero h1{color:var(--color-white)!important;text-shadow:0 3px 22px rgba(0,0,0,.28);margin-bottom:16px;max-width:780px}
.page-hero h1.long-title{font-size:clamp(2.2rem,4.2vw,3.8rem)!important;max-width:900px}
.page-hero p,.contact-hero p{max-width:600px!important;color:rgba(255,255,255,.88)!important;font-size:18px;line-height:1.6}

/* Layout rhythm and surfaces */
.services-showcase,.portfolio-section,.video-section,.detail-section,.content-section,.contact-section,.before-after-section,.priority-services-section,.review-proof-section,.google-proof-section,.blog-slider-section,.project-start-section,.home-enhancement-hub,.design-3d-section{padding-top:var(--section-space)!important;padding-bottom:var(--section-space)!important}
.services-showcase,.content-section,.before-after-section,.review-proof-section,.contact-section{background:var(--color-white)!important}
.portfolio-section,.detail-section,.priority-services-section,.blog-slider-section,.design-3d-section{background:var(--color-sand)!important}
.content-card,.side-card,.card,.client-card,.service-card,.video-card,.home-review-card,.google-review-card,.contact-form,.search-form,.estimate-category,.grand-total-card,.estimator-app-panel,.priority-card,.before-after-card{border:1px solid var(--color-border)!important;border-radius:14px!important;box-shadow:var(--shadow)!important}
.content-card,.side-card,.card,.client-card,.contact-form,.search-form{padding:clamp(22px,3vw,36px)}
.service-card,.video-card,.home-review-card,.priority-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.service-card:hover,.video-card:hover,.home-review-card:hover,.priority-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 40px rgba(13,42,32,.11)!important}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{border-radius:14px!important}.service-image{height:auto;aspect-ratio:4/3}.service-image img{width:100%;height:100%;object-fit:cover}.service-body{padding:22px}.service-body h3{margin-bottom:10px}.service-body p{min-height:0;line-height:1.6}
.portfolio-grid{gap:20px}.portfolio-card{height:auto;aspect-ratio:4/3;border-radius:14px!important}.portfolio-card span{left:14px;right:14px;bottom:14px;border-radius:8px;background:rgba(13,42,32,.9);font-weight:600}
.service-related-projects .portfolio-card{height:auto!important;min-height:0!important}
.gallery-grid{gap:12px}.gallery-grid a{border-radius:10px}.gallery-grid img{object-fit:cover}
.lead-text{border-left-color:var(--color-accent);border-radius:0 10px 10px 0;background:#EFF5EA;font-size:18px;font-weight:400}
.project-scope-grid{gap:14px}.project-scope-grid section{border:1px solid var(--color-border);border-radius:12px;background:#FAFBF8;padding:20px}.project-scope-grid span{color:var(--color-leaf);font-weight:700}.project-scope-grid strong{font-family:var(--display);font-weight:600;color:var(--color-forest-dark)}
.sidebar .side-card.dark,.side-card.dark{background:var(--color-forest-dark)!important;color:var(--color-white)}.side-card.dark h3{color:var(--color-white)}

/* Forms and estimator */
label,.contact-form label,.estimator-form label{font-family:var(--font);font-size:15px;font-weight:600!important;color:var(--color-forest-dark)}
input,select,textarea,.contact-form input,.contact-form textarea,.contact-form select,.estimator-form input,.estimator-form select,.search-form input{min-height:48px;border:1px solid #BCC9C0!important;border-radius:9px!important;padding:11px 14px!important;background:var(--color-white)!important;color:var(--color-text);font-family:var(--font)!important;font-size:16px!important}
textarea,.contact-form textarea{min-height:150px}
input:focus,select:focus,textarea:focus{border-color:var(--color-forest)!important;box-shadow:0 0 0 3px rgba(21,61,46,.16)!important;outline:0}
.errorlist{color:#9B2C2C}.success-message,.result{background:#EDF5E8;border-left-color:var(--color-leaf);border-radius:0 10px 10px 0}
.estimator-service-picker{border-radius:14px;background:var(--color-white);box-shadow:var(--shadow)}
.estimator-category-card{border-radius:12px;box-shadow:none;min-height:158px}.estimator-category-card:hover,.estimator-category-card.is-selected{transform:translateY(-3px);background:var(--color-forest-dark);border-color:var(--color-forest)}
.category-heading{background:var(--color-forest-dark)}.category-heading h2{color:var(--color-white)!important}.category-subtotal{color:#B6E77A}.grand-total-card #grand-total{font-family:var(--display);color:var(--color-leaf)}

/* Footer and dark sections */
.footer-cta{background:var(--color-forest);padding:clamp(58px,7vw,84px) 0}.footer-cta h2{color:var(--color-white)!important}.site-footer{background:var(--color-forest-dark)}
.footer-grid{padding:58px clamp(20px,4vw,64px)!important}.site-footer h3{color:var(--color-white)!important}.site-footer a{font-weight:500}.footer-socials .social-icon{background:rgba(255,255,255,.08)!important}
.drainage-section,.drainage-cinema-section,.sept-proof-band,.home-enhancement-hub{background-color:var(--color-forest-dark)!important}
.drainage-cinema-bg{transform:none}
.drainage-section h2,.drainage-cinema-section h2,.sept-proof-band h2,.home-enhancement-hub h2{color:var(--color-white)!important}

/* Responsive layout QA */
@media(max-width:1100px){
  html{scroll-padding-top:82px}
  .nav-shell{min-height:78px}
  .mobile-toggle{display:flex}
  .main-nav{top:100%;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);padding:14px;background:var(--color-forest-dark)!important;border:1px solid rgba(255,255,255,.12);border-radius:0 0 12px 12px;max-height:calc(100vh - 90px);overflow:auto}
  .main-nav>a,.nav-dropdown>a{width:100%;padding:11px 12px;font-size:15px}
  .nav-dropdown{width:100%}.dropdown-panel{border-radius:8px!important}.service-panel{max-height:none!important}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-layout,.contact-grid{grid-template-columns:1fr}.sidebar{position:static}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body{font-size:16px;line-height:1.62}
  .agf-header-top{display:none}
  .nav-shell{min-height:76px;padding-top:8px!important;padding-bottom:8px!important}
  .brand img{max-width:194px;max-height:52px}
  .main-nav{left:12px;right:12px}
  .archi-hero,.hero-slide{min-height:580px}
  .hero-inner{padding-top:104px;padding-bottom:78px}
  .hero-inner h1,.hero-inner h2{font-size:clamp(2.5rem,12vw,3.25rem)!important;max-width:100%}
  .hero-inner p{font-size:17px;max-width:34ch}
  .hero-trust,.hero-proof-grid{display:grid;grid-template-columns:1fr;width:min(100%,340px)}
  .hero-dots{bottom:18px}
  .page-hero,.contact-hero{min-height:420px;padding:126px 0 58px!important;background-position:center!important}
  .page-hero h1,.contact-hero h1{font-size:clamp(2.5rem,11vw,3rem)!important;max-width:100%;word-break:normal;hyphens:auto}
  .page-hero h1.long-title{font-size:clamp(1.9rem,8vw,2.3rem)!important;line-height:1.08!important;max-width:18ch}
  .page-hero p,.contact-hero p{font-size:17px!important;max-width:32ch!important}
  .services-showcase,.portfolio-section,.video-section,.detail-section,.content-section,.contact-section,.before-after-section,.priority-services-section,.review-proof-section,.google-proof-section,.blog-slider-section,.project-start-section,.home-enhancement-hub,.design-3d-section{padding-top:72px!important;padding-bottom:72px!important}
  .content-card,.side-card,.card,.client-card,.contact-form,.search-form{padding:20px}
  .service-grid,.portfolio-grid,.video-grid,.card-grid{grid-template-columns:1fr!important}
  .service-related-projects .portfolio-card{aspect-ratio:16/10}
  .service-image{aspect-ratio:16/10}
  .project-scope-grid{grid-template-columns:1fr}.project-scope-grid section{padding:18px}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid a,.gallery-grid.masonry a:nth-child(5n){height:145px;grid-column:auto}
  .hero-actions{width:100%}.hero-actions .btn{width:100%;min-height:48px}.hero-actions .text-link{width:100%;justify-content:flex-start}
  .footer-grid{grid-template-columns:1fr;padding:46px 20px!important}.footer-logo{max-width:230px}
  .agf-chat{right:82px}.agf-chat-toggle{width:56px;height:56px}
}

/* Focused homepage and accessible mobile conversion controls. */
.skip-link{position:fixed;top:10px;left:10px;z-index:99999;transform:translateY(-160%);padding:12px 18px;border-radius:8px;background:#fff;color:var(--color-forest-dark);font-weight:700;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.skip-link:focus{transform:translateY(0)}
.nav-more-toggle{min-height:44px;padding:0;border:0;background:transparent;color:inherit;font:600 15px var(--font);cursor:pointer}
.agf-home-hero{position:relative;isolation:isolate;min-height:680px;display:grid;align-items:center;overflow:hidden;background:var(--color-forest-dark);color:#fff}
.archi-home .footer-cta{display:none}
.agf-home-hero .hero-ripple-canvas{z-index:1;opacity:.22;mix-blend-mode:screen}
.agf-home-hero .hero-slide{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(7,25,18,.78),rgba(7,25,18,.4),rgba(7,25,18,.1)),var(--hero);background-position:var(--hero-position,center);background-size:cover;opacity:0;transition:opacity .8s ease}
.agf-home-hero .hero-slide.active{opacity:1}
.agf-home-hero .hero-inner{z-index:2;width:100%;padding-top:132px;padding-bottom:92px}
.agf-home-hero h1{max-width:780px;margin:12px 0 22px;color:#fff}
.agf-home-hero .hero-inner>p{max-width:600px;margin:0 0 28px;color:rgba(255,255,255,.9);font-size:clamp(18px,2vw,21px)}
.agf-home-hero .hero-trust{margin-top:30px}
.hero-controls{position:absolute;right:max(20px,calc((100vw - 1240px)/2));bottom:28px;z-index:3;display:flex;gap:6px}
.hero-controls button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid rgba(255,255,255,.55);border-radius:8px;background:rgba(13,42,32,.7);color:#fff;font:700 14px var(--font);cursor:pointer}
.hero-controls button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.home-trust-section,.content-section{padding:var(--section-space) 0}
.home-trust-section{background:var(--color-sand)}
.compact-heading{max-width:760px}
.trust-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}
.trust-link-grid a{display:grid;gap:7px;min-height:132px;padding:24px;border:1px solid var(--color-border);border-radius:14px;background:#fff;color:var(--color-forest);box-shadow:0 10px 28px rgba(13,42,32,.05)}
.trust-link-grid a:hover{transform:translateY(-3px);border-color:var(--color-leaf)}
.trust-link-grid span{color:var(--color-muted)}
.verified-trust-facts{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}
.verified-trust-facts a{display:block;padding:8px 12px;border-radius:999px;background:var(--color-forest);color:#fff;font-weight:700}
.priority-services-section{background:#fff}
.home-priority-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.home-service-card{min-width:0;border:1px solid var(--color-border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(13,42,32,.06);transition:transform .2s ease,box-shadow .2s ease}
.home-service-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(13,42,32,.11)}
.home-service-card>a{display:block;height:100%;color:var(--color-text)}
.home-service-card img,.service-card-placeholder{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:linear-gradient(135deg,var(--color-forest),var(--color-leaf))}
.home-service-card>a>div{padding:22px}
.home-service-card span{color:var(--color-leaf);font-weight:700}
.home-service-card h3{margin:8px 0 10px;color:var(--color-forest)}
.home-service-card p{margin:0 0 18px;color:var(--color-muted)}
.home-service-card strong{color:var(--color-forest)}

/* Compact services directory: priority work first, full imported catalogue on demand. */
.service-index-priority{background:var(--color-sand)!important}
.service-priority-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.service-priority-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-priority-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-priority-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.service-priority-grid .service-card{display:flex;min-width:0;flex-direction:column}
.service-priority-grid .service-body{display:flex;flex:1;flex-direction:column}
.service-priority-grid .service-body .btn{align-self:flex-start;margin-top:auto}
.sept-portfolio-grid .portfolio-card{width:100%;min-width:0}
.service-catalogue-section{padding:clamp(72px,9vw,112px) 0;background:#fff}
.service-catalogue-heading{display:grid;grid-template-columns:minmax(0,1fr)minmax(290px,420px);gap:36px;align-items:end;margin-bottom:34px}
.service-catalogue-heading h2{margin:.4rem 0 .75rem}
.service-catalogue-heading p{max-width:65ch;margin:0;color:var(--color-muted)}
.service-catalogue-heading .service-toolbar{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;margin:0;padding:18px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-sand)}
.service-catalogue-heading .service-toolbar label{grid-column:1/-1;color:var(--color-forest);font-weight:700}
.service-catalogue-heading [data-service-search]{width:100%;min-width:0;min-height:48px;border:1px solid var(--color-border);border-radius:10px;background:#fff;padding:10px 13px;font:inherit}
.service-catalogue-heading [data-service-search]:focus{outline:3px solid rgba(21,61,46,.22);border-color:var(--color-forest)}
.service-catalogue-heading .service-toolbar>span{white-space:nowrap;color:var(--color-muted);font-size:14px}
.service-catalogue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.service-catalogue details{align-self:start;border:1px solid var(--color-border);border-radius:14px;background:var(--color-sand);overflow:hidden}
.service-catalogue summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;color:var(--color-forest);font:700 17px/1.25 var(--font-body);cursor:pointer}
.service-catalogue summary small{color:var(--color-muted);font-size:13px;font-weight:600}
.service-catalogue details[open] summary{border-bottom:1px solid var(--color-border);background:#edf3e9}
.service-catalogue ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.service-catalogue li{margin:0;border-bottom:1px solid var(--color-border)}
.service-catalogue li:last-child{border-bottom:0}
.service-catalogue li.is-hidden{display:none}
.service-catalogue li a{display:block;padding:15px 20px;color:var(--color-text);text-decoration:none}
.service-catalogue li a:hover,.service-catalogue li a:focus-visible{background:#fff}
.service-catalogue li strong,.service-catalogue li span{display:block}
.service-catalogue li strong{color:var(--color-forest)}
.service-catalogue li span{margin-top:4px;color:var(--color-muted);font-size:14px;line-height:1.45}
@media(max-width:1050px){.service-priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.service-priority-grid,.service-catalogue{grid-template-columns:1fr!important}.service-priority-grid .service-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:150px}.service-priority-grid .service-image{height:100%;min-height:150px;aspect-ratio:auto}.service-priority-grid .service-image span{display:none}.service-priority-grid .service-body{min-width:0;padding:16px}.service-priority-grid .service-body h3{margin:0 0 12px;font-size:18px;line-height:1.22}.service-priority-grid .service-body p{display:none}.service-priority-grid .service-body .btn{min-height:44px;padding:11px 14px;font-size:13px}.service-catalogue-heading{grid-template-columns:1fr}.service-catalogue-heading .service-toolbar{grid-template-columns:1fr}.service-catalogue-heading .service-toolbar>*{grid-column:1}.service-catalogue-heading .service-toolbar>span{white-space:normal}.service-catalogue summary{min-height:58px;padding:14px 16px}.service-catalogue li a{padding:14px 16px}.home-enhancement-card{min-height:150px;padding:19px}.home-enhancement-card h3{margin:10px 0 14px;font-size:21px}.home-enhancement-card p{display:none}.home-enhancement-hub-cta{padding:18px}.service-projects-alone .portfolio-card{height:220px}}

/* Progressive estimator. All panels remain visible without JavaScript. */
.estimator-step-form{scroll-margin-top:120px}
.estimator-progress button{display:flex;min-height:52px;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-forest);font:700 15px/1.2 var(--font-body);text-align:left}
.estimator-progress button span{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:9px;background:#dfe8dc;color:var(--color-forest);font-size:12px}
.estimator-progress button.is-active{border-color:var(--color-forest);background:var(--color-forest);color:#fff}
.estimator-progress button.is-active span{background:var(--color-accent);color:var(--color-forest-dark)}
.estimator-step-panel{margin-top:20px}
.estimator-step-form.is-progressive .estimator-step-panel[hidden]{display:none}
.estimator-step-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.estimator-step-actions .button{min-width:190px;min-height:52px}
.estimator-step-actions .button-secondary{border:1px solid var(--color-border);background:#fff;color:var(--color-forest)}
.estimator-step-error{margin:18px 0 0;padding:14px 18px;border-left:4px solid #a82c2c;border-radius:8px;background:#fff0f0;color:#751d1d;font-weight:700}
.estimator-items-layout{grid-template-columns:minmax(0,1fr)260px;align-items:start}
.estimator-step-summary{position:sticky;top:120px;padding:22px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-forest);color:#fff;box-shadow:var(--shadow)}
.estimator-step-summary span,.estimator-step-summary strong{display:block}
.estimator-step-summary span{font-weight:700}
.estimator-step-summary strong{margin:8px 0;color:#b9f178;font:700 clamp(1.8rem,3vw,2.6rem)/1 var(--font-heading)}
.estimator-step-summary p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.5}
.estimator-review-card{max-width:820px;margin-inline:auto}
.estimator-review-total{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:26px 0;padding:22px;border-radius:12px;background:var(--color-forest);color:#fff}
.estimator-review-total span,.estimator-review-total strong{display:block}
.estimator-review-total strong{color:#b9f178;font:700 clamp(2rem,5vw,3.5rem)/1 var(--font-heading)}
.estimator-review-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.estimator-review-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--color-border)}
.estimator-review-list li span,.estimator-review-list li strong,.estimator-review-list li small{display:block}
.estimator-review-list li small{margin-top:3px;color:var(--color-muted)}
.estimator-review-list li b{color:var(--color-forest);white-space:nowrap}
.estimator-disclaimer{margin-top:22px;color:var(--color-muted);font-size:15px}
.estimator-app-panel-secondary{margin:clamp(54px,7vw,84px) 0 0}
@media(max-width:900px){.estimator-items-layout{grid-template-columns:1fr}.estimator-step-summary{position:static;order:-1}}
@media(max-width:760px){.estimator-progress{grid-template-columns:repeat(3,1fr)}.estimator-progress button{min-width:0;min-height:64px;flex-direction:column;justify-content:center;gap:5px;padding:8px 5px;font-size:11px;line-height:1.1;text-align:center}.estimator-progress button span{font-size:12px}.estimator-step-actions{display:grid;grid-template-columns:1fr}.estimator-step-actions .button{width:100%;min-width:0}.estimator-review-total{display:block}.estimator-review-total strong{margin-top:10px}.estimator-review-list li{align-items:flex-start}.estimator-app-panel-secondary{margin-top:56px}}

/* One mobile chat entry point and a shorter, easier-to-scan footer. */
@media(max-width:700px){
  .agf-chat-toggle{display:none!important}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 20px;padding:40px 20px!important}
  .footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}
  .footer-grid>div:first-child p{max-width:46ch;margin-bottom:0}
  .footer-grid h3{margin-bottom:10px}
  .footer-bottom{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}
.section-action{display:flex;justify-content:center;align-items:center;gap:20px;margin:36px 0 0}
.home-projects-section{background:var(--color-sand)}
.home-project-grid{display:grid;gap:28px}
.home-project-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);overflow:hidden;border:1px solid var(--color-border);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(13,42,32,.07)}
.home-project-card .before-after-compare{min-height:460px;border-radius:0}
.home-project-copy{padding:clamp(26px,4vw,50px)}
.project-location{color:var(--color-leaf);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.home-project-copy h3{margin:9px 0 22px}
.home-project-copy h3 a{color:var(--color-forest)}
.home-project-copy dl{display:grid;gap:15px;margin:0 0 22px}
.home-project-copy dl div{display:grid;grid-template-columns:120px 1fr;gap:15px;padding-top:14px;border-top:1px solid var(--color-border)}
.home-project-copy dt{font-weight:700;color:var(--color-forest)}
.home-project-copy dd{margin:0;color:var(--color-muted)}
.before-after-fallback{display:grid;grid-template-columns:1fr 1fr}.before-after-fallback img{width:100%;height:100%;min-height:360px;object-fit:cover}
.home-process-section{background:var(--color-forest);color:#fff}
.home-process-section h2,.home-process-section h3{color:#fff}
.home-process-section .section-kicker{color:#b8e87b}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;counter-reset:steps}
.process-grid li{padding:30px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.06)}
.process-grid li>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:var(--color-forest-dark);font:700 16px var(--display)}
.process-grid h3{margin:22px 0 10px}.process-grid p{margin:0;color:rgba(255,255,255,.82)}
.home-reviews-section{background:#fff}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.review-card{padding:28px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-sand)}
.review-card .stars{color:#4e7a3d;letter-spacing:.12em}
.review-card blockquote{margin:16px 0 24px;font-size:18px;line-height:1.55}
.review-card footer{display:grid;gap:2px;color:var(--color-muted)}.review-card footer strong{color:var(--color-forest)}
.home-areas-section{background:var(--color-sand)}
.areas-layout{display:grid;grid-template-columns:1.3fr .6fr .7fr;gap:clamp(30px,5vw,70px);align-items:start}
.service-area-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.service-area-list li{padding:14px 18px;border:1px solid var(--color-border);border-radius:10px;background:#fff;font-weight:700;color:var(--color-forest)}
.areas-links{display:grid;gap:12px}.areas-links a{padding-bottom:10px;border-bottom:1px solid var(--color-border);font-weight:700;color:var(--color-forest)}
.home-faq-section{background:#fff}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,7vw,90px);align-items:start}
.faq-accordion{display:grid;gap:12px}
.faq-accordion details{border:1px solid var(--color-border);border-radius:12px;background:var(--color-sand)}
.faq-accordion summary{position:relative;padding:20px 54px 20px 22px;cursor:pointer;font:600 clamp(18px,2vw,21px) var(--display);color:var(--color-forest);list-style:none}
.faq-accordion summary::-webkit-details-marker{display:none}.faq-accordion summary:after{content:"+";position:absolute;right:22px;font-size:26px}.faq-accordion details[open] summary:after{content:"−"}
.faq-accordion details>div{padding:0 22px 22px;color:var(--color-muted)}
.faq-page-shell{max-width:940px}.faq-archive-note{margin:0 0 26px;padding:18px 20px;border:1px solid #b9d6aa;border-left:5px solid var(--color-accent);border-radius:12px;background:#f2f7ec;color:var(--color-text)}.faq-accordion summary{display:flex;align-items:flex-start;gap:14px}.faq-question-number{flex:0 0 auto;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-forest);color:#fff;font:700 13px var(--font);letter-spacing:.04em}.faq-accordion details>div p{margin:0 0 12px;white-space:pre-line}.faq-accordion details>div p:last-child{margin-bottom:0}
.service-area-current{max-width:980px;margin:0 auto}.service-area-current-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.service-area-current-grid .card{display:flex;flex-direction:column;align-items:flex-start}.service-area-current-grid .card h2{margin:0 0 12px}.service-area-current-grid .card .btn{margin-top:auto}.service-area-archive-note{margin:28px 0 16px;padding:18px 20px;border-left:5px solid var(--color-leaf);border-radius:12px;background:var(--color-sand);color:var(--color-text)}.service-area-reference-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-area-reference-links a{min-height:52px;display:flex;align-items:center;padding:14px 16px;border:1px solid var(--color-border);border-radius:12px;background:#fff;font-weight:700}.service-area-reference-links a:hover{transform:translateY(-2px)}
@media(max-width:680px){.service-area-reference-links{grid-template-columns:1fr}}
.home-final-cta{padding:clamp(80px,10vw,130px) 0;background:linear-gradient(100deg,rgba(7,25,18,.95),rgba(21,61,46,.9)),url('/media/joomla/images/Project9-Duke/after/Image109.webp') center/cover;color:#fff}
.home-final-cta .container{max-width:900px}.home-final-cta h2{color:#fff}.home-final-cta p{max-width:650px;color:rgba(255,255,255,.85)}
.mobile-contact-bar{display:none}

@media(max-width:1000px){
  .trust-link-grid,.home-priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-project-card{grid-template-columns:1fr}.home-project-card .before-after-compare{min-height:420px}
  .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .areas-layout,.faq-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .agf-home-hero{min-height:580px}.agf-home-hero .hero-inner{padding-top:120px;padding-bottom:110px}
  .agf-home-hero h1{font-size:clamp(2.3rem,10.5vw,3.25rem)}
  .hero-controls{right:20px;bottom:80px}
  .trust-link-grid,.home-priority-grid,.process-grid,.review-grid{grid-template-columns:1fr}
  .home-project-card .before-after-compare{min-height:330px}
  .home-project-copy dl div{grid-template-columns:1fr;gap:5px}
  .section-action{align-items:stretch;flex-direction:column}.section-action .btn{width:100%}
  .contact-rail{display:none!important}
  .agf-chat{right:14px;bottom:calc(80px + env(safe-area-inset-bottom))}
  .agf-chat-toggle{display:none}
  .agf-chat-panel{inset:76px 10px calc(76px + env(safe-area-inset-bottom))}
  .mobile-contact-bar{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:1100;display:grid;grid-template-columns:.85fr 1.3fr .85fr;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:var(--color-forest-dark);box-shadow:0 14px 40px rgba(7,25,18,.35)}
  .mobile-contact-bar a,.mobile-contact-bar button{display:grid;place-items:center;gap:2px;min-height:58px;padding:7px;border:0;border-right:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font:700 13px var(--font);cursor:pointer}
  .mobile-contact-bar a[data-track="free_estimate_click"]{background:var(--color-accent);color:var(--color-forest-dark)}
  .mobile-contact-bar button{border-right:0}.mobile-contact-bar svg{width:21px;height:21px;fill:currentColor}
}
@media(max-width:420px){
  .mobile-contact-bar a,.mobile-contact-bar button{padding:7px 3px;font-size:12px}
}
@media(min-width:1600px){.container{max-width:1240px!important}.hero-inner{padding-top:150px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sept-cta-band{background-attachment:scroll!important}}

/* Professional homepage imagery, branded icons, and guided contact experience. */
.archi-home .hero-slide,.archi-home .hero-slide:nth-child(2),.archi-home .hero-slide:nth-child(3){background-image:linear-gradient(90deg,rgba(7,25,18,.86),rgba(7,25,18,.45),rgba(7,25,18,.12)),var(--hero)!important;background-position:var(--hero-position,center)!important;background-attachment:scroll}
.agf-social-links .social-icon:before{display:none!important;content:none!important}
.agf-social-links .social-icon svg{width:18px;height:18px;display:block;fill:currentColor}
.agf-social-links .social-facebook:hover{background:#1877F2!important;color:#fff!important;border-color:#1877F2!important}
.agf-social-links .social-x:hover{background:#000!important;color:#fff!important;border-color:#000!important}
.agf-social-links .social-instagram:hover{background:#E4405F!important;color:#fff!important;border-color:#E4405F!important}
.agf-social-links .social-pinterest:hover{background:#BD081C!important;color:#fff!important;border-color:#BD081C!important}
.agf-social-links .social-linkedin:hover{background:#0A66C2!important;color:#fff!important;border-color:#0A66C2!important}
.agf-social-links .social-blogger:hover{background:#FF5722!important;color:#fff!important;border-color:#FF5722!important}
.agf-social-links .social-youtube:hover{background:#F00!important;color:#fff!important;border-color:#F00!important}

.contact-rail{position:fixed;right:20px;bottom:104px;z-index:1001;display:grid;gap:8px}
.contact-rail a{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff!important;border:7px solid rgba(120,184,42,.18);box-shadow:0 12px 34px rgba(13,42,32,.28),inset 0 1px 0 rgba(255,255,255,.26);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.contact-rail a:hover,.contact-rail a:focus-visible{transform:translateX(-3px);filter:brightness(1.08);box-shadow:0 16px 38px rgba(21,61,46,.34),0 0 0 3px rgba(120,184,42,.18)}
.contact-rail svg{width:24px;height:24px;fill:currentColor}
.contact-rail .estimate-tag-icon,
.mobile-contact-bar .estimate-tag-icon{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.contact-rail span{position:absolute;right:62px;top:50%;transform:translateY(-50%);padding:7px 10px;border-radius:7px;background:var(--color-forest-dark);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease}
.contact-rail a:hover span,.contact-rail a:focus-visible span{opacity:1}
.contact-rail-call{background:var(--color-forest)}
.contact-rail-email{background:var(--color-leaf)}
.contact-rail-estimate{background:var(--color-accent);color:var(--color-forest-dark)!important}
.contact-rail .back-to-top{position:relative!important;inset:auto!important;width:58px;height:58px;margin:0;padding:0;border:7px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(21,61,46,.88);color:#fff;box-shadow:0 12px 34px rgba(13,42,32,.18);cursor:pointer;place-items:center;z-index:auto!important}
.contact-rail .back-to-top:hover,.contact-rail .back-to-top:focus-visible{transform:translateX(-3px);background:var(--color-forest);box-shadow:0 16px 38px rgba(13,42,32,.24)}
.contact-rail .back-to-top svg{width:24px;height:24px;fill:currentColor}
.contact-rail .back-to-top span{position:absolute;right:62px;top:50%;transform:translateY(-50%);padding:7px 10px;border-radius:7px;background:var(--color-forest-dark);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease}
.contact-rail .back-to-top:hover span,.contact-rail .back-to-top:focus-visible span{opacity:1}

.calgary-conditions{padding:var(--section-space) 0;background:var(--color-white)}
.calgary-conditions-shell{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(36px,6vw,84px);align-items:start}
.calgary-conditions-intro{position:sticky;top:128px}
.calgary-conditions-intro h2{max-width:620px;margin:8px 0 18px;color:var(--color-forest);font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.12}
.calgary-conditions-intro p{max-width:62ch;margin:0 0 22px;color:var(--color-muted)}
.calgary-condition-grid{display:grid;gap:14px}
.calgary-condition-grid article{display:grid;grid-template-columns:62px minmax(0,1fr);gap:18px;align-items:start;padding:24px;border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(135deg,var(--color-sand),#fff);box-shadow:0 12px 34px rgba(13,42,32,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.calgary-condition-grid article:hover{transform:translateY(-3px);border-color:rgba(78,122,61,.42);box-shadow:0 18px 40px rgba(13,42,32,.1)}
.calgary-condition-grid article>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--color-accent),var(--color-leaf));color:var(--color-forest-dark);font-family:var(--display);font-weight:700;box-shadow:0 8px 20px rgba(78,122,61,.2)}
.calgary-condition-grid h3{margin:2px 0 7px;color:var(--color-forest);font-size:clamp(1.3rem,2vw,1.55rem)}
.calgary-condition-grid p{margin:0;color:var(--color-muted);max-width:65ch}
.calgary-conditions-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:4px;padding:22px 24px;border-radius:14px;background:var(--color-forest);color:#fff}
.calgary-conditions-cta div{display:grid;gap:3px}.calgary-conditions-cta strong{font-family:var(--display);font-size:20px}.calgary-conditions-cta span{color:rgba(255,255,255,.8)}
@media(max-width:900px){.calgary-conditions-shell{grid-template-columns:1fr}.calgary-conditions-intro{position:static}.calgary-conditions-cta{grid-column:auto}}
@media(max-width:600px){.calgary-conditions{padding:72px 0}.calgary-condition-grid article{grid-template-columns:48px 1fr;padding:20px;gap:14px}.calgary-condition-grid article>span{width:44px;height:44px}.calgary-conditions-cta{align-items:stretch;flex-direction:column}.calgary-conditions-cta .btn{width:100%}}

.archi-home .archi-hero{--scene-x:72%;--scene-y:30%;isolation:isolate}
.archi-home .archi-hero:before{content:"";position:absolute;inset:-12%;z-index:2;background:radial-gradient(circle at var(--scene-x) var(--scene-y),rgba(201,243,145,.18),transparent 30%),radial-gradient(circle at 14% 78%,rgba(255,255,255,.1),transparent 28%);animation:drainageGlow 11s ease-in-out infinite alternate;pointer-events:none}
.archi-home .hero-ripple-canvas{z-index:2;opacity:.28;mix-blend-mode:screen}
.archi-home .hero-inner{z-index:3}
@media(max-width:720px){.archi-home .hero-ripple-canvas{opacity:.18}}

.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.blog-index-grid .article-card{display:flex;min-width:0;flex-direction:column}
.blog-index-grid .card-media{height:280px}
.blog-index-grid .card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:30px}
.blog-index-grid .card-body h2{margin:0 0 18px;font-size:clamp(1.7rem,2.3vw,2.35rem)!important;line-height:1.14!important;letter-spacing:-.025em!important;overflow-wrap:normal;word-break:normal;hyphens:none}
.blog-index-grid .card-body h2 a{color:var(--color-forest)}
.blog-index-grid .card-body p{margin:0 0 24px;color:var(--color-muted)}
.blog-index-grid .card-body .button{margin-top:auto}
.blog-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:44px}
.blog-pagination-arrow{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-forest);font-weight:700;box-shadow:0 8px 24px rgba(13,42,32,.06)}
.blog-pagination-arrow:last-child{justify-self:end}.blog-pagination-arrow:first-child{justify-self:start}
.blog-pagination-arrow:hover{transform:translateY(-2px);border-color:var(--color-leaf);color:var(--color-forest-dark)}
.blog-pagination-arrow.is-disabled{visibility:hidden}
.blog-pagination-status{color:var(--color-muted);font-weight:700;text-align:center}

.agf-chat{right:92px;bottom:22px;font-family:var(--font)}
.agf-chat-toggle{display:grid;place-items:center;background:var(--color-forest)!important;border:5px solid rgba(120,184,42,.22);box-shadow:0 16px 42px rgba(13,42,32,.28)!important}
.agf-chat-panel{right:-72px;bottom:82px;width:min(430px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 120px));display:flex;flex-direction:column;border:0!important;border-radius:22px!important;background:var(--color-forest-dark);box-shadow:0 28px 90px rgba(7,25,18,.34)!important}
.agf-chat-panel>header{flex:0 0 auto;min-height:76px;background:var(--color-forest-dark)!important;padding:14px 18px}
.agf-chat-panel>header button{min-width:44px;min-height:44px}
.chat-consent,.chat-welcome,.chat-lead-card{overflow:auto;background:linear-gradient(145deg,var(--color-forest-dark),var(--color-forest));padding:clamp(24px,5vw,38px)}
.chat-consent-card{display:grid;gap:14px;padding:26px;background:#fff;border-radius:16px}
.chat-consent-card h3,.chat-welcome h3,.chat-lead-card h3{margin:0;font-family:var(--display)!important;font-size:clamp(1.25rem,3vw,1.55rem)!important;line-height:1.35!important;letter-spacing:-.015em!important}
.chat-consent-card p{margin:0;color:var(--color-text);font-size:16px;line-height:1.55}
.chat-consent-card button,.chat-welcome>button,.chat-lead-card>button[data-chat-start]{min-height:54px;border:0;border-radius:10px;background:var(--color-accent);color:var(--color-forest-dark);font:700 16px var(--font);cursor:pointer}
.chat-consent-card .chat-secondary{background:#fff;border:2px solid var(--color-forest);color:var(--color-forest)}
.chat-welcome{display:grid;align-content:start;gap:28px;min-height:430px;color:#fff}
.chat-welcome>p{margin:18px 0 0;text-align:center;color:#fff;font-size:20px;line-height:1.55;font-weight:600}
.chat-welcome>button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;background:#fff;color:var(--color-text);text-align:left}
.chat-welcome>button strong,.chat-welcome>button small{display:block}.chat-welcome>button strong{font-size:19px}.chat-welcome>button small{margin-top:4px;color:var(--color-muted);font-size:14px;font-weight:500}
.chat-welcome>button svg{width:30px;height:30px;fill:var(--color-leaf);flex:0 0 auto}
.chat-lead-card{position:relative;gap:14px;color:#fff}
.chat-lead-card .chat-back{position:absolute;left:14px;top:10px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#fff;font-size:38px;line-height:1;cursor:pointer}
.chat-lead-card h3{padding:28px 8px 8px;color:#fff;text-align:center}
.chat-lead-card label{gap:6px;color:#fff!important;font-size:14px;font-weight:600}
.chat-lead-card input{min-height:52px;background:#fff!important;border-color:rgba(255,255,255,.55)!important}
.chat-lead-card>button[data-chat-start]{margin-top:6px;background:var(--color-accent)}
.agf-chat-messages{min-height:240px;flex:1;background:var(--color-sand)}
.chat-powered{background:#fff;padding:11px 14px}

@media(max-width:700px){
  .contact-rail{right:10px;bottom:86px;gap:5px}.contact-rail a{width:50px;height:50px;border-width:5px}.contact-rail span{display:none}
  .contact-rail .back-to-top{width:50px;height:50px;border-width:5px}
  .blog-index-grid{grid-template-columns:1fr!important;gap:20px}.blog-index-grid .card-media{height:220px}.blog-index-grid .card-body{padding:24px}.blog-index-grid .card-body h2{font-size:clamp(1.55rem,7.5vw,2rem)!important}
  .blog-pagination{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.blog-pagination-status{grid-column:1/-1;grid-row:1}.blog-pagination-arrow{grid-row:2;width:100%;padding-inline:12px}.blog-pagination-arrow:last-child{justify-self:stretch}.blog-pagination-arrow:first-child{justify-self:stretch}
  .agf-chat{right:68px;bottom:16px}.agf-chat-panel{position:fixed;inset:82px 10px 10px;width:auto;max-height:none;border-radius:18px!important}.agf-chat-toggle{width:54px;height:54px}
  .chat-consent,.chat-welcome,.chat-lead-card{padding:24px 18px}.chat-consent-card{padding:22px 18px}.chat-welcome{min-height:0;flex:1}
  .design-3d-media{display:grid;gap:24px;min-height:0!important}
  .design-3d-render{width:100%}
  .design-3d-video{position:static;width:100%;margin-top:0}
}

/* Consent-aware Google Analytics */
.agf-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.footer-cookie-settings{display:block;margin:0;border:0;padding:0;color:#d6e0da;background:transparent;font:inherit;font-size:inherit;line-height:inherit;text-align:left;cursor:pointer}
.footer-cookie-settings:hover,.footer-cookie-settings:focus-visible{color:#fff;text-decoration:underline}
.agf-cookie-consent{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));left:18px;z-index:180;width:min(880px,calc(100% - 36px));margin:0 auto;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:0;color:#fff;background:#0d2a20;box-shadow:0 24px 70px rgba(4,20,13,.34)}
.agf-cookie-consent[hidden]{display:none}
.agf-cookie-consent>div{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px}
.agf-cookie-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;color:#102a20;background:#8fce3d;font-family:"Montserrat",sans-serif;font-size:.7rem;font-weight:700}
.agf-cookie-copy h2{margin:0!important;color:#fff!important;font-family:"Montserrat",sans-serif!important;font-size:1.05rem!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.015em!important}
.agf-cookie-copy p{max-width:64ch;margin:5px 0 0;color:#cbd8d0;font-size:.86rem;line-height:1.45}
.agf-cookie-copy a{display:inline-block;margin-top:5px;color:#bfe68f;font-size:.78rem;font-weight:700}
.agf-cookie-actions{display:flex;gap:8px}
.agf-cookie-actions button{min-height:48px;border:1px solid #8fce3d;border-radius:9px;padding:10px 15px;color:#102a20;background:#8fce3d;font:inherit;font-size:.78rem;font-weight:800;white-space:nowrap;cursor:pointer}
.agf-cookie-actions button:hover{background:#9ed84d}
.agf-cookie-actions button.is-secondary{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.agf-cookie-actions button.is-secondary:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.08)}
@media(max-width:780px){
  .agf-cookie-consent{right:12px;bottom:calc(84px + env(safe-area-inset-bottom));left:12px;width:auto}
  .agf-cookie-consent>div{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px}
  .agf-cookie-mark{width:42px;height:42px}
  .agf-cookie-actions{grid-column:1/-1}
  .agf-cookie-actions button{flex:1}
}
@media(max-width:430px){
  .agf-cookie-consent>div{grid-template-columns:1fr}
  .agf-cookie-mark{display:none}
  .agf-cookie-actions{display:grid;grid-template-columns:1fr}
}

/* Mobile navigation behaves as a contained, scrollable panel. */
@media(max-width:1100px){
  body.mobile-nav-open{overflow:hidden}
  .main-nav{
    top:100%;
    max-height:calc(100dvh - 104px);
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding:12px;
    border-radius:0 0 14px 14px;
  }
  .main-nav>a,.nav-dropdown>a,.nav-dropdown>button{
    display:flex;
    width:100%;
    min-height:48px;
    justify-content:flex-start;
    padding:12px 14px;
    border-radius:8px;
    text-align:left;
  }
  .main-nav>a:hover,.main-nav>a:focus-visible,.main-nav>a[aria-current="page"],.nav-dropdown>a:hover,.nav-dropdown>a:focus-visible,.nav-dropdown>button:hover,.nav-dropdown>button:focus-visible{
    background:rgba(255,255,255,.08);
    color:#C9F391;
  }
  .nav-dropdown.open>a,.nav-dropdown.open>button{background:rgba(255,255,255,.08);color:#C9F391}
  .nav-dropdown>a:after,.nav-dropdown>button:after{
    content:"";
    width:14px;
    height:14px;
    flex:0 0 14px;
    margin-left:auto;
    background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;
  }
  .nav-dropdown.open>a:after,.nav-dropdown.open>button:after{background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
  .dropdown-panel{margin:4px 0 8px;padding:12px!important;background:#fff!important}
  .service-panel{max-height:none!important}
  .main-nav .nav-cta{justify-content:center;margin:6px 0 0!important;color:var(--color-forest-dark)!important}
}
@media(max-width:700px){
  .main-nav{max-height:calc(100dvh - 168px)}
}

/* Contact page: clear project-intake flow with an accessible mobile layout. */
.contact-hero-kicker{display:block;margin-bottom:12px;color:#C9F391;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.contact-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.contact-hero-points span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(13,42,32,.48);color:#fff;font-size:13px;font-weight:600;backdrop-filter:blur(8px)}
.contact-hero-points span:before{content:"✓";color:#C9F391;font-weight:800}
.consultation-pricing-strip{position:relative;z-index:2;margin-bottom:-42px;background:linear-gradient(180deg,var(--color-forest-dark) 0 42px,transparent 42px);padding:0 0 42px}
.consultation-pricing-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(18px,3vw,34px);align-items:center;padding:clamp(22px,3vw,32px);border:1px solid rgba(21,61,46,.12);border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(13,42,32,.16)}
.consultation-pricing-date{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;background:#EAF4DF;color:var(--color-forest-dark);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.consultation-pricing-copy h2{margin:0 0 4px;color:var(--color-forest-dark);font-size:clamp(22px,2.4vw,31px)!important;line-height:1.18!important;letter-spacing:-.015em!important}
.consultation-pricing-copy p{margin:0;color:var(--color-muted);font-size:15px}
.consultation-pricing-button{min-height:48px;padding:12px 20px!important;border-radius:9px!important;background:var(--color-accent)!important;color:var(--color-forest-dark)!important;box-shadow:none!important;white-space:nowrap}
.contact-section{background:linear-gradient(180deg,#F5F3EC 0,#fff 45%)!important}
.contact-grid.contact-page-layout{display:grid!important;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:32px;align-items:start}
.contact-info-card{position:sticky;top:136px;overflow:hidden;padding:clamp(28px,3.5vw,42px);border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,var(--color-forest-dark),var(--color-forest));color:#fff;box-shadow:0 24px 62px rgba(13,42,32,.2)}
.contact-info-card:after{content:"";position:absolute;right:-90px;bottom:-100px;width:240px;height:240px;border-radius:50%;background:rgba(120,184,42,.16);pointer-events:none}
.contact-info-card>*{position:relative;z-index:1}
.contact-card-kicker{display:block;margin-bottom:10px;color:#C9F391;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.contact-info-card h2{margin:0 0 14px;color:#fff!important;font-size:clamp(30px,3.2vw,43px)!important;line-height:1.06!important;letter-spacing:-.025em!important}
.contact-info-card h3{margin:28px 0 10px;color:#fff;font-size:20px!important}
.contact-info-intro{margin:0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.6}
.contact-method-list{display:grid;gap:10px;margin:26px 0 20px}
.contact-method{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:center;min-height:72px;padding:12px 14px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(255,255,255,.08);color:#fff!important;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.contact-method:hover,.contact-method:focus-visible{transform:translateY(-2px);border-color:rgba(201,243,145,.55);background:rgba(255,255,255,.13);color:#fff!important}
.contact-method-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:10px;background:#C9F391;color:var(--color-forest-dark)}
.contact-method-icon svg{width:23px;height:23px;fill:currentColor}
.contact-method small,.contact-method strong{display:block;overflow-wrap:anywhere}
.contact-method small{color:rgba(255,255,255,.68);font-size:12px;font-weight:600}
.contact-method strong{margin-top:2px;color:#fff;font-size:16px;line-height:1.3}
.contact-service-area{display:flex;align-items:center;gap:12px;padding:14px 2px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.contact-service-area>span{color:#C9F391;font-size:13px}
.contact-service-area p{margin:0}.contact-service-area small,.contact-service-area strong{display:block}.contact-service-area small{color:rgba(255,255,255,.62);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.contact-service-area strong{color:#fff;font-size:15px}
.contact-info-card .check-list{margin:10px 0 0}.contact-info-card .check-list li{padding:7px 0 7px 27px;color:rgba(255,255,255,.82);font-size:14px;font-weight:500;line-height:1.45}.contact-info-card .check-list li:before{color:#C9F391}
.contact-info-card .partner-contact-note{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.08)}.contact-info-card .partner-contact-note p{color:rgba(255,255,255,.8)}

.contact-project-form{overflow:hidden;padding:0!important;border-radius:18px!important;background:#fff!important}
.contact-form-head{position:relative;padding:32px clamp(24px,4vw,42px) 28px;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#F8FAF5,#F1F5EC)}
.contact-form-head .section-kicker{margin-bottom:8px}.contact-form-head h2{margin:0 0 10px;color:var(--color-forest-dark);font-size:clamp(30px,3.4vw,43px)!important;line-height:1.08!important;letter-spacing:-.025em!important}.contact-form-head p{max-width:58ch;margin:0;color:var(--color-muted);font-size:16px}.contact-required-note{display:block;margin-top:14px;color:var(--color-muted);font-size:12px;font-weight:600}.contact-required-note span,.contact-field>label>span{color:#9B2C2C}
.contact-form-section{min-width:0;margin:0;padding:28px clamp(24px,4vw,42px);border:0;border-bottom:1px solid var(--color-border)}
.contact-form-section legend{float:left;width:100%;margin:0 0 18px;padding:0;color:var(--color-forest-dark);font-family:var(--display);font-size:23px;font-weight:650;line-height:1.25}
.contact-form-section legend+*{clear:both}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.contact-field{min-width:0}.contact-field-wide{margin-top:18px}.contact-field-wide:first-of-type{margin-top:0}
.contact-project-form .contact-field>label,.contact-project-form .contact-planning-fields>label{margin:0 0 7px!important}
.contact-project-form label small{float:right;margin-top:2px;color:var(--color-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.contact-project-form input,.contact-project-form select,.contact-project-form textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.contact-project-form input:hover,.contact-project-form select:hover,.contact-project-form textarea:hover{border-color:#94AA99!important}
.contact-planning-fields{margin:18px 0 0}.contact-field-help{display:block;margin-top:7px;color:var(--color-muted);font-size:12px;line-height:1.5}
.contact-project-form .lead-photo-upload{margin:20px 0 0;padding:20px;border:1px dashed #AFC8A6;border-radius:12px;background:#F7FAF4}
.contact-project-form .lead-photo-upload label{font-size:16px}.contact-project-form .lead-photo-upload p{margin:0 0 12px;color:var(--color-muted);font-size:13px}.contact-project-form .lead-photo-upload input[type=file]{border-style:solid!important;background:#fff!important}
.contact-acknowledgement-section{background:#FBFCF9}
.contact-project-form .consultation-fee-notice{margin:0;padding:4px 0 0;border:0;border-radius:0;background:transparent}
.contact-project-form .consent-field{margin:0 0 12px;padding:16px;border:1px solid var(--color-border);border-radius:11px;background:#fff;font-size:14px;font-weight:500!important;transition:border-color .18s ease,background .18s ease}
.contact-project-form .consent-field:hover{border-color:#AFC7A6;background:#FAFCF8}
.contact-project-form .consent-field input[type=checkbox]{width:22px!important;height:22px!important;min-height:22px!important;margin-top:1px}
.contact-consent-help{margin:14px 0 0;color:var(--color-muted);font-size:12px}.contact-consent-help a{font-weight:700;text-decoration:underline;text-underline-offset:2px}
.contact-submit-button{width:calc(100% - clamp(48px,8vw,84px));min-height:58px;margin:28px clamp(24px,4vw,42px) 8px;border-radius:10px!important;background:var(--color-accent)!important;color:var(--color-forest-dark)!important;box-shadow:0 12px 28px rgba(78,122,61,.18)!important;font-size:16px}
.contact-submit-button svg{width:22px;height:22px;fill:currentColor;transition:transform .18s ease}.contact-submit-button:hover svg{transform:translateX(3px)}
.contact-submit-note{margin:0 clamp(24px,4vw,42px) 30px;color:var(--color-muted);font-size:12px;text-align:center}
.contact-project-form .form-errors{margin:24px 24px 0}.contact-project-form .errorlist{margin:7px 0 0;padding-left:20px;font-size:13px}

.contact-page-map{margin-top:clamp(44px,7vw,80px)}
.contact-location-grid{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(420px,1.28fr);gap:38px;align-items:center;padding:clamp(26px,4vw,46px);border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.contact-location-copy h2{margin:0 0 14px;color:var(--color-forest-dark);font-size:clamp(30px,4vw,48px)!important;line-height:1.08!important;letter-spacing:-.025em!important}.contact-location-copy p{margin:0 0 22px;color:var(--color-muted);line-height:1.65}.contact-location-copy .text-link{display:inline-flex;min-height:44px;align-items:center}
.contact-location-grid .contact-map-card{min-height:390px;border-radius:14px;box-shadow:0 16px 44px rgba(13,42,32,.12)}
.contact-location-grid .contact-map-overlay{border-radius:10px}.contact-location-grid .contact-map-overlay strong{font-size:19px}

@media(max-width:1020px){
  .contact-grid.contact-page-layout{grid-template-columns:1fr!important}
  .contact-info-card{position:relative;top:auto}
  .contact-method-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-next-steps .check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  .contact-location-grid{grid-template-columns:1fr}.contact-location-copy{max-width:720px}
}
@media(max-width:700px){
  .consultation-pricing-strip{margin-bottom:-24px;background:linear-gradient(180deg,var(--color-forest-dark) 0 24px,transparent 24px);padding-bottom:24px}
  .consultation-pricing-card{grid-template-columns:1fr;gap:12px;padding:20px;border-radius:14px}
  .consultation-pricing-date{width:max-content;max-width:100%;white-space:normal}
  .consultation-pricing-copy h2{font-size:24px!important}
  .consultation-pricing-button{width:100%}
  .contact-hero-points{display:grid;grid-template-columns:1fr;max-width:290px;gap:7px;margin-top:18px}.contact-hero-points span{min-height:34px;padding:6px 10px}
  .contact-grid.contact-page-layout{gap:20px}
  .contact-info-card{padding:26px 22px;border-radius:14px}.contact-info-card h2{font-size:32px!important}
  .contact-method-list{grid-template-columns:1fr}.contact-next-steps .check-list{grid-template-columns:1fr}
  .contact-form-head,.contact-form-section{padding:24px 20px}.contact-form-grid,.contact-planning-fields{grid-template-columns:1fr}
  .contact-field-wide{margin-top:16px}.contact-project-form .consent-field{padding:14px 13px;font-size:13px}
  .contact-submit-button{width:calc(100% - 40px);margin:24px 20px 8px}.contact-submit-note{margin:0 20px 24px}
  .contact-location-grid{gap:24px;padding:22px 18px}.contact-location-grid .contact-map-card{min-height:330px}.contact-map-overlay{left:12px;right:12px;bottom:12px;padding:14px}
}

/* Preserve long-form Joomla directory copy without overwhelming the index. */
.legacy-directory-content{padding-top:0}
.legacy-directory-content details{overflow:hidden;border:1px solid var(--color-border,#dde3db);border-radius:14px;background:var(--color-white,#fff)}
.legacy-directory-content summary{display:flex;min-height:56px;cursor:pointer;align-items:center;padding:20px clamp(20px,3vw,32px);color:var(--color-forest,#153d2e);font-weight:700}
.legacy-directory-content details[open] summary{border-bottom:1px solid var(--color-border,#dde3db);background:var(--color-sand,#f5f3ec)}
.legacy-directory-content .content-card{border:0;border-radius:0;box-shadow:none}

/* Keep preserved Joomla articles inside the responsive content column. */
.prose iframe{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;border:0}
.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;-webkit-overflow-scrolling:touch}
.prose th,.prose td{overflow-wrap:anywhere}

/* About page: concise company story with the imported source safely preserved. */
.about-page{background:var(--color-sand);overflow:hidden}.about-hero{position:relative;display:flex;min-height:700px;align-items:flex-end;color:#fff;background:var(--color-forest-dark)}.about-hero-image,.about-hero-shade{position:absolute;inset:0;width:100%;height:100%}.about-hero-image{object-fit:cover;object-position:center}.about-hero-shade{background:linear-gradient(90deg,rgba(7,25,18,.9) 0%,rgba(7,25,18,.65) 48%,rgba(7,25,18,.2) 76%,rgba(7,25,18,.1) 100%)}.about-hero-content{position:relative;z-index:1;padding-top:190px;padding-bottom:76px}.about-eyebrow{display:inline-flex;margin-bottom:18px;color:#C9F391;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.about-hero h1{max-width:850px;margin:0 0 22px;color:#fff!important;font-size:clamp(2.7rem,5.4vw,4.75rem)!important;line-height:1.02!important;letter-spacing:-.04em!important;text-shadow:0 5px 28px rgba(0,0,0,.28)}.about-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.86);font-size:clamp(17px,1.7vw,21px);line-height:1.6}.about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}.about-actions .btn{border-radius:9px}.about-text-link{display:inline-flex;min-height:44px;align-items:center;gap:10px;color:#fff!important;font-size:15px;font-weight:700}.about-text-link:hover span{transform:translateX(3px)}.about-text-link span{transition:transform .18s ease}
.about-jump{position:relative;z-index:2;border-bottom:1px solid var(--color-border);background:#fff}.about-jump .container{display:flex;overflow-x:auto;scrollbar-width:none}.about-jump a{display:flex;min-height:62px;flex:0 0 auto;align-items:center;padding:0 23px;border-right:1px solid var(--color-border);color:var(--color-forest-dark);font-size:14px;font-weight:700}.about-jump a:first-child{border-left:1px solid var(--color-border)}.about-jump a:hover{background:#F5F8F1;color:var(--color-leaf)}
.about-intro{padding:clamp(76px,9vw,118px) 0;background:var(--color-sand)}.about-intro-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,8vw,110px);align-items:start}.about-intro h2,.about-section-head h2,.about-process h2,.about-cta h2{margin:0;font-size:clamp(2.2rem,4.2vw,3.65rem)!important;line-height:1.06!important}.about-intro-copy{padding-top:22px}.about-intro-copy p{max-width:62ch;color:var(--color-muted)}.about-intro-copy .about-lead{margin-top:0;color:var(--color-text);font-size:21px;font-weight:600;line-height:1.55}
.about-proof{padding:0 0 clamp(76px,9vw,112px);background:var(--color-sand)}.about-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--color-border);border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(13,42,32,.08)}.about-proof article{padding:clamp(26px,3.3vw,44px);border-right:1px solid var(--color-border)}.about-proof article:last-child{border-right:0}.about-proof article>span{color:var(--color-leaf);font-size:12px;font-weight:800;letter-spacing:.14em}.about-proof h3{margin:18px 0 10px;font-size:22px!important}.about-proof p{margin:0;color:var(--color-muted);font-size:15px;line-height:1.65}
.about-services{padding:clamp(76px,9vw,112px) 0;background:#fff}.about-section-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:48px}.about-section-head>div{max-width:760px}.about-section-head>a{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:10px;color:var(--color-forest-dark);font-weight:700}.about-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--color-border)}.about-service-grid a{position:relative;display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1fr);gap:24px;padding:30px 52px 30px 0;border-bottom:1px solid var(--color-border);color:var(--color-text)}.about-service-grid a:nth-child(odd){padding-right:42px;border-right:1px solid var(--color-border)}.about-service-grid a:nth-child(even){padding-left:42px}.about-service-grid a:after{content:'↗';position:absolute;right:16px;top:31px;color:var(--color-leaf);font-size:20px;transition:transform .18s ease}.about-service-grid a:hover:after{transform:translate(2px,-2px)}.about-service-grid strong{color:var(--color-forest-dark);font-family:var(--display);font-size:20px}.about-service-grid span{color:var(--color-muted);font-size:15px;line-height:1.55}
.about-work{padding:clamp(76px,9vw,112px) 0;background:var(--color-forest-dark);color:#fff}.about-work-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);gap:clamp(38px,7vw,90px);align-items:center}.about-work-photo{position:relative;min-height:600px}.about-work-photo img{position:absolute;inset:0;width:100%;height:100%;border-radius:14px;object-fit:cover}.about-work-photo a{position:absolute;left:20px;right:20px;bottom:20px;display:flex;min-height:66px;justify-content:space-between;align-items:center;padding:0 22px;border-radius:10px;background:rgba(13,42,32,.9);color:#fff;font-weight:700;backdrop-filter:blur(8px)}.about-process .section-kicker{color:#C9F391}.about-process h2{color:#fff!important}.about-process ol{margin:38px 0 0;padding:0;list-style:none}.about-process li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:24px 0;border-top:1px solid rgba(255,255,255,.16)}.about-process li>span{color:#C9F391;font-size:12px;font-weight:800;letter-spacing:.12em}.about-process h3{margin:0 0 7px;color:#fff;font-size:20px!important}.about-process p{margin:0;color:rgba(255,255,255,.7);font-size:15px;line-height:1.6}
.about-archive{padding:68px 0;background:var(--color-sand)}.about-archive details{overflow:hidden;border:1px solid var(--color-border);border-radius:14px;background:#fff}.about-archive summary{display:flex;min-height:88px;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:20px clamp(22px,4vw,42px);color:var(--color-forest-dark);font-family:var(--display);font-size:21px;font-weight:700}.about-archive summary small{display:block;margin-bottom:3px;color:var(--color-leaf);font-family:var(--body);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.about-archive summary>span:last-child{font-family:var(--body);font-size:30px;font-weight:400}.about-archive details[open] summary{border-bottom:1px solid var(--color-border)}.about-archive details[open] summary>span:last-child{transform:rotate(45deg)}.about-archive-body{max-height:720px;overflow:auto;padding:clamp(24px,4vw,46px)}.about-archive-body h1{font-size:2rem!important}.about-archive-body h2{font-size:1.65rem!important}.about-archive-body h3{font-size:1.25rem!important}.about-archive-body img{max-height:420px}
.about-cta{padding:clamp(70px,8vw,100px) 0;background:#fff}.about-cta-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(36px,8vw,100px);align-items:end}.about-cta-grid>div:last-child{padding-bottom:5px}.about-cta p{margin:0 0 22px;color:var(--color-muted)}.about-cta .btn{border-radius:9px}
@media(max-width:900px){.about-hero{min-height:640px}.about-intro-grid,.about-work-grid,.about-cta-grid{grid-template-columns:1fr}.about-proof-grid{grid-template-columns:1fr}.about-proof article{border-right:0;border-bottom:1px solid var(--color-border)}.about-proof article:last-child{border-bottom:0}.about-work-photo{min-height:480px}.about-service-grid a{grid-template-columns:1fr;gap:8px}.about-section-head{align-items:flex-start;flex-direction:column}.about-cta-grid>div:last-child{max-width:600px}}
@media(max-width:650px){.about-hero{min-height:590px}.about-hero-content{padding-top:150px;padding-bottom:50px}.about-hero-shade{background:linear-gradient(180deg,rgba(7,25,18,.46),rgba(7,25,18,.88) 72%,rgba(7,25,18,.96))}.about-hero h1{font-size:clamp(2.35rem,11vw,3.1rem)!important}.about-actions{align-items:flex-start;flex-direction:column;gap:10px}.about-jump a{min-height:54px;padding:0 16px;font-size:13px}.about-intro-copy{padding-top:0}.about-intro-copy .about-lead{font-size:19px}.about-service-grid{grid-template-columns:1fr}.about-service-grid a,.about-service-grid a:nth-child(odd),.about-service-grid a:nth-child(even){padding:24px 42px 24px 0;border-right:0}.about-service-grid a:after{right:8px;top:24px}.about-work-photo{min-height:380px}.about-process li{grid-template-columns:42px minmax(0,1fr)}.about-archive{padding:48px 0}.about-archive summary{min-height:76px;font-size:17px}.about-cta{text-align:left}}
@media(prefers-reduced-motion:reduce){.about-text-link span,.about-service-grid a:after{transition:none}}

/* Service pages: concise overview first, preserved legacy guide on demand. */
.service-page-layout{display:grid;gap:clamp(28px,5vw,54px);max-width:1120px!important;margin:0 auto}
.service-page-layout>*,.service-page-layout .service-proof-block,.service-page-layout .service-faq-block{min-width:0;margin:0}
.service-overview-card{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);overflow:hidden;border:1px solid var(--color-border);border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(13,42,32,.08)}
.service-overview-card .hero-image{width:100%;height:100%;min-height:360px;margin:0!important;border-radius:0!important;object-fit:cover}
.service-overview-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,64px)}
.service-overview-copy .lead-text{max-width:38ch;margin:12px 0 0!important;color:var(--color-forest-dark);font-family:var(--display);font-size:clamp(22px,2.5vw,32px)!important;font-weight:600!important;line-height:1.38!important;letter-spacing:-.018em}
.service-path-section{padding:clamp(30px,5vw,54px);border-radius:14px;background:var(--color-forest-dark);color:#fff}
.service-section-heading{display:grid;grid-template-columns:minmax(130px,.3fr) minmax(0,.7fr);gap:30px;align-items:start;margin-bottom:36px}
.service-section-heading .section-kicker{color:#C9F391}.service-section-heading h2{max-width:680px;margin:0;color:#fff!important;font-size:clamp(30px,3.8vw,47px)!important;line-height:1.1!important}
.service-page-layout .service-sales-path{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0!important;border-top:1px solid rgba(255,255,255,.17)}
.service-page-layout .service-sales-path section{padding:28px 26px 4px 0!important;border:0!important;border-right:1px solid rgba(255,255,255,.17)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.service-page-layout .service-sales-path section+section{padding-left:26px!important}.service-page-layout .service-sales-path section:last-child{border-right:0!important}
.service-page-layout .service-sales-path span{display:block!important;width:auto!important;height:auto!important;margin:0 0 20px!important;color:#C9F391!important;background:transparent!important;font-size:12px!important;letter-spacing:.14em}
.service-page-layout .service-sales-path h3{margin:0 0 10px;color:#fff!important;font-size:20px!important}.service-page-layout .service-sales-path p{margin:0;color:rgba(255,255,255,.7);font-size:15px;line-height:1.6}
.service-guide details{box-shadow:0 12px 34px rgba(13,42,32,.06)}
.service-guide summary{justify-content:space-between;gap:24px;min-height:84px!important;font-family:var(--display);font-size:19px;line-height:1.35}
.service-guide summary small{display:block;margin-bottom:4px;color:var(--color-leaf);font-family:var(--body);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.service-guide summary>span:last-child{font-family:var(--body);font-size:30px;font-weight:400;transition:transform .18s ease}.service-guide details[open] summary>span:last-child{transform:rotate(45deg)}
.service-guide-copy{max-height:760px;overflow:auto;padding:clamp(26px,5vw,56px);background:#fff}
.service-guide-copy>*:first-child{margin-top:0}.service-guide-copy h2{margin-top:48px!important;color:var(--color-forest-dark)!important;font-size:clamp(27px,3vw,38px)!important}.service-guide-copy h3{margin-top:34px!important;color:var(--color-forest)!important;font-size:23px!important}.service-guide-copy p,.service-guide-copy li{max-width:70ch;color:var(--color-text);font-size:16px;line-height:1.72}.service-guide-copy hr{margin:38px 0;border:0;border-top:1px solid var(--color-border)}
.service-page-layout>.gallery-head,.service-page-layout>.service-proof-block,.service-page-layout>.service-faq-block{padding-top:10px}
.service-page-layout .service-estimate-strip,.service-page-layout .service-bottom-cta{border-radius:14px!important}
@media(max-width:780px){
  .service-page-layout{gap:28px}.service-overview-card{grid-template-columns:1fr}.service-overview-card .hero-image{min-height:240px;max-height:300px}.service-overview-copy{padding:26px 22px}.service-overview-copy .lead-text{font-size:22px!important}
  .service-path-section{padding:30px 22px}.service-section-heading{grid-template-columns:1fr;gap:8px;margin-bottom:24px}.service-section-heading h2{font-size:30px!important}
  .service-page-layout .service-sales-path{grid-template-columns:1fr}.service-page-layout .service-sales-path section,.service-page-layout .service-sales-path section+section{padding:22px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.17)!important}.service-page-layout .service-sales-path section:last-child{border-bottom:0!important}.service-page-layout .service-sales-path span{margin-bottom:10px!important}
  .service-guide summary{min-height:76px!important;padding:18px!important;font-size:16px}.service-guide-copy{max-height:68vh;padding:24px 20px}.service-guide-copy h2{font-size:26px!important}.service-guide-copy h3{font-size:21px!important}
}
@media(prefers-reduced-motion:reduce){.service-guide summary>span:last-child{transition:none}}