@font-face{font-family:Anton;src:url('/assets/fonts/Anton-Regular.ttf')}@font-face{font-family:Condensed;src:url('/assets/fonts/BarlowCondensed-Medium.ttf')}
:root{--soot:#131411;--dark:#191b17;--ivory:#eae3cf;--mute:#b4b3a5;--faint:#44463c;--ember:#ff6e4f;--signal:#88ccbf;--type:Consolas,'Courier New',monospace;--measure:1380px}
*{box-sizing:border-box}body{margin:0;background:var(--soot);color:var(--ivory);font:16px/1.5 system-ui,sans-serif}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{font:inherit;color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--signal);outline-offset:3px}a:hover,button:hover,summary:hover{color:var(--signal)}h1,h2,h3,p,figure{margin:0}.bench,.output-page .page-shell{width:min(calc(100% - 84px),var(--measure));margin:auto}.bench-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:89px;border-bottom:1px solid var(--faint);z-index:10}.bench-head .logo{width:clamp(218px,22vw,318px);display:block;position:static;transform:none}.bench-head .logo img{display:block;width:100%}.head-tools{display:flex;align-items:center;gap:12px}.bench-head .sys{font:11px var(--type);letter-spacing:.08em;margin-right:12px;color:var(--mute)}.sys b{color:var(--ember);margin-right:5px}.bench-head .terminal,.bench-head .menu{position:relative;inset:auto;transform:none;display:flex;align-items:center;color:var(--ivory);border:1px solid var(--faint);background:transparent;height:38px}.bench-head .terminal{width:clamp(250px,29vw,390px);padding-left:12px}.bench-head .terminal label{display:block;color:var(--signal);font:11px var(--type);padding:0}.bench-head .terminal input{width:0;flex:1;min-width:42px;padding:6px;background:none;border:0;color:var(--ivory);font:11px var(--type)}.bench-head .terminal button{height:100%;padding:0 10px;color:var(--signal);border-left:1px solid var(--faint)}.bench-head .menu{width:38px;justify-content:center;font-size:20px}.bench-head .terminal-feedback{position:absolute;top:76%;right:50px;left:auto;margin:0;font:10px var(--type);color:var(--signal)}.bench-head .nav,.bench-head .terminal-results{position:absolute;left:auto;right:0;top:100%;width:230px;background:#1c201c;border:1px solid var(--faint);padding:6px;z-index:30;font:13px var(--type);list-style:none;margin:0;color:var(--ivory)}.bench-head .nav a,.bench-head .terminal-results li{display:block;padding:8px}.bench-head .terminal-results li[aria-selected=true]{background:var(--ivory);color:var(--soot)}.bench-head .terminal-results small{margin-left:9px}.bench-head [hidden]{display:none}
.operator-hero{display:grid;grid-template-columns: .9fr 1.5fr;gap:0;margin-top:32px;background:#20221d}.introduction{padding:clamp(24px,3vw,46px);align-self:center}.kicker,.sectionbar>span,.sectionbar small,.portrait figcaption span,.portrait small,.record-meta small{font:11px/1.4 var(--type);letter-spacing:.11em}.kicker{color:#cecbbd}.kicker b,.sectionbar>span{color:var(--ember);margin-right:8px}.introduction h1{font:clamp(40px,3.65vw,58px)/1.03 Condensed,sans-serif;letter-spacing:-.025em;margin:17px 0}.introduction h1 em{font:italic .86em/1.05 Georgia,serif;color:#ddcbb1;white-space:nowrap}.lede{color:#c4c6b9;font-size:15px;line-height:1.55;max-width:355px}.hero-links,.operator-strip,.monitor-controls,.filterrow,.tabs{display:flex;align-items:center}.hero-links{gap:20px;margin-top:22px;font:12px var(--type)}.hero-links a:first-child{background:var(--ivory);color:var(--soot);padding:11px 13px}.hero-links a:last-child{border-bottom:1px solid #787c6e;padding-bottom:2px}.portrait{position:relative;isolation:isolate;min-height:320px;background:#1c1914}.portrait>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:54% center}.portrait:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#100e0bdd);z-index:0}.portrait figcaption{position:absolute;bottom:19px;left:24px;right:24px;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:end}.portrait figcaption span{grid-column:1/-1;font-size:9px;color:#ece3c7}.portrait i{display:inline-block;width:6px;height:6px;background:#a2c793;border-radius:50%;margin-right:5px}.portrait strong{font:30px Condensed;letter-spacing:.01em}.portrait small{font-size:9px;color:#e7d8c2}.operator-strip{gap:22px;border-bottom:1px solid var(--faint);padding:11px 0;font:12px var(--type)}.companions-link{display:flex;align-items:center;gap:10px;padding:0}.companions-link img{width:47px;height:37px;object-fit:cover;border:2px solid #cabfa3;transform:rotate(-3deg)}.companions-link b{color:var(--signal)}.operator-quote{margin-right:auto;font:italic 16px Georgia;color:#c4bba4}.bench-row,.lower{display:grid;grid-template-columns:1.55fr 1fr;gap:32px;margin:34px 0}.sectionbar{display:flex;align-items:baseline;gap:6px;margin-bottom:16px}.sectionbar h2{font:30px/1.1 Condensed;letter-spacing:-.015em}.sectionbar small{margin-left:auto;color:var(--mute);font-size:10px}.processes,.graph{position:relative;min-width:0}.graph{border:1px solid var(--faint);background-color:#191b17;background-image:radial-gradient(#85867245 .8px,transparent .9px);background-size:13px 13px;padding:25px 20px}.wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.processes>.motion-cables{top:auto;bottom:0;height:var(--graph-height)}#nodes{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.node{display:flex;flex-direction:column;position:relative;text-align:left;border:1px solid #505549;background:#21241e;padding:10px;min-width:0;height:101px}.node:hover,.tile:hover{border-color:var(--signal)}.node h3{font:19px/1.1 Condensed}.node-status{font:9px/1.2 var(--type);color:#bfc4af;margin:4px 0}.node-preview{width:100%;flex:1;min-height:0;overflow:hidden;display:grid;place-items:center;background:#151713}.node-edge,.surface-wear,.print-wear,.node-preview .awaiting,.feature-announcement{display:none}.node:has(.awaiting) .node-preview{background:none}.node:has(.awaiting) .node-status{color:#c3b394}.node:has(.awaiting):after{content:'—';color:#898c7d;font:18px var(--type)}.art-thumb,.art-thumb img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.node-preview img{object-fit:cover;object-position:center 40%}.node-port{position:absolute;top:50%;width:5px;height:5px;background:#a1b5a0}.port-in{left:-3px}.port-out{right:-3px}.workflow-mini{color:#8eafa9;font:8px var(--type);align-self:center}.workflow-mini b{display:inline-block;font-weight:400;border:1px solid #42544c;padding:2px}.sprite{display:block;width:40px;height:40px;background-size:200px 40px;background-repeat:no-repeat;image-rendering:pixelated}.mosskit{background-image:url('/static/home/assets/mosskit.png')}.emberling{background-image:url('/static/home/assets/emberling.png')}.cloudpup{background-image:url('/static/home/assets/cloudpup.png')}
.monitor{border:1px solid var(--faint);background:var(--dark);padding:12px 14px}.screen{position:relative;height:150px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#283531,#131b19 75%)}.screen video{width:100%;height:100%;max-height:150px;object-fit:contain}.screen>span{position:absolute;left:10px;top:10px;font:9px var(--type);color:#c3cbbb}.record-meta{display:flex;justify-content:space-between;align-items:baseline;margin:7px 0}.record-meta h3{font:23px Condensed}.record-meta em{font:italic 17px Georgia;color:var(--mute)}.record-meta small{font-size:9px;color:var(--mute)}.monitor-controls{gap:8px}.monitor-controls button,.tabs button,.feature-nav button{font:11px var(--type);padding:7px 10px;border:1px solid var(--faint)}.monitor-controls button:first-child{color:var(--signal)}.out-tray,.lower{border-top:1px solid var(--faint);padding-top:24px}.filterrow{justify-content:space-between;font:12px var(--type);margin:0 0 14px}.tabs{gap:6px}.tabs button.active,.feature-nav [aria-current=true]{background:var(--ivory);color:var(--soot)}#tray{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.tile,.feature-image,.feature-thumbs button{position:relative;overflow:hidden;background:#1e211d;border:1px solid var(--faint);padding:0}.tile{height:124px;display:grid;place-items:center;padding:7px 6px 25px}.tile .caption{position:absolute;bottom:5px;left:8px;font:11px var(--type);background:#171916de;padding:1px 4px}.feature{display:grid;grid-template-columns:40% 1fr;gap:20px}.feature-image{height:190px}.feature-heading h3{font:30px Condensed}.feature .tag,.feature-tags{font:10px var(--type);color:var(--mute)}.feature-tags span{margin-right:6px}.feature p{margin:7px 0;font-size:14px}.feature-thumbs,.feature-nav{display:flex;gap:5px}.feature-thumbs button{width:56px;height:44px}.feature-nav{margin-top:10px}.log details{border-top:1px solid var(--faint);padding:8px 0;font:13px var(--type)}.log ol{max-height:93px;overflow:auto;list-style:none;padding:0;margin:6px 0;color:var(--mute)}.log li{padding:3px 0}.log time{color:#abab93;margin-right:12px}.log .retired{padding:10px}.sketch-link{display:flex;gap:12px;align-items:center;font:12px var(--type);padding:5px 0}.sketch-link img{width:42px;height:36px;object-fit:cover}.bench .footer,.output-page .footer{position:relative;inset:auto;width:100%;height:auto;padding:16px 0;margin:30px 0 0;border-top:1px solid var(--faint);background:none;display:flex;align-items:center;gap:24px;min-height:66px}.footer .footer-wear,.footer .footer-sequence,.footer-brand span,.footer::after,.footer::before{display:none!important}.bench .footer-brand,.output-page .footer-brand{position:static;display:block;width:150px;transform:none}.footer-brand img{width:100%}.footer .wave,.footer .footer-prompt{position:relative;inset:auto;margin:0;width:auto;height:auto;font:10px var(--type);padding:7px;border:0}.footer .wave{margin-left:auto}.footer .wave-bars{width:98px;height:15px;position:relative}.footer .wave small{position:static;display:block}.footer .footer-trace,.footer .meter-trace-motion{left:auto;right:335px;top:14px;width:55px;height:37px}.footer .footer-prompt{color:var(--signal)}.footer-utility,.output-page .footer-utility{position:static;display:flex;justify-content:space-between;align-items:center;font:10px var(--type);color:var(--mute);padding:12px 0 24px}.footer-utility nav{display:flex;gap:15px}dialog{width:min(760px,92vw);max-height:92vh;overflow:auto;background:#1c201b;color:var(--ivory);border:1px solid var(--faint);padding:25px}dialog::backdrop{background:#070906d9}dialog .close{float:right;font-size:24px}dialog h2{font:27px Condensed;margin:0 36px 12px 0}#viewerMedia{max-height:58vh;min-height:140px;overflow:auto;display:grid;place-items:center;background:#131612}#viewerMedia img,#viewerMedia video{width:100%;height:48vh;object-fit:contain}#viewerMedia .sprite{width:140px;height:140px;background-size:700px 140px}#viewerMedia pre{font:12px var(--type);white-space:pre-wrap}#viewerDescription{margin:15px 0}#viewerLink{color:var(--signal)}
.output-page{background:var(--soot);color:var(--ivory)}.output-page::before{display:none}.output-page .page-shell{overflow:visible}.output-page .page-heading,.output-page .output-workbench{width:100%;max-width:100%}.output-page .page-heading{padding:42px 0 12px;display:flex;align-items:baseline;gap:24px}.output-page .page-kind{order:2;color:var(--mute);font:11px var(--type)}.page-kind b{display:inline;margin-right:8px;color:var(--ember)}.output-page .breadcrumb,.output-page .heading-note,.output-intro .hand{display:none}.output-page .page-heading h1{font:64px/1 Condensed;letter-spacing:-.03em;text-transform:none;mask:none}.output-page .output-intro{padding:0;margin:0 0 20px}.output-page .output-intro p{font-size:16px;color:var(--mute);max-width:none}.showcase-controls{border-color:var(--faint);margin-bottom:24px}.output-page .recording-monitor,.output-page .study-print,.output-page .reading-sheet{transform:none;box-shadow:none}.output-page .recording-monitor{border:1px solid var(--faint);background:#181e1b}.output-page .recording-monitor video{background:radial-gradient(ellipse,#2c3932,#141b18 80%);height:clamp(210px,22vw,345px)}.output-page .sharkie-chapter{align-items:stretch}.output-page .field-notes,.output-page .ester-note{background:#e4d9bd;color:#282b24;clip-path:none;border:0;padding:clamp(20px,3vw,42px)}.output-page .field-notes h2{font:52px/1 Condensed;text-transform:none}.output-page .sheet-tape,.reading-sheet::before,.reading-sheet::after{display:none}.output-page .field-notes .hand{font:italic 20px Georgia,serif;transform:none;margin:17px 0 0}.output-page .field-notes .hand br{display:none}.output-page .field-notes .hand br:after{content:' '}.output-page .field-notes p{margin-bottom:12px}.output-page .chapter-heading{border-top:1px solid var(--faint);padding-top:20px}.output-page .showcase-chapter{margin-bottom:48px}.output-page .output-next{background:#e4d9bd;clip-path:none}.output-page .bench-head [hidden]{display:none}.output-page .footer-brand img{width:100%}
@media(max-width:1000px){.bench,.output-page .page-shell{width:calc(100% - 42px)}.bench-head .sys{display:none}.operator-hero{grid-template-columns:1fr 1.25fr}.introduction{padding:24px}.bench-row,.lower{gap:20px;grid-template-columns:1.4fr 1fr}.graph{padding:20px 12px}#nodes{gap:18px}.portrait small{display:none}.sectionbar small{font-size:9px}.sectionbar h2{font-size:26px}#tray{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.bench,.output-page .page-shell{width:calc(100% - 32px)}.bench-head{flex-wrap:wrap;gap:12px;padding:14px 0;min-height:0}.bench-head .logo{width:220px}.head-tools{flex:1;justify-content:flex-end}.bench-head .terminal{width:min(240px,40vw)}.bench-head .terminal label{display:none}.operator-hero{margin-top:18px;grid-template-columns:1fr}.portrait{grid-row:1;min-height:0;aspect-ratio:2.5}.portrait figcaption{bottom:9px;left:13px}.portrait strong{font-size:23px}.introduction h1{font-size:43px;margin:12px 0}.introduction{padding:22px}.introduction .lede{max-width:420px}.operator-strip{gap:12px;flex-wrap:wrap}.operator-quote{display:none}.companions-link{margin-right:auto}.bench-row,.lower{grid-template-columns:1fr;gap:25px;margin:25px 0}.bench .sectionbar{margin-bottom:12px}.graph{padding:18px 12px}.node{height:100px}.monitor .screen,.monitor .screen video{height:180px;max-height:180px}.screen video{max-height:180px}.hero-links{margin-top:16px}.tile{height:105px}#tray{grid-template-columns:repeat(3,minmax(0,1fr))}.footer .footer-prompt,.footer .footer-trace,.footer .meter-trace-motion{display:none!important}.bench .footer,.output-page .footer{margin-top:16px}.output-page .page-heading{padding:26px 0 10px}.output-page .page-heading h1{font-size:48px}.output-page .field-notes .hand{margin-left:0}.filterrow{gap:10px;flex-wrap:wrap}.feature{gap:12px}.feature-thumbs button{width:38px}.footer-utility nav{gap:8px}}
@media(max-width:530px){.bench-head{display:grid;grid-template-columns:1fr 38px}.head-tools{display:contents}.bench-head .menu{grid-column:2;grid-row:1}.bench-head .terminal{grid-column:1/-1;grid-row:2;width:100%}.bench-head .terminal label{display:block}.bench-head .terminal-feedback{top:100%;left:0;right:auto;background:var(--soot)}.portrait{aspect-ratio:2.2}#nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionbar{gap:2px}.kicker,.sectionbar>span{font-size:10px}.filterrow .tabs button{padding:8px}.feature{grid-template-columns:36% 1fr}.feature-image{height:160px}.feature-thumbs{flex-wrap:wrap}.bench .footer-utility{font-size:9px}.bench-head .terminal-results{width:100%}}
/* One paper surface carries the manifesto. The tools share a quiet ink surface. */
.introduction{align-self:stretch;background:linear-gradient(#e6dbc0eb,#e6dbc0e0),url('/assets/materials/workbench-paper.webp') center/cover;color:#25271f}.introduction .kicker{color:#545648}.introduction .kicker b{color:#a43e29}.introduction h1 em{color:#803e2c}.introduction .lede{color:#43483e}.hero-links a:first-child{background:#272b23;color:#f6ecd5}.hero-links a:hover{color:#905139}.hero-links a:first-child:hover{background:#394338;color:white}.portrait>img{object-position:100% center}.terminal-feedback:empty{display:none}.bench .footer-trace{position:absolute}.feature-nav button{margin:0}.footer .wave-bars{background:repeating-linear-gradient(90deg,#a75440 0 3px,transparent 3px 6px);margin:3px 0}

.footer-not{position:relative;display:inline-block}
.footer-not::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1px;background:#ff6b00;transform:scaleX(0);transform-origin:left center;box-shadow:0 0 4px #ff6b00,0 0 10px #ff6b00cc}
.footer-not.is-striking{animation:footer-not-glow 1.8s linear 1}
.footer-not.is-striking::after{animation:footer-not-strike 1.8s linear 1}
@keyframes footer-not-strike{0%,100%{transform:scaleX(0)}16%,84%{transform:scaleX(1)}}
@keyframes footer-not-glow{0%,100%{color:inherit;text-shadow:none}16%,84%{color:#ff6b00;text-shadow:0 0 6px #ff6b00e6,0 0 14px #ff6b0080}}
@media(prefers-reduced-motion:reduce){.footer-not,.footer-not::after{animation:none!important}}