.pos-hero {
  background:
    radial-gradient(circle at 82% 50%, rgba(224, 0, 43, .18), transparent 36%),
    #080808;
}

.pos-hero::before {
  background: linear-gradient(90deg, rgba(5,5,5,1) 0%, rgba(5,5,5,.98) 38%, rgba(5,5,5,.72) 54%, rgba(5,5,5,.12) 78%, rgba(5,5,5,.08) 100%);
}

.pos-hero::after {
  content: "POS";
}

.pos-hero__background {
  inset: 0 0 0 auto;
  width: 64%;
  background: #080808;
}

.pos-hero__background img {
  object-fit: contain;
  object-position: right center;
}

.pos-hero .stands-hero__copy {
  width: min(720px, 55vw);
}

.pos-gallery--extended .gallery-thumbs {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.pos-formats-grid article {
  min-height: 178px;
}

@media (min-width: 1181px) {
  .stand-case .case-gallery {
    width: min(100%, 650px);
    justify-self: end;
  }
}

@media (max-width: 1180px) {
  .pos-hero__background {
    width: 72%;
  }

  .pos-hero .stands-hero__copy {
    width: min(680px, 68vw);
  }

  .pos-gallery--extended .gallery-thumbs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .pos-hero::before {
    background: linear-gradient(90deg, rgba(5,5,5,.98) 0%, rgba(5,5,5,.92) 54%, rgba(5,5,5,.4) 100%);
  }

  .pos-hero__background {
    width: 100%;
    opacity: .68;
  }

  .pos-hero__background img {
    object-position: center;
  }

  .pos-hero .stands-hero__copy {
    width: min(680px, 92vw);
  }
}

@media (max-width: 620px) {
  .pos-hero,
  .pos-hero .stands-hero__inner {
    min-height: 590px;
  }

  .pos-hero__background {
    top: 80px;
    height: 46%;
    opacity: .58;
  }

  .pos-hero__background img {
    object-position: center top;
  }

  .pos-hero::before {
    background: linear-gradient(180deg, rgba(5,5,5,.22) 0%, rgba(5,5,5,.82) 38%, rgba(5,5,5,1) 72%);
  }

  .pos-hero .stands-hero__inner {
    padding-top: 116px;
    align-items: flex-end;
  }

  .pos-hero .stands-hero__copy {
    width: 100%;
    min-width: 0;
  }

  .pos-hero h1 {
    max-width: 100%;
    font-size: clamp(38px, 10.6vw, 44px);
    line-height: .92;
    overflow-wrap: anywhere;
  }

  .section-heading h2,
  .case-copy h3,
  .mockups-copy h2,
  .faq-heading h2,
  .stands-cta h2 {
    max-width: 100%;
    font-size: clamp(32px, 9.4vw, 36px);
    overflow-wrap: anywhere;
  }

  .pos-gallery--extended .gallery-thumbs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}