:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", "PingFang SC", sans-serif;
  color: #f6f2e8;
  background: #111a21;
}

* {
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 82% 16%, rgb(239 128 70 / 24%), transparent 22rem),
    radial-gradient(circle at 12% 90%, rgb(61 155 145 / 18%), transparent 24rem),
    #111a21;
}

main {
  width: min(100% - 2.5rem, 64rem);
  margin-inline: auto;
  padding: clamp(4rem, 11vw, 8.5rem) 0;
}

.eyebrow {
  margin: 0 0 1.2rem;
  color: #f0a178;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.status {
  display: inline-flex;
  margin: 0;
  padding: 0.38rem 0.72rem;
  border: 1px solid rgb(113 218 199 / 38%);
  border-radius: 999px;
  color: #a8eadc;
  background: rgb(77 168 151 / 10%);
  font-size: 0.82rem;
  font-weight: 750;
}

h1 {
  max-width: 11ch;
  margin: 1.2rem 0;
  font-family: Georgia, "Songti SC", serif;
  font-size: clamp(3.4rem, 10vw, 7.8rem);
  font-weight: 520;
  letter-spacing: -0.055em;
  line-height: 0.96;
}

.lede {
  max-width: 40rem;
  color: #bdc9ce;
  font-size: clamp(1rem, 2.5vw, 1.22rem);
  line-height: 1.8;
}

dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 12rem));
  gap: 1rem;
  margin-top: 3rem;
}

dl div {
  padding-top: 0.8rem;
  border-top: 1px solid rgb(255 255 255 / 16%);
}

dt {
  color: #7f929a;
  font-size: 0.78rem;
}

dd {
  margin: 0.3rem 0 0;
  font-weight: 720;
}

@media (max-width: 520px) {
  dl {
    grid-template-columns: 1fr;
  }
}