/* ============================================================
   ENDOWMENT MANAGEMENT PAGE STYLES
   loaded only on /how-we-help/endowment-management/
   Shares the same dark hero / serif-headline language as the
   Comprehensive Planning page for a consistent "How We Help"
   family look, but its own file since the content shape here
   (a short intro + a 3-up feature grid) is simpler.
   ============================================================ */

.em-serif{
  font-family:'Crimson Pro', Georgia, 'Times New Roman', serif;
}

/* ---------------- HERO ---------------- */
.em-hero{
  position:relative;
  background:var(--navy);
  overflow:hidden;
  padding:88px 0 96px;
}
.em-hero::before{
  content:"";
  position:absolute; top:-30%; right:-10%;
  width:640px; height:640px; border-radius:50%;
  background:radial-gradient(circle, rgba(122,150,224,.20) 0%, rgba(122,150,224,0) 68%);
  pointer-events:none;
}
.em-hero::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.18) 50%, rgba(255,255,255,0) 100%);
}
.em-hero .wrap{ position:relative; z-index:1; }
.em-crumb{
  display:flex; align-items:center; gap:8px;
  font-size:12.5px; font-weight:600; color:rgba(255,255,255,.55);
  margin:0 0 22px;
}
.em-crumb a{ color:rgba(255,255,255,.8); }
.em-crumb a:hover{ color:#fff; }
.em-crumb .sep{ opacity:.5; }
.em-hero-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:12.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:#9fb2e4; margin:0 0 22px;
}
.em-hero-eyebrow::before{ content:""; width:22px; height:1px; background:#7f9be0; }
.em-hero h1{
  font-weight:600; line-height:1.16; letter-spacing:-.01em;
  font-size:clamp(32px,4.4vw,52px);
  color:#fff; margin:0 0 22px; max-width:760px;
}
.em-hero-lead{
  font-size:17px; line-height:1.75; color:rgba(255,255,255,.8); max-width:640px; margin:0 0 34px;
}
.em-hero .cta-btn{ margin-top:2px; }

@media (max-width:700px){
  .em-hero{ padding:60px 0 64px; }
}

/* ---------------- INTRO STATEMENT ---------------- */
.em-intro{
  padding:96px 0 64px;
  text-align:center;
}
.em-intro .wrap{ max-width:820px; }
.em-intro h2{
  font-family:'Crimson Pro', Georgia, serif; font-weight:600;
  font-size:clamp(24px,3vw,34px); line-height:1.35; letter-spacing:-.005em;
  color:var(--navy); margin:0 0 20px;
}
.em-intro p{
  font-size:16px; line-height:1.85; color:var(--text-muted); margin:0;
}

@media (max-width:700px){
  .em-intro{ padding:64px 0 40px; }
}

/* ---------------- MISSION / FEATURE GRID SECTION ---------------- */
.em-mission{
  padding:64px 0 100px;
}
.em-mission .section-eyebrow{
  text-align:center;
  font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--blue-accent); margin:0 0 14px;
}
.em-mission h2{
  font-family:'Crimson Pro', Georgia, serif; font-weight:600;
  font-size:clamp(24px,2.8vw,32px); text-align:center; color:var(--navy);
  margin:0 0 56px;
}

@media (max-width:700px){
  .em-mission{ padding:8px 0 64px; }
  .em-mission h2{ margin-bottom:36px; }
}