/* The holding page until slice 6 builds the site: the brand's tokens
   (tokens.css, copied from assets/css at deploy), no raw values but sizes. */
html,
body {
  height: 100%;
  margin: 0;
}

body {
  display: grid;
  place-items: center;
  background: var(--surface);
  color: var(--text-muted);
  font-family: var(--family-sans);
  font-weight: var(--weight-body);
}

main {
  padding: 2rem 1rem;
  text-align: center;
}

img {
  display: block;
  width: min(22rem, 72vw);
  height: auto;
  margin: 0 auto;
}

p {
  margin: 2.5rem 0 0;
  font-size: var(--size-lg);
  font-weight: var(--weight-heading);
  letter-spacing: 0.02em;
}