/* Home Advisor editorial pages and project showcase. */
.project-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-grid--four .project-card{min-height:390px}
.project-grid--four .project-card:last-child{grid-column:auto!important}
.project-grid--four .project-art{height:170px}
.project-grid--four .project-thumbnail{object-fit:contain}
.project-grid--four .project-card:first-child .project-thumbnail{object-fit:cover;object-position:55% center}
.ha-hero{position:relative;overflow:hidden;color:#fff;background:#071a26 url("home-advisor-garden.webp") center/cover no-repeat;padding:88px 0 83px}
.ha-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,29,.96) 0%,rgba(5,25,37,.89) 48%,rgba(6,29,35,.64) 100%)}
.ha-hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:48px}
.ha-hero .eyebrow{color:#92e2d3}
.ha-hero h1{font:700 clamp(3rem,5.6vw,5.25rem)/1.01 'Space Grotesk',Arial,sans-serif;letter-spacing:-.07em;margin:17px 0 25px}
.ha-hero p{color:#d3e4e6;font-size:1.13rem;line-height:1.62;max-width:650px;margin:0 0 30px}
.ha-hero .button-primary{background:#89decf}
.ha-hero .button-primary:hover{background:#b3f4e9}
.ha-hero .ha-hero-status{margin:27px 0 0;color:#acd2d0;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700}
.ha-hero-visual{margin:0;padding:12px;border:1px solid #759b9c;background:rgba(7,24,33,.84);border-radius:24px;box-shadow:0 30px 75px rgba(0,0,0,.36)}
.ha-hero-visual img{display:block;width:100%;aspect-ratio:20/13;object-fit:contain;border-radius:14px;background:#152c35}
.ha-hero-visual figcaption{padding:11px 8px 2px;color:#b4cdce;font-size:.72rem;line-height:1.4}
.ha-subnav{position:relative;z-index:5;background:#e7f0f1;border-bottom:1px solid #c7d8dc}
.ha-subnav .wrap{display:flex;align-items:stretch;gap:4px;overflow-x:auto;scrollbar-width:thin}
.ha-subnav a{flex:none;display:block;padding:17px 13px;color:#335262;font-size:.77rem;font-weight:700;white-space:nowrap;border-bottom:3px solid transparent}
.ha-subnav a:hover,.ha-subnav a[aria-current="page"]{color:#075678;border-color:#1886a4}
.ha-intro{background:#fff}
.ha-feature-section{background:#eaf3f3}
.ha-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:37px}
.ha-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ha-card{padding:25px;border:1px solid #cddfe1;border-radius:15px;background:#fff;box-shadow:0 15px 30px rgba(8,47,61,.04)}
.ha-card-number{display:block;color:#1685a0;text-transform:uppercase;letter-spacing:.14em;font-size:.67rem;font-weight:700;margin:0 0 29px}
.ha-card h3{font:700 1.18rem/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.03em;margin:0 0 11px}
.ha-card p{margin:0;color:#506773;font-size:.85rem;line-height:1.55}
.ha-section-link{margin-top:28px}
.ha-media-section{background:#f9fbfa}
.ha-section-head{display:flex;justify-content:space-between;gap:25px}
.ha-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:34px}
.ha-media-grid figure{margin:0;padding:12px 12px 17px;background:#071c29;border-radius:17px;border:1px solid #2e5b63;box-shadow:0 22px 50px rgba(8,40,54,.13)}
.ha-media-grid img{display:block;width:100%;aspect-ratio:20/13;object-fit:contain;background:#172c38;border-radius:9px}
.ha-media-grid figure a{display:block;border-radius:9px}
.ha-media-grid figure a:focus-visible{outline:3px solid #9be4d5;outline-offset:5px}
.ha-media-grid figcaption{color:#bcd1d4;font-size:.77rem;line-height:1.5;padding:13px 7px 0}
.ha-media-grid figcaption strong{color:#ecfaf8}
.ha-media-disclosure{margin:20px 0 0;color:#5f7379;font-size:.8rem;line-height:1.6}
.ha-case-section{background:#eaf3f3}
.ha-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.ha-case-card{padding:26px;border:1px solid #cbdfe1;border-radius:15px;background:#fff}
.ha-case-card>span{display:block;margin-bottom:18px;color:#1685a0;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ha-case-card h3{margin:0 0 11px;font:700 1.27rem/1.25 'Space Grotesk',Arial,sans-serif;letter-spacing:-.03em}
.ha-case-card p{margin:0;color:#506773;font-size:.88rem;line-height:1.63}
.ha-case-foot{margin-top:22px;padding:19px 22px;border-left:4px solid #2a92a4;border-radius:0 10px 10px 0;background:#f8fbfb;color:#46616a;font-size:.86rem;line-height:1.65}
.ha-case-foot strong{color:#193947}
.ha-case-foot a{white-space:nowrap}
.ha-work-cta{background:#f7faf9}
.ha-work-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:10px;padding-bottom:10px}
.ha-work-cta .wrap>div{max-width:700px}
.ha-work-cta h2{margin:9px 0 9px;font:700 clamp(1.6rem,3vw,2.3rem)/1.15 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em}
.ha-work-cta p{margin:0;color:#506773;font-size:.92rem;line-height:1.62}
.ha-work-cta .button{flex:none}
.ha-decision-section{background:#fff}
.ha-decision-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:35px 0}
.ha-decision-flow>div{position:relative;padding:24px;border-top:3px solid #2598a9;background:#eaf3f3;border-radius:0 0 13px 13px}
.ha-decision-flow span{display:block;color:#1886a0;font:700 1.35rem 'Space Grotesk',Arial,sans-serif;margin-bottom:19px}
.ha-decision-flow strong{display:block;font:700 1.1rem 'Space Grotesk',Arial,sans-serif}
.ha-decision-flow p{font-size:.87rem;color:#526a74;line-height:1.55;margin:8px 0 0}
.ha-page-hero{background:radial-gradient(circle at 85% 35%,#1b4a50,#071928 68%,#061321)}
.ha-page-hero .eyebrow{color:#9be4d5}
.ha-demo-section{background:#e5f0f0}
.ha-note{background:#f9f1df;border-left:3px solid #ba8442;padding:16px 20px;border-radius:0 9px 9px 0;color:#574829;font-size:.9rem}
.related{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
@media(max-width:1050px){.ha-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ha-hero-grid{grid-template-columns:1fr}.ha-hero-visual{max-width:680px}.ha-decision-flow{grid-template-columns:1fr}.ha-work-cta .wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.project-grid--four{grid-template-columns:1fr}.ha-hero{padding:70px 0 65px}.ha-hero h1{font-size:clamp(2.8rem,11vw,4rem)}.ha-hero-grid{gap:30px}.ha-hero-visual{padding:8px}.ha-grid,.ha-grid--three,.ha-media-grid,.ha-case-grid{grid-template-columns:1fr}.ha-card-number{margin-bottom:18px}.ha-subnav a{padding:14px 12px}.ha-media-grid{gap:15px}.ha-case-card{padding:21px}}