section.herojobs:not(.admin):first-child {
  padding-top: var(--header-height);
}
section.herojobs .breadcrumbs {
  color: var(--primary-70);
  font-size: 1rem;
}
section.herojobs .breadcrumbs a {
  color: inherit;
  text-decoration: none;
  color: var(--primary-70);
}
section.herojobs .lead {
  font: var(--h2-font);
}
section.herojobs .img-wrapper {
  aspect-ratio: 854/569;
}
section.herojobs .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@container main (max-width: 64rem) {
  section.herojobs .thumb-grid {
    padding-inline: 0;
  }
}
section.herojobs .arrow-col button {
  display: block;
  cursor: pointer;
  color: inherit;
  border: 0;
  border-radius: 0;
  padding: 0.625rem;
}
section.herojobs .arrow-col button:hover [class^=icon]::after {
  background: var(--action-dark);
}
section.herojobs .arrow-col button [class^=icon] {
  display: block;
  width: 9.375rem;
  height: 0.9375rem;
}
section.herojobs .arrow-col button [class^=icon]::after {
  -webkit-transition: background-color var(--bezier);
  transition: background-color var(--bezier);
}
@container main (max-width: 64rem) {
  section.herojobs .arrow-col {
    display: none;
  }
}
section.herojobs .info {
  display: table;
}
section.herojobs .info .row {
  display: table-row;
}
section.herojobs .info .row:not(:last-child) .preheading,
section.herojobs .info .row:not(:last-child) .infotext {
  padding-bottom: 0.625rem;
}
section.herojobs .info .row .preheading,
section.herojobs .info .row .infotext {
  display: table-cell;
}
section.herojobs .info .row .preheading {
  width: 35%;
}
section.herojobs .info .row .infotext {
  width: 65%;
}