/* Color system is now included directly in style.css */

/* Full-width homepage banner. Sage is visible outside cream content panels. */
body{background-color:#E7E9DD!important}
.home-banner{position:relative;width:100%;height:clamp(300px,42vw,560px);overflow:hidden;background:#6b6d57}
.home-banner>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%}
.home-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,26,21,.64) 0%,rgba(29,26,21,.24) 56%,rgba(29,26,21,.05) 100%)}
.home-banner-label{position:absolute;top:50%;left:max(24px,calc((100vw - 1120px)/2));transform:translateY(-50%);max-width:min(690px,75vw);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.home-banner-label h1{color:#fff;font-size:clamp(2.1rem,5.4vw,4.8rem);line-height:1.13;margin:10px 0}
.home-banner-label p{font-size:clamp(1.05rem,2.3vw,1.65rem);margin:0;color:#fff}
.home-banner-label .eyebrow{color:#f7dca9}
.home-welcome{text-align:center;padding-top:48px;padding-bottom:44px}
.home-welcome h2{margin:4px 0 14px}
.home-welcome p{max-width:720px;margin:0 auto 18px}
.home-welcome .hero-actions{justify-content:center}
@media(max-width:650px){.home-banner{height:380px}.home-banner-shade{background:linear-gradient(90deg,rgba(29,26,21,.67),rgba(29,26,21,.25))}.home-banner-label{max-width:88vw}.home-banner>img{object-position:62% center}}

/* Compact, content-first banner sizing, 2026-10-24 */
.home-banner{height:clamp(260px,30vw,405px)}
.home-banner-label h1{font-size:clamp(1.9rem,4.25vw,3.65rem)}
.home-banner-label p{font-size:clamp(1rem,1.8vw,1.35rem)}
.page-hero-image{height:205px}
.page-hero-copy{padding:20px 26px 22px}
.page-hero-copy h1{font-size:clamp(1.85rem,3.55vw,3.2rem)}
@media(max-width:650px){.home-banner{height:285px}.page-hero-image{height:170px}.page-hero-copy{padding:18px 20px}}

/* Lighter home hero while preserving readable white lettering */
.home-banner-shade{background:linear-gradient(90deg,rgba(29,26,21,.49) 0%,rgba(29,26,21,.16) 56%,rgba(29,26,21,.03) 100%)}
@media(max-width:650px){.home-banner-shade{background:linear-gradient(90deg,rgba(29,26,21,.55),rgba(29,26,21,.18))}}