/* Public site layout. Tokens only; see brand/README.md. */
.splash {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.splash__top, .splash__foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding-block: var(--space-6);
}
.splash__foot { border-top: var(--border); }
.splash__main {
  align-self: center;
  padding-block: var(--space-16);
}
.splash .display { color: var(--color-ink); }
.splash__rule { border-top: var(--rule-heavy); margin-block: var(--space-6) var(--space-8); }
.splash__body { row-gap: var(--space-4); align-items: baseline; }
.splash__line {
  grid-column: 1 / span 8;
  margin: 0;
  font: var(--text-reading);
  font-size: 1.25rem;
  color: var(--color-ink-soft);
  max-width: var(--measure);
}
.splash__status {
  grid-column: 10 / span 3;
  margin: 0;
  color: var(--color-muted);
  justify-self: end;
}
@media (max-width: 760px) {
  .splash__line, .splash__status { grid-column: 1 / -1; justify-self: start; }
}