.mission {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: clamp(40px, 7vw, 96px);
  padding: 95px clamp(24px, 7vw, 110px);
  color: #fff;
  background: linear-gradient(140deg, #182d35, #073c49 64%, #07533f);
  border-top: 8px solid var(--gold);
}

.mission::after {
  content: "MISSION";
  position: absolute;
  right: -.04em;
  bottom: -.19em;
  color: #ffffff08;
  font: 900 clamp(7rem, 19vw, 19rem) Georgia, serif;
  pointer-events: none;
}

.mission-intro,
.mission-pillars { position: relative; z-index: 1; }
.mission .eyebrow { color: var(--gold); }

.mission h2 {
  margin: .2em 0 .45em;
  color: #fff;
  font: clamp(2.8rem, 5vw, 5.3rem)/.98 Georgia, serif;
  letter-spacing: -.04em;
}

.mission-intro > p:not(.eyebrow) {
  color: #d9ece8;
  font-size: 1.05rem;
  line-height: 1.75;
}

.mission-intro .mission-lead {
  color: #fff;
  font: 1.35rem/1.55 Georgia, serif;
}

.mission-button {
  margin-top: 18px;
  background: var(--gold);
  color: var(--navy);
}

.mission-pillars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.mission-pillars article {
  min-height: 225px;
  padding: 25px;
  border: 1px solid #ffffff24;
  border-radius: 18px;
  background: #ffffff0d;
}

.mission-pillars span { color: var(--gold); font-weight: 900; }
.mission-pillars h3 { margin: 28px 0 8px; color: #fff; font: 1.42rem Georgia, serif; }
.mission-pillars p { margin: 0; color: #d9ece8; line-height: 1.6; }

@media (max-width: 960px) {
  .mission { grid-template-columns: 1fr; }
}

@media (max-width: 1280px) {
  .site-header nav {
    display: none;
    position: absolute;
    top: 82px;
    left: 0;
    right: 0;
    padding: 22px;
    background: #fff;
    flex-direction: column;
    align-items: stretch;
  }
  .site-header nav.open { display: flex; }
  .menu {
    display: block;
    border: 1px solid var(--navy);
    background: #fff;
    border-radius: 20px;
    padding: 9px 14px;
  }
}

@media (max-width: 560px) {
  .mission { padding: 72px 20px; }
  .mission-pillars { grid-template-columns: 1fr; }
  .mission-pillars article { min-height: 0; }
}