body[data-page=traces]{--trace-muted:#858b7e;--trace-line:#dedfd9;font-weight:450}
.traces-main{padding:112px var(--gutter) 0}.traces-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.traces-kicker{font-size:10px;color:var(--trace-muted);margin-bottom:19px}.traces-intro h1{font-size:44px;line-height:1.06;letter-spacing:-1.8px;font-weight:620;margin:0}.traces-intro sup{font-size:10px;font-weight:450;letter-spacing:0;vertical-align:top;display:inline-block;margin:7px 0 0 9px;color:#94988b}.traces-note{text-align:right;padding-bottom:3px}.traces-note p{font-size:14px;line-height:1.6;letter-spacing:-.3px}.traces-note>span{display:block;font-size:10px;color:var(--trace-muted);margin-top:9px}
.drawing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--trace-line);border-bottom:1px solid var(--trace-line);padding:17px 0;margin-bottom:32px;font-size:11px}.type-filters{display:flex;gap:27px;align-items:center;flex-wrap:wrap}.type-filters button{color:#92958e;line-height:1.6;position:relative}.type-filters button[aria-pressed=true]{color:var(--ink)}.type-filters button[aria-pressed=true]:after{content:'';position:absolute;bottom:-6px;height:1px;left:0;right:0;background:var(--ink)}.type-filters span{font-size:8px;margin-left:4px;color:#999d92}.drawing-count{font-size:10px;font-variant-numeric:tabular-nums;color:#8a8e83;white-space:nowrap}
.focus-view{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:45px}.focus-artwork{min-width:0}.focus-image{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:clamp(340px,53vh,620px);padding:25px;border:1px solid #e7e9e1;background:#fafbf8}.focus-image img{object-fit:contain;width:100%;height:100%}.expand-indicator{position:absolute;bottom:15px;right:17px;font-size:10px;color:#7e8970;background:#fafbf8d9;padding:5px}.focus-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0 0}.focus-caption h2{font-size:16px;letter-spacing:-.3px;font-weight:550}.focus-caption p{font-size:11px;color:#8b9180;margin-top:7px}.focus-arrows{display:flex;align-items:center;gap:18px}.focus-arrows button{padding:6px;font-size:22px;line-height:1;min-width:36px;min-height:36px;text-align:center}.focus-arrows span{font-size:10px;color:#828a75;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.index-label{font-size:9px;color:#93998a;letter-spacing:1px;padding-bottom:14px;border-bottom:1px solid var(--trace-line)}.focus-index{display:flex;flex-direction:column;max-height:calc(clamp(340px,53vh,620px) + 60px)}.focus-index ol{padding:0;margin:0;list-style:none;overflow:auto;scrollbar-width:thin;scrollbar-color:#cbd0c1 transparent}.focus-index button{display:grid;grid-template-columns:22px minmax(0,1fr) 26px;gap:8px;width:100%;align-items:center;padding:11px 0;border-bottom:1px solid #ecede7;font-size:11px;line-height:1.4;color:#949b89}.focus-index button>span:first-child{font-size:9px;font-variant-numeric:tabular-nums}.focus-index button>span:last-child{font-size:9px;text-align:right;opacity:.55}.focus-index button[aria-current=true]{color:#26331d;font-weight:550}.focus-index button[aria-current=true]>span:last-child{opacity:1}.focus-index button:hover{color:#26331d}.traces-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--trace-line);margin-top:55px;padding:22px 0 35px;font-size:10px;color:#969b8d}.traces-footer p{font-size:12px;color:#6c7362;letter-spacing:.1px}.traces-fallback{columns:3;column-gap:15px}.traces-fallback figure{break-inside:avoid;margin:0 0 20px}.traces-fallback img{height:auto;object-fit:contain}.traces-fallback figcaption{font-size:12px;padding-top:8px}
#drawing-viewer{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;padding:0;margin:0;background:#fff;color:var(--ink);overscroll-behavior:contain;font-family:inherit}#drawing-viewer::backdrop{background:#fff}.viewer-header{height:86px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7df;gap:25px}.viewer-header h2{font-size:16px;font-weight:550;letter-spacing:-.3px}.viewer-header p{font-size:10px;color:#8d9481;margin-top:7px}.viewer-header-actions{display:flex;align-items:center;gap:30px;flex-shrink:0}.viewer-header-actions button{font-size:12px;white-space:nowrap}.viewer-header-actions #viewer-zoom{font-size:10px;border-bottom:1px solid #adb69f;padding-bottom:4px;color:#667651}#viewer-close span{font-size:23px;vertical-align:-2px;margin-left:12px}.viewer-stage{height:calc(100dvh - 157px);display:flex;align-items:center;justify-content:center;overflow:auto;background:#fbfcf9;padding:28px;touch-action:pan-x pan-y;overscroll-behavior:contain}.viewer-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;user-select:none}.viewer-stage.zoomed{display:block;cursor:grab}.viewer-stage.zoomed:active{cursor:grabbing}.viewer-stage.zoomed img{width:180%;max-width:none;max-height:none;margin:auto}.viewer-footer{height:71px;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e5e7df;font-size:11px}.viewer-footer>div{display:flex;align-items:center;gap:22px}.viewer-footer button{font-size:26px;padding:5px 10px}.viewer-footer #viewer-counter{font-size:11px;color:#7e8971;font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.viewer-hint{font-size:9px;color:#a0a797}body.viewer-open{overflow:hidden}
@media(min-width:1700px){.traces-main{padding-top:132px}.traces-intro{margin-bottom:40px}.focus-view{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1100px){.focus-view{grid-template-columns:minmax(0,1fr) 210px;gap:25px}}
@media(max-width:750px){.traces-main{padding-top:96px}.traces-intro{display:block;margin-bottom:27px}.traces-kicker{margin-bottom:17px;font-size:9px}.traces-intro h1{font-size:37px;letter-spacing:-1.5px}.traces-note{text-align:left;margin-top:21px}.traces-note p{font-size:12px}.traces-note>span{font-size:9px;margin-top:6px}.drawing-toolbar{padding:14px 0;margin-bottom:24px;gap:10px}.type-filters{gap:14px 20px;font-size:10px}.drawing-count{display:none}.focus-view{display:flex;flex-direction:column;gap:30px}.focus-image{height:42vh;min-height:250px;padding:15px}.focus-caption h2{font-size:13px}.focus-caption p{font-size:10px}.focus-arrows{gap:8px}.focus-arrows button{font-size:22px}.focus-index{max-height:380px}.focus-index button{font-size:11px;padding:12px 0}.traces-footer{display:block;margin-top:36px;padding:19px 0 25px}.traces-footer>span{display:block;font-size:9px;margin-top:7px}.traces-footer p{font-size:10px}.traces-fallback{columns:2}.viewer-header{height:82px;padding-left:18px;padding-right:18px;gap:12px}.viewer-header h2{font-size:13px}.viewer-header p{font-size:9px}.viewer-header-actions{gap:15px}.viewer-header-actions button{font-size:11px}#viewer-close span{margin-left:5px}.viewer-stage{height:calc(100dvh - 148px);padding:15px}.viewer-footer{height:66px;padding:0 15px;font-size:10px}.viewer-hint{display:none}.viewer-footer>div{gap:12px}.viewer-footer button{font-size:24px;padding:5px}.viewer-stage.zoomed img{width:230%}}
@media(prefers-reduced-motion:reduce){.traces-main *{scroll-behavior:auto!important;transition:none!important}}