/* Fourth refinement pass: simplify the problem statement and bring golf into the narrative. */
.quality-grid {
  grid-template-columns: repeat(6, 1fr);
}

.for-you--image {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #172018;
}

.for-you-image {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}

.for-you--image::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: '';
  background: linear-gradient(90deg, rgba(18, 26, 17, .94) 0%, rgba(18, 26, 17, .84) 43%, rgba(18, 26, 17, .46) 76%, rgba(18, 26, 17, .58) 100%);
}

.for-you--image .for-you-grid {
  position: relative;
  z-index: 2;
}

.for-you--image .for-you-grid > div:last-child > p {
  margin-bottom: 0;
}

@media (min-width: 761px) and (max-width: 980px) {
  .quality-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .quality-grid article {
    min-height: 155px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--line);
  }

  .quality-grid article:nth-child(3n) {
    padding-right: 0;
    border-right: 0;
  }

  .quality-grid article:nth-child(3n + 1) {
    padding-left: 0;
  }
}

@media (max-width: 760px) {
  .quality-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .for-you-image {
    object-position: 68% center;
  }

  .for-you--image::before {
    background: linear-gradient(90deg, rgba(18, 26, 17, .92), rgba(18, 26, 17, .73));
  }
}

@media (max-width: 390px) {
  .quality-grid {
    grid-template-columns: 1fr;
  }
}