body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --nav-height: 80px;
}

.hero-section {
  min-height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: calc(var(--nav-height) + 2.5rem);
  padding-bottom: 4rem;
}

.hero-content {
  width: 100%;
}

.hero-image {
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),
    url('https://spacelocale.com/wp-content/uploads/2025/12/AdobeStock_816780111.webp');
  background-size: cover;
  background-position: center;
}