/* Homepage refinement — all palette changes are scoped to this page. */
[data-page=home]{--color-olive:#514B30;--olive:var(--color-olive);--color-bronze-olive:var(--color-olive);--color-brass:#B09363;--gold:var(--color-brass);--color-walnut:#765B46;--section-space:clamp(56px,6vw,88px)}
[data-page=home] .hero{height:clamp(420px,49vw,680px)}
[data-page=home] .hero img{filter:brightness(.85);object-position:center 58%}
[data-page=home] .intro{background:var(--color-ivory);color:var(--ink);grid-template-columns:1fr 1fr;gap:8%;padding:var(--section-space) var(--page-gutter);align-items:center}
[data-page=home] .intro h1{font-size:clamp(2.6rem,4.2vw,4.2rem);line-height:1.12;margin:0;color:var(--ink)}
[data-page=home] .intro .eyebrow{color:var(--color-walnut);margin-bottom:22px}
[data-page=home] .intro p{color:var(--ink);font-size:16px;line-height:1.7}
[data-page=home] .intro .lead{font-size:clamp(21px,2vw,26px);line-height:1.5;margin-bottom:20px}
[data-page=home] .intro .text-link{display:inline-block;margin-top:20px}
[data-page=home] .home-projects{background:var(--color-ivory);padding-top:16px}
[data-page=home] .section-head{margin-bottom:32px;gap:24px}
[data-page=home] .section-head h2,[data-page=home] .process-home h2{font-size:clamp(2rem,3.2vw,3.2rem);margin-bottom:0}
[data-page=home] .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
[data-page=home] .project-image-clip{aspect-ratio:4/5;overflow:hidden}
[data-page=home] .home-projects .project-card img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transform:none;margin:0}
[data-page=home] .project-card h3{font-size:clamp(21px,2vw,28px);margin:20px 0 8px}
[data-page=home] .project-card .location{font-size:12px;letter-spacing:.06em;color:var(--color-walnut);margin-bottom:0}
[data-page=home] .project-card>p:not(.location){display:none}
[data-page=home] .approach{background:var(--color-olive);grid-template-columns:1fr 1fr;gap:8%;padding:var(--section-space) var(--page-gutter);align-items:center}
[data-page=home] .approach h2{font-size:clamp(2.8rem,4.4vw,4.4rem);line-height:1.12}
[data-page=home] .approach .statement{font-size:clamp(21px,2vw,26px);line-height:1.55;margin-bottom:24px}
[data-page=home] .approach p:not(.statement):not(.eyebrow){font-size:16px;line-height:1.75}
[data-page=home] .approach em{font-style:italic}
[data-page=home] .text-link{border-color:var(--color-brass)}
[data-page=home] .home-services{background:var(--color-ivory)}
.services-lead{max-width:60ch;margin-bottom:32px}
.home-service{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.25fr);gap:24px;padding:24px 0;border-top:1px solid var(--color-stone);align-items:start}
.home-service:last-child{border-bottom:1px solid var(--color-stone)}
.home-service h3{font-size:22px;line-height:1.4;margin:0}
.home-service p{font-size:15px;line-height:1.7;margin:0}
.service-number{font-size:13px;color:var(--color-walnut);padding-top:5px}
[data-page=home] .process-home{background:var(--color-stone)}
[data-page=home] .steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:36px 0 30px}
[data-page=home] .step{border-top:1px solid var(--color-brass);padding-top:16px}
[data-page=home] .process-home .step .number{color:var(--color-walnut);font-size:26px;line-height:1.2}
[data-page=home] .step h3{font-size:22px;margin:18px 0 14px}
[data-page=home] .step p{font-size:14px;line-height:1.7;margin-bottom:0}
[data-page=home] .button.button-project{background:var(--color-olive);border-color:var(--color-olive);color:var(--color-ivory);min-height:48px}
[data-page=home] .button.button-project:hover{background:var(--color-walnut);border-color:var(--color-walnut)}
[data-page=home] footer,[data-page=home] .footer-bottom{background:var(--color-olive);color:var(--color-ivory)}
[data-page=home] .footer-bottom{margin-inline:0;padding-inline:0;border-top:1px solid var(--color-brass)}
[data-page=home] .footer-tagline{color:var(--color-brass)}
@media(min-width:1101px) and (max-width:1450px){[data-page=home] header{flex-wrap:nowrap}[data-page=home] header nav{flex:0 1 auto;gap:16px}[data-page=home] .brand{width:300px}}
@media(max-width:1100px){[data-page=home] .steps{gap:18px}[data-page=home] .step h3{font-size:19px}}
@media(max-width:850px){
 [data-page=home] .intro,[data-page=home] .approach{grid-template-columns:1fr;gap:32px}
 [data-page=home] .project-grid{gap:20px}
 [data-page=home] .project-card h3{font-size:20px}
 [data-page=home] .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .home-service{grid-template-columns:30px 1fr;gap:12px 16px}
 .home-service p{grid-column:2}
}
@media(max-width:600px){
 [data-page=home] .hero{height:420px}
 [data-page=home] .hero img{object-position:48% center}
 [data-page=home] .project-grid,[data-page=home] .steps{grid-template-columns:1fr}
 [data-page=home] .project-grid{gap:36px}
 [data-page=home] .project-image-clip{aspect-ratio:4/3}
 [data-page=home] .section-head{flex-direction:column;align-items:flex-start;gap:16px}
 [data-page=home] .intro h1{font-size:clamp(2.4rem,9vw,3rem)}
 [data-page=home] .step h3{font-size:22px}
 [data-page=home] .step p{font-size:15px}
}
[data-page=home] .menu-toggle{position:relative;z-index:2}
@media(min-width:851px) and (max-width:1100px){
 [data-page=home] header{position:relative;flex-wrap:nowrap;justify-content:space-between}
 [data-page=home] .menu-toggle{display:block}
 [data-page=home] header nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:5;background:var(--color-brand-brown);padding:24px var(--page-gutter);flex-direction:column;align-items:stretch;gap:8px}
 [data-page=home] header nav.open{display:flex}
}

