@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-latin.woff2) format("woff2")}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f6f3ee;color:#1a1a1a;font:17px/1.6 "Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding-bottom:72px}
a{color:#A93A12}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.top{background:#0A0A0A;border-bottom:4px solid #E8531E}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.logo{display:block;height:44px;width:auto}
.top .top-call{display:none}
html{scroll-padding-top:70px}
nav.menu{position:sticky;top:0;z-index:20;background:#0A0A0A;box-shadow:0 2px 10px rgba(0,0,0,.22)}
nav.menu ul{list-style:none;margin:0 auto;padding:6px 6px;max-width:1080px;display:flex;flex-wrap:nowrap;align-items:center;gap:0 4px;overflow-x:auto;scrollbar-width:none}
nav.menu ul::-webkit-scrollbar{display:none}
nav.menu a{display:block;color:#fff;text-decoration:none;padding:11px 9px;font-weight:700;font-size:1.02rem;white-space:nowrap;border-radius:8px}
nav.menu a:hover{background:rgba(255,255,255,.12)}
nav.menu a[aria-current]{box-shadow:inset 0 -4px 0 #E8531E}
nav.menu a.nav-quote{background:#FFFFFF;color:#0B2540;margin-left:auto;display:none}
.hero{background:#0A0A0A;color:#fff;padding:28px 0 30px}
.hero h1{font-size:clamp(1.75rem,5.5vw,2.8rem);line-height:1.15;margin:0 0 .35em}
.hero p{font-size:1.12rem;max-width:44em;margin:0 0 1.1em}
.hero a{color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-block;padding:.8em 1.2em;border-radius:10px;font-weight:700;text-decoration:none;font-size:1.05rem;border:0;cursor:pointer;line-height:1.2}
.btn-main{background:#FFFFFF;color:#0B2540}
.hero .btn-main{background:#fff;color:#0B2540}
.btn-main{box-shadow:inset 0 0 0 2px #0B2540}
.top .btn-main,.hero .btn-main{box-shadow:none}
.btn-main:hover,nav.menu a.nav-quote:hover{background:#DCE6EF}
.btn-alt{background:transparent;color:inherit;border:2px solid currentColor}
main{padding:8px 0 30px}
section.block{margin:28px 0}
h2{font-size:1.45rem;line-height:1.25;margin:0 0 .5em;color:#0A0A0A}
ul.ticks{padding-left:1.2em} ul.ticks li{margin:.3em 0}
.cards{display:grid;gap:14px;grid-template-columns:1fr;list-style:none;padding:0;margin:0}
.cards li{background:#fff;border:1px solid #e7e0d4;border-left:6px solid #E8531E;border-radius:10px;padding:14px 16px}
.cards a{font-weight:700;font-size:1.08rem}
.cards p{margin:.3em 0 0;font-size:.96rem}
.towns{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.towns li a,.towns li span{display:inline-block;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #e7e0d4;text-decoration:none;font-size:.95rem}
figure{margin:0}
figure img{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover;border-radius:12px}
figcaption{font-size:.92rem;margin-top:6px}
.ph-photo{display:flex;align-items:center;justify-content:center;text-align:center;min-height:190px;padding:18px;border:3px dashed #E8531E;border-radius:12px;background:#e7e0d4;font-weight:600}
.gallery{display:grid;gap:14px;grid-template-columns:1fr}
.yt a{display:block;position:relative;max-width:360px}.yt img{width:100%;height:auto;border-radius:8px}.yt span{display:block;font-weight:700;margin:.3em 0 1em}.yt iframe{width:100%;max-width:360px;aspect-ratio:9/16;border:0;border-radius:8px}.transcript{max-width:44em;margin:0 0 1.2em}.transcript h3{font-size:1rem;margin:0 0 .25em}.transcript p{margin:0;font-size:.95rem}.answer{max-width:44em;margin:1.2em 0 0;padding:.7em 1em;border-left:4px solid #E8531E;background:#fff;font-size:1.05rem}.more-videos{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
mark.ph{background:#fff3a6;color:#5a4400;padding:0 .2em;border-radius:3px;font-size:.92em}
.review{background:#fff;border-radius:10px;padding:14px 16px;border:1px solid #e7e0d4}
.promise{border-left:6px solid #E8531E;font-size:1.05rem}
.reviews{display:grid;gap:14px;grid-template-columns:1fr;margin:14px 0 0}
.reviews figure{background:#fff;border:1px solid #e7e0d4;border-left:6px solid #E8531E;border-radius:10px;padding:14px 16px;margin:0}
.reviews .stars{color:#e0a100;font-size:1.15rem;letter-spacing:2px}
.reviews blockquote{margin:.3em 0 .5em;font-size:1.02rem}
.reviews figcaption{font-weight:700;margin:0}
.reviews .src{font-weight:400;font-size:.88rem;opacity:.8}
ol.steps{list-style:none;counter-reset:s;padding:0;margin:0}
ol.steps li{counter-increment:s;position:relative;padding:0 0 18px 54px}
ol.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:#E8531E;color:#0A0A0A;font-weight:700;display:flex;align-items:center;justify-content:center}
ol.steps h3{margin:0 0 .2em;font-size:1.1rem} ol.steps p{margin:0}
details.faq{background:#fff;border:1px solid #e7e0d4;border-radius:10px;padding:12px 16px;margin:0 0 10px}
details.faq summary{font-weight:700;cursor:pointer}
.cta{background:#e7e0d4;border-radius:14px;padding:22px 20px;margin:34px 0 10px}
.cta h2{margin-top:0}
form.quote{background:#fff;border:1px solid #e7e0d4;border-top:6px solid #E8531E;border-radius:14px;padding:18px;max-width:640px}
form.quote label{display:block;font-weight:700;margin:.9em 0 .3em}
form.quote input,form.quote select,form.quote textarea{width:100%;font:inherit;padding:.7em;border:2px solid #8a949b;border-radius:9px;background:#fff;color:#1a1a1a}
form.quote textarea{min-height:110px}
form.quote .btn{width:100%;margin-top:1.1em;font-size:1.15rem;padding:.9em}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #E8531E;outline-offset:2px}
.photo-count{margin:.5em 0 0;font-weight:700;min-height:1.3em}
.photo-list{list-style:none;margin:.4em 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;max-width:520px}
.photo-list:empty{display:none}
.photo-list li{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#e4e7ea;border:1px solid #c8ced3}
.photo-list img{width:100%;height:100%;object-fit:cover;display:block}
.photo-tile{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:52px 6px 8px;text-align:center;color:#333;font-size:.8rem;line-height:1.2}
.photo-tile strong{display:block;margin-bottom:2px}
.photo-tile span{word-break:break-all;max-height:2.4em;overflow:hidden}
.photo-x{position:absolute;top:4px;right:4px;width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:rgba(20,20,20,.78);color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.photo-x:focus-visible{outline:3px solid #E8531E;outline-offset:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{color:#a3201b;font-weight:700;min-height:1.3em;margin:.8em 0 0}
.small{font-size:.88rem}
footer{background:#0A0A0A;color:#e9eef1;padding:26px 0 30px;font-size:.95rem}
footer a{color:#fff}
footer .towns li a,footer .towns li span{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.sticky{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;padding:8px;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.18);z-index:9}
.sticky a{flex:1;text-align:center;padding:.8em .4em}
.sticky .btn-alt{color:#0A0A0A}
@media(min-width:760px){
 body{padding-bottom:0}
 .sticky{display:none}
 .top .top-call{display:inline-block}
 .cards{grid-template-columns:1fr 1fr}
 .gallery{grid-template-columns:1fr 1fr}
 .reviews{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
 nav.menu ul{justify-content:center;padding:6px 18px}
 nav.menu a{font-size:1.15rem;padding:14px 18px}
 nav.menu a.nav-quote{display:block}
 .hero{padding:44px 0 46px}
}
html{scroll-padding-top:100px}
.bars{position:sticky;top:0;z-index:20;box-shadow:0 2px 10px rgba(0,0,0,.22)}
.bars nav.menu{position:static;box-shadow:none}
.bars .top{border-bottom-width:3px}
.bars .top .wrap{max-width:none;padding-top:4px;padding-bottom:4px}
.bars .logo{height:34px;width:34px}
.top-l{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px}
.home-link{display:block;border-radius:8px}
.bars .top-call{padding:.5em 1em;font-size:1rem}
@media(max-width:759px){
 .bars nav.menu ul{padding:2px 4px;overflow:hidden;justify-content:space-between}
 .bars nav.menu li{flex:1 1 auto;text-align:center}
 .bars nav.menu a{padding:7px 2px;font-size:clamp(.88rem,4.2vw,1.02rem)}
 .bars nav.menu li.nav-wide{display:none}
}
.menu-btn{width:42px;height:42px;flex:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;background:transparent;border:2px solid rgba(255,255,255,.6);border-radius:10px;cursor:pointer}
.menu-btn span{display:block;width:22px;height:3px;border-radius:2px;background:#fff}
.menu-btn:hover,.menu-btn[aria-expanded=true]{background:rgba(255,255,255,.14)}
.menu-btn:focus-visible{outline:3px solid #E8531E;outline-offset:2px}
.menu-panel{position:absolute;left:0;right:0;top:100%;background:#0A0A0A;border-top:1px solid rgba(255,255,255,.18);box-shadow:0 12px 24px rgba(0,0,0,.4);max-height:calc(100vh - 110px);overflow-y:auto}
.menu-panel ul{list-style:none;margin:0 auto;padding:6px 18px 16px;max-width:1080px}
.menu-panel a{display:block;color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem;padding:12px 12px;border-radius:8px;border-bottom:1px solid rgba(255,255,255,.1)}
.menu-panel a:hover{background:rgba(255,255,255,.12)}
.menu-panel a[aria-current]{box-shadow:inset 4px 0 0 #E8531E}
.menu-panel a.nav-quote{background:#FFFFFF;color:#0B2540;text-align:center;margin-top:10px;border-bottom:0}
.menu-panel a.nav-quote:hover{background:#DCE6EF}
@media(min-width:760px){
 .bars nav.menu ul{padding:3px 18px}
 .bars nav.menu a{padding:10px 16px}
 .menu-panel{right:auto;left:18px;width:320px;border:1px solid rgba(255,255,255,.18);border-radius:0 0 12px 12px}
 .menu-panel ul{padding:6px 12px 14px}
}
.hero-banner{padding:0;background:#0A0A0A;color:#fff}
.banner{position:relative}
.banner-scene{display:block;width:100%;height:auto;margin:0 auto;aspect-ratio:1280/400;
 max-width:max(640px,calc((100vh - 300px) * 1280 / 400));max-width:max(640px,calc((100svh - 300px) * 1280 / 400));
 --fade:clamp(0px,calc(100vw - 100% - 20px),48px);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);
 mask-image:linear-gradient(90deg,transparent,#000 var(--fade),#000 calc(100% - var(--fade)),transparent)}
.banner-text{max-width:1280px;margin:0 auto;box-sizing:border-box;padding:10px clamp(18px,7.5vw,96px) 34px;display:flex;flex-direction:column;gap:14px}
.banner-text h1{margin:0;font-size:28px;font-weight:700;color:#fff;line-height:1.2;max-width:1060px}
@media(max-width:1023px){.banner-text h1{font-size:24px}}
@media(max-width:699px){.banner-text h1{font-size:18px;line-height:1.3}}
@media(max-width:1023px){.banner-scene{max-width:none;-webkit-mask-image:none;mask-image:none}}
.banner-text p{margin:0;font-size:18px;line-height:1.5;color:#DCE6EF;max-width:900px;order:3}
.banner .btns{gap:14px;margin-top:6px;order:2}
.banner .btn{font-size:21px;padding:18px 32px;border-radius:10px}
.banner .btn-main{font-weight:800}
.banner .btn-alt{padding:16px 30px;color:#fff;border:2px solid #fff}
@media(max-width:759px){
 .banner-scene{max-width:none;-webkit-mask-image:none;mask-image:none}
 .banner-scene .soil-labels,.banner-scene #hillside-homes{display:none} .banner-scene .banner-slogan{font-size:32px;letter-spacing:3px}
 .banner-text{padding:10px 18px 22px;gap:10px}
 .banner-text p{font-size:16px}
 .banner .btns{gap:10px;margin-top:2px}
 .banner .btn{flex:1 1 100%;text-align:center;padding:13px 16px}
 .banner .btn-alt{padding:11px 14px}
}