:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero{position:relative;background:linear-gradient(90deg,rgba(3,24,18,.93),rgba(4,25,19,.72) 50%,rgba(8,24,18,.32)),linear-gradient(0deg,#061a1480,transparent 70%),url('/assets/images/scrap-yard.png') center 55%/cover no-repeat;padding:50px 0 65px;min-height:620px;display:flex;align-items:center}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero .crumbs{margin-bottom:36px;color:#c0d2c6;font-size:12px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero .eyebrow{color:#bee1c6;letter-spacing:.16em;font-size:11px;margin-bottom:25px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero .eyebrow::before{content:'';display:inline-block;width:7px;height:7px;background:#92dfac;border-radius:50%;box-shadow:0 0 0 5px #92dfac20;margin-right:13px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero h1{font-size:clamp(44px,4.4vw,70px);line-height:1.12;letter-spacing:-.05em;max-width:780px;margin-bottom:26px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero h1 span{color:#92dfac}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero p{font-size:17px;line-height:1.85;color:#d9e5dc;max-width:630px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero .btn-row{margin-top:29px;gap:13px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero .btn{font-size:14px;border-radius:9px;min-height:52px;padding:15px 23px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero .btn-wa{background:#a5e9bd;color:#163a27}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero .btn-mint{background:#14291f33;border:1px solid #96ada0;color:#fff}
.about-hero-facts{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:31px;padding-top:23px;border-top:1px solid #ffffff26;max-width:660px;color:#d3e2d8;font-size:12px}
.about-hero-facts span::before{content:'\2713';color:#a5e9bd;margin-right:8px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .section{padding:78px 0}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-story{background:linear-gradient(110deg,#fff,#f2f8f1)}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-story .split{gap:7%}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-story p{font-size:15px;color:#65766a;line-height:1.85}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-story h2{font-size:clamp(29px,2.8vw,40px);line-height:1.18;letter-spacing:-.035em}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-story h2:not(:first-of-type){font-size:23px;margin-top:26px}
.about-accent{color:#2c7e4a}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-story .eyebrow{color:#377b4b;font-size:10px;letter-spacing:.15em;margin-bottom:18px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-story img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:20px;box-shadow:14px 14px 0 #e1efdd}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .section.alt{background:#f1f6ed}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .section-head{max-width:650px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .feature{background:#fff;border:1px solid #dce8d7;border-radius:15px;padding:27px;transition:transform .2s,box-shadow .2s}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .feature:hover{transform:translateY(-4px);box-shadow:0 12px 28px #17412510}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .feature .icon{background:#e4f2e2;color:#287644;border-radius:13px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .feature h3{font-size:17px;color:#234830;line-height:1.4}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .feature p{font-size:13px;line-height:1.85}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .prose h2{font-size:27px;color:#244b31;letter-spacing:-.025em}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .prose li{padding:5px 0}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .sidebar .card{border:1px solid #dfe8da;border-radius:14px;padding:23px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .sidebar .cta{background:#163f2c;border-color:#163f2c}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .sidebar .cta h2{color:#fff}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .sidebar .card h2{font-size:18px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .sidebar .btn{font-size:12px;min-height:44px;border-radius:7px}
:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .cta-band{background:linear-gradient(120deg,#d8eed9,#edf5e7);border:1px solid #d8e8d3;border-radius:20px}
@media(max-width:900px){:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero{min-height:580px;background-position:60% center}:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-story img{aspect-ratio:3/2}:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .section{padding:58px 0}}
@media(max-width:640px){:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero{padding:32px 0 43px;min-height:auto;background-image:linear-gradient(90deg,#031c16ed,#05251bbd),url('/assets/images/scrap-yard.png')}:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero .crumbs{margin-bottom:29px}:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero h1{font-size:clamp(39px,9.5vw,54px)}:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero p{font-size:14px}:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-page-hero .btn-row .btn{flex:1 1 auto;font-size:12px;padding:14px 16px}.about-hero-facts{font-size:11px;gap:10px 16px}:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .section{padding:50px 0}:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .about-story img{box-shadow:8px 8px 0 #e1efdd}:is(.about-page,.services-page,.areas-page,.blog-page,.contact-page) .cta-band{padding:26px}}

.services-page .service-guidance{background:linear-gradient(110deg,#fff,#f1f7ed)}
.services-page .service-guidance .split{gap:7%}
.services-page .service-guidance h2{font-size:clamp(30px,2.8vw,42px);line-height:1.18;letter-spacing:-.035em}
.services-page .service-guidance p{font-size:15px;line-height:1.85;color:#647568}
.services-page .service-guidance img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px;box-shadow:12px 12px 0 #e0eedb}
.services-page #services{scroll-margin-top:110px}
.services-page .service-guidance .eyebrow{font-size:10px;color:#31774b}
@media(max-width:640px){.services-page .service-guidance img{box-shadow:7px 7px 0 #e0eedb}}

.areas-page .area-directory .section-head{max-width:670px}
.areas-page .area-directory .section-head h2{font-size:clamp(30px,3vw,42px);line-height:1.18;letter-spacing:-.035em;color:#204b32}
.areas-page .area-directory .section-head p{font-size:14px;line-height:1.85;color:#697b6e}
.areas-page .area-directory .eyebrow{color:#2a7c48;font-size:10px;letter-spacing:.17em}
.areas-page .area-directory .grid{gap:24px}
.areas-page .area-location-card{background:linear-gradient(145deg,#fff 70%,#f1f7ed);box-shadow:0 5px 20px #173b2408}
.areas-page .area-location-card h3{font-size:23px;letter-spacing:-.025em}
.areas-page .area-card-pin{background:#dff1e1;border:1px solid #d3e9d5;width:51px;height:51px}
.areas-page .area-card-number{font-size:25px;font-weight:600;letter-spacing:-.04em;color:#95b49b}
.areas-page .steps-cta{margin-top:36px}
.areas-page #local-areas{scroll-margin-top:105px}
@media(max-width:640px){.areas-page .area-directory .grid{gap:18px}.areas-page .area-directory .section-head h2{font-size:31px}}

.blog-page #guides .post-card h2{font-size:19px;line-height:1.4;letter-spacing:-.025em}
.blog-page #guides .post-card:first-child h2{font-size:clamp(23px,2vw,30px);line-height:1.3}
.blog-page #guides .post-card h2 a{color:#244331;text-decoration:none}
.blog-page #guides .post-card h2 a:hover{color:#27814a}
.contact-page .contact-options{background:#f4f8f0}
.contact-page .contact-options .section-head{max-width:660px}
.contact-page .contact-options .eyebrow{color:#2d7c48;font-size:10px;letter-spacing:.16em}
.contact-page .contact-options .section-head p{font-size:14px;line-height:1.85;color:#6a7c6e}
.contact-page .contact-grid .card{background:#fff;border-radius:17px;box-shadow:0 6px 24px #173b2408;transition:transform .2s,box-shadow .2s}
.contact-page .contact-grid .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #173b2412}
.contact-page .contact-grid .card .icon{background:#e0f1e1;border:1px solid #d4e8d5;border-radius:13px}
.contact-page .contact-grid .card h2{font-size:21px;color:#244b32}
.contact-page .contact-grid .card .btn{border-radius:8px;width:100%}
.contact-page .section.alt{background:#fff}
.contact-page .section.alt .split{gap:7%}
.contact-page .section.alt p,.contact-page .section.alt li{font-size:14px;line-height:1.85;color:#627668}
.contact-page .section.alt h2{color:#244b32;font-size:30px}
@media(max-width:640px){.blog-page #guides .post-card:first-child h2{font-size:22px}.contact-page .contact-options .section-head h2{font-size:32px}}

/* Individual services share the photographic hero and editorial content styling. */
.service-detail-page .about-page-hero h1{font-size:clamp(40px,4vw,64px);max-width:920px}
.service-detail-page .about-page-hero p{max-width:700px}
.service-detail-page .layout{grid-template-columns:minmax(0,1fr) 290px;gap:40px;align-items:start}
.service-detail-page .prose{min-width:0;color:#607367;font-size:15px;line-height:1.85}
.service-detail-page .prose figure{margin:0 0 32px;border:1px solid #dfe8dc;border-radius:17px;overflow:hidden;background:#f2f7ef}
.service-detail-page .prose figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:0}
.service-detail-page .prose figcaption{padding:14px 19px;margin:0;font-size:12px;line-height:1.8;color:#687c6b}
.service-detail-page .prose h2{font-size:27px;line-height:1.25;letter-spacing:-.03em;color:#244b32;margin-top:34px;scroll-margin-top:110px}
.service-detail-page .prose h3{font-size:18px;color:#254d32}
.service-detail-page .prose li::marker{color:#35844d}
.service-detail-page .prose .callout{background:#eaf4e5;border-color:#69a878;border-radius:0 12px 12px 0;font-size:14px;padding:20px}
.service-detail-page .prose th{background:#e8f2e3;color:#285338}
.service-detail-page .prose td,.service-detail-page .prose th{border-color:#dce6d7;padding:13px}
.service-detail-page .sidebar{top:110px;gap:18px}
.service-detail-page .sidebar .card{box-shadow:0 5px 18px #153b2408}
.service-detail-page .sidebar li a{font-size:12px;line-height:1.7;color:#54715b}
.service-detail-page .sidebar .cta{background:linear-gradient(125deg,#184b32,#102f22)}
.service-detail-page .sidebar .cta h2{color:#fff}
.service-detail-page .sidebar .cta p{font-size:13px;line-height:1.8;color:#c4d9cb}
.service-detail-page .sidebar .btn-wa{background:#a5e9bd;color:#173c28}
.service-detail-page .sidebar .btn-mint{background:transparent;border:1px solid #8cae97;color:#fff}
.service-detail-page .faq details{border:1px solid #dbe6d7;border-radius:11px;margin:11px 0;padding:0 18px;background:#fff}
.service-detail-page .faq details[open]{padding:0 18px;background:#f0f7ec;border-color:#b4d0b6}
.service-detail-page .faq summary h3{font-size:14px;line-height:1.6}
.service-detail-page .faq details p{font-size:13px;line-height:1.85}
@media(max-width:1000px){.service-detail-page .layout{grid-template-columns:1fr;gap:30px}.service-detail-page .sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail-page .sidebar .cta{grid-column:1/-1}}
@media(max-width:640px){.service-detail-page .about-page-hero h1{font-size:clamp(35px,8.7vw,48px)}.service-detail-page .sidebar{grid-template-columns:1fr}.service-detail-page .prose h2{font-size:24px}.service-detail-page .prose{font-size:14px}.service-detail-page .prose figure img{aspect-ratio:3/2}}