/* Sub-page heroes: top pad = nav clearance; dark bg in pad (margin gap was body cream; ::before clipped by overflow:hidden) */
.tcs-hero-slider:not(.tcs-hero-slider--index) {
  margin-top: 0;
  padding-top: 62px;
  box-sizing: border-box;
  background-color: #1C1815;
}

/* Hero copy: left horizontally, vertically centered in the image area */
.tcs-hero-slider .tcs-hero-slider-title-wrap {
  align-items: center;
  justify-content: flex-start;
  padding-top: 0;
  padding-bottom: 0;
}

.tcs-hero-slider .tcs-hero-slider-title-wrap .container {
  text-align: left;
}

.tcs-hero-slider .tcs-hero-slider-title-wrap h1,
.tcs-hero-slider .tcs-hero-slider-title-wrap p {
  text-align: left;
}

.tcs-hero-slider .tcs-hero-slider-dots {
  padding-bottom: 10px;
  padding-top: 0;
  justify-content: flex-start;
}

/* Index hero: left align; copy block padding-top varies by breakpoint */
.tcs-hero-slider.tcs-hero-slider--index .hero-inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box;
}

.tcs-hero-slider.tcs-hero-slider--index .hero-index-copy {
  max-width: 760px;
  padding-top: 120px;
}

.tcs-hero-slider.tcs-hero-slider--index .hero-index-dots {
  margin-top: 48px;
  padding-bottom: 5px;
}

.tcs-hero-slider.tcs-hero-slider--index .hero-inner .container {
  text-align: left;
  width: 100%;
}

.tcs-hero-slider.tcs-hero-slider--index .hero-inner h1,
.tcs-hero-slider.tcs-hero-slider--index .hero-inner p {
  text-align: left;
}

/* Hero sliders: shorter block on small screens (background stays cover from JSX) */
@media (max-width: 768px) {
  .tcs-hero-slider {
    min-height: 205px !important;
  }
  .tcs-hero-slider--index {
    min-height: 385px !important;
  }

  .tcs-hero-slider.tcs-hero-slider--index .hero-index-copy {
    /* Clear fixed mobile nav (~63px) + small gap */
    padding-top: 72px;
  }

  .tcs-hero-slider.tcs-hero-slider--index .hero-index-dots {
    margin-top: 43px;
  }
}
