@font-face {
  font-family: Satoshi;
  src: url('/assets/fonts/Satoshi-Regular.otf') format('opentype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  color-scheme: dark;
  background: #070809;
  color: #f9f9f9;
  font-family: Satoshi, sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; text-underline-offset: 5px; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 7px; border-radius: 2px; }
.landing {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  grid-template-rows: 1fr;
}
.coming-soon {
  align-self: center;
  justify-self: center;
  padding: 64px 24px;
  text-align: center;
}
.identity { display: flex; flex-direction: column; align-items: center; }
.brand-mark { width: clamp(168px, 24vw, 220px); height: auto; display: block; }
.brand-wordmark { width: clamp(194px, 27vw, 250px); height: auto; display: block; margin-top: 3px; }
h1 { font-size: 18px; line-height: 1.5; font-weight: 400; margin: 30px 0 0; color: rgb(249 249 249 / 68%); }
.legal { max-width: 620px; padding: 64px 28px 80px; margin: 0 auto; font-size: 16px; line-height: 1.65; }
.legal .back { display: inline-block; color: rgb(249 249 249 / 68%); font-size: 14px; margin-bottom: 64px; }
.legal h1 { color: inherit; font-size: 32px; line-height: 1.2; margin: 0 0 36px; }
.legal h2 { font-size: 16px; font-weight: 400; margin: 28px 0 8px; }
.legal p { margin: 0 0 20px; color: rgb(249 249 249 / 80%); }
.legal address { font-style: normal; }
@media (max-height: 500px) {
  .coming-soon { padding-top: 28px; padding-bottom: 12px; }
  .brand-mark { width: 120px; }
  .brand-wordmark { width: 174px; }
  h1 { margin-top: 18px; }
}