.contact-map {
  width: 100%;
  background: #0a0a0a;
}

.contact-map__frame {
  position: relative;
  width: 100%;
  height: clamp(18rem, 42vw, 32.5rem);
  overflow: hidden;
}

.contact-map__iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(1) invert(0.92) contrast(0.88);
}

@media (max-width: 640px) {
  .contact-map__frame {
    height: clamp(16rem, 56vw, 22rem);
  }
}