/* Inner-page hero banner - matches the blog banner (photo, navy overlay, gold line, gold label, serif title) */
.msa-hero{position:relative;overflow:hidden;background:#0A1F44;color:#fff;border-bottom:3px solid #D4AF37;isolation:isolate}
.msa-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.msa-hero-overlay{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(2,23,54,.95) 0%,rgba(10,31,68,.84) 40%,rgba(10,31,68,.50) 75%,rgba(10,31,68,.35) 100%),
             linear-gradient(0deg,rgba(2,23,54,.55) 0%,rgba(2,23,54,0) 45%)}
.msa-hero-inner{padding:110px 0 100px;max-width:700px}
.msa-hero-eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#D4AF37;margin-bottom:18px}
.msa-hero-eyebrow::before{content:"";width:42px;height:1px;background:#D4AF37}
.msa-hero-title{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:58px;line-height:1.12;color:#fff;margin:0}
.msa-hero-sub{margin:18px 0 0;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:19px;line-height:1.6;color:rgba(255,255,255,.85);max-width:560px}
@media (max-width:991.98px){.msa-hero-inner{padding:90px 0 80px}.msa-hero-title{font-size:46px}}
@media (max-width:575.98px){.msa-hero-inner{padding:70px 0 60px}.msa-hero-eyebrow{font-size:11px;letter-spacing:.16em;gap:10px}.msa-hero-eyebrow::before{width:26px}.msa-hero-title{font-size:36px}.msa-hero-sub{font-size:16px}
  .msa-hero-overlay{background:linear-gradient(0deg,rgba(2,23,54,.9) 0%,rgba(10,31,68,.78) 100%)}}
/* Soft variant for banner images that are already navy-toned */
.msa-hero--soft .msa-hero-overlay{background:linear-gradient(90deg,rgba(2,23,54,.82) 0%,rgba(10,31,68,.45) 45%,rgba(10,31,68,.08) 80%)}
.msa-hero--soft .msa-hero-img{object-position:right center}