:root {
  color-scheme: dark;
  --ink: #101b20;
  --chalk: #f0ede4;
  --orange: #fa9b68;
  background: var(--ink);
  color: var(--chalk);
  font-family: Arial, Helvetica, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; }
.holding-page {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: max(32px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(32px, env(safe-area-inset-left));
}
.brand { width: min(100%, 960px); text-align: center; }
.wordmark { margin: 0; font-size: inherit; line-height: 0; }
picture { display: block; }
.wordmark img { display: block; width: 100%; height: auto; margin-inline: auto; }
.tagline {
  margin: clamp(24px, 3.3vw, 40px) 0 0;
  display: flex;
  justify-content: center;
  gap: 0.45em;
  font-size: clamp(14px, 1.6vw, 20px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
}
.tagline span { white-space: nowrap; }
.tagline span:last-child { color: var(--orange); }
@media (max-width: 599px) {
  .brand { width: min(68vw, 272px); }
  .tagline { flex-direction: column; gap: 4px; margin-top: 32px; font-size: 15px; }
}
@media (max-height: 400px) and (max-width: 599px) {
  .brand { width: min(40vh, 180px); }
  .tagline { margin-top: 20px; }
}