.l-container--contact {
  /* stylelint-disable-next-line property-no-unknown */
  container-name: contact;
}

.dsa-contact {
  --dsa-contact--gap-horizontal: var(--ks-spacing-inline-s);
  --dsa-contact--gap-vertical: var(--ks-spacing-stack-s);
  --dsa-contact__header--gap: 0;
  --dsa-contact__image--flex-basis: var(--dsa-tile--width_smallest);
  --dsa-contact__image--border-radius: var(--ks-border-radius-card);
  --dsa-contact__body--gap: var(--ks-spacing-stack-xs);
  --dsa-contact__body--flex-basis: var(--dsa-tile--width_small);
  --dsa-contact__copy--font: var(--ks-font-copy-m);
  --dsa-contact__copy--color: var(--ks-text-color-copy);
  --dsa-contact__title--color: var(--ks-text-color-display);
  --dsa-contact__title--font: var(--ks-font-copy-l);
  --dsa-contact__title--font-weight: var(--ks-font-weight-bold);
  --dsa-contact__subtitle--color: var(--ks-text-color-display);
  --dsa-contact__subtitle--font: var(--ks-font-copy-m);
  --dsa-contact__subtitle--font-weight: var(--ks-font-weight-regular);
  --dsa-contact__links--gap: calc(var(--ks-spacing-xxs) * 0.5);
  --dsa-contact__link--color: var(--dsa-link--color);
  --dsa-contact__link--color_hover: var(--dsa-link--color_hover);
  --dsa-contact__link--font: var(--ks-font-interface-m);
  --dsa-contact__link--font-weight: var(--dsa-link--font-weight);
  --dsa-contact__link__icon--margin-right: 0.5em;
  --dsa-contact__link__icon--size: 1.5em;
  --dsa-contact__link__icon--color: inherit;
  --dsa-contact__link--text-decoration: none;
  --dsa-contact__link--text-decoration_hover: none;
  --dsa-contact__link--padding-vertical: 0.125em;
}

.l-container--contact {
  /* stylelint-disable-next-line property-no-unknown */
  container-name: contact;
}

.dsa-contact {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dsa-contact--gap-vertical) var(--dsa-contact--gap-horizontal);
}
.dsa-contact__image-wrap, .dsa-contact__body {
  flex-grow: 1;
}
.dsa-contact__body {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  gap: var(--dsa-contact__body--gap);
  flex-basis: var(--dsa-contact__body--flex-basis);
}
.dsa-contact__copy {
  font: var(--dsa-contact__copy--font);
  color: var(--dsa-contact__copy--color);
}
.dsa-contact__image-wrap {
  flex: none;
  flex-basis: var(--dsa-contact__image--flex-basis);
  height: 100%;
  width: 100%;
  flex-shrink: 1;
}
.dsa-contact--image-full-width .dsa-contact__image-wrap {
  flex-grow: 1;
}
.dsa-contact--image-square .dsa-contact__image-wrap {
  aspect-ratio: 1/1;
}
.dsa-contact--image-wide .dsa-contact__image-wrap {
  aspect-ratio: 4/3;
}
.dsa-contact--image-vertical .dsa-contact__image-wrap {
  aspect-ratio: 3/4;
}
.dsa-contact__image {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: var(--dsa-contact__image--border-radius);
}
.dsa-contact__header {
  display: flex;
  flex-direction: column;
  gap: var(--dsa-contact__header--gap);
}
.dsa-contact__title {
  font: var(--dsa-contact__title--font);
  color: var(--dsa-contact__title--color);
  font-weight: var(--dsa-contact__title--font-weight);
}
.dsa-contact__subtitle {
  font: var(--dsa-contact__subtitle--font);
  color: var(--dsa-contact__subtitle--color);
  font-weight: var(--dsa-contact__subtitle--font-weight);
}
.dsa-contact__links {
  display: flex;
  flex-direction: column;
  gap: var(--dsa-contact__links--gap);
  list-style: none;
  padding: 0;
  margin: 0;
}
.dsa-contact a.dsa-contact__link {
  padding: var(--dsa-contact__link--padding-vertical) 0;
  display: flex;
  align-items: center;
  color: var(--dsa-contact__link--color);
  font: var(--dsa-contact__link--font);
  font-weight: var(--dsa-contact__link--font-weight);
  text-decoration: var(--dsa-contact__link--text-decoration);
  width: fit-content;
}
.dsa-contact a.dsa-contact__link .icon {
  width: var(--dsa-contact__link__icon--size);
  height: var(--dsa-contact__link__icon--size);
  color: var(--dsa-contact__link__icon--color);
  margin-right: var(--dsa-contact__link__icon--margin-right);
}
.dsa-contact a.dsa-contact__link:hover {
  color: var(--dsa-contact__link--color_hover);
  text-decoration: var(--dsa-contact__link--text-decoration_hover);
}