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

.text {
  grid-column: 2 / span 4;

  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 {
      text-decoration-color: currentColor;
    }
  }
}

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

  iframe {
    border: none;
    width: 100%;
    height: auto;
    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;
  }
}