/* ==========================================================================
   Section: Map — Figma 178:2332
   Centred head, then a 1240x494 map 70px below.
   ========================================================================== */

.trustav-map__head {
  display: flex;
  flex-direction: column;
  gap: 28px; /* Figma 178:2333 */
  text-align: center;
}

.trustav-map__title {
  margin: 0;
  font-family: var(--ff-heading);
  font-size: var(--fs-h2);
  font-weight: var(--fw-regular);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
  color: var(--c-text);
}

.trustav-map__intro {
  margin: 0;
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body);
  color: var(--c-text-muted);
}

.trustav-map__frame {
  position: relative;
  height: 494px; /* Figma 178:2362 */
  margin-block-start: 70px;
  overflow: hidden;
  background-color: var(--c-neutral-4);
  border: var(--border);
}

.trustav-map__frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 1024px) {
  .trustav-map__frame {
    height: 380px;
    margin-block-start: var(--space-3xl);
  }
}

@media (max-width: 560px) {
  .trustav-map__frame {
    height: 320px;
  }
}