:root {
  color-scheme: light;
  --paper: #f7f5ef;
  --ink: #262a23;
  --muted: #64695d;
  --orange: #f28a50;
  --body: 'DM Sans', Arial, sans-serif;
  --display: 'Barlow Condensed', 'Arial Narrow', Impact, sans-serif;
  font-family: var(--body);
  background: var(--paper);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 64px 32px; }
.placeholder { width: min(100%, 680px); text-align: center; }
.wordmark { width: max-content; max-width: 100%; display: flex; flex-direction: column; margin: 0 auto 56px; font: 900 clamp(76px, 12vw, 120px)/.79 var(--display); letter-spacing: -.035em; text-align: left; transform: rotate(-5deg); }
.wordmark em { position: relative; font-size: 1.17em; }
.burst { position: absolute; width: .9em; height: .9em; right: -.65em; top: -.42em; color: var(--orange); overflow: visible; }
.coming-soon { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.5; text-wrap: balance; }
@media (max-width: 600px) {
  main { padding: 48px 28px; }
  .wordmark { font-size: clamp(56px, 18vw, 96px); margin-bottom: 44px; }
  .burst { right: -.43em; width: .72em; height: .72em; top: -.32em; }
}