@font-face{font-family:Workbench Sans;src:url('/static/workbench-v1/sans.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Workbench Serif;src:url('/static/workbench-v1/serif.ttf') format('truetype');font-weight:100 900;font-display:swap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--paper:#f6f3ea;--ink:#203c35;--muted:#5c665a;--rust:#a33e25;--line:#d2d2c1;--green:#e3e8d9;--white:#fffcf4;--serif:'Workbench Serif',Georgia,serif;--sans:'Workbench Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;content:'';pointer-events:none;opacity:.16;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.24' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--rust)}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}button,input{font:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:450}h1,h2{font-family:var(--serif);letter-spacing:-.055em;line-height:1.12}h1{font-size:3.3rem}h2{font-size:2.4rem}h3{font-size:1.5rem;line-height:1.25;letter-spacing:-.025em}p{margin-bottom:1.4em}.wrap{width:min(1160px,100% - 40px);margin-inline:auto}.skip{position:absolute;top:-80px;background:var(--ink);color:white;padding:14px;z-index:10}.skip:focus{top:8px}.site-header{padding-block:21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1rem;font-weight:650;white-space:nowrap;letter-spacing:-.035em}.monogram{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;font-family:var(--serif);font-size:1.15rem;letter-spacing:-.1em;padding-right:3px}.nav{display:flex;gap:16px;align-items:center;font-size:.83rem}.nav a{min-height:44px;display:flex;align-items:center;text-decoration:none}.nav a[aria-current=page]{color:var(--rust)}.nav .code-link{display:none}.eyebrow{font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;display:flex;gap:10px;align-items:center;color:var(--muted)}.eyebrow:before{content:'';height:6px;width:6px;background:var(--rust);border-radius:50%;flex:none}.hero{padding-block:54px 24px}.hero h1{margin:25px 0 24px}.hero h1 em{font-weight:450;color:var(--rust)}.intro{font-size:1.02rem;max-width:440px;color:var(--muted);line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:49px;text-decoration:none;padding:11px 19px;background:var(--ink);color:var(--white);font-size:.85rem;border:1px solid var(--ink)}.button:hover{background:var(--rust);border-color:var(--rust);color:var(--white)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.hero-actions .button{width:100%}.scene{position:relative;margin:28px -10px 0}.scene img{width:100%;animation:arrive .9s ease-out}.scene figcaption{font: .61rem/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;display:flex;justify-content:space-between;padding:0 20px;color:var(--muted)}.bench-strip{margin-top:20px;padding-block:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-block:1px solid var(--line);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.bench-strip strong{color:var(--ink);font-weight:500}.section{padding-block:52px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-top h2{margin:12px 0 0}.folio{font-size:.65rem;letter-spacing:.12em;color:var(--muted);white-space:nowrap}.project{border:1px solid var(--line);background:var(--white);margin-bottom:24px}.project-visual{min-height:260px;display:grid;place-items:center;position:relative;padding:25px;overflow:hidden}.caption-visual{background:#e0e8d9;background-image:radial-gradient(#a6b9a4 .7px,transparent .7px);background-size:15px 15px}.preview-label{position:absolute;top:16px;left:18px;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:#4b6150}.phone{width:160px;background:var(--white);border:6px solid var(--ink);border-radius:24px;padding:16px 12px 13px;transform:rotate(-7deg);box-shadow:15px 18px 0 #203c3512}.phone-top{font-size:.55rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.phone p{font-family:var(--serif);font-size:1.4rem;line-height:1.35;margin:19px 0}.phone-bottom{background:var(--ink);border-radius:20px;color:white;font-size:.6rem;text-align:center;padding:6px}.visual-note{font-family:var(--serif);font-style:italic;font-size:1rem;position:absolute;right:18px;bottom:24px;max-width:100px;transform:rotate(-6deg);line-height:1.3}.project-copy{padding:26px}.project-copy .eyebrow{font-size:.58rem;letter-spacing:.1em}.project-copy h3{margin-block:14px}.project-copy p{color:var(--muted);font-size:.9rem}.text-link{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:.85rem;font-weight:600}.mechanic-visual{background:#e9cda9}.repair-sheet{width:220px;transform:rotate(5deg);background:#fff9e9;box-shadow:12px 12px 0 #654b3515;padding:20px}.repair-sheet strong{font-size:1.15rem;line-height:1.1;display:block;font-weight:800}.repair-sheet .wrench{font-size:2.2rem;line-height:1;margin-bottom:12px}.repair-sheet p{font-size:.6rem;border-block:1px solid #b4aa93;margin:15px 0;padding:9px 0}.repair-sheet span{font-size:.6rem;display:block;color:var(--rust)}.tool-row{border-block:1px solid var(--line);padding-block:28px;display:grid;gap:18px}.tool-row h3{margin-bottom:8px}.tool-row p{color:var(--muted);font-size:.9rem;margin:0}.tool-links{display:flex;gap:20px;flex-wrap:wrap}.behind{display:grid;gap:22px;margin-top:28px}.behind article{padding-left:18px;border-left:2px solid #bfbea9}.behind h3{font-size:1.1rem;margin-bottom:8px}.behind p{font-size:.85rem;color:var(--muted);margin:0}.status{display:inline-block;font: .56rem var(--sans);text-transform:uppercase;letter-spacing:.1em;background:var(--green);padding:5px 7px;vertical-align:middle;margin-left:8px}.about{background:var(--green);padding:32px;display:grid;gap:25px}.about p{color:var(--muted);font-size:.95rem}.about h2{margin:14px 0 18px}.about .text-link{margin-right:18px}.journal-teaser{display:grid;gap:20px;padding-block:40px;border-bottom:1px solid var(--line)}.journal-teaser h3{font-family:var(--serif);font-size:1.8rem}.journal-teaser p{font-size:.9rem;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-block:25px;font-size:.7rem;color:var(--muted)}footer a{min-height:44px;display:inline-flex;align-items:center}.footer-links{display:flex;gap:22px}.blog-mast{padding-block:50px 38px;border-bottom:1px solid var(--ink)}.blog-mast h1{font-size:3.6rem;margin-block:18px 22px}.blog-mast h1 span{color:var(--rust);font-style:italic}.blog-mast p{max-width:560px;color:var(--muted);margin-bottom:0}.notebook-mark{display:none}.blog-sub{display:flex;justify-content:space-between;align-items:center;padding-block:14px;font-size:.65rem;color:var(--muted);border-bottom:1px solid var(--line);letter-spacing:.05em}.blog-sub a{min-height:44px;display:flex;align-items:center}.featured-note{padding-block:32px;display:grid;gap:24px;border-bottom:1px solid var(--line)}.featured-note h2{font-size:2.3rem;margin-block:16px}.featured-note h2 a{text-decoration:none}.featured-note p{font-size:.95rem;color:var(--muted);max-width:570px}.cable-art{min-height:240px;background:var(--green);display:grid;place-items:center;border:1px solid #d4dac8}.cable-art svg{width:100%}.archive-header{padding-block:38px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.archive-header h2{font-family:var(--sans);font-size:1.1rem;letter-spacing:-.02em;margin:0}.search{position:relative;width:100%}.search input{background:transparent;border:1px solid #a9b09e;padding:10px 12px;color:var(--ink);width:100%;min-height:46px;border-radius:0}.note-list{list-style:none;margin:0;padding:0}.note-row{display:grid;gap:9px;border-top:1px solid var(--line);padding-block:25px}.note-num{font-size:.65rem;color:var(--rust);letter-spacing:.08em}.note-row h3{font-family:var(--serif);font-size:1.55rem;margin:0 0 12px}.note-row h3 a{text-decoration:none}.note-row p{font-size:.85rem;color:var(--muted);margin:0;max-width:700px}.note-row time{font-size:.66rem;color:var(--muted)}[hidden]{display:none!important}.empty{padding:30px 0;color:var(--muted)}.archive-end{padding:25px 0;border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.search-status{font-size:.75rem;color:var(--muted);margin:0 0 14px}.article-layout{padding-block:32px 60px}.back{font-size:.75rem;display:inline-flex;min-height:44px;align-items:center}.article-heading{max-width:850px;margin:35px 0}.article-heading h1{font-size:2.9rem;margin-block:20px 25px}.article-heading time{font-size:.8rem;color:var(--muted)}.tags{font-size:.7rem;color:var(--muted);margin-top:15px}.article-columns{display:grid;gap:28px}.contents{font-size:.76rem}.contents strong{font-size:.6rem;text-transform:uppercase;letter-spacing:.14em}.contents ol{padding-left:18px}.contents a{display:block;padding-block:8px;text-decoration:none;color:var(--muted)}.reading{min-width:0;max-width:690px}.direct-answer{font-size:1.05rem;font-family:var(--serif);border-left:3px solid var(--rust);padding-left:22px;margin-bottom:36px;line-height:1.8}.direct-answer p{margin:0}.post-body{font-size:1rem;line-height:1.95;color:#34493f}.post-body h2{font-size:1.8rem;margin-top:42px;margin-bottom:22px;color:var(--ink);scroll-margin-top:30px}.post-body p{margin-bottom:23px}.post-body li{padding-left:6px;margin-bottom:15px}.post-body pre{overflow-x:auto;background:var(--green);padding:18px;font-size:.8rem}.post-body a{overflow-wrap:anywhere}.post-body img{height:auto}.article-end{border-top:1px solid var(--line);margin-top:44px;padding-top:22px;font-size:.8rem;display:flex;justify-content:space-between;gap:15px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--rust);width:0;z-index:20}.stage-note{font-size:.6rem;letter-spacing:.07em;color:var(--muted)}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(min-width:600px){.wrap{width:min(1160px,100% - 72px)}.nav{gap:28px}.nav .code-link{display:flex}.hero h1{font-size:4.4rem}.hero-actions .button{width:auto}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-visual{min-height:300px}.visual-note{display:none}.behind{grid-template-columns:1fr 1fr}.search{width:260px}.note-row{grid-template-columns:38px 1fr 110px;gap:15px}.note-row time{text-align:right}.blog-mast h1{font-size:5.7rem}.article-heading h1{font-size:3.8rem}.notebook-mark{display:block;width:130px;transform:rotate(8deg)}.blog-mast{display:flex;align-items:center;justify-content:space-between}.notebook-mark svg{width:130px}.article-columns{grid-template-columns:170px minmax(0,1fr);gap:34px}.contents{position:sticky;top:30px;align-self:start}.featured-note{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px}.cable-art{align-self:stretch}.about{grid-template-columns:1fr 1.1fr;padding:42px;gap:50px}.journal-teaser{grid-template-columns:1fr 2fr}.tool-row{grid-template-columns:1fr 1fr;align-items:center}.tool-links{justify-content:flex-end}}@media(min-width:1000px){.site-header{padding-block:24px}.brand{font-size:1.1rem}.hero{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:10px;padding-block:50px 38px}.hero h1{font-size:4.5rem;line-height:1.08}.hero .intro{font-size:1rem;max-width:400px}.scene{margin:0 -20px 0 0}.scene img{min-height:440px}.section{padding-block:68px}.project{display:grid;grid-template-rows:330px auto}.project-copy{padding:30px}.visual-note{display:block;right:38px;bottom:45px}.phone{width:175px}.phone p{font-size:1.6rem}.project-visual{padding:35px}.project-copy h3{font-size:1.75rem}.blog-mast{padding-block:50px 40px}.blog-mast h1{font-size:7rem}.notebook-mark{width:190px;margin-right:45px}.notebook-mark svg{width:190px}.featured-note{padding-block:38px;grid-template-columns:1.4fr 1fr;gap:70px}.featured-note h2{font-size:2.8rem}.article-layout{max-width:1000px}.article-heading{margin-left:205px}.article-heading h1{font-size:3.7rem}.article-columns{grid-template-columns:170px minmax(0,1fr);gap:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}