:root{--paper:#ece3d2;--paper-2:#e3d8c3;--coffee:#4a3526;--coffee-2:#6b513c;--blueprint:#2f5d8a;--blueprint-2:#3d74ab;--ink:#1c150f;--accent:#8e2742;--maroon:#8e2742;--maroon-2:#a63a53;--maroon-deep:#5a1626;--maroon-soft:#8e27421f;--line:#4a352638;--grid:#2f5d8a1a;--maxw:1140px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--coffee);font-family:Spline Sans Mono,ui-monospace,monospace;font-weight:400;line-height:1.7;position:relative;overflow-x:hidden}::selection{background:var(--maroon);color:var(--paper)}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--maroon);border:3px solid var(--paper-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--maroon-deep)}:focus-visible{outline:2px solid var(--maroon);outline-offset:3px}body:before{content:"";z-index:-2;background:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), radial-gradient(1000px 620px at 92% -16%, #8e274214, transparent 62%), var(--paper);background-size:120px 120px,120px 120px,24px 24px,24px 24px,auto,auto;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}#progress{background:linear-gradient(90deg, var(--maroon-deep), var(--maroon-2));z-index:100;width:0;height:3px;position:fixed;top:0;left:0}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}#plotter{z-index:60;pointer-events:none;width:2px;position:fixed;top:0;bottom:0;left:20px}#plotter .rail{background:var(--line);opacity:.5;position:absolute;inset:0}#plotter .fill{background:linear-gradient(var(--maroon-deep), var(--maroon-2));width:100%;height:0;position:absolute;top:0;left:0}#plotter .nib{background:var(--maroon);border:2px solid var(--paper);width:13px;height:13px;box-shadow:0 0 0 1.5px var(--maroon);position:absolute;top:0;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#plotter .tick{background:var(--maroon);opacity:.4;width:10px;height:1.5px;position:absolute;left:-4px}#plotter .nib:after{content:"";border:1px dashed var(--maroon);opacity:.5;border-radius:50%;animation:7s linear infinite nibSpin;position:absolute;inset:-9px}@keyframes nibSpin{to{transform:rotate(360deg)}}@media (max-width:1240px){#plotter{display:none}}#cur-dot,#cur-ring{z-index:999;pointer-events:none;mix-blend-mode:multiply;opacity:0;transition:opacity .25s;position:fixed;top:0;left:0}#cur-dot{background:var(--maroon);width:7px;height:7px;margin:-3.5px 0 0 -3.5px;transform:rotate(45deg)}#cur-ring{border:1.5px solid var(--maroon);border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .25s,width .22s,height .22s,margin .22s,border-color .22s}#cur-ring:before,#cur-ring:after{content:"";background:var(--maroon);opacity:.65;position:absolute}#cur-ring:before{width:1px;height:5px;top:-5px;left:50%;transform:translate(-50%)}#cur-ring:after{width:5px;height:1px;top:50%;left:-5px;transform:translateY(-50%)}body.cur-on #cur-dot,body.cur-on #cur-ring{opacity:.85}body.cur-hot #cur-ring{border-style:dashed;width:52px;height:52px;margin:-26px 0 0 -26px;animation:6s linear infinite nibSpin}@media (pointer:coarse){#cur-dot,#cur-ring{display:none}}.tape{background:var(--maroon-deep);color:var(--paper);border-top:1px solid var(--maroon);border-bottom:1px solid var(--maroon);-webkit-user-select:none;user-select:none;overflow:hidden;transform:rotate(-.4deg)scale(1.01)}.tape-in{width:max-content;animation:26s linear infinite tape;display:flex}.tape:hover .tape-in{animation-play-state:paused}.tape span{letter-spacing:.18em;white-space:nowrap;padding:13px 0;font-family:"Press Start 2P",monospace;font-size:.6rem}.tape b{color:var(--maroon-2);padding:0 .8em;font-weight:400}@keyframes tape{to{transform:translate(-50%)}}nav{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#ece3d2d1;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;display:flex}.brand{letter-spacing:.18em;color:var(--ink);text-transform:uppercase;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand .mark{object-fit:contain;flex:none;width:34px;height:34px;transition:transform .5s cubic-bezier(.2,.8,.2,1.4);display:block}.brand:hover .mark{transform:rotate(-12deg)scale(1.08)}.navlinks{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;list-style:none;display:flex}.navlinks a{letter-spacing:.08em;text-transform:uppercase;color:var(--coffee-2);font-size:.82rem;text-decoration:none;transition:color .2s;position:relative}.navlinks a:after{content:"";background:var(--maroon);transform-origin:100%;width:100%;height:2px;transition:transform .28s cubic-bezier(.6,.05,.2,1);position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.navlinks a:hover,.navlinks a.active{color:var(--maroon)}.navlinks a:hover:after,.navlinks a.active:after{transform-origin:0;transform:scaleX(1)}.btn{letter-spacing:.04em;border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--maroon-soft), 5px 5px 0 1.5px transparent;border-radius:3px;padding:13px 24px;font-family:Space Grotesk,sans-serif;font-size:.86rem;font-weight:600;text-decoration:none;transition:transform .14s cubic-bezier(.3,.7,.4,1.4),box-shadow .14s,background .2s,color .2s,border-color .2s;position:relative}.btn:hover{box-shadow:2px 2px 0 var(--maroon), 2px 2px 0 1.5px var(--maroon);transform:translate(2px,2px)}.btn:active{box-shadow:0 0 0 var(--maroon);transform:translate(5px,5px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--maroon-deep);border-color:var(--maroon-deep)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--maroon);color:var(--maroon)}section{padding:30px 0}.divider{background:var(--line);height:1px;margin:8px 0;position:relative}.divider:after{content:"";background:var(--maroon);width:6px;height:6px;position:absolute;top:-2.5px;left:0;transform:rotate(45deg)}.sec-num{color:var(--maroon);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:10px;font-family:Spline Sans Mono,monospace;font-size:.76rem;display:inline-flex}.sec-num:before{content:"";border:1.5px solid var(--maroon);width:8px;height:8px;transform:rotate(45deg)}.sec-head{margin-bottom:36px;position:relative}.sec-head[data-num]:before{content:attr(data-num);color:#0000;-webkit-text-stroke:1.5px var(--maroon);opacity:.13;pointer-events:none;z-index:-1;font-family:Fraunces,serif;font-size:clamp(6rem,14vw,11rem);font-weight:600;line-height:1;position:absolute;top:-46px;right:-8px}.sec-head h2{color:var(--ink);margin:10px 0 14px;font-family:Fraunces,serif;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:600;line-height:1.05}.sec-head p{color:var(--coffee);max-width:60ch}code{background:var(--maroon-soft);border:1px solid var(--line);color:var(--maroon-deep);border-radius:3px;padding:1px 7px;font-family:Spline Sans Mono,monospace;font-size:.9em}footer{border-top:1px solid var(--line);background:linear-gradient(#5a16260b,#0000 55%),#e3d8c380;margin-top:30px;padding:40px 0 30px}.foot-grid{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.foot-brand{color:var(--ink);font-family:Fraunces,serif;font-size:1.7rem;font-weight:600}.foot-mark{object-fit:contain;width:60px;height:60px;margin-bottom:10px;display:block}.foot-links{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.foot-links a{color:var(--coffee-2);letter-spacing:.06em;font-family:Spline Sans Mono,monospace;font-size:.82rem;text-decoration:none}.foot-links a:hover{color:var(--maroon)}.copyr{color:var(--coffee-2);margin-top:26px;font-family:Spline Sans Mono,monospace;font-size:.74rem}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)rotate(.25deg)}.reveal.in{opacity:1;transform:none}@media (max-width:560px){.wrap{padding:0 18px}.nav-inner{flex-direction:column;gap:10px}.navlinks{justify-content:center;gap:10px}.navlinks a{font-size:.76rem}.foot-grid{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tape-in,#plotter .nib:after{animation:none}#cur-dot,#cur-ring{display:none}.reveal{opacity:1;transition:none;transform:none}.btn,.navlinks a:after,.brand .mark{transition:none}}