@font-face{font-family:'Courier Prime';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/courier-prime-400.woff2) format('woff2')}
@font-face{font-family:'Courier Prime';font-weight:700;font-style:normal;font-display:swap;src:url(fonts/courier-prime-700.woff2) format('woff2')}
@font-face{font-family:'Special Elite';font-weight:400;font-style:normal;font-display:swap;src:url(fonts/special-elite-400.woff2) format('woff2')}
html{scroll-behavior:smooth;background:#000}
body{margin:0}
.site{--bone:#ebe4d3;--ash:#a8a192;--line:#3f3b34;--ribbon:#e05a48;--paper:#e6dcc3;--type:#1b1916;--err:#8f1d12;--folder:#1a1815;--el:'Special Elite',Courier,monospace;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .24 0 0 0 -.08'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--speck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .18 0 0 0 0 .08 .3 0 0 0 -.09'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");container-type:inline-size;min-height:100vh;color:var(--bone);background:#000 var(--grain);font:400 17px/1.7 'Courier Prime',Courier,monospace}
.site *{box-sizing:border-box}
.site a{color:inherit;text-underline-offset:4px}
.site :focus-visible{outline:2px solid var(--ribbon);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(20px,5cqi,48px)}
.top{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:22px;padding-bottom:22px}
.brand{font:400 20px var(--el);text-decoration:none}
.top nav{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:16px}
.site h1,.site h2,.site h3{font-family:var(--el);font-weight:400;color:inherit;margin:0}
.site h1{font-size:clamp(34px,min(7cqi,9.6vh),76px);line-height:1.12;max-width:22ch;filter:url(#ink)}
.w{display:inline-block;white-space:nowrap}
.c{display:inline-block;position:relative}
.js .c{visibility:hidden}
.js .c.on{visibility:visible}
.cur::after{content:"";position:absolute;left:100%;bottom:.12em;width:.5em;height:.08em;margin-left:.06em;background:var(--ribbon);animation:bl 1s steps(2) infinite}
@keyframes bl{50%{opacity:0}}
.hero{padding-top:clamp(32px,min(11cqi,7vh),130px);padding-bottom:clamp(48px,11cqi,120px);border-bottom:1px solid var(--line)}
.lede{max-width:50ch;margin:26px 0;font-size:clamp(17px,2.4cqi,20px)}
.site .btn{display:inline-block;padding:12px 22px;border:0;border-radius:0;background:var(--bone);color:#000;font:400 18px/1.3 var(--el);text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--ash)}
.site .btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ash)}
.site .tx{padding:0;border:0;background:none;color:var(--bone);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.stamp{padding:5px 13px;border:3px solid var(--ribbon);color:var(--ribbon);font:400 18px/1.3 var(--el);letter-spacing:.1em;text-transform:uppercase;transform:rotate(-8deg)}
.sent .casestamp{display:block;animation:slam .22s ease-out}
@keyframes slam{from{opacity:0;scale:1.7}}
.sec{padding-top:64px;padding-bottom:64px}
.site h2{font-size:clamp(29px,4.6cqi,42px);line-height:1.2;margin-bottom:30px}
.two{display:grid;gap:44px}
.site h3{font-size:24px;margin-bottom:4px}
.two ul{list-style:none;margin:14px 0 0;padding:0}
.two li{padding:6px 0;border-bottom:1px solid var(--line)}
.fix{margin-top:24px;padding:16px 18px;border:1px dashed var(--line)}
.fix p{min-height:3.4em;margin:0 0 10px}
.f{border-top:1px solid var(--line)}
.f:last-child{border-bottom:1px solid var(--line)}
.f summary{display:table;margin-top:10px;padding:9px 30px 8px 18px;background:var(--folder);list-style:none;cursor:pointer;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 100%,0 100%)}
.f summary::-webkit-details-marker{display:none}
.f summary b{font-weight:400;color:var(--ash);margin-right:10px}
.f[open] summary{background:var(--paper);color:var(--type)}
.f[open] summary b{color:var(--err)}
.doc{background:var(--paper) var(--speck);color:var(--type);padding:clamp(20px,4cqi,34px)}
.doc dl{display:grid;gap:14px;margin:0}
.doc dt{font-weight:700}
.doc dd{margin:0}
.site .ev h3{font-size:20px;margin:0 0 10px}
.ev{margin-top:26px;padding-top:18px;border-top:2px dotted var(--type)}
.nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
.nums p{margin:0;font-size:15px;line-height:1.4}
.nums b{display:block;font:400 clamp(30px,4.6cqi,44px)/1.15 var(--el)}
.site .footcta{flex:0 0 100%;max-width:30ch;margin-bottom:18px;color:var(--bone);font:400 clamp(25px,4cqi,38px)/1.25 var(--el);text-decoration-thickness:1px}
.note{margin:14px 0 0;max-width:70ch}
.site h2.big{font-size:clamp(34px,9.4cqi,100px);line-height:1.04;margin-bottom:clamp(36px,6cqi,68px);filter:url(#ink)}
.big span{display:block}
.jobs{position:relative;display:grid;gap:18px}
.site .job h3{font-size:clamp(34px,5cqi,52px);line-height:1.1;margin:0}
.kind{margin:2px 0 14px;color:var(--ash)}
.pitch{margin:0;max-width:38ch}
.job ul{list-style:none;margin:18px 0 0;padding:0}
.job li{position:relative;padding:7px 0 7px 3.6ch;border-bottom:1px solid var(--line)}
.job li::before{content:"[x]";position:absolute;left:0;color:var(--ribbon)}
.plus{justify-self:center;font:400 52px/1 var(--el);color:var(--ribbon)}
.site .fix{margin-top:26px;padding:18px 20px;border:0;background:var(--paper) var(--speck);color:var(--type);transform:rotate(-.7deg)}
.site .fix .tx{color:var(--type)}
.total{margin:clamp(40px,6cqi,64px) 0 0;padding-top:20px;border-top:4px double var(--bone);font:400 clamp(26px,5.4cqi,56px)/1.15 var(--el)}
.total span{color:var(--ribbon);margin-right:.2em}
.alone{padding-top:40px;padding-bottom:40px;font:400 clamp(29px,5.4cqi,58px)/1.2 var(--el)}
.alone p{max-width:23ch;margin:0}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:26px}
.steps li{counter-increment:s}
.steps li::before{content:counter(s) ".";font:400 24px var(--el);color:var(--ribbon);margin-right:8px}
.steps b{font:400 24px var(--el)}
.steps p{margin:4px 0 0;max-width:34ch}
.machine{max-width:720px;margin:0 auto}
.platen{height:30px;background:linear-gradient(#4b4740,#17150f 55%,#000);border:1px solid var(--line)}
.sheet{position:relative;width:calc(100% - 36px);margin:0 auto;padding:clamp(22px,5cqi,46px);background:var(--paper) var(--speck);color:var(--type)}
.site .sheet h2{margin-bottom:6px}
.sheet>p{margin:0 0 16px}
.sheet label{display:block;margin-top:14px;font-weight:700}
.site .sheet input,.site .sheet textarea{display:block;width:100%;margin-top:2px;padding:5px 2px;border:0;border-bottom:2px dotted var(--type);border-radius:0;background:transparent;color:var(--type);font:400 18px/1.5 'Courier Prime',Courier,monospace}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:24px}
.site .sheet .btn{background:var(--type);color:var(--paper);box-shadow:0 4px 0 #6c6455}
.site .sheet .tx{color:var(--type)}
.msg{min-height:1.6em;margin:10px 0 0;color:var(--err);font-size:15px}
#report{white-space:pre-wrap;margin:0;font:inherit}
.typing #report{padding-top:6px}
#caseform{display:none;margin-top:18px;border-top:2px dotted var(--type);padding-top:8px}
.typed #caseform{display:block}
.sent #caseform{display:none}
#done{display:none;margin:18px 0 0;font-weight:700}
.sent #done{display:block}
.casestamp{display:none;position:absolute;right:16px;bottom:18px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.foot{display:flex;flex-wrap:wrap;gap:6px 22px;padding-top:26px;padding-bottom:26px;color:var(--ash);font-size:15px}
@container (min-width:640px){
.two{grid-template-columns:1fr 1fr;gap:64px}
.doc dl{grid-template-columns:1fr 1fr 1fr;gap:26px}
.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.steps{grid-template-columns:1fr 1fr;gap:30px 56px}
.f:nth-child(2) summary{margin-left:5cqi}
.f:nth-child(3) summary{margin-left:10cqi}
.f:nth-child(4) summary{margin-left:15cqi}
.f:nth-child(5) summary{margin-left:20cqi}
}
@container (min-width:760px){
.big span+span{padding-left:1.6em}
.jobs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 clamp(64px,10cqi,112px)}
.jobs::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px dashed var(--line)}
.plus{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:0 10px 8px;background:#000}
}
@container (min-width:960px){.steps{grid-template-columns:repeat(4,1fr);gap:32px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cur::after,.sent .casestamp{animation:none}}