/* Keep the longer homepage introduction readable within the existing hero. */
.landing_content_first_content {
  max-width: 72ch;
}
@media (max-width: 1350px) {
  .landing_content_first {
    width: min(100%, 800px);
    box-sizing: border-box;
    padding: 3rem 0;
  }
}
@media (max-width: 600px) {
  .landing_content_container { padding: 0 24px; }
  .landing_content_first { padding: 2rem 0; }
  .landing_content_second { width: 100%; }
}

/* Homepage-only sizing for its three existing customer rating categories. */
.homepage_customer_rating .custom_quality_wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: min(100%, 800px);
  margin: 0 auto;
  align-items: start;
}
.homepage_customer_rating .custom_quality {
  width: 100%;
  min-width: 0;
}
.homepage_customer_rating .custom_quality_stars {
  gap: 3px;
}
.homepage_customer_rating .star_full {
  width: 20px;
  height: 20px;
  background: #ae913e;
  -webkit-mask: url("../img/icons/star-full.svg") center / contain no-repeat;
  mask: url("../img/icons/star-full.svg") center / contain no-repeat;
}
/* Preserve the existing scores and represent the final star proportionally. */
.homepage_customer_rating .custom_quality:nth-child(1) .star_full:last-of-type {
  background: linear-gradient(90deg, #ae913e 90%, #dddddd 90%);
}
.homepage_customer_rating .custom_quality:nth-child(2) .star_full:last-of-type {
  background: linear-gradient(90deg, #ae913e 80%, #dddddd 80%);
}
.homepage_customer_rating .custom_quality:nth-child(3) .star_full:last-of-type {
  background: linear-gradient(90deg, #ae913e 40%, #dddddd 40%);
}
.homepage_customer_rating .custom_quality_stars span {
  font-size: 14px;
  margin-left: 5px;
  font-weight: 600;
}
.homepage_customer_rating .custom_quality p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin: 10px 0 0;
}
@media (max-width: 600px) {
  .homepage_customer_rating .custom_quality_wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}