@layer page {
/* Output webfonts (TRIAL cuts ported from the old site).
 * OutputSansWeb = Light (body), OutputSansWebBold = Medium (headings/strong). */
@font-face {
  font-family: "OutputSansWeb";
  src: url("Output.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OutputSansWebBold";
  src: url("Output.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Base layout rules this page relied on from the old legacy.css, inlined and scoped. */
body {
  font: 400 15px/1.5 "OutputSansWeb", ui-sans-serif, system-ui, sans-serif;
  color: #000;
  background: #fff;
}

.wrapper {
  position: relative;
  max-width: calc(65rem - 4rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

section {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  border-top: 0.5px solid #e8e8e8;
  border-bottom: 0.5px solid #e8e8e8;
  overflow: hidden;
}
section:first-child { border-top: none; }
section:last-child { border-bottom: none; }

.infobar {
  background: #fff;
  color: #000;
  border: 0;
  padding-top: 2em;
  padding-bottom: 1.5em;
}

.infobar h1 {
  font-family: "OutputSansWeb", ui-sans-serif, system-ui, sans-serif;
  margin: 0;
  margin-top: 0.05em;
  line-height: 1em;
  font-size: 6em;
  text-align: left;
  padding: 0 0 0.03em 0;
  overflow: visible;
  font-weight: normal;
}

#samples { padding: 2em 0; }

figure { margin: 0; }

/* Edge-bleeding image, matching the old .fill optical overhang. */
.fill {
  display: block;
  max-width: 114.5%;
  width: 114.5%;
  margin-left: -7.25%;
}

h2 {
  font-family: "OutputSansWebBold", ui-sans-serif, system-ui, sans-serif;
  font-size: 2.5em;
  font-weight: bold;
  margin: 2rem 0;
  line-height: 1.2em;
}

#story p,
#buy p {
  margin: 0 0 1em;
  max-width: 38em;
}

strong { font-family: "OutputSansWebBold", ui-sans-serif, system-ui, sans-serif; font-weight: bold; }

a { color: #595959; text-decoration: underline; }
a:hover { color: #808080; }

@media screen and (max-width: 40rem) {
  .infobar h1 { font-size: 3.5em; }
}

} /* @layer page */