h1{
  font-family: "Times New Roman", Times, "Libre Baskerville", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

h2 {
  font-family: "Times New Roman", Times, "Libre Baskerville", serif;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

h1 span{
  font-family: "Times New Roman", Times, "Libre Baskerville", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

h3, h4 {
  font-family: "Libre Baskerville", "Times New Roman", Times, serif;
  font-style: normal;
  font-weight: 400;
}

body, p, li, span, input, textarea, select {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
}

.hero {
  position: relative;
  overflow: hidden;
  background: #ffffff;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;

  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(220,168,71,0.18) 0%,
      rgba(220,168,71,0.10) 25%,
      rgba(220,168,71,0.05) 40%,
      transparent 65%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(220,168,71,0.16) 0%,
      rgba(220,168,71,0.08) 25%,
      rgba(220,168,71,0.04) 40%,
      transparent 65%
    );
}

body{
  background: #fafaf9;
}