.quality{padding:88px 0 40px;scroll-margin-top:110px}
.quality-heading{margin-bottom:36px}
.quality h2{font:700 clamp(42px,4.25vw,62px)/1.1 Rubik,sans-serif;letter-spacing:-.03em;margin:0}
.quality-heading>p{max-width:1020px;margin:18px 0 0;font-size:21px;line-height:1.5;color:#494151}
.quality-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:44px;align-items:start}
.quality-scene{margin:0;min-width:0}
.quality-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.quality-principles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-self:stretch;justify-content:space-between;padding-bottom:30px}
.quality-principles li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:20px;align-items:start;padding:24px 0;border-top:1px solid #DDD0ED}
.quality-principles li:first-child{padding-top:16px;border-top:0}
.quality-principles li:last-child{padding-bottom:0}
.quality-icon{display:block;width:76px;height:80px;object-fit:contain;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.quality-principles li:hover .quality-icon{transform:translateY(-4px) rotate(-3deg)}
.quality h3{font:600 clamp(20px,1.85vw,27px)/1.25 Rubik,sans-serif;letter-spacing:-.025em;margin:0 0 12px}
.quality-principles p{font-size:18px;line-height:1.5;margin:0;color:#494151}
@media(max-width:1150px){.quality-layout{gap:28px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.quality-principles li{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:18px 0}.quality-icon{width:56px;height:64px}.quality-principles p{font-size:16px}.quality h3{font-size:20px;margin-bottom:8px}.quality-heading>p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.quality-icon{transition:none}.quality-principles li:hover .quality-icon{transform:none}}