:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #071b37;
  color: #f9fbff;
}

* { box-sizing: border-box; }

body { margin: 0; min-width: 320px; }

.holding-page {
  align-items: center;
  background: radial-gradient(circle at 50% 18%, #214a7a 0, #0b2950 34%, #071b37 74%);
  display: flex;
  justify-content: center;
  min-height: 100svh;
  overflow: hidden;
  padding: 2rem;
  position: relative;
}

.message { max-width: 42rem; position: relative; text-align: center; z-index: 1; }
.wordmark { display: block; height: auto; margin: 0 auto 1.5rem; max-width: min(17rem, 75vw); }
.mark { filter: drop-shadow(0 1rem 1.5rem rgb(0 0 0 / 22%)); height: auto; margin-bottom: 1rem; max-width: 7rem; }
.eyebrow { color: #f9bc2e; font-size: .78rem; font-weight: 750; letter-spacing: .14em; margin: 1rem 0; text-transform: uppercase; }
h1 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.35rem, 7vw, 4.75rem); font-weight: 500; letter-spacing: -.04em; line-height: 1.02; margin: 0; }
.copy { color: #d1e1f5; font-size: clamp(1rem, 2.5vw, 1.2rem); line-height: 1.6; margin: 1.5rem auto 0; max-width: 34rem; }

.orbit { border: 1px solid rgb(249 188 46 / 24%); border-radius: 50%; pointer-events: none; position: absolute; }
.orbit-one { height: 42rem; right: -18rem; top: -18rem; width: 42rem; }
.orbit-two { bottom: -27rem; height: 52rem; left: -22rem; width: 52rem; }

@media (max-width: 32rem) {
  .holding-page { padding: 1.5rem; }
  .wordmark { margin-bottom: 1rem; }
}