@font-face {
  font-family: "Mori Regular";
  src: url("/public/fonts/PPMori-Regular.woff2") format("woff2"), url("/public/fonts/PPMori-Regular.woff") format("woff");
}
@font-face {
  font-family: "Mori Semibold";
  src: url("/public/fonts/PPMori-SemiBold.woff2") format("woff2"), url("/public/fonts/PPMori-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Mori Extrabold";
  src: url("/public/fonts/PPMori-ExtraBold.woff2") format("woff2"), url("/public/fonts/PPMori-ExtraBold.woff") format("woff");
}
body {
  --annotation-type: "Body";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Mori Regular", helvetica, arial, sans-serif;
}

p {
  max-width: 75ch;
}

h1 {
  --annotation-type: "h1";
  font-size: 47.78px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "Mori Extrabold", helvetica, arial, sans-serif;
  margin: 0;
}

h2 {
  --annotation-type: "h2";
  font-size: 39.81px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "Mori Extrabold", helvetica, arial, sans-serif;
  margin: 0;
}

h3 {
  --annotation-type: "h3";
  font-size: 33.18px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "Mori Extrabold", helvetica, arial, sans-serif;
  margin: 0;
}

h4 {
  --annotation-type: "h4";
  font-size: 27.65px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "Mori Extrabold", helvetica, arial, sans-serif;
  margin: 0;
}

b {
  font-family: "Mori Semibold";
}

:is(p, li) a {
  --link-color: #878787;
  color: var(--link-color);
  text-decoration: none;
}
:is(p, li) a:hover {
  --link-color: rgb(245, 110, 15);
  text-decoration: underline;
}
:is(p, li) code {
  padding: 2px 5px;
  border-radius: 2px;
  background: #FBFBFB;
  color: rgb(245, 110, 15);
}

li {
  line-height: 1.5;
}

li + li {
  margin-top: 10px;
}

.color-primary {
  color: rgb(245, 110, 15);
}

/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
  margin: 0;
}

/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  background: #FBFBFB;
}

/*
  5. Improve media defaults
*/
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/*
  6. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
  font: inherit;
}

/*
  7. Avoid text overflows
*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/*
  8. Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}

.button {
  --button-color: #262626;
  --button-bg-color: transparent;
  --button-border-color: #262626;
  --annotation-type: "Button";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Mori Regular", helvetica, arial, sans-serif;
  display: block;
  text-decoration: none;
  width: fit-content;
  border: 1px solid var(--button-border-color);
  color: var(--button-color);
  background: var(--button-bg-color);
  padding: 7px 14px;
  border-radius: 30px;
  font-family: "Mori Semibold", helvetica, arial, sans-serif;
}
.button:hover, .button:focus, .button:focus-within {
  --button-color: #FBFBFB;
  --button-bg-color: rgb(245, 110, 15);
  --button-border-color: rgb(245, 110, 15);
}

.single-column__title {
  --annotation-type: "h2";
  font-size: 39.81px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "Mori Extrabold", helvetica, arial, sans-serif;
  margin: 0;
}

.homepage-hero {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: flex-end;
  position: relative;
}

.homepage-hero__container {
  width: 100%;
  background: linear-gradient(transparent, #FBFBFB);
}

.homepage-hero__content {
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-width: var(--container-max-width, 1200px);
  width: calc(100% - var(--container-outer-spacing, 50px) * 2);
  padding: 100px 0;
}

.homepage-hero__headline,
.homepage-hero__subhead,
.homepage-hero__body {
  max-width: 700px;
}

.homepage-hero__headline {
  --annotation-type: "h4";
  font-size: 27.65px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "Mori Extrabold", helvetica, arial, sans-serif;
  margin: 0;
}
@media (min-width: 768px) {
  .homepage-hero__headline {
    --annotation-type: "h2";
    font-size: 39.81px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: "Mori Extrabold", helvetica, arial, sans-serif;
    margin: 0;
  }
}

.homepage-hero__subhead {
  --annotation-type: "h4";
  font-size: 27.65px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: "Mori Extrabold", helvetica, arial, sans-serif;
  margin: 0;
  margin-top: 5px;
}

.homepage-hero__body {
  --annotation-type: "Body Large";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: "Mori Regular", helvetica, arial, sans-serif;
  margin-top: 24px;
}
.homepage-hero__body .button {
  margin-top: 16px;
}

#homepage-canvas {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
}

/*# sourceMappingURL=main.css.map */