/* Targeted homepage background cohesion; original logo asset is unchanged. */
[data-page=home]{--color-home-header:#484331;--color-home-linen:#E9E2D7;--color-home-feature:#59543D}
[data-page=home] header{background:var(--color-home-header)}
[data-page=home] .home-projects{background:var(--color-home-linen)}
[data-page=home] .approach,[data-page=home] footer,[data-page=home] .footer-bottom{background:var(--color-home-feature)}
@media(max-width:1100px){[data-page=home] header nav{background:var(--color-home-header)}}

/* No divider above the Recent Projects heading. */
[data-page=home] .home-projects .section-head{border-top:0}

/* Subtle editorial polish, scoped to the homepage. */
[data-page=home]{--color-nav-ivory:#E8E0D5;--color-nav-champagne:#D5AC83}
[data-page=home] header nav{gap:18px}
[data-page=home] header nav a{color:var(--color-nav-ivory);transition:color .18s ease}
[data-page=home] header nav a[aria-current=page],[data-page=home] header nav a:hover{color:var(--color-nav-champagne)}
[data-page=home] header nav a[aria-current=page]{text-decoration-color:var(--color-brass)}
[data-page=home] .hero img{object-position:center 54%}
[data-page=home] .intro{column-gap:7%}
[data-page=home] .intro .lead{margin-bottom:16px}
[data-page=home] .intro>div:last-child>p:not(.lead){margin-bottom:0}
[data-page=home] .intro .text-link{margin-top:24px}
[data-page=home] .project-grid{gap:30px}
[data-page=home] .project-card h3{font-size:clamp(20px,1.85vw,26px);margin:18px 0 6px}
[data-page=home] .project-card>a{transition:color .18s ease}
[data-page=home] .project-card>a:hover{color:var(--color-walnut);text-decoration:none}
[data-page=home] .project-card>a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
[data-page=home] .approach>div:last-child{max-width:52ch}
[data-page=home] .approach .statement{margin-bottom:20px}
[data-page=home] .approach>div:last-child>p:not(.statement){margin-bottom:22px}
[data-page=home] .home-service{column-gap:20px;grid-template-columns:40px minmax(0,.95fr) minmax(0,1.25fr)}
[data-page=home] footer{padding-top:clamp(44px,5vw,72px)}
[data-page=home] .footer-top{padding-bottom:38px}
@media(max-width:850px){
 [data-page=home] .intro{row-gap:28px}
 [data-page=home] .project-grid{gap:20px}
 [data-page=home] .home-service{grid-template-columns:30px minmax(0,1fr);column-gap:16px}
 [data-page=home] header nav{gap:8px}
}
@media(max-width:600px){
 [data-page=home] .hero img{object-position:44% center}
 [data-page=home] .project-grid{gap:32px}
}
@media(prefers-reduced-motion:reduce){[data-page=home] header nav a,[data-page=home] .project-card>a{transition:none}}

/* Final text hierarchy and restrained section spacing. */
[data-page=home]{--home-heading:#302820;--home-body:#40372F;--home-label:#765B46;--home-rule:#B09363;--home-inverse:#F2EEE6}
[data-page=home] :is(.intro,.home-projects,.home-services,.process-home){color:var(--home-body)}
[data-page=home] :is(.intro,.home-projects,.home-services,.process-home) :is(h1,h2,h3){color:var(--home-heading);font-family:var(--sans);font-weight:400;letter-spacing:.01em}
[data-page=home] :is(.intro,.home-projects,.home-services,.process-home) p{color:var(--home-body)}
[data-page=home] :is(.intro,.home-projects,.home-services,.process-home) .eyebrow,[data-page=home] .project-card .location{color:var(--home-label)}
[data-page=home] .service-number,[data-page=home] .process-home .step .number{color:var(--home-label)}
[data-page=home] .text-link,[data-page=home] .home-service,[data-page=home] .step,[data-page=home] .section-head{border-color:var(--home-rule)}
[data-page=home] .approach{padding-top:clamp(52px,5.5vw,80px);padding-bottom:clamp(48px,5vw,72px)}
[data-page=home] .approach :is(h2,p,a),[data-page=home] footer{color:var(--home-inverse)}
[data-page=home] .home-service{padding-block:22px}
[data-page=home] .process-home{padding-bottom:clamp(48px,5vw,72px)}
[data-page=home] .steps{margin-bottom:26px}
[data-page=home] footer{padding-top:clamp(40px,4.4vw,64px)}
[data-page=home] .footer-top{padding-bottom:33px}
[data-page=home] .footer-bottom{padding-block:14px;min-height:48px}

/* Match the shared compact footer proportions. */
[data-page=home] footer{padding-top:clamp(36px,4vw,56px)}
[data-page=home] .footer-top{padding-bottom:28px}
[data-page=home] .footer-bottom{padding-block:12px;min-height:44px}

body[data-page=home] .intro-keep-together{white-space:nowrap}

/* Slightly more restrained homepage introduction heading. */
body[data-page=home] #main .intro h1{font-size:clamp(36px,4.15vw,60px)!important}
@media(max-width:850px){body[data-page=home] #main .intro h1{font-size:36px!important}}

body[data-page=home] .services-keep-together{white-space:nowrap}

/* Targeted Approach refinement: heading scale, surfaces and link stay unchanged. */
body[data-page=home] #main .approach>div:last-child>p{font-size:calc(var(--type-body) * .94)!important;line-height:1.75}
body[data-page=home] #main .approach .statement{margin-bottom:16px}
body[data-page=home] #main .approach>div:last-child>p:not(.statement){margin-bottom:18px}
@media(min-width:851px){body[data-page=home] #main .approach>div:last-child{position:relative;top:14px}}

/* Homepage Design Services: concise copy and restrained editorial hierarchy. */
body[data-page=home] #main .home-services .section-head{align-items:center}
body[data-page=home] #main .home-services .services-lead{max-width:60ch;line-height:1.7}
body[data-page=home] #main .home-services .home-service{padding-block:20px}
body[data-page=home] #main .home-services .home-service p{font-size:calc(var(--type-body) * .94)!important;line-height:1.7;color:color-mix(in srgb,var(--color-espresso-brand) 88%,var(--color-ivory))}

body[data-page=home] .services-preferred-phrase{white-space:nowrap}

/* Trim excess background above the homepage Approach content. */
body[data-page=home] #main .approach{padding-top:clamp(36px,4vw,56px)}

/* Getting Started-only refinement: preserve five columns, tones and CTA treatment. */
body[data-page=home] #main .process-home{padding-block:calc(var(--section-space) * .9)}
body[data-page=home] #main .process-home .steps{margin-top:30px;margin-bottom:24px}
body[data-page=home] #main .process-home .step p{font-size:calc(var(--type-body) * .94)!important;line-height:1.7;color:color-mix(in srgb,var(--color-espresso-brand) 90%,var(--color-ivory))}
body[data-page=home] #main .process-home .actions{align-items:center}
@media(max-width:600px){body[data-page=home] #main .process-home .actions{flex-wrap:wrap;gap:22px}body[data-page=home] #main .process-home .actions .button{margin-left:auto}}