body {
  background: #0a0a0a;
  color: #d4d4d4;
}

.hero-overlay {
  background: linear-gradient(
    to bottom,
    rgba(10, 10, 10, 0.5) 0%,
    rgba(10, 10, 10, 0.72) 45%,
    rgba(10, 10, 10, 0.86) 100%
  );
}

.card-media::after {
  content: "HARO REAL ESTATE";
  position: absolute;
  right: 0.75rem;
  bottom: 0.65rem;
  color: #b08d32;
  font-size: 0.66rem;
  letter-spacing: 0.25em;
  opacity: 0.85;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}