
/* Compact variant under the runway (2026-09-14): side by side on every width, a third of
   the old height, animation beside the label instead of below it. */
.pf-quality-section--compact{padding:8px 32px 40px;position:relative;z-index:1}
.pf-quality-kicker{max-width:1152px;margin:0 auto 12px;font:600 11px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#79716A}
.pf-quality-section--compact .pf-quality-links{grid-template-columns:1fr 1fr;gap:20px;max-width:1152px;margin-top:0}
.pf-quality-section--compact .pf-quality-links a{grid-template-columns:112px 1fr 28px;grid-template-rows:auto;align-items:center;min-height:132px;padding:20px 24px 20px 16px;gap:18px}
.pf-quality-section--compact .pf-quality-lottie{grid-column:1;grid-row:1;width:112px;height:88px}
.pf-quality-section--compact .pf-quality-label{grid-column:2;grid-row:1;font-size:14px}
.pf-quality-section--compact .pf-quality-label b{font-size:26px;white-space:normal;margin-top:1px}
.pf-quality-section--compact .pf-quality-arrow{grid-column:3;grid-row:1;font-size:24px}
@media(min-width:901px) and (min-height:740px){.pf-quality-section--compact{margin-top:-10vh}}
@media(max-width:600px){.pf-quality-section--compact{padding:4px 16px 40px}.pf-quality-section--compact .pf-quality-links{grid-template-columns:1fr 1fr;gap:10px;max-width:none}.pf-quality-section--compact .pf-quality-links a{grid-template-columns:1fr 18px;grid-template-rows:auto auto;padding:12px 12px 10px;min-height:0;gap:6px}.pf-quality-section--compact .pf-quality-lottie{grid-column:1/-1;grid-row:2;width:100%;height:64px}.pf-quality-section--compact .pf-quality-label{grid-column:1;grid-row:1;font-size:11px}.pf-quality-section--compact .pf-quality-label b{font-size:16px}.pf-quality-section--compact .pf-quality-arrow{grid-column:2;grid-row:1;font-size:16px}}
