:root {
  color-scheme: light;
  font-family: Arial, Helvetica, sans-serif;
  background: #faf7f2;
  color: #20201e;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  padding: clamp(24px, 5vw, 72px);
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.wordmark {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1px;
}
main { align-self: center; padding: 72px 0 80px; }
h1 {
  margin: 0;
  font-size: clamp(64px, 11vw, 160px);
  font-weight: 500;
  line-height: .91;
  letter-spacing: -.065em;
}
.accent { color: #ff5a1f; }
.message { margin: 32px 0 0; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.6; color: #65615b; }
.contact { margin: 38px 0 0; font-size: 14px; line-height: 1.6; color: #65615b; }
.contact a { color: #20201e; text-underline-offset: 4px; text-decoration-color: #ff5a1f; }
.contact a:hover { color: #b7370c; }
.contact a:focus-visible { outline: 2px solid #ff5a1f; outline-offset: 5px; }
footer { display: flex; align-items: center; gap: 28px; color: #65615b; font-size: 12px; }
.footer-line { height: 1px; background: #dcd7cf; flex: 1; }
@media (max-width: 480px) {
  h1 { font-size: clamp(54px, 17vw, 80px); }
  main { padding: 64px 0; }
}