/* Preserve the original composition while giving the homepage a clear sequence. */
.eyebrow:before,.trust-strip>p:before{display:none}
#about .eyebrow,#services .section-heading .eyebrow,#projects .project-heading .eyebrow{font-size:24px;line-height:1.25;font-weight:550;letter-spacing:-.04em;color:#1e4054;margin-bottom:20px}
#projects .project-heading .eyebrow{margin-bottom:0}
.site-header{gap:22px}
.desktop-nav{gap:22px}
.header-phone{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:500;white-space:nowrap}
.header-phone svg{width:15px;height:15px;flex:none}
.header-cta{white-space:nowrap}
.hero-consultation{margin-top:22px;background:#fff;color:#15374b;font-size:11px;padding:12px 18px}
.hero-primary h1{font-size:clamp(31px,3.5vw,55px);line-height:1.13}
.hero-location{letter-spacing:.12em}
.credentials-section{background:#f8f9f8}
.credentials-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding-block:34px;border-bottom:1px solid #e4e9e9}
.credential{display:flex;gap:13px;align-items:flex-start}
.credential>svg{width:25px;height:25px;flex:none;color:#40748d;stroke-width:1.4}
.credential h3{font-size:12px;font-weight:550;line-height:1.35;color:#233d4d;margin:0 0 6px;letter-spacing:-.02em}
.credential p{font-size:10px;line-height:1.5;color:#6d7a82;margin:0;max-width:26ch}
#credentials .trust-strip{padding-block:24px 26px;background:transparent}
#credentials .trust-strip>p{margin-bottom:20px;font-size:11px}
#credentials .client-logos{gap:14px}
#credentials .client-logos>li{height:43px;padding:5px 14px}
#credentials .client-logos img{max-height:33px}
#about .statement{font-size:clamp(30px,3vw,45px);line-height:1.15;letter-spacing:-.05em}
#about .about-copy{max-width:67ch;line-height:1.7}
#about .stat strong{font-size:clamp(17px,1.8vw,25px);letter-spacing:-.04em}
#about .stat>div>span{font-size:10px}
#about .stat:nth-child(1){background-image:linear-gradient(0deg,#001b34b8,#001b3410),url('/overflow-pool-palm-garden.webp')}
#about .stat:nth-child(2){background-image:linear-gradient(0deg,#001b34b8,#001b3410),url('/poolside-pergola.webp')}
#about .stat:nth-child(3){background-image:linear-gradient(0deg,#001b34b8,#001b3410),url('/landscaped-pool-evening.webp')}
.anchor-alias{display:block;position:absolute;top:0}
#services{position:relative}
#services .section-heading{margin-bottom:23px}
.service-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.service-categories button{padding:9px 14px;border:1px solid #d7e0e4;border-radius:30px;color:#536875;background:transparent;font-size:10px;transition:background .2s,color .2s}
.service-categories button:hover,.service-categories button.active{background:#173b50;border-color:#173b50;color:#fff}
.service-pagination{gap:7px}
.service-pagination button{width:7px;height:7px}
.service-bottom>p{max-width:30ch}
#reviews .review-card{display:block;min-height:0;padding:34px 38px;position:relative;background:linear-gradient(125deg,#fff,#f8fbfc);border-radius:22px}
#reviews .quote-icon{width:32px;height:32px;margin-bottom:18px}
#reviews .review-copy{display:block}
#reviews .review-copy blockquote{font-size:clamp(17px,1.6vw,23px);line-height:1.55;min-height:4.65em;margin-bottom:24px}
#reviews .review-avatar{width:44px;height:44px;overflow:hidden;background:#e5edf2;font-size:13px}
#reviews .review-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#reviews .review-author strong{font-size:13px}
#reviews .review-role{font-size:10px}
#reviews .review-read{margin-left:54px;font-size:11px}
#reviews .review-source{font-size:9px;color:#839099;margin:22px 0 0;padding-top:15px;border-top:1px solid #e7edef}
.review-source a{text-decoration:underline;text-underline-offset:3px}
.faq-section{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:clamp(35px,7vw,100px);border-top:1px solid #e0e6e7}
.faq-intro h2{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.05em;font-weight:350}
.faq-intro h2 strong{font-weight:550}
.faq-intro>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#6d7a82;max-width:32ch;margin:19px 0 23px}
.faq-call{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#244d66}
.faq-call svg{width:17px;height:17px}
.faq-list{border-top:1px solid #cdd9df}
.faq-item{border-bottom:1px solid #d9e2e7}
.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 0;font-size:13px;line-height:1.45;font-weight:500;color:#284352}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary>span{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#e9f0f3;color:#406a83}
.faq-item summary svg{width:15px;height:15px;transition:transform .2s}
.faq-item[open] summary svg{transform:rotate(45deg)}
.faq-item[open] summary{padding-bottom:12px}
.faq-item>p{font-size:12px;line-height:1.8;color:#64747f;margin:0 30px 22px 0;max-width:68ch}
.faq-item summary:focus-visible,.service-categories button:focus-visible{outline:2px solid #2d70ef;outline-offset:5px}
.form-footer p a{text-decoration:underline;white-space:nowrap}
.footer-contact-links{display:grid;gap:7px;margin:-5px 0 25px;font-size:10px;color:#596d79}
.footer-coverage{margin-top:30px;padding-top:22px;border-top:1px solid #dde3e5;display:flex;gap:30px;align-items:baseline}
.footer-coverage span{font-size:11px;color:#284758;white-space:nowrap}
.footer-coverage p{font-size:10px;line-height:1.6;color:#6e7e87;margin:0;max-width:70ch}
.legal-links{display:flex;gap:18px;font-size:10px;color:#62737f}
.legal-links a:hover{text-decoration:underline}
#gallery-description{max-width:65ch;font-size:12px;line-height:1.6;color:#b3c1ca;margin-top:8px}
.gallery-bottom{gap:24px;align-items:center}
.gallery-bottom .pill{flex:none}
.legal-page{background:#f2f5f5;color:#244354}
.legal-page main{max-width:780px;margin:auto;padding:65px 25px}
.legal-page .legal-brand{display:block;width:190px;margin-bottom:48px}
.legal-page h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.05em;margin:30px 0}
.legal-page h2{font-size:19px;font-weight:550;margin:30px 0 10px;letter-spacing:-.02em}
.legal-page p{font-size:14px;line-height:1.8;color:#536b79;margin-bottom:15px}
.legal-page main>a:not(.legal-brand),.legal-page p a{text-decoration:underline;text-underline-offset:3px}
.legal-page .legal-date{font-size:12px;color:#82929b}
@media(max-width:1200px){.site-header{gap:18px}.desktop-nav{gap:18px}.header-phone span{display:none}.header-phone{padding:8px}.credentials-grid{gap:22px}.credential{gap:9px}.credential h3{font-size:11px}}
@media(max-width:800px){
 #about .eyebrow,#services .section-heading .eyebrow,#projects .project-heading .eyebrow{font-size:21px;margin-bottom:17px}#projects .project-heading .eyebrow{margin-bottom:0}
 .header-phone{margin-left:auto}.menu-toggle{margin-left:0}.hero-consultation{margin-top:18px}
 .credentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 30px;padding-block:28px}.credential h3{font-size:12px}.credential p{font-size:10px}
 #credentials .client-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 #about .statement{font-size:32px}.service-categories{gap:7px}.service-categories button{font-size:10px;padding:8px 12px}
 #reviews .review-card{padding:28px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-intro>p:not(.eyebrow){max-width:46ch;margin:16px 0}.faq-intro h2{font-size:34px}.faq-item summary{font-size:13px;padding:19px 0}
 .footer-coverage{display:block}.footer-coverage p{margin-top:9px}.legal-links{font-size:10px}.copyright{gap:13px}
}
@media(max-width:540px){
 #about .eyebrow,#services .section-heading .eyebrow,#projects .project-heading .eyebrow{font-size:19px;margin-bottom:15px}#projects .project-heading .eyebrow{margin-bottom:0}
 .hero-primary h1{font-size:clamp(27px,7.4vw,36px)}.hero-consultation{padding:10px 14px;font-size:10px;min-height:39px}.hero-bottom{bottom:45px}.hero-location{font-size:7px;letter-spacing:.08em}
 .credentials-grid{gap:22px 18px;padding-block:25px}.credential{gap:8px}.credential>svg{width:19px;height:19px}.credential h3{font-size:10px;line-height:1.4;margin-bottom:4px}.credential p{font-size:9px}
 #credentials .trust-strip{padding-block:20px}#credentials .trust-strip>p{font-size:10px;margin-bottom:16px}#credentials .client-logos>li{height:33px;padding:4px 8px}#credentials .client-logos img{max-height:26px}
 #about .statement{font-size:28px}#about .about-copy{font-size:12px}#about .stat strong{font-size:16px}#about .stat>div>span{font-size:8px;max-width:15ch}
 #services .section-heading{margin-bottom:18px}.service-categories{gap:6px;margin-bottom:15px}.service-categories button{padding:7px 9px;font-size:9px}.service-pagination{gap:5px}.service-pagination button{width:5px;height:5px}.service-bottom>p{max-width:19ch;font-size:9px}
 #reviews .review-card{padding:23px;border-radius:19px}#reviews .quote-icon{display:block;width:26px;height:26px;margin-bottom:14px}#reviews .review-copy blockquote{font-size:16px;min-height:0;line-height:1.55;margin-bottom:22px}#reviews .review-author{padding:0;gap:10px}#reviews .review-avatar{width:38px;height:38px;font-size:12px;display:grid}#reviews .review-author strong{font-size:12px}#reviews .review-role{font-size:9px;max-width:none}#reviews .review-read{margin:12px 0 0 48px;font-size:10px}#reviews .review-source{font-size:8px;margin-top:19px;padding-top:13px}
 .faq-section{gap:24px}.faq-intro h2{font-size:29px}.faq-intro>p:not(.eyebrow){font-size:12px}.faq-item summary{font-size:12px;padding:18px 0;gap:14px}.faq-item>p{font-size:11px;line-height:1.75;margin-right:10px}.faq-call{font-size:11px}
 .footer-contact-links{font-size:10px;gap:8px;margin:0 0 19px}.footer-coverage{margin-top:23px;padding-top:18px}.footer-coverage span{font-size:10px}.footer-coverage p{font-size:9px}.copyright{padding-block:20px;gap:12px}.copyright>span:last-child{font-size:6px}
 .gallery-bottom{display:block}.gallery-bottom .pill{margin-top:15px}#gallery-description{font-size:11px}.gallery-bottom h2{font-size:20px}
}
@media(max-width:360px){.hero-primary h1{font-size:26px}.credential{gap:6px}.credential>svg{width:17px;height:17px}.credentials-grid{gap:20px 12px}#reviews .review-copy blockquote{font-size:15px}}
@media(prefers-reduced-motion:reduce){.faq-item summary svg,.service-categories button{transition:none}}
