/**
 * Biography CV layout — v2.
 * Scoped to Biography only.
 */

.body--page-biography .biography__text {
  font-family: "Lato", sans-serif;
  line-height: 1.42;
  min-width: 0;
}

.body--page-biography .biography__intro {
  margin: 0 0 42px 0;
}

/* Section headings deliberately use the same serif family as "Biography". */
.body--page-biography .biography p.biography__section-title {
  margin: 0 0 16px 0;
  font-family: "big-caslon-fb", "Big Caslon", "Libre Caslon Text", "Adobe Caslon Pro", "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.08 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

.body--page-biography .biography__cv-section + .biography__cv-section {
  margin-top: 46px;
}

.body--page-biography .biography__education-list,
.body--page-biography .biography__exhibitions-list {
  width: 100%;
  margin: 0;
  padding: 0;
}

.body--page-biography .biography__education-item {
  margin: 0;
  line-height: 1.42;
}

.body--page-biography .biography__education-item + .biography__education-item {
  margin-top: 6px;
}

.body--page-biography .biography__exh-item {
  display: grid !important;
  width: 100%;
  grid-template-columns: 5.25rem minmax(0, 1fr);
  column-gap: 1.25rem;
  align-items: start;
  margin: 0;
  line-height: 1.42;
}

/* Classic WordPress wpautop can inject BR nodes between the two spans.
   Without this rule those BRs become grid items and push the exhibition text
   into the narrow year column. */
.body--page-biography .biography__exh-item > br {
  display: none !important;
}

.body--page-biography .biography__exh-item + .biography__exh-item {
  margin-top: 9px;
}

.body--page-biography .biography__exh-year {
  display: block;
  min-width: 0;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.body--page-biography .biography__exh-text {
  display: block;
  min-width: 0;
}

.body--page-biography .biography__exh-text em {
  font-style: italic;
}

@media screen and (min-width: 768px) {
  .body--page-biography .biography__block {
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .body--page-biography .biography__intro {
    margin-bottom: 34px;
  }

  .body--page-biography .biography__cv-section + .biography__cv-section {
    margin-top: 38px;
  }

  .body--page-biography .biography p.biography__section-title {
    margin-bottom: 14px;
    font-size: 17px !important;
    line-height: 1.08 !important;
  }

  .body--page-biography .biography__exh-item {
    grid-template-columns: 5.15rem minmax(0, 1fr);
    column-gap: 0.9rem;
  }

  .body--page-biography .biography__exh-item + .biography__exh-item {
    margin-top: 9px;
  }
}

@media screen and (max-width: 360px) {
  .body--page-biography .biography__exh-item {
    grid-template-columns: 5rem minmax(0, 1fr);
    column-gap: 0.75rem;
  }
}