/* Placeholder pages: white, Inter, a heading. Nothing else yet. */
@font-face {
  font-family: "Inter";
  src: url("/fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html {
  color-scheme: light;
}

body {
  --wk-grid-gutter: clamp(24px, 6vw, 80px);
  --wk-grid-inset: max(var(--wk-grid-gutter), calc((100% - 1200px) / 2));
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  margin: 0;
  padding: 40px calc(var(--wk-grid-inset) + 12px);
  background: #ffffff;
  color: #000000;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline: var(--wk-grid-inset);
  border-inline: 1px solid #e5e5e5;
  z-index: -1;
  pointer-events: none;
}

h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
}