html,
body {
  margin: 0;
  min-height: 100%;
  background: #5e688c;
  color: #f1f0ec;
}
body {
  display: grid;
  min-height: 100vh;
  min-height: 100dvh;
}
main {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 32px;
  padding: 12vh 16px 48px;
  text-align: center;
}
.hero {
  display: block;
  width: min(420px, 80vw);
  height: auto;
  max-height: 50vh;
  object-fit: contain;
}
h1 {
  margin: 0;
  font: 400 clamp(40px, 8vw, 84px) / 1.05 "Instrument Serif", Georgia, serif;
  letter-spacing: -0.01em;
}
h1 em {
  font-style: italic;
}