/* The holding page: the pair centred on white, one line beneath. The pair follows the rule in
   docs/brand/proof-sheet.html: --c is the wordmark's cap height; the icon stands on the baseline and
   reaches the top of the b, 742/700 of the cap; the wordmark's ink box is 936/700; the gap is 0.7. */
html {
  height: 100%;
  background: #fff;
  color: #14161a;
  font:
    1.0625rem/1.5 system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  -webkit-font-smoothing: antialiased;
}
body {
  display: grid;
  min-height: 100%;
  margin: 0;
  place-items: center;
}
main {
  display: grid;
  justify-items: center;
  gap: 1.5rem;
  padding: 2rem 1rem;
}
.pair {
  --c: 1.75rem;
  display: inline-flex;
  align-items: flex-start;
  gap: calc(var(--c) * 0.7);
  margin: 0;
}
.pair img {
  display: block;
  width: auto;
}
.pair .icon {
  height: calc(var(--c) * 742 / 700);
}
.pair .wordmark {
  height: calc(var(--c) * 936 / 700);
}
p {
  margin: 0;
  color: #5a5f67;
}
@media (max-width: 30rem) {
  .pair {
    --c: 1.25rem;
  }
}