@font-face{font-family:IT;src:url(../fonts/intertight-extrabold.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:IT;src:url(../fonts/intertight-medium.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:IS;src:url(../fonts/instrumentserif-italic.woff2) format('woff2');font-weight:100 900;font-style:normal italic;font-display:swap}
@font-face{font-family:PM;src:url(../fonts/ibmplexmono-medium.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{--paper:#F2EDE0;--sheet:#FAF7EF;--ink:#111;--hot:#E8401C;--grey:#6f6a62;--xa:url(../img/f71e0a731a.webp);--grain:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.85%22%20numOctaves%3D%222%22%20seed%3D%224%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%20%200%200%200%200%200%20%200%200%200%200%200%20%200%200%200%20-2.4%201.5%22/%3E%3C/filter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22/%3E%3C/svg%3E");--smask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22140%22%20height%3D%22140%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.7%22%20numOctaves%3D%222%22%20seed%3D%2211%22/%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%20%200%200%200%200%200%20%200%200%200%200%200%20%200%200%200%20-3.2%202.55%22/%3E%3C/filter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23n%29%22/%3E%3C/svg%3E")}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:500 17px/1.42 IT,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;overflow-x:hidden}

em{font-family:IS,serif;font-weight:400}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0}
.mono{font:500 11px/1.35 PM,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:99;background:var(--ink);color:var(--paper);padding:12px 16px}.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--hot);outline-offset:3px}
.pill{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:50;background:var(--ink);color:var(--paper);border-radius:99px;display:flex;align-items:center;padding:4px 6px 4px 12px;gap:2px;box-shadow:0 6px 20px #0003;white-space:nowrap}
.pill img{width:18px;height:18px;margin-right:6px;filter:invert(1) brightness(1.2)}
.pill a{text-decoration:none;padding:12px 10px;border-radius:99px;min-height:40px;display:flex;align-items:center}
.pill a[aria-current=page]{background:var(--paper);color:var(--ink)}
.tape{position:absolute;width:64px;height:20px;background:#f8f3e9c9;box-shadow:0 1px 2px #0002;z-index:2}
.slip{position:relative;background:var(--sheet);padding:16px 16px 18px;clip-path:polygon(0 3%,8% 0,30% 2%,55% 0,78% 2.5%,100% 0,99% 52%,100% 100%,70% 98%,42% 100%,15% 97.5%,0 100%,1% 50%)}
.slipwrap{filter:drop-shadow(4px 8px 0 rgba(0,0,0,.18))}
.kick{color:var(--grey);margin-bottom:10px}
h1,.h{font:800 clamp(56px,16.5vw,180px)/.82 IT;letter-spacing:-.055em;text-transform:uppercase}
h2.h{font-size:clamp(50px,14vw,150px)}
.h em{text-transform:none;letter-spacing:-.03em;font-size:1.06em}
.scraps{display:flex;font-size:1.12em;align-items:flex-end;margin:14px 0 2px -4px;filter:drop-shadow(3px 5px 0 rgba(0,0,0,.85))}
.scraps i{font-style:normal;display:grid;place-items:center;position:relative;line-height:.8;margin-right:-5px;filter:url(#rough)}
.scraps i::after{content:"";position:absolute;width:38px;height:13px;background:#f8f3e9d0;top:-7px;left:28%;transform:rotate(-12deg)}
.s1{width:.8em;height:1em;background:var(--xa) 30% 20%/3.4em;color:var(--sheet);font:800 1em IT;-webkit-text-stroke:3px var(--ink);transform:rotate(-7deg)}
.s2{width:.68em;height:.9em;background:var(--ink);color:var(--sheet);font:400 1.02em IS;font-style:italic;transform:rotate(5deg) translateY(-.14em)}
.s3{width:.74em;height:.82em;background:var(--hot);color:var(--ink);font:500 .78em PM;transform:rotate(-3deg) translateY(.06em)}.s3::after{display:none}
.s4{width:.7em;height:.98em;background:#fff;background-image:radial-gradient(circle,#000 40%,transparent 45%);background-size:5px 5px;color:var(--ink);font:800 .94em IT;transform:rotate(9deg) translateY(-.06em)}
.s5{width:.82em;height:1.05em;background:var(--ink);color:transparent;font:800 1.14em IT;background-image:var(--xa);background-size:4em;background-position:60% 50%;-webkit-background-clip:text;background-clip:text;outline:3px solid var(--ink);transform:rotate(-5deg)}
.s6{width:.32em;height:.74em;background:var(--ink);color:var(--hot);font:800 .74em IT;transform:rotate(14deg) translate(.04em,-.2em)}
.stamp{display:inline-block;border:3px solid currentColor;color:var(--ink);padding:5px 9px 3px;font:800 15px/1 IT;text-transform:uppercase;letter-spacing:.02em;transform:rotate(-6deg);-webkit-mask-image:var(--smask);mask-image:var(--smask);-webkit-mask-size:140px;mask-size:140px;white-space:nowrap}
.stamp.ink{color:var(--ink)}.stamp.fill{background:var(--ink);color:var(--sheet);border-color:var(--ink)}.stamp.dash{border-style:dashed;color:var(--grey)}
.sec{padding:96px 16px 40px;max-width:1240px;margin:0 auto}
.sub{color:var(--grey);margin-top:14px}
.btn{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:0 20px;background:var(--ink);color:var(--sheet);font:800 19px IT;text-transform:uppercase;text-decoration:none;letter-spacing:-.01em;transition:transform .2s cubic-bezier(.3,1.5,.4,1)}
.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #0003}.btn:active{transform:none;box-shadow:none}
.btn.ghost{background:transparent;color:var(--ink);border:3px solid var(--ink)}
.btn.soon{background:transparent;color:var(--grey);border:3px dashed var(--grey);cursor:default;justify-content:center}.btn.soon:hover{transform:none;box-shadow:none}
.js .print:not(.in){opacity:0}.js .print.in{animation:printin .85s steps(12,end) both}@keyframes printin{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(-80px -80px -80px -80px)}}
footer{padding:40px 16px 60px;max-width:1240px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:space-between;border-top:3px solid var(--ink)}
footer a{text-decoration:none;padding:10px 0;display:inline-block}footer nav{display:flex;gap:18px;flex-wrap:wrap}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .print:not(.in){opacity:1}}
.demos .lead{font-size:22px;margin:18px 0 22px;max-width:28ch}.demos .btn{max-width:560px;font-size:20px}
.pill a.home{padding:8px 8px 8px 4px}.pill a.home img{margin:0;filter:none}
footer .fnav{display:flex;gap:4px 18px;flex-wrap:wrap}
footer .fnav a{padding:12px 0;min-height:44px}
.plh{display:inline-block;border:2px dashed currentColor;padding:4px 8px 3px;font:500 10px/1.3 PM;letter-spacing:.1em;text-transform:uppercase;opacity:.8}