:root{--paper:#ECEBE6;--sheet:#F7F6F2;--white:#fff;--ink:#111;--graphite:#55554F;--faint:#C9C8C1;--hi:#F0E23C;
 --display:"Sedgwick Ave Display","Arial Black",sans-serif;--marker:"Permanent Marker","Comic Sans MS",cursive;--body:"Archivo",Arial,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:url(brick.svg) 0 0/800px repeat,var(--paper);color:var(--ink);font:16px/1.6 var(--body)}
@media (hover:hover) and (pointer:fine){body{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><g transform='rotate(35 14 14)'><rect x='11' y='2' width='6' height='16' rx='1.5' fill='%23111'/><rect x='11.5' y='17' width='5' height='4' fill='%23F7F6F2' stroke='%23111'/><path d='M12 21 L14 26 L16 21 Z' fill='%23111'/></g></svg>") 7 24,auto}
 a,button,label,summary,.card{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><g transform='rotate(35 14 14)'><rect x='11' y='6' width='6' height='16' rx='1.5' fill='%23111'/><path d='M12 22 L14 27 L16 22 Z' fill='%23111'/></g><circle cx='6' cy='5' r='3' fill='%23F0E23C' stroke='%23111'/></svg>") 7 25,pointer}}
a{color:var(--ink)}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--hi);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--sheet);padding:8px 12px;z-index:100}.skip:focus{left:8px}
.marker{font-family:var(--marker)}
.label{font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite)}
.fine{font:500 12px/1.5 var(--mono);color:var(--graphite)}
.ink{position:relative}
.ink::before{content:"";position:absolute;inset:0;border:2.4px solid var(--ink);border-radius:4px 9px 3px 7px;filter:url(#wobble);pointer-events:none}
/* header */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:2.4px solid var(--ink);padding:10px 16px;display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap}
.seal{display:block;flex:none;line-height:0}.seal img{width:58px;height:58px;transition:transform .3s}.seal:hover img{transform:rotate(-12deg)}
.wordmark{font:400 clamp(26px,4.4vw,42px)/1 var(--display);text-decoration:none;color:var(--ink);white-space:nowrap}
nav.main{display:flex;gap:2px 14px;flex-wrap:wrap;flex:1}
nav.main a{font:600 14px var(--body);text-decoration:none;padding:4px 2px;position:relative}
nav.main a:hover::after,nav.main a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:7px;background:no-repeat center/100% 100% url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'><path d='M1 6 C20 2 35 9 52 5 S80 2 99 6' fill='none' stroke='%23111' stroke-width='2.4' stroke-linecap='round'/></svg>")}
.cartbtn{display:flex;align-items:center;gap:6px;text-decoration:none;font:500 14px var(--mono)}
.cartpen svg{height:40px;width:auto;transform:rotate(20deg)}
.cartbtn.bump .cartpen svg{animation:bump .5s}
@keyframes bump{40%{transform:rotate(8deg) scale(1.15)}}
.ticker{overflow:hidden;border-bottom:2.4px solid var(--ink);background:var(--sheet);white-space:nowrap}
.ticker span{display:inline-block;padding:7px 0;font:400 15px var(--marker);animation:tick 45s linear infinite}
@keyframes tick{to{transform:translateX(-50%)}}
/* layout */
.page{position:relative;padding:26px 16px 70px;max-width:1240px;margin:0 auto}
.intro{max-width:780px;margin:0 0 26px}
.intro h1,.prose h1,.info h1{font:800 clamp(26px,3.6vw,38px)/1.1 var(--body);letter-spacing:-.01em;margin:6px 0 10px;text-wrap:balance}
.intro p{color:var(--graphite);margin:0 0 10px;max-width:68ch}
.crumbs{font:500 12px var(--mono);color:var(--graphite);margin-bottom:12px}.crumbs a{color:var(--graphite)}
.empty{font-size:20px;padding:30px 0}
/* grid + cards */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:64px 56px;position:relative}
.card{position:relative;z-index:2;display:block;text-decoration:none;color:var(--ink)}
.polaroid{display:block;background:var(--white);padding:11px 11px 13px;border:1.6px solid var(--ink);box-shadow:3px 4px 0 rgba(17,17,17,.12);position:relative;z-index:2;transition:transform .2s}
.card:nth-child(4n+1) .polaroid{transform:rotate(-1.3deg)}.card:nth-child(4n+2) .polaroid{transform:rotate(.9deg)}.card:nth-child(4n+3) .polaroid{transform:rotate(-.5deg)}.card:nth-child(4n) .polaroid{transform:rotate(1.4deg)}
.card.grab .polaroid{transform:rotate(-2.4deg) translateY(-6px)}
.photo{display:grid;place-items:center;aspect-ratio:4/5;background:var(--paper);position:relative;overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover}
.photo svg.item{width:55%;height:auto}
.ph-note{position:absolute;bottom:6px;right:8px;font:500 9px var(--mono);letter-spacing:.08em;color:var(--graphite);text-transform:uppercase}
.cap{display:grid;gap:2px;padding-top:9px}
.cap b{font:400 15px/1.25 var(--marker);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cap span{font:500 12px var(--mono);color:var(--graphite)}
.gone{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-14deg);font:400 42px/1 var(--display);background:var(--hi);border:2.4px solid var(--ink);padding:2px 10px;z-index:3}
.sold-page .gone{animation:slam .45s cubic-bezier(.2,1.6,.4,1) both}
@keyframes slam{0%{transform:translate(-50%,-50%) rotate(-14deg) scale(2.2);opacity:0}100%{transform:translate(-50%,-50%) rotate(-14deg) scale(1);opacity:1}}
.card.is-held .polaroid::after{content:"in someone's cart";position:absolute;top:18px;right:-8px;background:var(--ink);color:var(--sheet);font:500 11px var(--mono);padding:3px 8px;transform:rotate(4deg)}
.g-f{position:absolute;left:3%;right:3%;top:-6%;z-index:5;opacity:0;transform:translateY(-34%);transition:transform .26s cubic-bezier(.2,.9,.3,1.2),opacity .14s;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28%);mask-image:linear-gradient(to bottom,transparent 0,#000 28%)}
.g-t{position:absolute;left:-12.5%;width:60%;bottom:-6.5%;z-index:5;opacity:0;transform:translate(-22%,26%);transition:transform .26s .06s cubic-bezier(.2,.9,.3,1.2),opacity .14s .06s;pointer-events:none;-webkit-mask-image:linear-gradient(to top right,transparent 0,transparent 8%,#000 34%);mask-image:linear-gradient(to top right,transparent 0,transparent 8%,#000 34%)}
.card.grab .g-f,.card.grab .g-t{opacity:1;transform:none}
.g-f svg,.g-t svg{width:100%;height:auto;display:block}
/* crush */
.crushbox{position:absolute;inset:0;z-index:4;background:var(--paper);overflow:hidden}
.cball{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--paper)}
.cpipe{position:absolute;left:14%;width:72%;bottom:5%;animation:cpipeIn .28s ease-out both}
@keyframes cpipeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes crushIn{0%{transform:none;border-radius:0}22%{transform:scale(.86,.74) rotate(6deg);border-radius:14%;filter:url(#crumple)}
 45%{transform:scale(.3) rotate(-30deg);border-radius:50%;filter:url(#crumple);box-shadow:inset 0 0 0 3px #111}
 62%{transform:translate(0,-6%) scale(.16) rotate(-80deg);border-radius:50%;box-shadow:inset 0 0 0 6px #111}
 100%{transform:translate(var(--ex),var(--ey)) scale(.09) rotate(-250deg);border-radius:50%;box-shadow:inset 0 0 0 9px #111}}
/* crawling hand */
#crawl{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:3;overflow:hidden}
#hand{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}
#hand svg{position:absolute;left:-95px;top:-120px;width:190px;overflow:visible}
/* sections */
.about-teaser,.signup{background:var(--sheet);padding:22px 22px 18px;margin:70px 0 0;max-width:820px}
.about-teaser h2,.signup h2{font:400 26px/1.15 var(--marker);margin:0 0 8px}
.signup form{display:grid;gap:8px;max-width:480px}
.signup input[type=email]{font:16px var(--body);padding:11px 12px;border:2px solid var(--ink);border-radius:4px;background:var(--white)}
.hp{position:absolute;left:-9999px}
.consent{font-size:14px;display:flex;gap:8px;align-items:flex-start}
.consent input{margin-top:4px;width:18px;height:18px;accent-color:var(--ink)}
.faqs{margin:60px 0 0;max-width:820px}.faqs h2{font:800 22px var(--body)}
.faq{background:var(--sheet);padding:12px 16px;margin:10px 0}.faq summary{font-weight:700;list-style:none}.faq p{margin:8px 0 0;color:var(--graphite)}
/* buttons + overlays */
.btn{font:800 15px var(--body);background:var(--sheet);color:var(--ink);border:0;padding:12px 20px;position:relative;text-decoration:none;display:inline-block}
.btn::before{content:"";position:absolute;inset:0;border:2.4px solid var(--ink);border-radius:4px 9px 3px 7px;filter:url(#wobble)}
.btn.solid{background:var(--ink);color:var(--sheet)}.btn.big{padding:14px 28px;font-size:17px}
.btn[disabled]{opacity:.45}
.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(17,17,17,.55)}
.overlay[hidden],.gate-sheet[hidden]{display:none!important}
.box{background:var(--sheet);max-width:430px;width:100%;padding:24px 22px 18px;display:grid;gap:12px;text-align:center}
.box h2{font:400 clamp(26px,5vw,34px)/1.05 var(--display);margin:0;text-wrap:balance}.box p{margin:0}
.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.gate-sheet{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:45;background:var(--sheet);padding:12px 16px;display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;max-width:720px;margin:0 auto}
/* item page */
.item-page{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.gallery{display:grid;gap:22px}
.shot{background:var(--white);padding:12px 12px 26px;border:1.6px solid var(--ink);box-shadow:3px 4px 0 rgba(17,17,17,.12);margin:0}
.shot:nth-child(odd){transform:rotate(-.6deg)}.shot:nth-child(even){transform:rotate(.6deg)}
.info{display:grid;gap:14px;position:sticky;top:110px}
.price{font-size:32px;margin:0}
.buy{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.desc{margin:0;max-width:62ch}
.specs{border-collapse:collapse;font-size:14.5px;width:100%;max-width:440px}.specs th,.specs td{text-align:left;padding:6px 8px;border-bottom:1.4px dashed var(--faint)}.specs th{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--graphite);width:40%}
.mtee{margin:0;max-width:280px}.mtee .mk{font:400 15px var(--marker)}.mtee figcaption{font:500 11px var(--mono);color:var(--graphite)}
.proof{background:var(--sheet);padding:14px 18px}.proof h2,.flaws h2{font:800 17px var(--body);margin:0 0 6px}.proof ul,.flaws ul{margin:0;padding-left:20px}
.era{margin:0;max-width:240px;padding:10px 12px;background:var(--sheet)}.era text{font:500 11px var(--mono);fill:#55554F}.era figcaption{font:500 12px var(--mono)}
.soldline{font-size:20px}
/* prose + policies */
.prose{max-width:760px}.prose h2{font:800 22px/1.25 var(--body);margin:30px 0 8px}.prose h3{font:800 18px var(--body);margin:24px 0 6px}.prose h4{font:700 16px var(--body);margin:16px 0 4px}
.prose p,.prose li{max-width:70ch}.prose .lead{font-size:18px}
.prose table{border-collapse:collapse;width:100%;font-size:14px;margin:6px 0 16px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--faint);padding:7px 9px;text-align:left;vertical-align:top}
.prose .caps{text-transform:uppercase;font-size:.93em}
.draft-banner{background:var(--hi);border:2px solid var(--ink);padding:8px 12px;font:600 14px var(--body)}
.about-photo{max-width:420px;background:var(--white);padding:12px 12px 14px;border:1.6px solid var(--ink);transform:rotate(-1.2deg);margin:20px 0}.about-photo figcaption{font:400 15px var(--marker);padding-top:8px}
.guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.guide{background:var(--sheet);padding:18px;text-decoration:none;display:grid;gap:6px}.guide b{font:800 18px/1.25 var(--body)}.guide span{color:var(--graphite);font-size:14.5px}
/* cart */
.cart-wrap{display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:start}
.cart-list{display:grid;gap:14px}
.cart-row{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;background:var(--sheet);padding:10px;border:1.6px solid var(--ink)}
.cart-row img{width:90px;height:110px;object-fit:cover}.cart-row b{font:400 15px var(--marker)}
.cart-row button{background:none;border:0;font:500 12px var(--mono);text-decoration:underline}
.cart-side{background:var(--sheet);padding:18px;display:grid;gap:10px;position:sticky;top:110px}
.cart-side h2{font:800 18px var(--body);margin:0}
.rate-form{display:grid;gap:6px}.rate-form select,.rate-form input{font:16px var(--body);padding:9px 10px;border:2px solid var(--ink);border-radius:4px;background:var(--white)}
.rates label{display:flex;gap:8px;align-items:center;padding:6px 0;font-size:14.5px}
.totals{font:500 14px/1.7 var(--mono);margin:0;white-space:pre-line}
.cashed{display:grid;justify-items:start;gap:12px}.cashed svg{width:70px;transform:rotate(18deg)}
/* receipt */
.receipt-wrap{display:grid;place-items:center}.receipt{background:var(--white);max-width:420px;width:100%;padding:26px 24px;border:1.6px solid var(--ink);font:500 14px/1.6 var(--mono);transform:rotate(-.8deg);box-shadow:3px 4px 0 rgba(17,17,17,.12)}
.receipt h1{font-size:30px;margin:0 0 8px}.receipt .line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--faint);padding:4px 0}
/* footer */
footer.site{border-top:2.4px solid var(--ink);padding:26px 16px calc(40px + env(safe-area-inset-bottom,0px));background:var(--paper)}
.foot-cols{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;font-size:14px}.foot-cols p{margin:4px 0 0;color:var(--graphite)}
.legal{max-width:1240px;margin:18px auto 0;font:500 11px var(--mono);color:var(--graphite)}
@media (max-width:1000px){.grid{grid-template-columns:repeat(3,1fr);gap:56px 44px}}
@media (max-width:860px){.item-page,.cart-wrap{grid-template-columns:1fr}.info,.cart-side{position:static}}
@media (max-width:700px){.grid{grid-template-columns:repeat(2,1fr);gap:40px 28px}.gone{font-size:30px}#hand svg{transform:scale(.75);transform-origin:95px 120px}header.site{flex-wrap:wrap;padding:8px 16px 0}.wordmark{flex:1}.seal img{width:44px;height:44px}nav.main{order:3;flex:0 0 100%;flex-wrap:nowrap;overflow-x:auto;gap:0 16px;padding:6px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}nav.main::-webkit-scrollbar{display:none}nav.main a{font-size:14px;white-space:nowrap}body{background-size:640px}}
.more-copy{margin-top:40px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.ticker span{animation:none}}