#about-link::after {
  width: 100%;
}

#hero .body-width .column .heading {
  margin-bottom: calc(var(--l) / 2);
}
#hero .body-width .column .image {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  --px: 0px;
}
#hero .body-width .column .image img {
  display: block;
  position: relative;
  width: 100%;
  height: 110%;
  object-fit: cover;
  object-position: center bottom;
  transform: translateY(var(--px));
}
#hero .body-width .column .roster-body {
  margin-bottom: calc(var(--l) / 2);
}
#hero .body-width .column .roster {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--xs) / 2) 0px;
  flex-wrap: wrap;
}
#hero .body-width .column .roster strong {
  font-weight: 700;
  margin: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--s) / 2);
  padding-right: calc(var(--s) / 2);
}
#hero .body-width .column .roster strong:last-of-type {
  padding-right: 0px;
}
#hero .body-width .column .roster strong:last-of-type span {
  display: none;
}

#content-section .body-width .column .content {
  width: 100%;
  height: auto;
  margin-bottom: var(--l);
}
#content-section .body-width .column .content:last-of-type {
  margin-bottom: 0px;
}
#content-section .body-width .column .content .heading {
  margin-bottom: calc(var(--l) / 2);
}
#content-section .body-width .column .supporting-image {
  display: grid;
  place-items: center;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  --px: 0px;
}
#content-section .body-width .column .supporting-image img {
  display: block;
  position: relative;
  width: 100%;
  height: 110%;
  object-fit: cover;
  object-position: center bottom;
  transform: translateY(var(--px));
}/*# sourceMappingURL=about.css.map */