:root{color:#262722;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--orange:#e34c25;--line:#cfcec4;background:#efeee8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{color:#fff;background:#f76538}h1,h2,p{margin:0}button:disabled{cursor:default}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.site-shell{max-width:1660px;margin:0 auto;padding:0 4.4%}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:114px;display:flex}.wordmark{letter-spacing:.04em;align-items:center;gap:18px;font-size:15px;font-weight:750;text-decoration:none;display:flex}.brand-symbol{letter-spacing:-6px;font-size:45px;font-weight:800;line-height:1}.brand-symbol>span{color:var(--orange)}.brand-caption{font:9px var(--mono);letter-spacing:.075em;margin-top:7px;display:block}.edition{font:10px var(--mono);letter-spacing:.08em;color:#69695f}.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:5%;padding:66px 0 58px;display:grid}.eyebrow{font:10px var(--mono);letter-spacing:.1em;align-items:center;gap:10px;margin-bottom:30px;display:flex}.orange-square{background:var(--orange);width:7px;height:7px}h1{letter-spacing:-.075em;font-size:clamp(70px,7.35vw,112px);font-weight:700;line-height:.91}h1>span:not(.full-stop){letter-spacing:-.085em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.full-stop{color:var(--orange)}.intro{align-items:baseline;gap:22px;margin-top:34px;display:flex}.small-index{font:9px var(--mono);white-space:nowrap;color:#77786d;letter-spacing:.03em}.intro p{color:#5a5b53;font-size:14px;line-height:1.7}.workbench{color:#e3e2d5;background:#252620;align-self:center;min-width:0;scroll-margin-top:24px;position:relative;box-shadow:14px 17px #dcdcd2}.bench-top{font:9px var(--mono);letter-spacing:.08em;border-bottom:1px solid #45463c;justify-content:space-between;align-items:center;padding:17px 22px;display:flex}.tiny-cross{color:#ff794d;vertical-align:-1px;margin-right:9px;font-size:17px}.bench-top>span:last-child{color:#a9aa98}.bench-view{aspect-ratio:640/540;position:relative;overflow:hidden}.view-tabs{z-index:2;gap:18px;display:flex;position:absolute;top:19px;left:22px}.view-tabs button{color:#97998a;font:9px var(--mono);background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 8px}.view-tabs button[aria-pressed=true]{color:#f1f0df;border-color:#f76a3d}.view-tabs button:hover{color:#fff}.view-tabs span{font-size:8px}.structure{width:100%;height:100%;display:block}.block{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.diagram-label{font:8px var(--mono);letter-spacing:1px}.drawing{transform-origin:50%;animation:1.1s both arrive}.bench-bottom{border-top:1px solid #45463c;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;display:flex}.assemble{color:#ff946e;font:8px var(--mono);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;display:flex}.assemble>span{font:20px/12px Arial}.assemble:hover{color:#ffbc9f}.footer{border-top:1px solid var(--line);min-height:66px;font:8px var(--mono);letter-spacing:.045em;color:#727367;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer a{text-decoration:none}.footer a:hover{color:var(--orange)}.footer a span{margin-left:8px}.source-view{background:#252620;height:100%;padding:76px 28px 24px;overflow:auto}.source-file{font:10px var(--mono);color:#d5d5c6;border-bottom:1px solid #434439;justify-content:space-between;padding-bottom:14px;display:flex}.source-file span{color:#97998a;font-size:8px}.source-view pre{font:clamp(9px,1.05vw,14px)/1.7 var(--mono);color:#dfdfd2;white-space:pre-wrap;margin:21px 0 0}.code-muted{color:#9fa28d}.code-orange{color:#ff976f}.code-string{color:#c5d29f}@keyframes arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.hero{padding:85px 0}.bench-view{max-height:565px}.intro p{font-size:16px}}@media (width<=1000px){.site-shell{padding:0 5%}.edition{display:none}.hero{gap:5%;padding-top:48px}h1{font-size:clamp(64px,8vw,90px)}.intro{gap:12px}.intro p{font-size:12px}.bench-top{padding:14px}.view-tabs{gap:12px;left:14px}.bench-bottom{padding:12px}.assemble{font-size:7px}.source-view{padding:64px 18px 12px}.source-view pre{margin-top:12px;font-size:9px}}@media (width<=700px){.site-shell{padding:0 6%}.masthead{gap:10px;height:88px}.wordmark{gap:14px;font-size:12px}.brand-symbol{font-size:37px}.brand-caption{font-size:7px}.hero{grid-template-columns:minmax(0,1fr);gap:37px;padding:38px 0 36px}.eyebrow{margin-bottom:25px;font-size:9px}h1{font-size:clamp(52px,16.5vw,106px);line-height:.92}.intro{gap:18px;margin-top:25px}.intro p{font-size:13px}.workbench{box-shadow:7px 9px #dcdcd2}.bench-top{padding:15px 17px}.view-tabs{left:17px}.bench-bottom{padding:13px 15px}.assemble{font-size:7px}.source-view{padding:64px 22px 15px}.source-view pre{font-size:clamp(9px,2.5vw,13px);line-height:1.6}.footer{gap:12px;min-height:77px;font-size:7px}}@media (width<=360px){.view-tabs button{font-size:8px}.view-tabs span{font-size:7px}.intro p{font-size:12px}}@media (width<=1000px) and (width>=701px){.text-link{margin-left:0}}@media (width<=700px){.text-link{min-height:50px;margin:24px 0 0}.workbench-arrow{transform:rotate(90deg)}.text-link:hover .workbench-arrow{transform:translateY(3px)rotate(90deg)}}.hero-copy{min-width:0}.source-view:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}.voxel-face{transition:fill .18s}.block:hover .voxel-face{fill:#ffc08a}.assemble{min-height:36px}.view-tabs button{min-height:32px}.block{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.block.is-dragging{cursor:grabbing;transition:none}.block:focus-visible{outline:none}.block:focus-visible polygon{stroke:#fff1c9;stroke-width:2px}.reset-blocks{color:#c8c9b6;font:8px var(--mono);background:0 0;border:0;min-height:36px;padding:6px 0}.reset-blocks:disabled{color:#828573}.bench-bottom{justify-content:space-between}.drawing-surface{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.text-link{color:#f4f2e9;background:#262722;border:1px solid #262722;border-radius:3px;align-items:center;gap:18px;min-height:48px;margin:28px 0 0 77px;padding:13px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.text-link:hover{background:#414238;border-color:#414238}.workbench-arrow{color:#ff986e;flex-shrink:0;transition:transform .2s}.text-link:hover .workbench-arrow{transform:translate(3px)}@media (width<=1000px) and (width>=701px){.text-link{margin-left:0}}@media (width<=700px){.text-link{min-height:50px;margin:24px 0 0}.workbench-arrow{transform:rotate(90deg)}.text-link:hover .workbench-arrow{transform:translateY(3px)rotate(90deg)}}