:root {
  color-scheme: dark;
  --frame-canvas: #181b18;
  --frame-ink: #eff1ec;
  --frame-muted: #aab0a7;
  --frame-accent: #91b79b;
  --frame-control-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --frame-reading-font: Charter, Georgia, "Times New Roman", serif;

  background: var(--frame-canvas);
  color: var(--frame-ink);
  font-family: var(--frame-control-font);
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.holding-page {
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100svh;
  padding: 64px;
}

.holding-content {
  width: 100%;
  max-width: 560px;
}

.brand-wordmark {
  display: block;
  /* Preserve the mark and letter height while leaving room for the raised TM. */
  width: 193px;
  max-width: 100%;
  height: auto;
}

h1 {
  margin: 48px 0 24px;
  font-family: var(--frame-reading-font);
  font-size: 56px;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.018em;
  text-wrap: balance;
}

.maker-line {
  margin: 0;
  color: var(--frame-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-height: 640px) {
  .holding-content {
    transform: translateY(-4vh);
    transform: translateY(-4svh);
  }
}

@media (max-width: 600px) {
  .holding-page {
    padding: 48px 24px;
  }

  .brand-wordmark {
    width: 158px;
  }

  h1 {
    margin-top: 32px;
    font-size: clamp(30px, 9.25vw, 36px);
  }
}