.stocktake-hero {
  position: relative;
  background:
    linear-gradient(90deg, rgba(5, 21, 35, 0.99) 0%, rgba(5, 21, 35, 0.94) 25%, rgba(6, 24, 39, 0.66) 46%, rgba(6, 24, 39, 0.08) 76%),
    linear-gradient(180deg, rgba(8, 29, 50, 0.08), rgba(8, 29, 50, 0.4)),
    url("/assets/swipe-stocktake-team-hero-v1.webp") 58% center / cover no-repeat;
}

.stocktake-hero-inner {
  min-height: 680px;
  grid-template-columns: minmax(0, 690px);
  align-items: center;
  padding-top: 70px;
  padding-bottom: 76px;
}

.stocktake-hero-copy {
  padding: 22px 0;
}

.stocktake-hero h1 {
  font-size: clamp(58px, 6vw, 86px);
}

.stocktake-hero .till-hero-lead {
  max-width: 610px;
}

.stocktake-hero .till-hero-support {
  max-width: none;
}

.stocktake-showcase {
  min-height: 650px;
}

.stocktake-title-line {
  display: block;
  white-space: nowrap;
}

.stocktake-image-panel {
  padding: 9px;
}

.stocktake-image-panel img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.stocktake-minibus-image img,
.stocktake-screening-image img {
  object-position: 70% center;
}

.stocktake-report-image img {
  object-position: 55% center;
}

.stocktake-features {
  background: var(--product-sand);
}

.stocktake-process .till-scale-steps > div {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (max-width: 1060px) {
  .stocktake-hero {
    background-position: 63% center;
  }

  .stocktake-hero-inner {
    min-height: 640px;
  }

  .stocktake-hero-copy {
    max-width: 620px;
  }
}

@media (max-width: 760px) {
  .stocktake-hero {
    background:
      linear-gradient(180deg, rgba(5, 21, 35, 0.94) 0%, rgba(5, 21, 35, 0.78) 60%, rgba(5, 21, 35, 0.55) 100%),
      url("/assets/swipe-stocktake-team-hero-v1.webp") 67% center / cover no-repeat;
  }

  .stocktake-hero-inner {
    min-height: 640px;
    align-items: end;
  }

  .stocktake-hero h1 {
    font-size: clamp(36px, 10.5vw, 56px);
  }

  .stocktake-showcase {
    min-height: 0;
  }

  .stocktake-image-panel img {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 430px) {
  .stocktake-hero .till-hero-support {
    white-space: normal;
  }

  .stocktake-hero h1 {
    font-size: clamp(32px, 9.8vw, 44px);
  }
}