/* Dedicated secondary-page heroes; homepage styles are intentionally independent. */
.landing-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff8ee;height:min(800px,58vw);min-height:580px}
.landing-hero>img{position:absolute;top:0;width:78%;height:100%;object-fit:cover;object-position:center top;z-index:-2}
.landing-hero:after{content:'';position:absolute;inset:0;z-index:-1}
.landing-hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;padding:55px 4%}
.landing-hero h1{font-size:clamp(42px,3.5vw,60px);line-height:1.12;letter-spacing:-.035em}
.landing-hero .eyebrow{color:#fff2df;letter-spacing:.16em}
.projects-hero{background:#817365}
.projects-hero>img{left:0;object-position:left top}
.projects-hero:after{background:linear-gradient(90deg,transparent 52%,rgba(129,115,101,.08) 60%,rgba(129,115,101,.64) 74%,#817365 87%)}
.projects-hero .landing-hero-copy{width:34%;margin-left:auto;padding-left:2%;padding-right:4%}
.services-hero{background:#9b8976}
.services-hero>img{right:0;object-position:right top}
.services-hero:after{background:linear-gradient(90deg,#9b8976 0%,rgba(155,137,118,.97) 17%,rgba(155,137,118,.78) 29%,rgba(155,137,118,.16) 47%,transparent 60%)}
.services-hero .landing-hero-copy{width:39%;padding-left:5%;padding-right:2%}
@media(max-width:1000px){.landing-hero{height:640px;min-height:0}.landing-hero h1{font-size:42px}.projects-hero .landing-hero-copy{width:40%}.services-hero .landing-hero-copy{width:45%}.landing-hero>img{width:85%}}
@media(max-width:640px){.landing-hero{height:auto;min-height:0;padding-top:76vw}.landing-hero>img{width:100%;height:76vw;object-fit:cover}.landing-hero .landing-hero-copy{width:100%;margin:0;padding:35px 7% 45px;height:auto}.landing-hero h1{font-size:42px}.landing-hero .eyebrow{margin-bottom:16px}.projects-hero:after{background:linear-gradient(180deg,transparent 28%,rgba(129,115,101,.1) 40%,#817365 62%)}.services-hero:after{background:linear-gradient(180deg,transparent 28%,rgba(155,137,118,.1) 40%,#9b8976 62%)}}
@media(min-width:1001px){.projects-hero .landing-hero-copy{width:29%;padding-left:1%;padding-right:3%}.projects-hero h1{font-size:clamp(40px,3.25vw,56px)}.projects-hero:after{background:linear-gradient(90deg,transparent 59%,rgba(129,115,101,.08) 66%,rgba(129,115,101,.6) 73%,#817365 78%)}}
@media(min-width:641px){.services-hero:after{background:linear-gradient(90deg,#9b8976 0%,#9b8976 22%,rgba(155,137,118,.76) 32%,rgba(155,137,118,.16) 48%,transparent 61%)}}
/* October 6: shift text inside the existing gradient fields. */
@media(min-width:1001px){.projects-hero .landing-hero-copy{width:26%;padding-left:1%;padding-right:2%}.services-hero .landing-hero-copy{width:29%;padding-left:2%;padding-right:1%}.services-hero:after{background:linear-gradient(90deg,#9b8976 0%,#9b8976 22%,rgba(155,137,118,.48) 29%,rgba(155,137,118,.08) 39%,transparent 47%)}}
@media(min-width:641px) and (max-width:1000px){.projects-hero .landing-hero-copy{padding-left:4%;padding-right:2%}.services-hero .landing-hero-copy{padding-left:2%;width:35%}}
.landing-hero .landing-support{font-size:14px;line-height:1.6;margin-top:24px;max-width:360px}
/* Services headline refinement only; keep the approved hero composition. */
.services-hero h1{font-size:clamp(34px,2.87vw,49px);line-height:1.16;text-wrap:balance}
@media(max-width:1000px){.services-hero h1{font-size:34px}}
@media(max-width:640px){.services-hero h1{font-size:clamp(30px,8.7vw,36px)}}
