.ome-map {
  --ome-map-pad-top: 72px;
  --ome-map-pad-bottom: 32px;
  --ome-map-text: #20382f;
  padding: var(--ome-map-pad-top) var(--ome-pad-x) var(--ome-map-pad-bottom);
  color: var(--ome-map-text);
  background:
    radial-gradient(circle at 12% 18%, rgba(138, 116, 72, 0.08), transparent 18rem),
    var(--ome-paper);
}

.ome-map__inner {
  display: grid;
  width: var(--ome-width);
  gap: 28px;
  margin: 0 auto;
}

.ome-map__header {
  transform: translate(var(--ome-offset-x, 0px), var(--ome-offset-y, 0px));
}

.ome-map__eyebrow {
  color: var(--ome-accent);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.ome-map__title {
  margin-top: 16px;
  font-size: clamp(36px, 5vw, 52px);
  line-height: 0.92;
}

.ome-map__frame {
  --ome-map-height: 420px;
  position: relative;
  width: 100%;
  height: var(--ome-map-height);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--ome-hairline);
  background: #d8d6cb;
  transform: translate(var(--ome-offset-x, 0px), var(--ome-offset-y, 0px));
}

.ome-map__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}