.location-details {
  --location-details-contact-copy-width: 34.25rem;
  padding-block: var(--dia-front-space-144);
  color: var(--dia-front-color-heading);
  background: var(--dia-front-color-surface);
}
.location-details__inner {
  display: grid;
  grid-template-columns: minmax(0, 687fr) minmax(0, 733fr);
  gap: 5.375rem;
  align-items: center;
  width: min(100% - 2 * var(--dia-front-container-gutter), 102.75rem);
  margin-inline: auto;
  padding-inline-start: 8.625rem;
}
.location-details--without-media .location-details__inner {
  grid-template-columns: 1fr;
}
.location-details__media {
  min-height: 0;
  aspect-ratio: 732.488/820.547;
}
.location-details__media :where(dia-supermedia, img) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.location-details__content {
  display: flex;
  flex-direction: column;
  gap: var(--dia-front-space-64);
  min-width: 0;
}
.location-details__title :where(h2, h3, p) {
  margin: 0;
  font-family: var(--dia-front-font-heading);
  font-size: var(--dia-front-font-size-section-title-display-fluid);
  font-weight: var(--dia-front-font-weight-heading);
  line-height: var(--dia-front-line-height-solid);
}
.location-details__address {
  font-style: normal;
}
.location-details--contact .location-details__details {
  max-width: var(--location-details-contact-copy-width);
}
.location-details__row {
  display: grid;
  grid-template-columns: var(--dia-front-space-32) minmax(0, 1fr);
  gap: var(--dia-front-space-24);
  align-items: start;
}
.location-details__row + .location-details__row {
  margin-block-start: var(--dia-front-space-32);
  padding-block-start: var(--dia-front-space-32);
  border-block-start: 0.0625rem solid var(--dia-front-color-border-hairline);
}
.location-details__icon {
  display: block;
  width: var(--dia-front-space-32);
  height: var(--dia-front-space-32);
}
.location-details__row-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.location-details__address, .location-details__coordinates, .location-details__opening-period, .location-details__link {
  margin: 0;
  font-family: var(--dia-front-font-body);
  font-size: var(--dia-front-font-size-body);
  line-height: var(--dia-front-line-height-body);
}
.location-details__link {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.2em;
}
.location-details__link:hover, .location-details__link:focus-visible {
  text-decoration: underline;
}
.location-details--contact .location-details__row:nth-child(2) .location-details__link {
  font-weight: var(--dia-front-font-weight-heading);
}

@media (max-width: 89.9375rem) {
  .location-details__inner {
    gap: var(--dia-front-space-48);
    padding-inline-start: 0;
  }
}
@media (max-width: 61.9375rem) {
  .location-details {
    padding-block: var(--dia-front-space-72);
  }
  .location-details__inner {
    grid-template-columns: 1fr;
    gap: var(--dia-front-space-48);
  }
  .location-details__content {
    gap: var(--dia-front-space-40);
  }
  .location-details__media {
    min-height: 0;
    aspect-ratio: 732.488/820.547;
  }
  .location-details__title :where(h2, h3, p) {
    font-size: var(--dia-front-font-size-section-title-mobile);
  }
  .location-details--contact .location-details__row + .location-details__row {
    margin-block-start: var(--dia-front-space-16);
    padding-block-start: var(--dia-front-space-16);
  }
}