:root{--ink:#191b17;--paper:#f2efe5;--line:#cbc8bd;--muted:#6b6e62;--yellow:#e4d58d;--pink:#dbbdc5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b48535;outline-offset:4px}button{color:inherit}button:disabled{opacity:.4;cursor:default}.shell{max-width:1440px;margin:auto;padding:0 54px}.skip{position:fixed;top:-80px;z-index:10;background:white;padding:15px}.skip:focus{top:0}.masthead{background:#141613;color:#f2efe5}.topbar{display:flex;align-items:center;gap:40px;min-height:112px}.logo{margin-right:auto}.logo img{width:192px;height:62px;object-fit:contain;display:block}.topbar nav{display:flex;gap:30px;font-size:13px}.topbar nav a{padding:10px 0}.topbar .active{border-bottom:1px solid var(--yellow)}.lang{background:none;color:inherit;border:1px solid #53564d;padding:9px 13px;font:11px monospace}.edition,.cover-bottom{border-top:1px solid #44473f;padding:17px 0;display:flex;justify-content:space-between;gap:15px;font:10px/1.5 monospace;letter-spacing:.09em}.cover-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:46px 0 57px;gap:30px}.kicker{font:11px/1.6 monospace;letter-spacing:.1em;margin:0 0 24px}h1{font-family:Arial,"PingFang SC",sans-serif;font-size:clamp(55px,6.7vw,98px);font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:0}h1 span{display:block;font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:-.035em;font-size:.43em;margin-top:20px}.cover-note{display:flex;gap:32px;align-items:flex-start}.cover-arrow{font:75px/1 monospace;color:var(--yellow)}.cover-note p{font-size:13px;line-height:2;margin:5px 0 0}.cover-bottom{padding:18px 0 22px;color:#bfc1b6}.archive{padding-top:48px;padding-bottom:75px}.filter-heading{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px;border-bottom:3px solid var(--ink)}.filter-heading h2{font-family:Arial,"PingFang SC",sans-serif;font-size:27px;font-weight:400;margin:0}.filter-heading>span{font:10px monospace;letter-spacing:.1em}.filter-row{display:grid;grid-template-columns:150px 1fr;gap:25px;border-bottom:1px solid var(--line);padding:22px 0;align-items:start}.filter-row h3{font-size:12px;font-weight:500;margin:10px 0;display:flex;gap:16px;align-items:center}.filter-row i{font:11px monospace;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid transparent;background:transparent;padding:9px 11px;font-size:12px;line-height:1.4}.chip sup{font:9px monospace;margin-left:5px;opacity:.65}.chip:hover{border-color:#a19e91}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.styles .chip{border:1px solid var(--line);border-radius:8px 8px 0 0;padding:10px 14px}.styles .chip[aria-pressed=true]{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.model-search{display:grid;grid-template-columns:1fr 1fr;gap:22px}.model-search select,.search{min-height:43px;border:1px solid #aaa99c;background:transparent;color:var(--ink);border-radius:0}.model-search select{padding:9px 35px 9px 12px;width:100%;min-width:0;font-size:13px}.search{display:flex;align-items:center;padding:0 12px;gap:12px}.search span{font:27px monospace}.search input{border:0;background:transparent;width:100%;min-width:0;font-size:12px;color:inherit;padding:11px 0;outline-offset:6px}.results-bar{display:flex;align-items:baseline;justify-content:space-between;margin:45px 0 0}.results-bar h2{font-size:16px;font-weight:500;margin:0}.results-bar h2 span{font:40px monospace;margin-right:13px}.results-bar button{background:none;border:0;border-bottom:1px solid #888;padding:6px 0;font-size:12px}.selection{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 25px;min-height:0}.selection:empty{margin:0 0 26px}.selection button{background:#e6e2d6;border:0;font-size:11px;padding:7px 10px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:38px}.work-card{display:block;width:100%;text-align:left;border:0;padding:0;background:none;color:var(--ink)}.card-top{display:flex;justify-content:space-between;gap:10px;font:9px/1.5 monospace;letter-spacing:.07em;border-top:1px solid #a4a599;padding:9px 0}.card-image{height:330px;background:#e7e5dd;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.card-image .open{position:absolute;right:10px;bottom:10px;background:var(--paper);width:33px;height:33px;text-align:center;padding:6px;opacity:0;transition:opacity .2s}.work-card:hover .open,.work-card:focus-visible .open{opacity:1}.work-card:hover img{transform:scale(1.018)}.card-copy{padding:14px 0 0}.card-copy h3{font-weight:500;font-size:15px;line-height:1.6;margin:0 0 6px}.card-copy p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.empty{text-align:center;padding:85px 10px}.empty[hidden]{display:none}.empty>span{font:60px monospace}.empty h3{font:30px Arial,"PingFang SC",sans-serif}.empty p{font-size:13px;line-height:1.8}.empty button{background:var(--ink);color:var(--paper);padding:12px 20px;border:0;margin-top:14px}.archive-note{margin:48px 0 0;padding-top:15px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.05em;color:var(--muted)}.footer{background:#141613;color:var(--paper);padding:55px 0 20px}.footer p{font:32px/1.4 Arial,"PingFang SC",sans-serif;margin:0 0 20px}.footer>.shell>a{border-bottom:1px solid #8d917f;font-size:13px;padding-bottom:7px}.footer .shell>div{display:flex;justify-content:space-between;font:10px monospace;gap:20px;margin-top:52px;border-top:1px solid #44473f;padding-top:20px}dialog{max-width:1320px;width:calc(100% - 70px);max-height:92dvh;border:0;padding:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#070908e6;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.detail-bar{position:sticky;top:0;z-index:1;padding:15px 26px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:10px monospace}.detail-bar button{padding:9px;border:0;background:none;font:11px monospace}.detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:40px;padding:32px}.detail-copy h2{font:32px/1.4 Arial,"PingFang SC",sans-serif;margin:0 0 20px;overflow-wrap:anywhere}.detail-copy>p:not(.kicker){font-size:13px;line-height:1.9;color:var(--muted)}#detail-images{display:flex;flex-direction:column;gap:20px;align-items:center}#detail-images img{max-width:100%;height:auto;max-height:1200px;object-fit:contain;background:#e7e5dd}.detail-copy dl{margin:30px 0;border-top:1px solid var(--ink)}.detail-copy dl div{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-copy dt{color:var(--muted)}.detail-copy dd{margin:0}.detail-copy dd a{text-decoration:underline;text-underline-offset:4px;line-height:1.8}.share{width:100%;border:1px solid var(--ink);padding:12px;background:transparent;font-size:12px}.enquire{display:block;text-align:center;font-size:12px;margin:22px 0}#share-status{min-height:22px;margin:5px 0;font-size:11px}#share-fallback{width:100%;padding:10px}.related{padding:0 32px 35px}.related>h3{font-size:13px;font-weight:500;border-top:1px solid var(--ink);padding-top:25px;margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.related .card-image{height:180px}.related .card-copy h3{font-size:12px}.related .card-top{font-size:8px}
@media(min-width:1450px){.card-image{height:380px}}@media(max-width:1050px){.shell{padding-left:30px;padding-right:30px}.filter-row{grid-template-columns:125px 1fr;gap:16px}.works-grid{column-gap:20px}.card-image{height:270px}.cover-note{gap:15px}.cover-arrow{font-size:50px}.detail-layout{gap:25px}.topbar{gap:25px}.topbar nav{gap:20px}}
@media(max-width:760px){.shell{padding-left:22px;padding-right:22px}.topbar{min-height:86px;gap:15px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.logo img{width:137px;height:41px}.topbar nav{gap:18px;font-size:11px;order:3;width:100%;border-top:1px solid #44473f;padding-top:4px}.lang{font-size:10px;padding:8px}.edition{font-size:8px}.edition span:last-child{display:none}.cover-heading{padding:32px 0 37px;display:block}h1{font-size:60px}h1 span{font-size:25px;margin-top:18px}.cover-note{margin-top:28px;align-items:center}.cover-note p{font-size:12px;margin:0}.cover-note br{display:none}.cover-arrow{font-size:35px}.cover-bottom{font-size:8px;letter-spacing:0}.archive{padding-top:30px}.filter-heading h2{font-size:25px}.filter-row{display:block;padding:18px 0}.filter-row h3{margin:0 0 13px}.chips{gap:4px}.chip{font-size:11px;padding:8px}.styles .chip{font-size:11px;padding:9px 10px}.model-search{grid-template-columns:1fr;gap:12px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.card-image{height:240px}.card-copy h3{font-size:13px}.card-copy p{font-size:10px}.card-top{font-size:8px;letter-spacing:0}.card-top>span:last-child{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-bar{margin-top:30px}.results-bar h2{font-size:13px}.results-bar h2 span{font-size:34px}.footer p{font-size:27px}dialog{width:calc(100% - 20px);max-height:95dvh}.detail-bar{padding:10px 15px}.detail-layout{display:flex;flex-direction:column-reverse;padding:22px;gap:20px}.detail-copy h2{font-size:25px}.detail-copy dl{margin:20px 0}.detail-copy dl div{padding:10px 0}.detail-copy .kicker{margin-bottom:15px}.related{padding:0 22px 30px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related .card-image{height:160px}}
@media(max-width:450px){.works-grid{grid-template-columns:1fr}.card-image{height:350px}.card-copy h3{font-size:16px}.card-copy p{font-size:12px}.card-top{font-size:9px}.cover-note p{max-width:275px}.footer p{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Same approved wordmark and type system as the cover. */
:root{--display:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.logo{display:flex;align-items:baseline;gap:11px;white-space:nowrap}.logo b{font:800 35px/1 var(--display);letter-spacing:-.065em}.logo small{font:600 12px/1 var(--display)}h1{font-family:var(--display);font-weight:650;letter-spacing:-.045em}h1 span{font-family:var(--mono);font-size:.25em;letter-spacing:.015em;line-height:1.5}.filter-heading h2,.detail-copy h2,.empty h3,.footer p{font-family:var(--display);font-weight:600}.cover-arrow{font-family:var(--mono)}.results-bar h2 span,.card-top,.detail-bar,.kicker,.edition,.cover-bottom{font-family:var(--mono)}@media(max-width:760px){.logo b{font-size:33px}.logo small{font-size:11px}.logo{gap:10px}h1{font-size:52px}h1 span{font-size:17px}}

/* Apparel keeps its full silhouette without a letterboxed frame. */
.work-card.is-apparel .card-image{aspect-ratio:auto;height:auto;min-height:0;padding:0;background:transparent}.work-card.is-apparel .card-image img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain}
