:root{--bg:#f4f0e8;--ink:#18302a;--accent:#a46b40;--card:#fff;--muted:#64706b;--serif:Georgia,serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit}svg{width:22px;fill:currentColor;stroke:currentColor}.logo{display:flex;align-items:center;gap:11px;line-height:1}.logo .mark{width:44px;height:44px;display:grid;place-items:center;background:var(--ink);color:var(--bg);font:bold 22px var(--serif)}.logo b{font-size:11px;letter-spacing:1.5px}.logo small{display:block;margin-top:5px;font-size:7px;letter-spacing:2px}header{height:88px;display:flex;align-items:center;padding:0 5vw;gap:30px;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}header nav{display:flex;gap:28px;margin-left:auto;align-items:center}header nav a,header nav button{text-decoration:none;background:none;border:0;font:600 14px var(--sans);color:inherit;cursor:pointer}.headcta,.primary{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--bg);padding:13px 18px;text-decoration:none;border:0;font-weight:700}.menu{display:none;background:none;border:0}.drop{position:relative}.drop>div{display:none;position:absolute;top:35px;right:0;width:260px;background:var(--card);padding:12px;box-shadow:0 18px 50px #0002}.drop.open>div{display:grid}.drop div a{padding:10px}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.05fr .95fr;padding:4vw 5vw;gap:6vw;align-items:center}.hero>img{width:100%;height:72vh;object-fit:cover;border-radius:50% 50% 4px 4px}.heroCopy{order:-1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--accent)}h1{font:clamp(3.4rem,6.8vw,7.5rem)/.92 var(--serif);letter-spacing:-.05em;margin:.25em 0}h2{font:clamp(2.3rem,4.8vw,5rem)/1 var(--serif);letter-spacing:-.04em;margin:.3em 0}.heroCopy>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:18px}.actions{display:flex;gap:22px;align-items:center;margin-top:32px}.actions>a:not(.primary){font-weight:700}.intro{padding:10vw 15vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}.intro>p:last-child{font-size:20px;color:var(--muted)}.services{padding:7vw 5vw}.sectionHead{max-width:800px;margin-bottom:50px}.serviceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service{background:var(--card);text-decoration:none;display:grid;grid-template-columns:46% 54%;min-height:310px;overflow:hidden}.service img{width:100%;height:100%;object-fit:cover;transition:.5s}.service:hover img{transform:scale(1.05)}.service>div{padding:28px}.service h3{font:28px var(--serif);margin:.3em 0}.service p{color:var(--muted)}.service span{color:var(--accent);font-weight:800}.service b{font-size:13px}.statement{margin:6vw 5vw;padding:7vw;background:var(--ink);color:var(--bg)}.statement p{font:clamp(2rem,5vw,5rem)/1.05 var(--serif);max-width:1000px;margin:0 0 35px}.contact{padding:9vw 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact form{display:grid;gap:18px}.contact label{font-size:12px;font-weight:800;letter-spacing:1px}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #0002;background:var(--card);font:16px inherit}.contact button{justify-content:center}footer{padding:60px 5vw 90px;background:#101715;color:#eef4ef;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}footer p{font-size:13px;color:#b8c2bd}.float{position:fixed;right:20px;bottom:20px;background:#25d366;color:#08140c;padding:13px 17px;display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;z-index:30;border-radius:99px;box-shadow:0 12px 35px #0003}.detailHero{min-height:75vh;display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;padding:5vw}.detailHero img{width:100%;height:65vh;object-fit:cover}.detailHero h1{font-size:clamp(3.2rem,6vw,6.5rem)}.detailHero .primary{margin-top:24px}.detailBody{padding:8vw 12vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.detailBody>p{font-size:20px;color:var(--muted)}.more{padding:5vw}.miniGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.miniGrid .service{display:block}.miniGrid .service img{height:220px}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.show{opacity:1;transform:none}
body[data-version=v2]{--bg:#0e1317;--ink:#f5eee4;--card:#182127;--accent:#ffb13b;--muted:#aab3b7}body[data-version=v2] .logo .mark{background:linear-gradient(145deg,#ffca64,#b96a00);color:#151515;transform:rotate(-4deg);box-shadow:5px 5px 0 #673b00}body[data-version=v2] .hero{grid-template-columns:1fr 1fr}body[data-version=v2] .hero>img{order:-1;border-radius:0;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}body[data-version=v2] .heroCopy{order:0}body[data-version=v2] .service{grid-template-columns:1fr}body[data-version=v2] .service img{height:270px}body[data-version=v2] .serviceGrid{grid-template-columns:repeat(4,1fr)}body[data-version=v2] .service h3{font-family:var(--sans);font-weight:800}body[data-version=v2] .statement{background:var(--accent);color:#151515}
body[data-version=v3]{--bg:#f7fbff;--ink:#102b4e;--card:#eaf3fb;--accent:#e0523e;--muted:#5b7086;--serif:Arial,sans-serif}body[data-version=v3] .logo .mark{background:none;display:flex;gap:3px}body[data-version=v3] .logo .mark i{display:block;width:10px;height:34px;background:#2878b9;border-radius:8px;transform:rotate(30deg)}body[data-version=v3] .logo .mark i:nth-child(2){background:#e0523e;height:44px}body[data-version=v3] .hero{display:block;position:relative;padding:0}body[data-version=v3] .hero>img{width:100%;height:calc(100vh - 88px);border-radius:0;filter:brightness(.62)}body[data-version=v3] .heroCopy{position:absolute;left:6vw;bottom:8vh;color:white;max-width:850px}body[data-version=v3] .heroCopy>p:not(.eyebrow){color:#e5edf5}body[data-version=v3] .heroCopy .primary{background:white;color:#102b4e}body[data-version=v3] .intro{grid-template-columns:1fr 1.5fr;background:#dceefa}body[data-version=v3] .serviceGrid{grid-template-columns:repeat(3,1fr)}body[data-version=v3] .service{display:block;border-radius:22px}body[data-version=v3] .service img{height:250px}body[data-version=v3] .statement{border-radius:32px;background:#2878b9}
@media(max-width:1000px){body[data-version=v2] .serviceGrid,body[data-version=v3] .serviceGrid{grid-template-columns:repeat(2,1fr)}.miniGrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){header{height:74px;padding:0 16px;gap:12px}.logo b{display:none}.logo .mark{width:38px;height:38px}.menu{display:block;margin-left:auto}.menu svg{fill:none;stroke-width:2}.headcta span{display:none}.headcta{padding:10px}.headcta svg{width:21px}header nav{display:none;position:absolute;top:74px;left:12px;right:12px;background:var(--card);padding:18px;box-shadow:0 16px 40px #0003;align-items:stretch}header nav.open{display:grid}.drop>button{width:100%;text-align:left}.drop>div{position:static;width:100%;box-shadow:none;background:color-mix(in srgb,var(--bg) 60%,var(--card));margin-top:8px}.hero,body[data-version=v2] .hero{min-height:auto;display:flex;flex-direction:column;padding:0 0 50px;gap:0}.hero>img,body[data-version=v2] .hero>img{height:52vh;clip-path:none;border-radius:0;order:0}.heroCopy,body[data-version=v2] .heroCopy{order:1;padding:32px 20px}.hero h1{font-size:3.4rem}.intro,.contact,.detailBody{grid-template-columns:1fr;padding:80px 20px}.services{padding:65px 16px}.serviceGrid,body[data-version=v2] .serviceGrid,body[data-version=v3] .serviceGrid{grid-template-columns:1fr}.service{grid-template-columns:1fr}.service img{height:240px}.statement{margin:20px 16px;padding:55px 24px}.contact{gap:35px}footer{grid-template-columns:1fr 1fr;padding:45px 20px 90px}.float span{display:none}.float{padding:14px}.detailHero{grid-template-columns:1fr;padding:0 0 50px}.detailHero img{height:48vh}.detailHero>div{padding:25px 20px}.detailHero h1{font-size:3.4rem}.miniGrid{grid-template-columns:1fr}.more{padding:50px 16px}body[data-version=v3] .hero{display:block;padding:0}body[data-version=v3] .heroCopy{padding:0;left:20px;right:20px;bottom:40px}body[data-version=v3] .heroCopy h1{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
.logo{display:block;width:245px;line-height:0}.logo img{display:block;width:100%;height:62px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 10px #0003)}header{overflow:visible}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:28vw;height:28vw;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;right:-8vw;top:-10vw;animation:orb 11s linear infinite}.hero>img{animation:heroFloat 7s ease-in-out infinite}.heroCopy{position:relative;z-index:1}.scrollCue{position:absolute;bottom:15px;left:5vw;font-size:10px;font-weight:800;letter-spacing:2px;animation:pulse 2s infinite}.intro>div:last-child{font-size:19px;color:var(--muted)}.imageBand{margin:0 5vw 5vw;display:grid;grid-template-columns:1fr 1fr;background:var(--card);align-items:center;overflow:hidden}.imageBand img{width:100%;height:520px;object-fit:cover;transition:transform .8s}.imageBand:hover img{transform:scale(1.04)}.imageBand>div{padding:6vw}.imageBand p:not(.eyebrow){color:var(--muted);font-size:18px}.imageBand a{font-weight:800}.service .pic{overflow:hidden;min-height:240px}.service{transition:.4s}.service:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0002}.service:hover img{transform:scale(1.08) rotate(.5deg)}.journey{padding:8vw 6vw;background:color-mix(in srgb,var(--card) 75%,var(--bg))}.journey>h2{max-width:900px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.steps article{padding:32px;border-top:2px solid var(--accent);background:var(--bg);transition:.35s}.steps article:hover{transform:translateY(-8px)}.steps article>b{color:var(--accent);font-size:28px}.steps h3{font:25px var(--serif)}.steps p{color:var(--muted)}.statement{position:relative;overflow:hidden}.statement:after{content:"";position:absolute;width:240px;height:240px;border:35px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;right:-70px;bottom:-100px;animation:orb 14s linear infinite}footer .logo{width:300px}footer small{color:#77827d}.social{display:flex;gap:10px;margin:22px 0 10px}.social span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900;transition:.3s;cursor:default;animation:socialBob 3s ease-in-out infinite}.social span:nth-child(2){animation-delay:.2s}.social span:nth-child(3){animation-delay:.4s}.social span:nth-child(4){animation-delay:.6s}.social span:nth-child(5){animation-delay:.8s}.social span:hover{transform:translateY(-6px) scale(1.08)}.ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.fb{background:#1877f2}.in{background:#0a66c2}.tk{background:#111}.yt{background:#f00}.detailBody>div:last-child>p{font-size:19px;color:var(--muted)}.detailFacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.detailFacts span{padding:9px 13px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);font-size:13px;font-weight:800}.serviceCta{margin:2vw 5vw 6vw;min-height:520px;position:relative;display:flex;align-items:end;overflow:hidden;color:white}.serviceCta>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.48);transition:.8s}.serviceCta:hover>img{transform:scale(1.04)}.serviceCta>div{position:relative;padding:5vw;max-width:800px}.serviceCta p:not(.eyebrow){font-size:18px}.serviceCta .primary{background:white;color:#111}body[data-version=v2] .logo img{filter:drop-shadow(0 8px 15px #0008)}body[data-version=v3] .logo img{filter:drop-shadow(0 7px 12px #174e8e33)}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes orb{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;transform:translateY(5px)}}@keyframes socialBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:760px){.logo{width:142px}.logo img{height:50px}.imageBand{grid-template-columns:1fr;margin:0 16px 50px}.imageBand img{height:320px}.imageBand>div{padding:35px 24px}.steps{grid-template-columns:1fr}footer .logo{width:230px}.serviceCta{margin:0 16px 50px;min-height:530px}.serviceCta>div{padding:34px 24px}.scrollCue{display:none}}
.service>div>span,.steps article>b{display:none!important}.service .pic{height:270px;min-height:270px}.service .pic img{display:block;width:100%;height:100%;object-fit:cover}body[data-version=v2] .service{display:flex;flex-direction:column}body[data-version=v2] .service>div:last-child{flex:1}.journey{position:relative;isolation:isolate;background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden}.journey:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;animation:bgDrift 14s ease-in-out infinite alternate}.journey:after{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--bg) 86%,transparent)}.journeyInner{position:relative}.statement{isolation:isolate;background-size:cover;background-position:center}.statement:before{content:"";position:absolute;inset:-5%;z-index:-2;background-size:cover;background-position:center;filter:brightness(.35);animation:bgDrift 12s ease-in-out infinite alternate}.statement>p,.statement>a{position:relative;z-index:2}.contact{background-size:cover;background-position:center;position:relative;isolation:isolate}.contact:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--bg) 88%,transparent)}body[data-version=v1] .journey:before{background-image:url('../assets/cleaning.webp')}body[data-version=v1] .statement:before{background-image:url('../assets/renovation.webp')}body[data-version=v1] .contact{background-image:url('../assets/plumbing.webp')}body[data-version=v2] .journey:before{background-image:url('../assets/electrical.webp')}body[data-version=v2] .statement:before{background-image:url('../assets/ac.webp')}body[data-version=v2] .contact{background-image:url('../assets/renovation.webp')}body[data-version=v3] .journey:before{background-image:url('../assets/landscaping.webp')}body[data-version=v3] .statement:before{background-image:url('../assets/pool.webp')}body[data-version=v3] .contact{background-image:url('../assets/cleaning.webp')}.steps article{background:color-mix(in srgb,var(--card) 91%,transparent);backdrop-filter:blur(7px);box-shadow:0 18px 50px #0001;will-change:transform}.steps article:before{content:"";display:block;width:48px;height:4px;background:var(--accent);margin-bottom:26px;transition:.45s}.steps article:hover:before{width:100%}.statement:hover:before{filter:brightness(.48)}.statement a{display:inline-block;transition:.35s}.statement:hover a{transform:translateX(12px)}.imageBand,.service{will-change:transform;transform-style:preserve-3d}.imageBand>div,.service>div:last-child{transition:.4s}.imageBand:hover>div,.service:hover>div:last-child{transform:translateZ(20px)}@keyframes bgDrift{0%{transform:scale(1.02) translate3d(-1%,0,0)}100%{transform:scale(1.12) translate3d(1%,-1%,0)}}
@media(max-width:760px){.journey{background-attachment:scroll}.service .pic{height:240px;min-height:240px}}
.serviceCta>div{width:min(820px,72%)}.serviceCta h2{font-size:clamp(2.5rem,5vw,5.5rem);overflow-wrap:break-word}.serviceCta p{max-width:680px}@media(max-width:760px){.serviceCta>div{width:100%}.serviceCta h2{font-size:clamp(2.25rem,11vw,3.8rem)}}
.journey{background:transparent!important}.journey:before{z-index:0!important}.journey:after{z-index:1!important}.journeyInner{z-index:2!important}.statement{background:transparent!important}.statement:before{z-index:0!important}.statement:after{z-index:1!important}.statement>p,.statement>a{z-index:2!important}.contact:before{background:color-mix(in srgb,var(--bg) 80%,transparent)}.journey:after{background:color-mix(in srgb,var(--bg) 76%,transparent)}body[data-version=v2] .journey:after{background:rgba(14,19,23,.78)}body[data-version=v2] .statement:before{filter:brightness(.28)}body[data-version=v3] .journey:after{background:rgba(247,251,255,.76)}.journey,.statement,.contact{background-repeat:no-repeat}.steps article{border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:0 18px 50px #0002}.serviceCta{box-shadow:0 26px 70px #0003}.serviceCta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15));pointer-events:none}.serviceCta>div{z-index:2}.serviceCta>img{z-index:0}.serviceCta:hover>img{transform:scale(1.08) translateX(1%)}
.credentials{padding:8vw 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:var(--ink);color:var(--bg)}.credentials dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.credentials dl div{padding:22px;border:1px solid color-mix(in srgb,var(--bg) 24%,transparent);background:color-mix(in srgb,var(--bg) 6%,transparent);transition:.35s}.credentials dl div:hover{transform:translateY(-7px);border-color:var(--accent)}.credentials dt{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--accent);text-transform:uppercase}.credentials dd{margin:8px 0 0;font-size:16px;line-height:1.45}
@media(max-width:760px){.credentials{grid-template-columns:1fr;padding:80px 20px}.credentials dl{grid-template-columns:1fr}}
