/* Homepage service entry points; the model catalogue retains its existing controls. */
.site-header{flex-wrap:wrap}
.site-header nav{gap:22px;flex-wrap:wrap}
.site-header nav>a::before{content:none}
.site-name{white-space:nowrap;letter-spacing:-.04em}
.service-hero{position:relative;isolation:isolate;overflow:hidden;margin:24px 0 8px;border-radius:24px;min-height:560px;display:flex;align-items:center;background:#e5e0d6}
.service-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
.service-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,248,244,.98),rgba(250,248,244,.9) 34%,rgba(250,248,244,.12) 72%)}
.service-hero-copy{padding:48px;max-width:650px}
.service-eyebrow{font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin:0 0 24px;color:#526051}
.service-hero h1{font-size:clamp(36px,4.2vw,62px);line-height:1.05;letter-spacing:-.055em;font-weight:650;margin:0 0 24px}
.service-description{font-size:16px;line-height:1.65;max-width:440px;color:#424d42;margin:0 0 28px}
.service-actions{display:flex;gap:10px;flex-wrap:wrap}
.service-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #9ba697;border-radius:100px;background:#faf8f4e8;padding:12px 20px;font-size:14px;font-weight:550;text-align:center}
.service-action-primary{background:#063d1d;color:#fff;border-color:#063d1d}
.service-action:hover{background:#edf3e9;color:#063d1d}
.catalog-purpose{margin:28px 0 0;padding:24px;border:1px solid #cdd4c7;border-radius:18px;background:#edf2e8;scroll-margin-top:20px}
.catalog-purpose h2{font-size:24px;margin:0 0 10px;letter-spacing:-.03em}
.catalog-purpose p{font-size:15px;line-height:1.6;margin:0 0 12px;color:#526051}
.catalog-purpose a{text-decoration:underline;font-size:13px}
@media(max-width:700px){
 .site-header{gap:18px}.site-header nav{gap:8px 18px;width:100%;font-size:13px}.site-header nav>a{display:inline-flex;padding:8px 0}
 .service-hero{margin-top:20px;min-height:620px;align-items:flex-start;border-radius:18px}
 .service-hero-copy{padding:28px 22px}.service-hero h1{font-size:36px}.service-eyebrow{font-size:10px;margin-bottom:20px}
 .service-description{font-size:14px}.service-actions{gap:8px}.service-action{font-size:13px;padding:11px 16px}
 .service-hero-image{object-position:60% bottom}.service-hero::before{background:linear-gradient(180deg,#faf8f4f7 0%,#faf8f4ed 50%,#faf8f400 85%)}
 .catalog-purpose{padding:20px}.catalog-purpose h2{font-size:22px}
}

.site-name img{display:block;width:220px;max-width:100%;height:auto}
.header-phone{font-size:15px;font-weight:600;white-space:nowrap;padding:12px 0}
@media(min-width:701px){.site-header{gap:16px}.site-header nav{gap:18px;font-size:13px}.site-name{flex:none}}
@media(max-width:1100px) and (min-width:701px){.site-header nav{order:3;width:100%;justify-content:flex-end}}
@media(max-width:700px){.site-name img{width:178px}.site-header nav{order:3}.header-phone{font-size:13px;padding:0}.site-header{gap:12px}}
@media(max-width:360px){.site-name img{width:150px}.header-phone{font-size:12px}}

/* Keep contact details beside the brand and service navigation at the right edge. */
.site-header{justify-content:flex-start;column-gap:24px}
.site-header nav{margin-left:auto;justify-content:flex-end}
.catalog-filters button[aria-pressed=true]{background:#063d1d;border-color:#063d1d;color:#fff}
@media(max-width:700px){.site-header{column-gap:12px}.site-header nav{justify-content:flex-start}.header-phone{margin-left:auto}}
