.project.industry-project{grid-column:1/-1}
.quanyi-cover{height:auto!important;aspect-ratio:1.85;background:#222622;container:quanyi / inline-size}
.detail-editorial{margin:0 25px;aspect-ratio:1.85;container:quanyi / inline-size}
.qy-surface{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;background:#242824;color:#f2f0e8;text-align:left}
.qy-surface-image{position:absolute;inset:0 0 0 33%;overflow:hidden;background:#242824}
.qy-surface-image>img{position:absolute;max-width:none;width:100%;height:100%;left:0;top:0;display:block;object-fit:cover;object-position:53% 72%;transform:none!important;transition:none!important}
.qy-surface-copy{position:absolute;inset:0 67% 0 0;padding:3.7cqw 3.4cqw;display:flex;flex-direction:column;justify-content:space-between}
.qy-surface-top{display:flex;gap:1.4cqw;align-items:center;font-size:.83cqw;line-height:1.8;letter-spacing:.08em;color:#babfb2}
.qy-edge-symbol{display:block;width:2.9cqw;height:2.9cqw;border-left:.42cqw solid #d8e0cb;border-bottom:.42cqw solid #d8e0cb;position:relative;flex-shrink:0}
.qy-edge-symbol::after{content:"";position:absolute;left:.5cqw;bottom:.5cqw;width:2.1cqw;height:2.1cqw;border-left:1px solid #959f87;border-bottom:1px solid #959f87}
.qy-surface-brand{display:flex;flex-direction:column;align-items:flex-start;gap:1.3cqw;margin-top:1cqw}
.qy-surface-brand>strong{font-size:8.7cqw;line-height:1.1;font-weight:500;letter-spacing:-.065em;margin-left:-.35cqw}
.qy-surface-brand>span{font-size:2.64cqw;line-height:1;letter-spacing:.115em;font-weight:400}
.qy-surface-bottom{display:flex;flex-direction:column;gap:2.1cqw;padding-bottom:3.2cqw}
.qy-surface-number{font-size:3.9cqw;letter-spacing:-.055em;line-height:1;border-bottom:1px solid #5b6454;padding-bottom:1.4cqw}
.qy-surface-number>span{font-size:.58cqw;letter-spacing:.06em;color:#a3ae97;margin-left:.6cqw;vertical-align:middle}
.qy-surface-bottom>span:last-child{font-size:.87cqw;letter-spacing:.07em;line-height:1.8;color:#c6ccbe}
.qy-surface-note{position:absolute;z-index:2;left:3.4cqw;right:3.4cqw;bottom:1.8cqw;display:flex;justify-content:space-between;font-size:.65cqw;letter-spacing:.08em;line-height:1.4;color:#b4bea9}
.qy-surface-note>span:last-child{background:#242824;padding:.45cqw .7cqw;color:#e2e4d9;margin-bottom:-.45cqw}
.qy-surface-tag{position:absolute;top:3.7cqw;right:3.4cqw;display:flex;gap:.8cqw;align-items:center;background:#e9ece1;color:#2e3829;padding:.65cqw .8cqw;font-size:.65cqw;letter-spacing:.06em}
.qy-surface-tag>i{width:2.3cqw;height:1px;background:#6a755e}
.index-artwork.quanyi-cover{height:100%!important;aspect-ratio:auto}
@container quanyi (max-width:600px){
 .qy-surface-copy{padding:5cqw 4cqw;right:65%}.qy-surface-image{left:35%}
 .qy-surface-top{font-size:1.65cqw;gap:1.5cqw;letter-spacing:0}.qy-edge-symbol{width:3.8cqw;height:3.8cqw;border-width:.6cqw}.qy-edge-symbol::after{width:2.6cqw;height:2.6cqw}
 .qy-surface-brand{gap:2cqw}.qy-surface-brand>strong{font-size:10.5cqw}.qy-surface-brand>span{font-size:3.2cqw}
 .qy-surface-bottom{gap:3cqw;padding-bottom:6cqw}.qy-surface-number{font-size:5.5cqw;padding-bottom:2cqw}.qy-surface-number>span{display:none}
 .qy-surface-bottom>span:last-child{font-size:1.65cqw;letter-spacing:0}.qy-surface-note{left:4cqw;right:4cqw;bottom:2.8cqw;font-size:1.3cqw}
 .qy-surface-tag{top:5cqw;right:4cqw;font-size:1.3cqw;padding:1cqw 1.4cqw}
 .qy-surface-image>img{object-position:58% 50%}
}
@media(max-width:600px){.quanyi-cover,.detail-editorial{aspect-ratio:1.4}.index-open:has(.quanyi-cover){height:auto;aspect-ratio:1.4}}
.qy-photo{overflow:hidden;position:relative;isolation:isolate;background:#e9eae8}.qy-photo>img{position:absolute;display:block;width:100%;height:auto;max-width:none;left:0;top:50%;transform:translateY(-50%)!important;transition:none!important;object-fit:initial}
.qy-case{color:#222a27}.qy-case-caption{display:flex;justify-content:space-between;padding:15px 28px;color:#7a827c;font-size:8px;gap:15px}.qy-section-head{padding:49px 0 27px}.qy-section-head>span{font-size:8px;letter-spacing:1.2px;color:#7c847d}.qy-section-head h3{font-size:clamp(23px,3vw,31px);font-weight:400;letter-spacing:-1px;margin:15px 0 10px}.qy-section-head p{font-size:10px;color:#858d84;margin:0}.qy-archive,.qy-print{padding:0 7%}.qy-library{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,2fr);gap:28px}.qy-library-nav{display:flex;flex-direction:column;border-top:1px solid #afb7ae}.qy-library-nav>button{display:grid;grid-template-columns:24px 1fr 15px;grid-template-rows:auto auto;gap:8px;text-align:left;align-items:center;padding:22px 15px 22px 5px;border-bottom:1px solid #d7ddd4;transition:background .2s;color:#7a847b}.qy-library-nav>button>span{font:9px monospace;align-self:center}.qy-library-nav b{font-size:19px;font-weight:400}.qy-library-nav small{grid-column:2;grid-row:2;font-size:7px;letter-spacing:.6px}.qy-library-nav i{grid-column:3;grid-row:1;font-style:normal;opacity:0;color:#f56532}.qy-library-nav>button[aria-pressed=true]{background:#e9ece4;color:#26362b}.qy-library-nav>button[aria-pressed=true] i{opacity:1}.qy-library-sheet{background:#e7eae3;padding:20px;min-width:0}.qy-sheet-top{display:flex;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:.6px;color:#7c8979;margin:0 0 17px}.qy-sheet-photo{aspect-ratio:2.08;background:#dfE3dd}.qy-sheet-body{display:flex;align-items:flex-end;gap:25px;justify-content:space-between;padding:25px 0 22px}.qy-sheet-body>div{display:flex;gap:12px;align-items:baseline;white-space:nowrap}.qy-sheet-body>div>span{font:12px monospace;color:#f06b3c}.qy-sheet-body h4{font-size:32px;line-height:1.1;font-weight:400;letter-spacing:-1px;margin:0}.qy-sheet-body p{font-size:9px;color:#788571;line-height:1.9;max-width:175px;margin:0}.qy-colour-strip{display:flex;height:23px}.qy-colour-strip>span{flex:1}.qy-sheet-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:12px;color:#85917c;font-size:7px}.qy-library-status{font-size:8px;color:#8a9482;padding:12px 0 0;margin:0;text-align:right;min-height:25px}.qy-spread{display:grid;grid-template-columns:1fr 1.3fr;background:#dde1d8}.qy-spread-left{background:#2a3530;color:#e6e8db;padding:28px;position:relative;display:flex;flex-direction:column;min-height:390px}.qy-spread-logo{font-size:13px;letter-spacing:1px}.qy-spread-logo>span{font-size:7px;color:#b1bcad;display:block;margin-top:7px;letter-spacing:1px}.qy-spread-issue{color:#9aa894;font-size:8px;line-height:1.6;letter-spacing:.8px;margin-top:37px}.qy-spread-left>strong{font-size:clamp(22px,2.7vw,31px);font-weight:400;letter-spacing:-1px;line-height:1.55;margin-top:14px}.qy-spread-caption{font-size:7px;letter-spacing:.3px;color:#a3b09b;margin-top:17px}.qy-print-swatches{display:flex;gap:6px;margin-top:auto;padding-top:25px}.qy-print-swatches i{display:block;width:26px;height:26px;background:#d8c5a0}.qy-print-swatches i:nth-child(2){background:#bc9a6b}.qy-print-swatches i:nth-child(3){background:#9c6f4b}.qy-print-swatches i:nth-child(4){background:#6d5240}.qy-spread-page{font:7px monospace;color:#8b9b85;text-align:right;margin-top:20px}.qy-spread-right{display:flex;flex-direction:column;min-width:0}.qy-spread-photo{aspect-ratio:2.08;margin-top:30px}.qy-spread-detail{padding:24px 27px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.qy-spread-detail>span{font-size:clamp(23px,3.8vw,43px);line-height:.95;font-weight:500;letter-spacing:-2px;color:#344637}.qy-spread-detail>p{font-size:8px;color:#75836c;line-height:1.9;margin:0}.qy-spread-rule{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.3px;color:#798670;padding:14px 27px;border-top:1px solid #bfc9b5;margin-top:auto}.qy-case-credit{margin:43px 7% 0;padding:24px 0 30px;display:grid;grid-template-columns:85px 1fr;gap:14px;border-top:1px solid #d6dcd0;font-size:9px;color:#8a9482}.qy-case-credit>span{color:#607054}.qy-case-credit p{margin:0;line-height:1.9}.qy-case-credit a{grid-column:2;justify-self:start;text-decoration:underline;text-underline-offset:4px;font-size:8px;color:#586d49}
@media(max-width:760px){.detail-editorial{margin:0 17px}.qy-case-caption{padding:13px 19px;font-size:7px;flex-wrap:wrap;gap:6px}.qy-archive,.qy-print{padding:0 23px}.qy-section-head{padding:30px 0 21px}.qy-section-head>span{font-size:7px}.qy-section-head h3{font-size:23px;margin:13px 0 9px}.qy-section-head p{font-size:9px}.qy-library{display:flex;flex-direction:column;gap:14px}.qy-library-nav{flex-direction:row;border:0;gap:4px}.qy-library-nav>button{grid-template-columns:17px 1fr;flex:1;padding:13px 9px;border:1px solid #d7ddd4;gap:5px;min-width:0}.qy-library-nav b{font-size:13px;white-space:nowrap}.qy-library-nav small{font-size:5px;letter-spacing:0}.qy-library-nav>button>span{font-size:7px}.qy-library-nav i{display:none}.qy-library-sheet{padding:16px}.qy-sheet-top{font-size:6px;margin-bottom:14px}.qy-sheet-body{padding:20px 0 17px;gap:15px}.qy-sheet-body>div{gap:9px}.qy-sheet-body>div>span{font-size:9px}.qy-sheet-body h4{font-size:25px}.qy-sheet-body p{font-size:8px;max-width:133px}.qy-colour-strip{height:19px}.qy-sheet-bottom{font-size:6px;gap:8px}.qy-library-status{font-size:7px;padding-top:9px}.qy-spread{grid-template-columns:1fr 1fr}.qy-spread-left{padding:18px 15px;min-height:295px}.qy-spread-logo{font-size:10px}.qy-spread-logo>span{font-size:5px;letter-spacing:0}.qy-spread-issue{font-size:5px;margin-top:28px}.qy-spread-left>strong{font-size:20px;margin-top:15px;line-height:1.6}.qy-spread-caption{font-size:5px;margin-top:13px}.qy-print-swatches{gap:5px;padding-top:20px}.qy-print-swatches i{width:17px;height:17px}.qy-spread-page{font-size:5px;margin-top:14px}.qy-spread-photo{margin-top:24px}.qy-spread-detail{padding:22px 13px;display:block}.qy-spread-detail>span{font-size:28px;letter-spacing:-1px}.qy-spread-detail>p{font-size:6px;margin-top:18px;line-height:1.9}.qy-spread-rule{font-size:4px;padding:12px 13px;gap:8px}.qy-spread-rule>span:first-child{max-width:60px;line-height:1.5}.qy-case-credit{margin:30px 23px 0;grid-template-columns:1fr;gap:12px;font-size:8px;padding:22px 0}.qy-case-credit a{grid-column:1;font-size:8px}}
@media(max-width:370px){.qy-library-nav b{font-size:11px}.qy-library-nav>button{padding:12px 7px;grid-template-columns:13px 1fr}.qy-library-nav small{font-size:4.5px}.qy-sheet-body{display:block}.qy-sheet-body p{max-width:none;margin-top:12px}.qy-spread-left>strong{font-size:17px}.qy-sheet-bottom{font-size:5px}}
@media(prefers-reduced-motion:reduce){.qy-library-nav>button{transition:none}}