:root{color:#f2eee6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--display:Georgia, "Times New Roman", serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#070707;font-family:Segoe UI,Aptos,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070707}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{color:#090807;background:#e3a067}.lab-main{--hairline:#f2eee617;--lab-ease:cubic-bezier(.2, .8, .2, 1);flex-direction:column;min-height:100vh;display:flex}@media (prefers-reduced-motion:no-preference){.lab-bar,.lab-workbench{animation:lab-enter .18s var(--lab-ease)}}@keyframes lab-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.lab-bar{border-bottom:2px solid var(--seam-bright);padding:16px 22px 18px}.lab-bar-top{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.lab-crumb,.lab-bar-meta{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.lab-crumb{gap:8px;display:flex}.lab-crumb a{color:var(--muted);text-decoration:none}.lab-crumb a:hover{color:var(--copper)}.lab-crumb a:focus-visible{outline:1px solid var(--copper);outline-offset:3px}.lab-crumb [aria-current=page]{color:var(--ivory)}.lab-bar-meta{font-variant-numeric:tabular-nums;text-align:right}.lab-bar-title{align-items:baseline;gap:24px;display:flex}.lab-bar-title h1{color:var(--ivory);font:400 28px/1 var(--display);letter-spacing:-.02em;white-space:nowrap;margin:0}.lab-bar-title p{max-width:68ch;color:var(--muted);font-size:var(--fs-body);margin:0;line-height:1.55}.lab-workbench{flex:1;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.lab-stage-frame{border-right:2px solid var(--seam-bright);grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.lab-stage{place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.lab-stage.is-dark{background:linear-gradient(var(--hairline), var(--hairline)) 50% 0 / 1px 100% no-repeat, linear-gradient(var(--hairline), var(--hairline)) 0 50% / 100% 1px no-repeat, radial-gradient(#f2eee60d 1px, transparent 1px) 0 0 / 24px 24px, #0b0a09}.lab-stage.is-light{background:linear-gradient(#0908071a,#0908071a) 50% 0/1px 100% no-repeat,linear-gradient(#0908071a,#0908071a) 0/100% 1px no-repeat,radial-gradient(#09080714 1px,#0000 1px) 0 0/24px 24px,#f4efe6}.lab-stage:before,.lab-stage:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.lab-stage:before{border-top:1px solid var(--muted);border-left:1px solid var(--muted);top:10px;left:10px}.lab-stage:after{border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);bottom:10px;right:10px}.lab-stage canvas{position:relative}.lab-stage-caption{border-top:1px solid var(--seam);gap:0;display:flex}.lab-stage-caption span{border-right:1px solid var(--hairline);color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px}.lab-rack{scrollbar-width:thin;scrollbar-color:var(--seam) transparent;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.rack-panel{border-bottom:2px solid var(--seam)}.rack-panel:last-child{border-bottom:0}.rack-panel-header{border-bottom:1px solid var(--seam);justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.rack-panel-header h2{color:var(--ivory);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.rack-action{border:1px solid var(--seam);color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:5px 10px}.rack-action:hover:not(:disabled){border-color:var(--copper);color:var(--ivory)}.rack-action:focus-visible{outline:1px solid var(--copper);outline-offset:2px}.rack-action:disabled{color:#514b46;cursor:default}.rack-panel-body{padding:4px 14px 16px}.ctl{padding-top:12px}.ctl+.ctl{border-top:1px solid var(--hairline);margin-top:12px}.ctl-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.ctl-label{color:var(--muted);font:400 var(--fs-mono)/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.ctl-note{color:var(--dim);letter-spacing:.04em;text-transform:none;margin-top:3px;font-style:normal;display:block}.ctl-value{color:var(--ivory);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums}.slider-track{cursor:ew-resize;touch-action:none;height:24px;position:relative}.slider-track:focus-visible{outline:1px solid var(--copper);outline-offset:3px}.slider-rail,.slider-fill{height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.slider-rail{background:var(--seam);width:100%}.slider-fill{background:var(--copper)}.slider-thumb{background:var(--ivory);width:3px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.slider-track:hover .slider-thumb,.slider-track:focus-visible .slider-thumb{background:var(--copper)}.segmented{border:1px solid var(--seam);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.segment{border:0;border-right:1px solid var(--hairline);color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:8px 4px}.segment:last-child{border-right:0}.segment:hover{color:var(--ivory)}.segment:focus-visible{outline:1px solid var(--copper);outline-offset:-3px}.segment.is-checked{background:var(--copper);color:#0b0a09;font-weight:700}.ctl-toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.switch{border:1px solid var(--seam);cursor:pointer;background:0 0;border-radius:0;flex:none;align-items:center;width:46px;height:20px;display:flex;position:relative}.switch:focus-visible{outline:1px solid var(--copper);outline-offset:2px}.switch-thumb{background:var(--muted);width:12px;height:14px;transition:left .12s var(--lab-ease,ease), background .12s var(--lab-ease,ease);position:absolute;top:2px;left:2px}.switch-state{color:var(--dim);font:400 8px/1 var(--mono);letter-spacing:.1em;position:absolute;right:5px}.switch.is-on{border-color:var(--copper-low)}.switch.is-on .switch-thumb{background:var(--copper);left:30px}.switch.is-on .switch-state{color:var(--copper);left:5px;right:auto}@media (prefers-reduced-motion:reduce){.switch-thumb{transition:none}}.color-row{gap:8px;display:flex}.color-swatch{border:1px solid var(--seam);flex:none;width:30px;height:30px;position:relative}.color-picker-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-swatch:has(.color-picker-input:focus-visible){outline:1px solid var(--copper);outline-offset:2px}.color-hex{border:1px solid var(--seam);min-width:0;color:var(--ivory);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:0;flex:1;padding:6px 9px}.color-hex:focus-visible{border-color:var(--copper);outline:none}.export-body{padding-top:14px}.export-meta,.export-note{color:var(--dim);font:400 10px/1.5 var(--mono);letter-spacing:.04em;margin:0}.export-meta{border-bottom:1px solid var(--hairline);font-variant-numeric:tabular-nums;margin-bottom:10px;padding-bottom:10px}.export-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.export-button{border:1px solid var(--seam);color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:9px 6px}.export-button:hover:not(:disabled){border-color:var(--copper);color:var(--ivory)}.export-button:focus-visible{outline:1px solid var(--copper);outline-offset:2px}.export-button:disabled{color:#514b46;cursor:default}.export-note{margin-top:9px}.export-status{min-height:15px;color:var(--dim);font:400 var(--fs-mono)/1.5 var(--mono);letter-spacing:.04em;margin:10px 0 0}.export-offscreen{pointer-events:none;position:fixed;top:0;left:-100000px}.transport{border-top:var(--rule-thin);background:var(--bg1);align-items:center;gap:0;display:flex}.transport-toggle{border:0;border-right:var(--rule-hair);width:46px;height:34px;color:var(--ivory);font:400 var(--fs-mono)/1 var(--mono);cursor:pointer;background:0 0;flex:none}.transport-toggle:hover{color:var(--copper)}.transport-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.transport-rail{cursor:ew-resize;touch-action:none;flex:1;height:34px;position:relative}.transport-rail:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.transport-rail:before{content:"";background:var(--seam);width:100%;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.transport-fill{background:var(--copper-low);height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.transport-thumb{background:var(--copper);width:3px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.transport-rail:hover .transport-thumb,.transport-rail:focus-visible .transport-thumb{background:var(--ivory)}.transport-readout{border-left:var(--rule-hair);color:var(--muted);font:400 var(--fs-mono)/34px var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;padding:0 14px}.stage-hint{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lab-stage.is-light .stage-hint{color:#09080773}.lab-stage.is-pointer-reactive{cursor:crosshair}.caption-accent{color:var(--copper)!important}@media (width>=901px){.lab-main-workbench{height:100vh;min-height:0;overflow:hidden}.lab-main-workbench .lab-workbench{grid-template-rows:minmax(0,1fr)}}@media (width<=1024px){.lab-workbench{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=900px){.lab-main{min-height:auto}.lab-workbench{grid-template-columns:1fr}.lab-stage-frame{border-right:0;border-bottom:2px solid var(--seam-bright)}.lab-stage{min-height:46vh}.lab-bar-title{flex-direction:column;gap:10px}.lab-bar-title h1{white-space:normal}}:root{--bg0:#070707;--bg1:#0c0b0a;--bg2:#121009;--glass:#0e0c0ab8;--seam:#2d2925;--seam-bright:#493d34;--hairline:#f2eee614;--ivory:#f2eee6;--ivory-soft:#d4cabd;--muted:#a69b90;--dim:#7d746b;--copper:#df945f;--copper-low:#7c4d32;--fs-display:clamp(38px, 5.4vw, 76px);--fs-body:15px;--fs-mono:12px;--rule-thick:2px solid var(--seam-bright);--rule-thin:1px solid var(--seam);--rule-hair:1px solid var(--hairline);--sidebar:264px;--gutter:clamp(18px, 3vw, 40px);--ease:cubic-bezier(.2, .8, .2, 1);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.app-shell{min-height:100vh;padding-left:var(--sidebar);background:var(--bg0);color:var(--ivory-soft);font-size:var(--fs-body);line-height:1.55}.sidebar{z-index:40;width:var(--sidebar);border-right:var(--rule-thick);background:var(--bg1);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand-row{border-bottom:var(--rule-thick);align-items:center;gap:8px;min-height:64px;padding:10px 14px;display:flex}.brand-button,.mobile-brand{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;padding:0}.brand-button:focus-visible,.mobile-brand:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark-image{background:#050505;border:1px solid #3b2c22;flex:none;display:block}.brand-copy{min-width:0}.brand-copy strong{color:var(--ivory);font:700 var(--fs-body)/1.1 var(--display);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand-copy small{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:3px;display:block;overflow:hidden}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:var(--seam) transparent;flex:1;min-height:0;overflow-y:auto}.nav-node{border-bottom:var(--rule-thin)}.nav-row{align-items:stretch;display:flex}.nav-row-link{min-width:0;color:var(--muted);font-size:var(--fs-body);flex:1;align-items:center;gap:10px;padding:11px 14px;font-weight:700;text-decoration:none;display:flex}.nav-row-link:hover{color:var(--ivory);background:#f2eee60a}.nav-row-link:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.nav-row.is-active .nav-row-link{color:var(--ivory);box-shadow:inset 3px 0 0 var(--copper)}.nav-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-row-count{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums}.nav-row.is-active .nav-row-count{color:var(--copper)}.nav-row-toggle{border:0;border-left:var(--rule-hair);width:40px;color:var(--dim);font:400 var(--fs-body)/1 var(--mono);background:0 0;flex:none}.nav-row-toggle:hover{color:var(--copper);background:#f2eee60a}.nav-row-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.nav-children{border-top:var(--rule-hair);background:var(--bg0);padding:4px 0 8px}.nav-child{color:var(--muted);font:400 var(--fs-mono)/1.5 var(--mono);text-overflow:ellipsis;white-space:nowrap;padding:6px 14px 6px 26px;text-decoration:none;display:block;position:relative;overflow:hidden}.nav-child:before{content:"";border-left:var(--rule-hair);position:absolute;top:0;bottom:0;left:17px}.nav-child:hover{color:var(--ivory)}.nav-child:hover:before{border-color:var(--copper-low)}.nav-child:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.nav-child.is-active{color:var(--copper)}.nav-child.is-active:before{border-left:2px solid var(--copper);left:16px}.drawer-close,.drawer-scrim{display:none}.page-surface{min-height:100vh}.page-main{flex-direction:column;min-height:100vh;display:flex}@media (prefers-reduced-motion:no-preference){.masthead,.page-section,.study-body,.site-foot{animation:page-enter .22s var(--ease) backwards}.page-section:nth-of-type(2){animation-delay:40ms}.page-section:nth-of-type(3){animation-delay:80ms}.site-foot{animation-delay:.12s}.piece-card{animation:page-enter .26s var(--ease) backwards}.piece-card:nth-child(2){animation-delay:30ms}.piece-card:nth-child(3){animation-delay:60ms}.piece-card:nth-child(4){animation-delay:90ms}.piece-card:nth-child(5){animation-delay:.12s}.piece-card:nth-child(6){animation-delay:.15s}.piece-card:nth-child(n+7){animation-delay:.18s}}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.masthead{padding:clamp(28px, 5vh, 52px) var(--gutter) clamp(22px, 4vh, 40px);border-bottom:var(--rule-thick);background:var(--noise) repeat, radial-gradient(#f2eee60a 1px, transparent 1px) 0 0 / 24px 24px, var(--bg1);background-blend-mode:overlay, normal, normal}.masthead-kicker{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}.masthead h1{max-width:18ch;color:var(--ivory);font:400 var(--fs-display)/1.04 var(--display);letter-spacing:-.025em;margin:0}.masthead h1 em{color:var(--copper);font-style:italic}.masthead-line{max-width:52ch;color:var(--muted);font-size:var(--fs-body);margin:18px 0 0;line-height:1.55}.masthead-section{padding-top:clamp(22px,4vh,40px)}.masthead-section h1{font-size:clamp(32px,4.2vw,56px)}.page-section{border-bottom:var(--rule-thick)}.section-rule{padding:12px var(--gutter);border-bottom:var(--rule-thin);background:var(--bg1);align-items:baseline;gap:12px;display:flex}.section-rule h2{color:var(--ivory);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0}.section-rule-count{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums}.section-rule-link{color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;text-decoration:none}.section-rule-link:hover{color:var(--copper)}.section-rule-link:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.piece-grid{grid-template-columns:repeat(auto-fill,minmax(390px,1fr));display:grid}.piece-card{border-right:var(--rule-thin);border-bottom:var(--rule-thin);background:var(--noise) repeat, radial-gradient(circle at 50% 42%, #6641281a, transparent 62%), radial-gradient(#f2eee60b 1px, transparent 1px) 0 0 / 24px 24px, #0b0a09;background-blend-mode:overlay, normal, normal, normal;min-height:440px;color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}.piece-card:hover{box-shadow:inset 0 0 0 1px var(--copper-low)}.piece-card:focus-visible{box-shadow:inset 0 0 0 2px var(--copper);outline:none}.piece-card-stage{transition:transform .26s var(--ease);place-items:center;display:grid;position:absolute;inset:0}.piece-card:hover .piece-card-stage{transform:scale(1.045)}@media (prefers-reduced-motion:reduce){.piece-card-stage,.piece-card:hover .piece-card-stage{transition:none;transform:none}}.card-chip{border:var(--rule-hair);background:var(--glass);-webkit-backdrop-filter:blur(9px);align-items:baseline;gap:8px;padding:8px 12px;display:flex;position:absolute}.card-chip-name{max-width:calc(100% - 96px);color:var(--ivory);font-size:var(--fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:700;top:14px;left:14px;overflow:hidden}.card-chip-no{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;top:14px;right:14px}.card-chip-meta{max-width:calc(100% - 118px);color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;bottom:14px;left:14px;overflow:hidden}.chip-accent{color:var(--copper);font-style:normal}.card-chip-open{color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:color .16s var(--ease), border-color .16s var(--ease);bottom:14px;right:14px}.piece-card:hover .card-chip-name{color:var(--copper)}.piece-card:hover .card-chip-open{border-color:var(--copper-low);color:var(--copper)}.study-rows{flex-direction:column;display:flex}.study-row{padding:16px var(--gutter);border-bottom:var(--rule-hair);color:inherit;align-items:baseline;gap:16px;text-decoration:none;display:flex}.study-row:last-child{border-bottom:0}.study-row:hover,.study-row:focus-visible{box-shadow:inset 3px 0 0 var(--copper);background:#f2eee608}.study-row:focus-visible{outline:none}.study-row-no{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums}.study-row-copy{flex:1;min-width:0}.study-row-copy strong{color:var(--ivory);font:400 clamp(19px, 2vw, 24px)/1.25 var(--display);letter-spacing:-.01em;display:block}.study-row:hover .study-row-copy strong{color:var(--copper)}.study-row-copy em{color:var(--muted);font-size:var(--fs-mono);font-family:var(--mono);margin-top:3px;font-style:normal;line-height:1.5;display:block}.study-row-arrow{color:var(--dim);font-size:var(--fs-body)}.study-row:hover .study-row-arrow{color:var(--copper)}.study-body{padding:clamp(26px, 5vh, 48px) var(--gutter) 64px;flex:1;max-width:840px}.study-no{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);margin:0 0 6px}.study-body h1{color:var(--ivory);font:400 clamp(32px, 4.2vw, 54px)/1.08 var(--display);letter-spacing:-.02em;margin:0}.study-thread{color:var(--copper);font-size:var(--fs-body);margin:14px 0 0;line-height:1.55}.study-paragraph{color:var(--ivory-soft);font-size:var(--fs-body);margin:22px 0 0;line-height:1.7}.study-sources,.study-applied{margin-top:36px}.study-sources h2,.study-applied h2{border:var(--rule-thin);background:var(--bg1);color:var(--ivory);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;padding:8px 10px}.study-sources ul{margin:0;padding:0;list-style:none}.study-sources li{border-bottom:var(--rule-hair);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:9px 10px;display:flex}.study-sources a{color:var(--ivory);font-size:var(--fs-body);text-decoration:underline;-webkit-text-decoration-color:var(--copper-low);text-decoration-color:var(--copper-low);text-underline-offset:3px}.study-sources a:hover{color:var(--copper)}.study-sources a:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.study-source-url{color:var(--dim);font:400 var(--fs-mono)/1.4 var(--mono);overflow-wrap:anywhere}.study-applied-links{flex-wrap:wrap;gap:8px;display:flex}.study-applied-links a{border:var(--rule-thin);color:var(--ivory);font-size:var(--fs-body);padding:8px 14px;text-decoration:none}.study-applied-links a:hover{border-color:var(--copper);color:var(--copper)}.study-applied-links a:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.site-foot{padding:11px var(--gutter);background:var(--bg1);justify-content:space-between;gap:16px;margin-top:auto;display:flex}.site-foot span{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase}.notfound-main{padding:48px var(--gutter);justify-content:center;align-items:flex-start}.notfound-main h1{color:var(--ivory);font:400 var(--fs-display)/1.05 var(--display);letter-spacing:-.02em;margin:12px 0 22px}.notfound-main button{border:var(--rule-thin);color:var(--ivory);font-size:var(--fs-body);background:0 0;padding:10px 18px}.notfound-main button:hover{border-color:var(--copper);color:var(--copper)}.notfound-main button:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.mobile-header{display:none}@media (width<=900px){.app-shell{padding-left:0}.mobile-header{z-index:30;border-bottom:var(--rule-thick);background:var(--bg1);align-items:center;gap:10px;padding:8px 12px;display:flex;position:sticky;top:0}.mobile-header>button:first-child{border:var(--rule-thin);width:40px;height:40px;color:var(--ivory);font-size:var(--fs-body);background:0 0}.mobile-header>button:first-child:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.mobile-header>span{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;margin-left:auto}.sidebar{width:min(300px,86vw);transition:transform .18s var(--ease);transform:translate(-102%)}.sidebar.is-drawer-open{transform:none}.drawer-close{border:var(--rule-thin);width:40px;height:40px;color:var(--ivory);font-size:var(--fs-body);background:0 0;flex:none;place-items:center;display:grid}.drawer-close:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.drawer-scrim{z-index:35;opacity:0;pointer-events:none;background:#0504049e;border:0;transition:opacity .16s;display:block;position:fixed;inset:0}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.masthead h1{font-size:clamp(32px,9vw,44px)}.piece-grid{grid-template-columns:1fr}.piece-card{min-height:380px}}