:root{--ink:#212328;--muted:#5e6269;--cream:#f7f4f0;--line:#dedee1}
.brand .brand-image{max-width:305px;height:94px;width:auto;object-fit:contain}.header-inner{min-height:112px}footer .brand{background:#fff;padding:9px 14px;border-radius:5px;display:inline-flex}footer .brand .brand-image{height:74px;max-width:280px}
.hero-backdrop:after{background:linear-gradient(90deg,rgba(12,13,16,.96),rgba(18,19,22,.83) 60%,rgba(24,14,17,.73))}.hero-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;padding-left:20px;margin:8px 0 0}.hero-services-intro{margin:0 0 18px;color:inherit;font-size:1rem;line-height:1.5}.hero-service-list li{padding-left:1px;font-size:.93rem}.hero-copy p{max-width:65ch}.hero .button{box-shadow:0 0 0 1px #ef6d76}.hero-grid{gap:52px}.home-title-company{font-size:clamp(30px,3.3vw,49px)}.homepage-title .home-title-company{white-space:normal}.home-title-divider{color:#ef6973}
#pricing .compact-price{color:#ad1b28}#pricing .compact-price-table th,#pricing .compact-price-table td{min-width:0}#pricing .pricing-call .button{background:#c8202d;border-color:#c8202d}#pricing .pricing-call .button:hover{background:#a81723}
.project-examples{padding-top:58px;padding-bottom:58px}.project-examples h2{margin-bottom:12px}.example-note{max-width:790px;font-size:.83rem;color:var(--muted);margin-bottom:25px}.example-project{border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 28px;margin-top:15px}.example-project summary{list-style:none;font-size:1.25rem;font-weight:750;padding:21px 34px 21px 0;position:relative;color:var(--ink)}.example-project summary:after{content:'+';position:absolute;right:2px;color:#bd1f2b;font-size:24px}.example-project[open] summary:after{content:'−'}.example-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.example-photos figure{margin:0;position:relative}.example-photos img{display:block;width:100%;height:310px;object-fit:cover;border-radius:5px}.example-photos figure>span{position:absolute;top:12px;left:12px;background:#17191dec;color:#fff;padding:6px 13px;font-size:.8rem;font-weight:750;border-radius:3px}.example-project>p{margin:20px 0 25px;max-width:900px;font-size:.95rem;line-height:1.7}.examples-quote{display:flex;justify-content:center;margin-top:25px}.bonita-type-list{display:grid;grid-template-columns:1fr;gap:0}.bonita-type-list article{padding:14px 0;border-top:1px solid var(--line)}.bonita-type-list h4{margin-top:0}.bonita-type-list p{margin-bottom:0}.inline-septic-guide>.section{padding:0}.inline-septic-guide .guide-layout{display:block}.inline-septic-guide>.section>article{max-width:none}.education .guide-paper{color:var(--ink)}
@media(max-width:900px){.header-inner{min-height:94px}.header-inner nav{top:94px}.brand .brand-image{max-width:260px;height:78px}.hero-backdrop:after{background:rgba(15,16,19,.9)}.hero-grid{gap:32px}.example-photos img{height:260px}}
@media(max-width:600px){.header-inner{min-height:82px}.header-inner nav{top:82px}.brand .brand-image{max-width:210px;height:65px}.header-cta{padding:9px 12px}.hero-service-list{grid-template-columns:1fr;font-size:.92rem}.hero-actions{gap:12px}.example-project{padding:0 17px}.example-project summary{font-size:1.1rem}.example-photos{gap:10px}.example-photos img{height:190px}.example-photos figure>span{left:7px;top:7px;padding:4px 8px;font-size:.72rem}.home-title-company{font-size:32px}footer .brand .brand-image{max-width:245px}.compact-price-table{font-size:12px}}
@media(max-width:380px){.brand .brand-image{max-width:180px}.header-cta{font-size:.65rem;padding:8px}.header-inner{gap:8px}.example-photos{grid-template-columns:1fr}.example-photos img{height:230px}}

/* Balanced badge proportions with lighter, undistorted lettering. */
.hero-actions .hero-company-badge{width:116px;height:111px}.hero-actions .badges{gap:12px;min-width:0}.hero-actions{flex-wrap:wrap}.hero-services-intro{margin-top:8px}
@media(max-width:640px){.hero-actions{gap:10px;flex-wrap:nowrap}.hero-actions>.button{padding:12px 10px;font-size:.72rem}.hero-actions .badges{gap:7px}.hero-actions .hero-company-badge{width:94px;height:90px}}
@media(max-width:360px){.hero-actions{gap:7px}.hero-actions .badges{gap:5px}.hero-actions .hero-company-badge{width:82px;height:79px}.hero-actions>.button{font-size:.67rem;padding:11px 8px}}
