.about-page { --background-color: #081a2b; --default-color: #fff; --heading-color: #fff; }
.about-page .executive-section { background: #081a2b; color: #fff; }
.about-page .about-section-alt { background: #0c2135; }
.about-page .executive-hero-image { object-position: 65% center; }
.about-mission-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.about-mission-image { display: block; width: 100%; height: auto; border-radius: 14px; }
.about-intro { margin: 24px 0; }
.about-mission-quote { border-left: 2px solid #dfbd79; padding-left: 24px; margin: 28px 0 0; }
.about-mission-quote blockquote { margin: 0 0 20px; }
.about-mission-quote blockquote p { font-size: 1.05rem; }
.about-mission-quote figcaption { color: #fff; font-weight: 600; }
.about-mission-quote figcaption span { display: block; color: #dfbd79; font-size: .8rem; margin-top: 4px; }
.about-values { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.about-solutions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.about-card { display: flex; flex-direction: column; background: #10263b; border: 1px solid rgba(223, 189, 121, .24); border-radius: 14px; padding: 28px; }
.about-card > i { color: #dfbd79; font-size: 1.8rem; margin-bottom: 22px; }
.about-card h3 { font-size: 1.2rem; margin: 0 0 14px; }
.about-card p { font-size: .95rem; margin-bottom: 0; }
.about-card a { display: flex; justify-content: space-between; gap: 12px; color: #dfbd79; margin-top: auto; padding-top: 24px; font-size: .9rem; }
.about-card a:hover { color: #fff; }
.about-contact { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; margin-top: 60px; padding-top: 40px; border-top: 1px solid rgba(223, 189, 121, .24); }
.about-contact h3 { font-size: 1.5rem; margin: 0 0 14px; }
.about-contact p { margin: 0; }
.about-contact .executive-actions { margin-top: 0; }
@media (max-width: 991.98px) {
  .about-values { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-mission-layout, .about-contact { grid-template-columns: 1fr; gap: 32px; }
  .about-solutions { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
  .about-values { grid-template-columns: 1fr; gap: 20px; }
  .about-card { padding: 24px; }
  .about-mission-quote { padding-left: 18px; }
  .about-contact { margin-top: 40px; }
}