/* Reset, Normalize, and Element Defaults */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 88px;
  overflow-x: hidden;
}

body {
  font-family: "DM Sans", sans-serif;
  color: #080c0c;
  background: #fff;
  overflow-x: hidden;
}

h1, h2, h3, h4, .navbar-brand {
  font-family: Manrope, sans-serif;
  letter-spacing: -0.04em;
}

a {
  text-decoration: none;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #008f83;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.eyebrow:before {
  content: "";
  width: 22px;
  height: 2px;
  background: #00d8c5;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
  .reveal {
    opacity: 1;
    transform: none;
  }
}