:root {
  --color-bg: #fbfaf8;
  --color-navy: #050e27;
  --color-copper: #b25a38;
  --color-muted: #6b6b6f;
  --space-edge: clamp(24px, 5vw, 48px);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-navy);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-edge);
}

.logo {
  display: block;
  height: clamp(72px, 10vw, 120px);
  width: auto;
}

.coming-soon-bottom {
  margin: 1.25rem 0 0;
  text-align: center;
  font-size: clamp(0.7rem, 1.2vw, 0.8rem);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--color-muted);
}