.quality-hero {
  padding-top: var(--space-15);
}

.quality-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--space-10);
  align-items: center;
}

.quality-hero__content p {
  max-width: 40rem;
}

.quality-hero__actions {
  flex-wrap: wrap;
}

.quality-hero__media {
  min-height: 18rem;
}

.quality-section-header p {
  margin-left: auto;
  margin-right: auto;
}

.quality-pillars__grid,
.quality-safety__grid,
.quality-testimonials__grid,
.quality-innovation__layout,
.quality-consult__layout,
.quality-materials__layout,
.quality-artists__layout {
  align-items: flex-start;
}

.quality-card__media {
  max-height: 14rem;
}

.quality-list {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.quality-list li::marker {
  color: var(--color-primary);
}

.quality-testimonial__meta {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--color-text-muted);
}

.quality-final-cta__inner {
  background-color: var(--color-elevated);
}

.quality-final-cta__content {
  align-items: center;
}

@media (max-width: 960px) {
  .quality-hero__layout,
  .quality-materials__layout,
  .quality-artists__layout,
  .quality-consult__layout,
  .quality-innovation__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .quality-hero__media {
    order: -1;
  }
}

@media (max-width: 640px) {
  .quality-hero {
    padding-top: var(--space-13);
  }

  .quality-final-cta__content {
    flex-direction: column;
    align-items: flex-start;
  }

  .quality-hero__actions,
  .quality-consult__actions,
  .quality-materials__actions,
  .quality-final-cta__actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .quality-hero__actions .button,
  .quality-consult__actions .button,
  .quality-materials__actions .button,
  .quality-final-cta__actions .button {
    width: 100%;
    justify-content: center;
  }
}