:root{--ground: #e4e7e1;--ground-sunk: #d6dad3;--ink: #16191c;--ink-soft: #4a5257;--rule: #a8b2a9;--gauge: #7c8a7e;--depth: #2f4538;--signal: #c8402e;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Liberation Mono", monospace;--sans: ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--gutter: clamp(1.25rem, 4vw, 3.5rem);--line-x: clamp(2.75rem, 7vw, 5.5rem);--step: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(124,138,126,.13) 1px,transparent 1px),linear-gradient(to bottom,rgba(124,138,126,.13) 1px,transparent 1px);background-size:2.5rem 2.5rem}a{color:inherit}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:var(--ground);padding:.6rem 1rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.skip-link:focus{left:0}.shell{position:relative;z-index:1;max-width:78rem;margin:0 auto;padding:0 var(--gutter)}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:clamp(2rem,6vw,4.5rem) 0 clamp(1rem,2vw,1.75rem);border-bottom:1px solid var(--rule)}.wordmark{margin:0;font-family:var(--mono);font-size:clamp(1.75rem,6vw,3.25rem);font-weight:600;letter-spacing:-.04em;line-height:1}.wordmark .dot{color:var(--signal)}.masthead__note{margin:0;max-width:26rem;font-family:var(--mono);font-size:.8125rem;line-height:1.5;color:var(--ink-soft)}.catalog{position:relative;padding:clamp(2.5rem,6vw,4.5rem) 0 0}.catalog:before{content:"";position:absolute;left:var(--line-x);top:0;bottom:0;width:1px;background:var(--gauge);opacity:.55}.plumb{position:absolute;left:var(--line-x);top:0;width:1px;height:100%;pointer-events:none;transform:translateY(var(--plumb-y, 0%));transition:transform .62s var(--step)}.plumb__bob{position:absolute;left:50%;top:0;width:9px;height:9px;margin-left:-4.5px;margin-top:-4.5px;background:var(--signal);transform:rotate(45deg)}.plumb__trail{position:absolute;left:0;top:-4.5rem;width:1px;height:4.5rem;background:linear-gradient(to bottom,transparent,var(--signal));opacity:.4}.plate{position:relative;display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:start;padding:clamp(2rem,4vw,3rem) 0 clamp(2rem,4vw,3rem);padding-left:calc(var(--line-x) + clamp(1.5rem,3vw,2.75rem));border-top:1px solid var(--rule);text-decoration:none;color:inherit}.plate:first-of-type{border-top:0}.plate--bare{grid-template-columns:minmax(0,1fr);padding-top:clamp(1.5rem,3vw,2.25rem);padding-bottom:clamp(1.5rem,3vw,2.25rem)}.plate--bare .plate__tick{top:clamp(1.5rem,3vw,2.25rem)}.plate__tick{position:absolute;left:var(--line-x);top:clamp(2rem,4vw,3rem);display:flex;align-items:center;gap:.5rem;transform:translate(-100%);padding-right:.75rem;font-family:var(--mono);font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--depth)}.plate__tick:after{content:"";position:absolute;right:0;top:50%;width:.5rem;height:1px;background:var(--gauge)}.plate:hover .plate__tick,.plate:focus-visible .plate__tick{color:var(--signal)}.plate__frame{position:relative;aspect-ratio:4 / 3;background:var(--ground-sunk);border:1px solid var(--rule);overflow:hidden}.plate__view{position:absolute;inset:0}.plate__fallback{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gauge)}.plate__body{display:flex;flex-direction:column;gap:.75rem;padding-top:.25rem}.plate__title{margin:0;font-family:var(--mono);font-size:clamp(1.125rem,2.6vw,1.625rem);font-weight:600;letter-spacing:-.02em;text-transform:uppercase}.plate:hover .plate__title,.plate:focus-visible .plate__title{color:var(--signal)}.plate__blurb{margin:0;max-width:34rem;color:var(--ink-soft)}.plate__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;color:var(--gauge);text-transform:uppercase}.plate__tags{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.plate__tags li:after{content:" ·"}.plate__tags li:last-child:after{content:""}.plate__wip{color:var(--signal);border:1px solid currentColor;padding:.05rem .4rem}.plate__go{font-family:var(--mono);font-size:.8125rem;color:var(--ink);margin-top:.25rem}.plate__go span{border-bottom:1px solid var(--signal);padding-bottom:.15rem}.plate:hover .plate__go span,.plate:focus-visible .plate__go span{color:var(--signal)}.plate:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.stage{position:fixed;inset:0;z-index:2;pointer-events:none}.colophon{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:clamp(3rem,8vw,6rem);padding:1.5rem 0 3rem;border-top:1px solid var(--rule);font-family:var(--mono);font-size:.75rem;color:var(--gauge)}.empty{padding:4rem 0;font-family:var(--mono);color:var(--ink-soft)}@media(max-width:46rem){.plate{grid-template-columns:minmax(0,1fr);padding-left:calc(var(--line-x) + 1rem)}.plate__frame{max-width:22rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plumb{transition:none}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}