@font-face {
  font-family: "Fraunces";
  src: url("/assets/fonts/fraunces/fraunces-hero-regular.8300f5ae34b3.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces";
  src: url("/assets/fonts/fraunces/fraunces-hero-italic.1ebdc8d96b9f.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/assets/fonts/plus-jakarta-sans/plus-jakarta-sans-latin-500.bad081c8dbc1.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#hero .hero-subtitle {
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(.875rem, 1.12vw, 1.0625rem);
  font-weight: 500;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: .045em;
  margin: 0 auto 1.75rem;
  max-width: 100%;
  color: #fff;
}

#hero .hero-title {
  font-family: "Fraunces", Georgia, "Times New Roman", serif;
  font-size: clamp(3.75rem, 10.25vw, 9.25rem);
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
  line-height: 1.01;
  letter-spacing: -.03em;
  text-transform: none;
}

#hero .hero-title-line {
  font-family: inherit;
  white-space: nowrap;
  padding: .1em .16em .17em;
  margin: -.08em -.16em -.04em;
}

#hero .hero-title-line-inner,
#hero .hero-title-char {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

#hero [data-hero-line="2"] {
  font-size: 1.06em;
  font-weight: 400;
  font-style: italic;
}

@media (min-width: 1024px) {
  #hero [data-hero-line="2"] {
    margin-top: -.125em;
  }
}

@media (max-width: 600px) {
  #hero .hero-title {
    font-size: clamp(3.2rem, 16.5vw, 6rem);
    line-height: 1.02;
  }

  #hero .hero-subtitle {
    font-size: .875rem;
    letter-spacing: .035em;
    margin-bottom: 1.35rem;
  }
}
