/* After the Moonveil Capital deck cover. Inter is self-hosted: fonts/Inter-OFL.txt */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Everything scales with the wordmark's width. */
:root { --w: min(86vw, 52rem); }

html { height: 100%; }
body {
  min-height: 100%;
  margin: 0;
  display: grid;
  place-items: center;
  background: #2d6169 linear-gradient(100deg, #2f656e, #2b5e66); /* deck cover */
  color: #dce8ea; /* 5.8:1 on the darker end */
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main { width: var(--w); padding: 2rem 0; text-align: center; }

h1 { margin: 0; color: #f6f4f1; }
h1 img { display: block; width: 100%; height: auto; }
.by {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.3em;
  margin-top: calc(var(--w) * 0.014);
  font-size: max(0.75rem, calc(var(--w) * 0.02));
  font-weight: 700;
  line-height: 1;
}
.collider {
  padding: 0.22em 0.45em 0.18em;
  border: max(1.5px, 0.1em) solid currentColor;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

p {
  margin: calc(var(--w) * 0.045) 0 0;
  font-size: max(0.8125rem, calc(var(--w) * 0.0235));
  font-weight: 450;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}