/* Career gallery: native image ratios in a single, continuous row. */
.page-template-career .cw-images {
  --cw-gallery-gap: 1rem;
  --cw-gallery-image-width: clamp(160px, 18vw, 300px);
  --cw-gallery-duration: 40s;
  column-count: auto;
  column-gap: normal;
}

.page-template-career .cw-images .cw-gallery-viewport {
  width: 100%;
  max-width: var(--cw-gallery-loop-width, 100%);
  margin-inline: auto;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

.page-template-career .cw-images .cw-gallery-viewport::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.page-template-career .cw-images .cw-gallery-track {
  display: flex;
  align-items: flex-start;
  width: max-content;
}

.page-template-career .cw-images .cw-gallery-group {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  gap: var(--cw-gallery-gap);
  box-sizing: border-box;
  padding-right: var(--cw-gallery-gap);
}

.page-template-career .cw-images .img-item {
  flex: 0 0 var(--cw-gallery-image-width);
  width: var(--cw-gallery-image-width);
  margin: 0;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

.page-template-career .cw-images .img-item img {
  display: block;
  width: 100%;
  height: auto;
}

.page-template-career .cw-images .cw-gallery-group[aria-hidden="true"] {
  display: none;
}

.page-template-career .cw-images.is-animated .cw-gallery-viewport {
  overflow-x: hidden;
}

.page-template-career .cw-images.is-animated .cw-gallery-group[aria-hidden="true"] {
  display: flex;
}

.page-template-career .cw-images.is-animated .cw-gallery-track {
  animation: cw-career-gallery-loop var(--cw-gallery-duration) linear infinite;
  will-change: transform;
}

.page-template-career .cw-images.is-paused .cw-gallery-track {
  animation-play-state: paused;
}

.page-template-career .cw-images .cw-gallery-viewport:focus-visible {
  outline: 2px solid var(--raisin-black, #28282a);
  outline-offset: -2px;
}

@keyframes cw-career-gallery-loop {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-template-career .cw-images.is-animated .cw-gallery-viewport {
    overflow-x: auto;
  }

  .page-template-career .cw-images.is-animated .cw-gallery-track {
    animation: none;
    transform: none;
    will-change: auto;
  }

  .page-template-career .cw-images.is-animated .cw-gallery-group[aria-hidden="true"] {
    display: none;
  }
}

/* Preserve the Career page's approved FAQ and community spacing. */
.page-template-career .faq-accordion .acc_container .block {
  animation: none !important;
  opacity: 1 !important;
}

@media (min-width: 1023px) {
  .page-template-career .cws-grid {
    grid-template-columns: repeat(4, max-content);
    justify-content: space-evenly;
    column-gap: 0;
  }
}

/* Static photographs with shading confined to the bottom-left labels. */
.page-template-career .ts-item {
  isolation: isolate;
  cursor: default;
}

.page-template-career .ts-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: min(100%, 640px);
  height: min(100%, 180px);
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(ellipse at bottom left,
    rgba(0, 0, 0, 0.62) 0%,
    rgba(0, 0, 0, 0.38) 36%,
    rgba(0, 0, 0, 0.12) 60%,
    rgba(0, 0, 0, 0) 80%);
}

.page-template-career .ts-item h3 {
  z-index: 2;
}

.page-template-career .ts-item-link {
  z-index: 3;
}

/* Start beside the first question, then retain the existing sticky offset. */
.page-template-career .cw-faq-layout > .section-title {
  align-self: start;
}

@media (min-width: 1024px) and (max-width: 1229px) {
  .page-template-career #tophead {
    overflow-x: clip;
    overflow-y: visible;
  }
}

/* Keep the subjects visible in the short Team Spotlight panels. */
.page-template-career .ts-item[style*="Rear-Exterior-over-Fire-Pit-optimized.webp"] {
  background-position: 50% 75%;
}

.page-template-career .ts-item[style*="b57949e7a6257a05f8552408bccc29212f433f65.png"] {
  background-position: 50% 60%;
}

/* Reuse the founders' white photo callout. */
.page-template-career #cw-quote-slider .quote-img .img-over-text {
  padding-left: 0.62rem;
  position: absolute;
  top: 30px;
  left: 7px;
  transform: translate3d(0, -50%, 0);
  border-left: 1px solid currentColor;
  color: var(--white, #fff);
}

@media (min-width: 767px) {
  .page-template-career #cw-quote-slider .quote-img .img-over-text {
    top: 60px;
    left: 40px;
  }
}
/* Keep benefit heading lines compact in every browser. */
.page-template-career .wcw-grid .wcw-item h3 {
  line-height: 1.2;
}

.page-template-career .wcw-grid .wcw-item h3 br {
  display: inline;
  line-height: inherit;
}

/* Preserve the Career FAQ appearance with native disclosure buttons. */
.page-template-career .cw-benefit-action {
  align-self: flex-start;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.page-template-career .cw-career-faq .acc_title_bar button {
  appearance: none;
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 1.5rem 56px 1.5rem 1.5rem;
  border: 1px solid #E7E0D7;
  border-radius: 0;
  background: var(--white);
  box-shadow: none;
  color: var(--raisin-black);
  font: inherit;
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  cursor: pointer;
}

.page-template-career .cw-career-faq .acc_title_bar button:focus-visible {
  outline: 2px solid var(--raisin-black);
  outline-offset: -5px;
}

.page-template-career .cw-career-faq .cw-faq-icon {
  position: absolute;
  inset: 0 0 0 auto;
  display: flex;
  width: 48px;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.page-template-career .cw-career-faq .cw-faq-icon::before {
  content: "\f107";
  font-family: "Font Awesome 7 Pro";
}

.page-template-career .cw-career-faq .acc_title_bar button[aria-expanded="true"] {
  border-bottom-color: rgba(34, 51, 17, 0.95);
  background: rgba(255, 255, 255, 0.20);
}

.page-template-career .cw-career-faq button[aria-expanded="true"] .cw-faq-icon::before {
  content: "\f106";
}

.page-template-career .cw-career-faq .acc_container {
  display: block;
}

.page-template-career .cw-career-faq .acc_container[hidden] {
  display: none !important;
}

.page-template-career .cw-career-faq .acc_container .block {
  animation: none !important;
  opacity: 1 !important;
}