/* --- TYPEFACE SHORTCUTS --- */
.font-montserrat {
  font-family: 'Montserrat', sans-serif;
}
.font-cinzel {
  font-family: 'Cinzel', serif;
}
.tracking-wider {
  letter-spacing: 1px;
}
.tracking-widest {
  letter-spacing: 3px;
}
.lh-relaxed {
  line-height: 1.65;
}

/* --- HERO STYLE MATRIX --- */
.mission-hero-section {
  background: linear-gradient(rgba(11, 37, 69, 0.88), rgba(11, 37, 69, 0.93)), 
              url('../images/hero-img3.jpg') no-repeat center center;
  background-size: cover;
  min-height: 280px;
}
.hero-divider {
  width: 60px;
  height: 3px;
  background-color: var(--accent-gold);
}
.text-light-gold {
  color: #fce9d5;
}

/* --- COMPONENT STYLES --- */
.pillar-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #ffffff;
}
.pillar-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

.icon-box {
  width: 55px;
  height: 55px;
  flex-shrink: 0;
}

/* ALPHA BACKGROUND LAYER FALLBACKS */
.bg-light-green-10 {
  background-color: rgba(19, 123, 108, 0.1);
}
.bg-primary-blue-10 {
  background-color: rgba(11, 37, 69, 0.1);
}
.bg-accent-gold-10 {
  background-color: rgba(204, 129, 48, 0.1);
}

.activity-badge {
  background-color: #f1f5f9 !important;
  color: var(--primary-blue) !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 11px !important;
  padding: 6px 10px !important;
  border: 1px solid #e2e8f0;
  white-space: normal;
  text-align: left;
}

/* --- MOBILE OPTIMIZATION ADJUSTMENTS --- */
@media (max-width: 767.98px) {
  .mission-hero-section {
    min-height: 240px;
    padding: 40px 0 !important;
  }
  .mission-hero-section h1 {
    font-size: 1.75rem;
  }
  .mission-hero-section .lead {
    font-size: 1rem;
  }
  .pillar-card .card-body {
    padding: 24px !important;
  }
}