/* Minimal style.css refactored to work with Tailwind utility-first approach.
   This file intentionally contains only the rules not easily expressed via Tailwind classes,
   such as background-image for hero and small helper animations. */
.hero-bg {
  background-size: cover;
  background-position: center;
  /* a fallback background color */
  background-color: #0f766e;
}

.hero-overlay {
  background-color: rgba(22,163,74,0.85);
}

/* simple reveal animation for 'in-view' */
.in-view {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 600ms ease, transform 600ms ease;
}
main section {
  opacity: 0;
  transform: translateY(18px);
}

/* small map/frame helper */
.map-frame { border: 0; }

/* ensure focus-visible is visible */
:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(134,226,127,0.25);
}

/* Make images inside service cards responsive */
.service-img { max-width: 64px; height: auto; display: inline-block; }