/* A distinct engineering chapter with asymmetric boundaries. */
.quality{position:relative;isolation:isolate;background:#192c38;color:#f4f5f0;margin:70px 0 76px;padding:26px 0 32px}
.quality:before,.quality:after{content:'';position:absolute;left:0;width:100%;height:82px;background:url('assets/quality-edge.svg') center / 100% 100% no-repeat;pointer-events:none}
.quality:before{bottom:calc(100% - 1px)}
.quality:after{top:calc(100% - 1px);transform:rotate(180deg) scaleX(-1)}
.quality{box-shadow:0 -82px 0 var(--white),0 82px 0 var(--white)}
.quality .detail-kicker{color:var(--brand);letter-spacing:2px}
.quality-intro{display:block;max-width:850px;margin:0 auto 26px;text-align:center}
.quality-intro h2{font-size:clamp(35px,4vw,53px);margin:0;letter-spacing:-2px}
.quality-intro>p{color:#b7c7d1;max-width:660px;margin:16px auto 0;line-height:1.8}
.quality-body{display:grid;grid-template-columns:.9fr 1.3fr;gap:65px;align-items:center}
.quality-art{margin:0;max-width:420px;position:relative}
.quality-art img{display:block;width:100%;height:auto}
.quality-art figcaption{font-size:17px;line-height:1.65;color:#aec2cd;margin:0 0 0 35px}
.quality-art figcaption strong{color:#f0b849;font-weight:600}
.quality-standards>div{grid-template-columns:1fr;gap:7px;padding:17px 0 17px 40px;border-color:#3a4d59;position:relative;counter-increment:standard}
.quality-standards{counter-reset:standard}
.quality-standards>div:before{content:'0' counter(standard);position:absolute;left:0;top:20px;color:#eeb64a;font:11px var(--mono)}
.quality-standards dt{font-size:17px;color:#f4f5f0}
.quality-standards dd{color:#b7c7d1;line-height:1.7}
.quality-standards span{display:none}
.quality-standards>div:last-child{border:0}
.quality-note{color:#91a9b8;max-width:760px;margin:26px 0 0 auto;font-size:10px}
.details{padding-top:14px}
.details-layout:before{display:none}
@media(max-width:800px){.quality-intro{grid-template-columns:1fr;gap:16px}.quality-body{gap:25px;grid-template-columns:.85fr 1.15fr}.quality-art figcaption{margin-left:15px;font-size:14px}.quality-standards>div{padding-left:28px}.quality-standards dt{font-size:15px}.quality{margin-top:55px;margin-bottom:55px}.quality:before,.quality:after{height:62px}}
@media(max-width:540px){.quality{padding:20px 0 24px;margin-top:38px;margin-bottom:42px}.quality:before,.quality:after{height:45px}.quality-body{grid-template-columns:1fr;gap:12px}.quality-art{max-width:270px;margin:0 auto}.quality-art figcaption{display:none}.quality-intro{margin-bottom:8px}.quality-standards>div{padding-top:15px;padding-bottom:15px}.quality-note{margin-top:18px}.quality-intro h2{font-size:36px}}
