* { box-sizing: border-box; }
html { min-height: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background: #f7f2e9;
  color: #263f3b;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}
.shell {
  width: min(100% - 2rem, 38rem);
  padding: 3rem 1rem;
  text-align: center;
}
.mark { color: #b3664d; font-size: 5rem; line-height: 1; }
.eyebrow { margin: 1.5rem 0 .5rem; color: #956c3f; font-size: .83rem; letter-spacing: .18em; text-transform: uppercase; }
h1 { font-size: clamp(2.3rem, 9vw, 4.2rem); line-height: 1.1; margin: 0 0 1.3rem; letter-spacing: -.045em; }
.description { max-width: 31rem; margin: 0 auto; font-size: clamp(1rem, 3.5vw, 1.18rem); line-height: 1.7; }
.status { display: inline-flex; align-items: center; gap: .6rem; border: 1px solid #d6c9b8; border-radius: 999px; padding: .7rem 1rem; margin-top: 2rem; font-size: .9rem; }
.dot { display: block; width: .55rem; height: .55rem; border-radius: 100%; background: #b8753c; }