.hero {
  padding-top: 2rem;
  padding-bottom: 2rem;
  box-shadow: var(--box-shadow);
}

.hero__heading {
  font-size: 3rem;
  color: var(--black);
  line-height: 1em;
  background-color: var(--tertiary);
  display: inline-block;
  border-radius: 0.5rem;
  padding: 0.25rem;
  border: 0.25rem solid var(--black);
  box-shadow: var(--box-shadow);
}

/* Breadcrumbs above the heading (components/breadcrumbs.html.twig). */
.breadcrumbs {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
}

.breadcrumbs__item + .breadcrumbs__item::before {
  content: "›" / "";
  margin-right: 0.5rem;
}

/* Links look like the current page, plus a bottom border. */
.breadcrumbs a,
.breadcrumbs [aria-current="page"] {
  color: var(--white);
  font-weight: 700;
}

.breadcrumbs a {
  border-bottom: 0.125rem solid currentColor;
  text-decoration: none;
}