/* Collection overview and individual product layouts. */
.inner-page .brand-fixed,.inner-page.logo-on-dark .brand-fixed{color:#000;top:10px;width:104px}
.inner-page .brand-dragon{height:0;margin:0;opacity:0}
.inner-page .site-header{pointer-events:auto}
@media(min-width:1101px) and (hover:hover){
 .inner-page .site-menu{opacity:0;visibility:hidden;transform:translate(-50%,-5px);transition:opacity .2s,transform .2s,visibility .2s}
 .inner-page .site-header.is-nav-open .site-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
}
.pieces-overview{padding:0 32px 90px;max-width:1800px;margin:auto;color:#111}
.pieces-toolbar{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;padding:22px 0;margin-bottom:28px;font:14px/1.6 var(--nav-font)}
.pieces-toolbar span{color:#666}
.pieces-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 28px}
.piece-card{min-width:0;scroll-margin-top:100px}
.piece-card>a{display:block;color:#111}
.piece-card-image{aspect-ratio:1/1.12;display:grid;place-items:center;background:#f7f7f7;--image-height:310px;overflow:hidden}
.piece-art{display:block;position:relative;overflow:hidden;aspect-ratio:var(--piece-ratio);width:min(76%,calc(var(--image-height)*var(--piece-ratio)));flex-shrink:0}
.piece-art>img{position:absolute;height:auto;max-width:none;display:block}
.piece-card-image .piece-art{mix-blend-mode:multiply;transform:scale(.5);transition:transform .35s}
.piece-card>a:hover .piece-art{transform:scale(.5125)}
.piece-card-copy{padding:22px 0 0;font-family:var(--nav-font)}
.piece-card-copy h2{font:600 16px/1.6 var(--nav-font);font-weight:600!important;margin-bottom:10px}
.piece-materials{font-size:13px;line-height:1.85;color:#555;margin-bottom:12px}
.piece-reference{font:13px/1.6 var(--nav-font);letter-spacing:.035em}
.piece-breadcrumb{max-width:1600px;margin:32px auto 26px;padding:0 40px;display:flex;flex-wrap:wrap;gap:10px;font:12px/1.8 var(--nav-font);color:#666}
.piece-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.piece-detail{max-width:1600px;margin:0 auto 100px;padding:0 40px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:7%;align-items:start}
.piece-stage{background:#f7f7f7;--image-height:520px}
.piece-view{height:min(65vw,640px);display:grid;place-items:center}
.piece-view[hidden]{display:none}
.piece-view .piece-art{mix-blend-mode:multiply;transform:scale(.666667)}
.piece-thumbnails{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.piece-thumb{border:1px solid transparent;background:#f7f7f7;width:100px;height:100px;padding:6px;display:grid;place-items:center;--image-height:78px}
.piece-thumb[aria-pressed=true]{border-color:#111}
.piece-thumb .piece-art{mix-blend-mode:multiply}
.piece-information{padding:26px 0;position:sticky;top:90px;color:#111}
.piece-collection{font:12px/1.6 var(--nav-font);letter-spacing:.08em;text-decoration:underline;text-underline-offset:5px}
.piece-information h1{font:600 30px/1.5 var(--nav-font);font-weight:600!important;margin:18px 0 10px}
.piece-english{font-size:22px;margin-bottom:16px}
.piece-story{font-size:20px;line-height:1.8;margin:32px 0}
.piece-specifications{margin:0 0 32px;border-top:1px solid #ddd;font:14px/1.85 var(--nav-font)}
.piece-specifications>div{display:grid;grid-template-columns:95px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid #e8e8e8}
.piece-specifications dt{color:#666}.piece-specifications dd{margin:0}
.piece-enquire{display:block;border:1px solid #111;padding:15px;text-align:center;font:14px/1.6 var(--nav-font)}
.piece-enquire:hover{background:#111;color:#fff}
.piece-return{display:inline-block;margin-top:24px;font:13px/1.7 var(--nav-font);text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){
 .inner-page .brand-fixed{width:90px}
 .piece-detail{gap:5%;padding:0 28px}.piece-information h1{font-size:25px}.piece-stage{--image-height:420px}.piece-story{font-size:18px}
 .piece-card-image{--image-height:240px}.pieces-overview{padding:0 24px 70px}.pieces-grid{gap:42px 20px}
}
@media(max-width:760px){
 .pieces-overview{padding:0 16px 56px}.pieces-toolbar{font-size:12px;padding:18px 0;margin-bottom:20px}
 .pieces-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.piece-card-image{--image-height:170px;aspect-ratio:1/1.25}
 .piece-card-copy{padding-top:14px}.piece-card-copy h2{font-size:14px;margin-bottom:7px}.piece-materials{font-size:11px;line-height:1.8}.piece-card-copy .piece-reference{font-size:10px}
 .piece-breadcrumb{padding:0 20px;margin:35px auto 20px;font-size:11px;gap:7px}
 .piece-detail{display:block;padding:0 20px;margin-bottom:64px}.piece-stage{--image-height:360px}.piece-view{height:440px}
 .piece-thumb{width:72px;height:80px;--image-height:62px}.piece-thumbnails{gap:10px}
 .piece-information{position:static;padding-top:34px}.piece-information h1{font-size:25px}.piece-story{font-size:17px;line-height:1.9;margin:24px 0}
 .piece-specifications{font-size:13px}.piece-specifications>div{grid-template-columns:66px 1fr;gap:12px}
}
@media(prefers-reduced-motion:reduce){.inner-page .site-menu,.piece-card-image .piece-art{transition:none}}