.hero{min-height:330px;position:relative;display:flex;align-items:center;color:#fff;isolation:isolate;background:#2b2d20 url('../assets/hero-background-clean.jpg') center center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,11,8,.88) 0%,rgba(10,11,8,.70) 39%,rgba(10,11,8,.10) 76%,rgba(10,11,8,.02) 100%)}
.hero-content{position:relative;z-index:1;width:min(1240px,100%);margin:0 auto;padding:36px clamp(24px,4vw,54px)}
.hero .eyebrow{font-family:'Playfair Display',Georgia,serif;font-size:14px;letter-spacing:.5px;margin-bottom:12px}
.hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(32px,4.2vw,48px);line-height:1.02;letter-spacing:.1px;margin:0;max-width:670px;font-weight:700}
.headline-white{color:#fff}.headline-gold{color:var(--gold)}
.hero-rule{display:block;width:42px;height:2px;background:var(--gold);margin:13px 0 11px}
.hero-copy{margin:0;max-width:460px;font-family:'Playfair Display',Georgia,serif;font-size:15px;line-height:1.5;color:#f4eee3}
@media(max-width:700px){.hero{min-height:360px;background-position:60% center}.hero-content{padding:34px 20px}.hero h1{font-size:clamp(29px,7vw,37px)}.hero-copy{font-size:14px}.desktop-break{display:none}}