/* Full-color corporate lockup treatment */
body {
  background: rgb(0, 1, 2);
  background-image: none;
}

.site-header,
.hero,
footer {
  background: rgb(0, 1, 2);
}

.brand-lockup img,
footer img,
.hero-emblem img {
  mix-blend-mode: normal;
}

.hero {
  grid-template-columns: minmax(440px, 0.95fr) 1fr;
}

.hero-emblem img {
  width: 320px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.site-header nav a,
.update-button,
.hero h1,
.section h2,
.updates h2,
.principles b {
  font-family: Michroma, "DM Mono", monospace;
}

.site-header nav a,
.update-button {
  letter-spacing: 0.04em;
}

.hero h1 {
  font-size: clamp(24px, 2.6vw, 36px);
  line-height: 1.55;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.section h2,
.updates h2 {
  font-size: clamp(20px, 2vw, 27px);
  line-height: 1.45;
  letter-spacing: 0.025em;
}

@media (max-width: 820px) {
  .hero-emblem img {
    width: 260px;
    max-width: 100%;
    margin: 0;
  }

  .hero h1 {
    font-size: 21px;
  }
}