/* samueleverett.com
   Hand-written replacement for the 53 KB Webflow bundle. Only the ~15 rules that
   actually applied to the page were carried over; values are transcribed verbatim
   from the original so rendering is unchanged.
   Original archived at archive/webflow-2026-09-08/webflow.min.css */

/* --- minimal reset (replaces Webflow's full normalize) --- */
*,
*::before,
*::after { box-sizing: border-box; }

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100%;
}

p { margin: 0 0 10px; }

h1, h2 { margin: 0; font-size: 1em; font-weight: 400; }

ol, ul { margin: 0 0 10px; padding-left: 40px; }

/* --- design tokens --- */
:root {
  --black: #000;
  --link: #5c51bb;
  /* Helvetica Neue ships with macOS/iOS and renders the original exactly.
     Arial is metrically compatible with Helvetica, so line breaks hold elsewhere.
     Replaces the 630 KB HelveticaNeueRoman.otf and 714 KB FreeSans.ttf that
     Webflow was serving. */
  --sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("/fonts/ibm-plex-mono-regular-subset.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+20, U+2e, U+40, U+61-69, U+6b-70, U+72-75, U+77;
}

/* --- layout --- */
body.body {
  background-color: #fff;
  color: #333;
  font-family: var(--sans);
  font-size: 14px;
  line-height: 20px;
}

.section-3 { display: block; margin-top: 110px; }

.homecontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 25px;
  color: var(--black);
  text-align: left;
}

.listcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
}

/* --- type --- */
.heading {
  display: block;
  margin: 30px 0 20px;
  padding: 10px 0 15px;
  color: var(--black);
  font-family: var(--sans);
  font-size: 1.17rem;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0;
  text-align: left;
  text-transform: uppercase;
}

.heading-2 {
  margin: 0;
  padding-bottom: 15px;
  color: var(--black);
  font-family: var(--sans);
  font-size: 1.14rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bodytext {
  margin: 0;
  padding: 0;
  color: var(--black);
  font-family: var(--sans);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 23.3px;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  overflow-wrap: normal;
}

.list-2 {
  margin-bottom: 0;
  padding: 0;
  line-height: 20px;
  list-style-type: decimal;
  text-align: left;
}

.link-4 { color: var(--link); }

.email-text {
  font-family: "IBM Plex Mono", monospace;
  font-style: normal;
  font-weight: 400;
  text-transform: lowercase;
}

.italic-text-3 { font-weight: 400; }

/* --- the original's only active breakpoint --- */
@media screen and (max-width: 479px) {
  .heading {
    color: #000;
    font-size: 1.23rem;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
  }

  .heading-2 { font-weight: 400; }

  .bodytext {
    text-align: left;
    white-space: normal;
  }
}