.brand-lockup { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.brand-lockup img { width: 217px; height: auto; display: block; }
.brand-lockup > span { font-size: 10px; letter-spacing: 1.2px; margin-left: 5px; }
header { height: 125px; }
.footer-lockup img { width: 175px; }
.footer-lockup > span { font-size: 8px; }
.mission.section { padding-top: 15px; padding-bottom: 95px; }
.mission-wrap { background: #eee5ff; border: 1.5px solid var(--ink); border-radius: 20px; padding: 45px; }
.mission-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 50px; align-items: start; }
.mission-intro h2 { font-size: clamp(42px, 4vw, 57px); margin-top: 25px; }
#mission-title { font-size: clamp(32px, 3.6vw, 48px); }
.mission-tagline { font-family: 'Space Grotesk', sans-serif; color: #7951cc; font-size: 23px; font-weight: 700; line-height: 1.3; margin-bottom: 20px; }
.mission-short { max-width: 260px; font-size: 15px; color: #625b72; }
.mission-statement h3 { font: 700 24px/1.2 'Space Grotesk', sans-serif; margin: 0 0 20px; }
.mission-statement p { color: #514660; font-size: 14px; margin: 0 0 16px; line-height: 1.8; }
.mission-statement p:first-of-type { font-size: 17px; color: var(--ink); line-height: 1.7; }
.code-block { border-top: 1px solid #cfc0e8; margin-top: 35px; padding-top: 30px; }
.code-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 25px; margin-bottom: 27px; }
.code-heading h3 { font: 700 34px/1.15 'Space Grotesk', sans-serif; letter-spacing: -1.3px; margin: 0; }
.code-heading p { font-size: 12px; color: #625b72; margin: 0; }
.explorer-code { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 35px; counter-reset: code; }
.explorer-code li { counter-increment: code; display: flex; align-items: start; gap: 13px; }
.explorer-code li::before { content: counter(code, decimal-leading-zero); flex: 0 0 31px; height: 31px; border-radius: 50%; background: var(--ink); color: var(--lime); display: grid; place-items: center; font-size: 10px; font-weight: 800; }
.explorer-code h4 { font: 700 17px/1.35 'Space Grotesk', sans-serif; margin: 3px 0 7px; }
.explorer-code p { font-size: 13px; line-height: 1.7; color: #625b72; margin: 0; }
.mission-closing { padding: 23px 20px; border-radius: 10px; border: 1px solid var(--ink); background: var(--lime); text-align: center; font: 700 21px/1.45 'Space Grotesk', sans-serif; margin: 38px 0 0; }
@media (max-width: 1000px) and (min-width: 801px) {
  .brand-lockup img { width: 185px; }
  .mission-wrap { padding: 32px; }
  .mission-layout { gap: 30px; }
  .code-heading { display: block; }
  .code-heading p { margin-top: 12px; }
}
@media (max-width: 800px) {
  header { height: 110px; }
  .brand-lockup img { width: 190px; }
  .brand-lockup > span { font-size: 8px; }
  .mission.section { padding-top: 0; padding-bottom: 60px; }
  .mission-wrap { padding: 28px 23px; }
  .mission-layout { grid-template-columns: 1fr; gap: 25px; }
  .mission-short { max-width: none; }
  .mission-intro h2 { margin-bottom: 15px; }
  #mission-title { font-size: clamp(32px, 8.5vw, 40px); }
  .mission-tagline { margin-top: 0; }
  .code-heading { display: block; }
  .code-heading h3 { font-size: 30px; }
  .code-heading p { margin-top: 12px; }
  .explorer-code { grid-template-columns: 1fr; gap: 25px; }
  .mission-closing { font-size: 19px; }
  .footer-lockup { align-items: center; }
}
@media (max-width: 420px) {
  .brand-lockup img { width: 156px; }
  .brand-lockup > span { font-size: 7px; letter-spacing: .6px; }
  nav .small-button { padding: 11px 13px; font-size: 12px; }
  .mission-wrap { padding: 25px 19px; }
  .mission-intro h2 { font-size: 40px; }
}

/* Give the header logo more presence while keeping room for navigation. */
header .brand-lockup img { width: 260px; }
@media (max-width: 1000px) and (min-width: 801px) { header .brand-lockup img { width: 215px; } }
@media (max-width: 800px) { header .brand-lockup img { width: 205px; } }
@media (max-width: 420px) { header .brand-lockup img { width: min(174px, 46vw); } }