@font-face {
  font-family: "Libre Caslon Display";
  src: url("fonts/LibreCaslonDisplay-Regular.woff2") format("woff2");
  font-display: swap;
}
html { height: 100%; background: #99C9F2; }
body {
  margin: 0;
  min-height: 100%;
  display: grid;
  align-items: end;
  justify-items: center;
  /* The still meadow of the site: the text sits in the light clearing under the flower. */
  background: #99C9F2 url("img/hero-day.webp") center / cover no-repeat;
  color: #1E2329;
  font: 17px/1.4 -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  text-align: center;
}
@media (max-aspect-ratio: 1/1) { body { background-image: url("img/hero-day-tall.webp"); } }
main { padding: 0 16px 22vh; }
h1 { margin: 0; font: 400 clamp(48px, 9vw, 96px)/1 "Libre Caslon Display", Georgia, serif; }
p { margin: 12px 0 0; color: rgb(30 35 41 / 0.78); }
a { color: inherit; }