.page_hero{position:relative;overflow:hidden;background:var(--navy)}
/* Base padding clears the fixed nav; editors can override via the ACF padding fields. */
.page_hero .container{padding-top:160px;padding-bottom:80px}
.page_hero::before{content:"";position:absolute;top:0;right:0;width:50%;height:50%;background:radial-gradient(ellipse at top right,rgba(175,90,47,0.16),transparent 70%);pointer-events:none}

.page_hero .breadcrumb{margin-bottom:32px;position:relative;z-index:2}
.page_hero .eyebrow{margin-bottom:24px}

.page_hero_grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}
.page_hero h1{margin-bottom:30px}
.page_hero .lead{margin-bottom:36px}
.page_hero_actions{display:flex;gap:16px;flex-wrap:wrap}

.page_hero_media{height:560px;border-radius:8px;overflow:hidden;position:relative}
.page_hero_media img{width:100%;height:100%;object-fit:cover;filter:saturate(0.92) contrast(1.02)}
.page_hero_media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(31,41,53,0.45) 100%);pointer-events:none}
.page_hero_media .badge{position:absolute;bottom:30px;left:30px;z-index:2}

@media(max-width:900px){
  .page_hero .container{padding-top:120px}
  .page_hero_grid{grid-template-columns:1fr;gap:40px}
  .page_hero_media{height:380px}
}