/* Local quality-page photo preview; keep the existing site shell and type. */
html[data-site-theme-preview] body.page-quality .page-hero.quality-real-banner img.hero-media {
  object-position: 50% 74%;
}

html[data-site-theme-preview] body.page-quality .page-hero.quality-real-banner::before {
  background: linear-gradient(90deg, rgba(8, 10, 12, .68), rgba(8, 10, 12, .23) 48%, rgba(8, 10, 12, .04) 80%),
    linear-gradient(0deg, rgba(8, 10, 12, .25), transparent 58%);
}

/* A fixed 450px crop cuts off instrument heads on wider desktop screens. */
@media (min-width: 1441px) {
  html[data-site-theme-preview] body.page-quality .page-hero.quality-real-banner {
    min-height: 31.25vw;
  }
}

@media (max-width: 600px) {
  html[data-site-theme-preview] body.page-quality .page-hero.quality-real-banner img.hero-media {
    object-position: 100% 74%;
    transform: scale(1.4);
    transform-origin: 100% 72%;
  }
  html[data-site-theme-preview] body.page-quality .page-hero.quality-real-banner::before {
    background: linear-gradient(0deg, rgba(8, 10, 12, .7), rgba(8, 10, 12, .08) 64%);
  }
}

/* Reuse the existing FAQ preview's tablet-footer correction on these two pages. */
@media (min-width: 768px) and (max-width: 1023px) {
  html[data-site-theme-preview] body.page-quality.site-theme-preview-active .site-footer .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
  }
  html[data-site-theme-preview] body.page-quality.site-theme-preview-active .site-footer .footer-grid > * {
    grid-column: auto;
    min-width: 0;
  }
  html[data-site-theme-preview] body.page-quality.site-theme-preview-active .site-footer .footer-inquiry-area {
    justify-self: start;
    align-self: start;
  }
}