/* Manufacturing & quality: existing production imagery and content. */
body[data-art-direction=quality] main>section:first-child{background:var(--art-dark);color:#fff}
body[data-art-direction=quality] .page-hero-v5-grid,body[data-art-direction=quality] .art-quality-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;min-height:600px;padding:72px 0}
body[data-art-direction=quality] .page-hero-v5 h1,body[data-art-direction=quality] .series-hero h1{font-size:clamp(42px,4.3vw,62px);line-height:1.13;letter-spacing:-.035em;font-weight:600;max-width:13ch;margin:20px 0 24px;color:#fff;text-wrap:balance}
html[lang^=zh] body[data-art-direction=quality] .series-hero h1{line-height:1.35;max-width:12em;letter-spacing:0}
body[data-art-direction=quality] .series-hero{background-image:none!important;padding:0}
body[data-art-direction=quality] .series-hero-copy{max-width:none}
body[data-art-direction=quality] .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.1em;font-weight:650}
/* The original red-on-navy small text is not readable enough; retain red as a
   brand accent, and use a high-contrast pale label on dark sections. */
body[data-art-direction=quality] main :is(.page-hero-v5,.series-hero,.trust-quality,.quality-flow,.dark) .eyebrow{color:#d4e0e5}
body[data-art-direction=quality] main :is(.page-hero-v5,.series-hero,.trust-quality,.quality-flow,.dark) .eyebrow::before{background:var(--art-red)}
body[data-art-direction=quality] .art-quality-nowrap{white-space:nowrap}
body[data-art-direction=quality] .page-hero-v5 p,body[data-art-direction=quality] .series-hero-copy>p{font-size:16px;line-height:1.85;color:#c7d4d9;max-width:56ch;margin:0}
body[data-art-direction=quality] .page-hero-v5 p.art-quality-partner,body[data-art-direction=quality] .series-hero-copy>p.art-quality-partner{font-size:14px;line-height:1.75;color:#e2ebee;margin:16px 0 0;max-width:55ch}
body[data-art-direction=quality] :is(.actions,.series-actions){display:flex;flex-direction:row;flex-wrap:wrap;margin-top:28px;gap:12px 22px;align-items:center}
body[data-art-direction=quality] :is(.actions,.series-actions) a.button.primary{background:var(--art-red);border-color:var(--art-red);color:#fff;box-shadow:none;border-radius:2px;min-height:48px;padding:12px 20px;font-size:14px;line-height:1.5;font-weight:600}
body[data-art-direction=quality] .series-actions a{width:auto}
body[data-art-direction=quality] .series-actions a.text-action{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
body[data-art-direction=quality] .quality-hero-photo{min-height:0;height:auto;aspect-ratio:4/3;border-radius:2px}
body[data-art-direction=quality] .quality-hero-photo img{height:100%;min-height:0;object-fit:cover;object-position:center}
body[data-art-direction=quality] .quality-hero-photo figcaption{left:0;right:0;bottom:0;padding:16px 18px;background:#061523df}
body[data-art-direction=quality] .quality-hero-photo small{font-size:10px;font-weight:650;color:#c5d4da}
body[data-art-direction=quality] .quality-hero-photo b{font-size:14px;font-weight:600;margin-top:4px}
/* The five-stage path reads as a sequence, not five enclosed boxes. */
body[data-art-direction=quality] .quality-flow-track{background:transparent;border:0;gap:0 24px}
/* The original entrance state held visible mobile text at 40% opacity until
   an observer fired. These short steps should be readable immediately. */
body[data-art-direction=quality] .quality-flow-step{min-height:0;background:transparent;border:0;border-top:1px solid #506675;padding:22px 0;opacity:1;transform:none;transition:none}
body[data-art-direction=quality] .quality-flow-step span{color:#d4e0e5;font-weight:650}
body[data-art-direction=quality] .quality-flow-step b{font-size:17px;line-height:1.4;margin:26px 0 8px}
body[data-art-direction=quality] .quality-flow-step small{font-size:13px;line-height:1.7;color:#bdcdd4}
body[data-art-direction=quality] .quality-flow-step:not(:last-child)::after{right:-19px;top:22px}
body[data-art-direction=quality] .trust-quality{padding:80px 0}
body[data-art-direction=quality] .proof-grid{gap:64px}
body[data-art-direction=quality] .proof-grid h2{font-size:clamp(30px,3vw,38px);line-height:1.25;font-weight:600}
body[data-art-direction=quality] .proof-grid .lead{line-height:1.8}
body[data-art-direction=quality] .steps .step{background:transparent;border:0;border-top:1px solid #506675;padding:22px 0}
body[data-art-direction=quality] .steps .step h3{font-size:19px;line-height:1.4;font-weight:600}
body[data-art-direction=quality] .steps .step p{line-height:1.75}
body[data-art-direction=quality] .dark .steps .step>span{color:#d4e0e5}
body[data-art-direction=quality] .facility.reviewed{gap:18px}
body[data-art-direction=quality] .facility.reviewed figure{box-shadow:none}
body[data-art-direction=quality] .document-control{background:none;border:0;gap:0 28px}
body[data-art-direction=quality] .document-control>div{background:transparent;border-top:1px solid #738891;padding:22px 0}
body[data-art-direction=quality] main>section:not(.dark) .document-control small{color:#a4000d}
body[data-art-direction=quality] main>section:not(.dark) .document-control span{color:var(--art-muted)}
body[data-art-direction=quality] .oem-assurance{padding:80px 0}
/* Explicit solid backgrounds prevent inherited light grid surfaces from making
   white text unreadable. Both variants remain unboxed editorial columns. */
body[data-art-direction=quality] .assurance-grid{gap:0 36px;background:#fff;border:0}
body[data-art-direction=quality] .assurance-grid article{border:0;border-top:1px solid #a8bbc0;background:transparent;padding:24px 0}
body[data-art-direction=quality] .assurance-grid small{color:#e50212}
body[data-art-direction=quality] .assurance-grid h3{color:#16313e}
body[data-art-direction=quality] .assurance-grid p{color:#465c68}
body[data-art-direction=quality] .assurance-grid h3{font-weight:600;line-height:1.4}
body[data-art-direction=quality] .assurance-grid p{line-height:1.8}
body[data-art-direction=quality] .dark .assurance-grid{background:#061523}
body[data-art-direction=quality] .dark .assurance-grid article{border-top-color:#506675}
body[data-art-direction=quality] .dark .assurance-grid h3{color:#fff}
body[data-art-direction=quality] .dark .assurance-grid small{color:#cbd9df}
body[data-art-direction=quality] .dark .assurance-grid p{color:#cbd9df}
body[data-art-direction=quality] .trade-terms-grid{gap:0 28px;background:transparent;border:0}
body[data-art-direction=quality] .trade-terms-grid>div{border:0;border-top:1px solid #b8c8ce;background:transparent;padding:20px 0}
body[data-art-direction=quality] .dark .trade-terms-grid :is(small,span){color:#cbd9df}
body[data-art-direction=quality] .dark .trade-terms-note{color:#cbd9df}
@media(max-width:1000px){body[data-art-direction=quality] .page-hero-v5-grid,body[data-art-direction=quality] .art-quality-grid{gap:36px}}
@media(max-width:820px){
 body[data-art-direction=quality] .quality-flow-track{gap:0}
 body[data-art-direction=quality] .quality-flow-step{border:0;border-top:1px solid #506675;padding:18px 0}
 body[data-art-direction=quality] .quality-flow-step b{margin:10px 0 6px}
 body[data-art-direction=quality] .quality-flow-step:not(:last-child)::after{content:none}
}
@media(max-width:700px){
 body[data-art-direction=quality] .page-hero-v5-grid,body[data-art-direction=quality] .art-quality-grid{min-height:0;grid-template-columns:1fr;gap:28px;padding:44px 0 40px}
 body[data-art-direction=quality] .page-hero-v5 h1,body[data-art-direction=quality] .series-hero h1{font-size:38px;line-height:1.2;margin:16px 0 20px}
 html[lang^=zh] body[data-art-direction=quality] .series-hero h1{line-height:1.38;font-size:34px}
 body[data-art-direction=quality] .quality-hero-photo{aspect-ratio:4/3}
 body[data-art-direction=quality] .trust-quality,body[data-art-direction=quality] .oem-assurance{padding:52px 0}
 body[data-art-direction=quality] .proof-grid{gap:28px}
 body[data-art-direction=quality] .facility.reviewed{gap:12px}
 body[data-art-direction=quality] .assurance-grid,body[data-art-direction=quality] .document-control{grid-template-columns:1fr}
}