/* Keep the landscape continuous; the exported SVG had a fixed 400px crop. */
footer {
  background: linear-gradient(180deg, rgba(4,24,28,0) 0%, rgba(4,24,28,.38) 30%, rgba(4,24,28,.78) 100%);
  border-top: 0;
  box-shadow: none;
  color: #edf3f1;
}
body {
  font-family: "DM Sans", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font-family: inherit; }
h1, h2, h3 { letter-spacing: -.035em; line-height: 1.15; font-weight: 500; }
main p { line-height: 1.7; }
footer p, footer a, footer .font-mono {
  font-family: "DM Sans", "Segoe UI", sans-serif;
  letter-spacing: .005em;
  line-height: 1.65;
}
footer .text-warm { color: #d1dfdb; }
footer .font-mono { font-variant-numeric: tabular-nums; }
footer a { text-underline-offset: .2em; }
footer > div > div > div { min-width: 0; }
footer p { overflow-wrap: anywhere; }
@media (max-width: 639px) {
  footer > div { padding-inline: 24px; }
  footer p, footer a { font-size: 14px; }
}