/* The page around the blocks: what the Shopify theme used to provide.

   The blocks in blocks/ were written to sit inside the Heritage theme, so they
   set no font and inherit the page's. Heritage set Instrument Sans at 400 and
   700 only, on #0A0A0C, and that is all this file restores. Weights 600 and
   800 in the blocks resolve to 700, exactly as they did on Shopify. */

html {
  background-color: #0a0a0c;
  color-scheme: dark;
  scroll-padding-top: 108px;
  -webkit-text-size-adjust: 100%;
  /* The one horizontal clip for the whole page. clip, not hidden, so the
     sticky header keeps sticking. */
  overflow-x: clip;
}

body {
  margin: 0;
  background-color: #0a0a0c;
  color: #e8e8e8;
  font-family: "Instrument Sans", sans-serif;
  font-size: 0.875rem;
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

main {
  display: block;
}

/* Every block brings its own spacing; the theme's page gutter is gone on
   purpose, because the hero, the problem and how it works all run edge to
   edge. */
#MainContent > * {
  max-width: 100%;
}