.hero-service-wrap {
  display: flex;
  align-items: center;
  gap: 1.25rem;

  width: 100%;
  max-width: 100%; /* 🔑 let hero-inner control width */
  padding: 0; /* 🔑 hero-inner already pads */
  margin: 0; /* 🔑 keeps alignment consistent */
}

.hero-service-img {
  width: clamp(300px, 35vw, 440px);
  aspect-ratio: 16 / 10;

  background: transparent; /* 🔑 remove background fill */
  border: 1px solid rgba(255, 255, 255, 0.25); /* thinner border */
  overflow: hidden;

  flex: 0 0 auto;
}

.hero-service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-service-text h1 {
  margin: 0 0 0.5rem 0;
  font-family: var(--font-1);
  color: var(--light-text-1);
  text-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.7);
}

.hero-service-text p {
  margin: 0;
  font-family: var(--font-1);
  color: var(--light-text-1);
  text-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.7);
  max-width: 40rem;
}

@media (max-width: 720px) {
  .hero-service-wrap {
    margin: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .hero-service-img {
    width: min(360px, 100%);
  }
}
@media (min-width: 1140px) {
  .btn-locations {
    display: none;
  }
  .locations-pane {
    display: none;
  }
}