/* Job opening (careers single): back pill, kicker, 96px headline, 300px image, details line, 20px intro.
   24px rhythm; the image sits 32px under the headline and the intro 48px under the details line. */
.tc-w-jhero {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  padding-top: 104px;
  padding-bottom: 40px;
}

.tc-w-jhero .tc-art-nav {
  justify-content: flex-start;
}

.tc-w-jhero__kicker,
.tc-w-jhero__title,
.tc-w-jhero__meta,
.tc-w-jhero__text {
  margin: 0;
}

.tc-w-jhero__figure {
  margin: 8px 0 0;
}

.tc-w-jhero__media {
  position: relative;
  height: 300px;
  overflow: hidden;
  background-color: #c7c7c7;
}

.tc-w-jhero__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tc-w-jhero__text {
  max-width: 546px;
  margin-top: 24px;
}

/* Tablet and mobile layouts for this widget. */
@media (max-width: 900px) {
  .tc-w-jhero { padding-top: 112px; padding-bottom: 32px; }
}

@media (max-width: 600px) {
  .tc-w-jhero { padding-top: 96px; gap: 20px; }

  .tc-w-jhero__figure { margin-top: 4px; }

  .tc-w-jhero__text { margin-top: 12px; }
}

/* Desktop headline breaks are hidden so the title wraps on its own. */
@media (max-width: 767px) {
  .tc-w-jhero__title br { display: none; }
}