.addressSection {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--spacing-gap-column);
  container-type: inline-size;
  margin-bottom: var(--spacing-section-bottom);
}

.text {
  grid-column: 1 / span 5;
  background: var(--color-background-secondary);
  margin-right: calc(var(--spacing-gap-column)*-1);
  padding: var(--spacing-gap-column);
  display: flex;
  flex-direction: column;
  justify-content: center;

  h2 {
    margin: 0 0 var(--spacing-s);
    max-width: var(--size-width-p);
  }

  a {
    text-decoration-thickness: .1rem;
    text-decoration-color: var(--color-goldenOrange);
    font-weight: 500;
    transition: text-decoration-color var(--transition-easing);

    &:hover {
      opacity: 1;
      text-decoration-color: currentColor;
    }
  }
}

.map {
  grid-column: 6 / span 7;

  iframe {
    border: none;
    width: 100%;
    height: 100%;
    min-height: 16rem;
  }
}

@media (max-width: 1200px) {

  .text {
    grid-column: 1 / span 5;
  }

  .map {
    grid-column: 6 / span 7;
  }
}

@container (max-width: 800px) {

  .text,
  .map {
    grid-column: 1 / -1;
    margin-right: 0;
  }
}