/* Loaded before the homepage stylesheet on the Webflow page.

   Webflow wraps every HTML Embed in <div class="w-embed">, adds a clearfix
   ::before/::after to it, and ships its own base stylesheet plus the old
   New Build site's tag styles. None of that existed on the Netlify page, so
   it is undone here. Everything below is at class/tag specificity on
   purpose: the homepage stylesheet loads after this file and must still win. */

/* The wrapper must not create a box: sticky cards, the full-bleed intro and
   every fixed layer were laid out against <main> and <body>, not a div. */
.w-embed {
  display: contents;
}

.w-embed::before,
.w-embed::after {
  content: none;
  display: none;
}

/* Webflow's base stylesheet (normalize + its own defaults) and the New Build
   site's tag styles. `revert` hands each property back to the browser's
   default, which is what the Netlify page was built on. Selectors mirror
   Webflow's own so the specificity matches and this file, loading later,
   wins; the homepage stylesheet loads after this one and wins in turn. */
html {
  -webkit-text-size-adjust: revert;
  text-size-adjust: revert;
  font-family: revert;
  height: revert;
}

body {
  margin: revert;
  color: revert;
  background-color: revert;
  min-height: revert;
  font-family: revert;
  font-size: revert;
  line-height: revert;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main,
menu, nav, section, summary,
audio, canvas, progress, video {
  display: revert;
}

audio, canvas, progress, video,
sub, sup {
  vertical-align: revert;
}

a {
  background-color: revert;
  color: revert;
  font-family: revert;
  text-decoration: revert;
}

b, strong {
  font-weight: revert;
}

small, sub, sup {
  font-size: revert;
}

sub, sup {
  line-height: revert;
  position: revert;
}

sup, sub {
  top: revert;
  bottom: revert;
}

img {
  border: revert;
  vertical-align: revert;
  max-width: revert;
  display: revert;
}

hr {
  box-sizing: revert;
  height: revert;
}

button, input, optgroup, select, textarea {
  color: revert;
  font: revert;
  margin: revert;
}

button {
  overflow: revert;
}

/* Webflow's svg:not(:root) { overflow: hidden } outranks the homepage's
   single-class rule that lets the nav wordmark's letters wave past their
   box, so it is restated here at a specificity that beats it. */
svg.brand-logo:not(:root) {
  overflow: visible;
}

button, select {
  text-transform: revert;
}

button, [type=button], [type=reset] {
  cursor: revert;
  -webkit-appearance: revert;
  appearance: revert;
  border: revert;
}

textarea {
  overflow: revert;
}

* {
  box-sizing: revert;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: revert;
  margin-bottom: revert;
  font-size: revert;
  font-weight: revert;
  line-height: revert;
  color: revert;
}

p, ul, ol, figure {
  margin-top: revert;
  margin-bottom: revert;
}

ul, ol {
  padding-left: revert;
}

blockquote {
  border-left: revert;
  margin: revert;
  padding: revert;
  font-size: revert;
  line-height: revert;
}

label {
  margin-bottom: revert;
  font-weight: revert;
  display: revert;
}

/* Class names the homepage shares with the old New Build site. */
.nav-menu {
  grid-column-gap: revert;
  grid-row-gap: revert;
  grid-template-rows: revert;
  grid-template-columns: revert;
  grid-auto-columns: revert;
  align-items: revert;
  display: revert;
  z-index: revert;
  background-color: revert;
  text-align: revert;
  flex-direction: revert;
  justify-content: revert;
  width: revert;
  height: revert;
  padding-left: revert;
  padding-right: revert;
  position: revert;
  top: revert;
  bottom: revert;
  left: revert;
  right: revert;
  box-shadow: revert;
}

.footer-bottom {
  background-color: revert;
  margin-top: revert;
  padding-top: revert;
  padding-bottom: revert;
  font-size: revert;
  font-family: revert;
}

.brand {
  width: revert;
  margin-bottom: revert;
  padding: revert;
}

.button {
  background-color: revert;
  color: revert;
  border-radius: revert;
  flex-direction: revert;
  justify-content: revert;
  align-items: revert;
  padding: revert;
  display: revert;
}

.testimonial-section {
  background-color: revert;
  position: revert;
}