:root{--mango:#f4c542;--litchi:#e04e5e;--forest:#1e3a2f;--mist:#e4e8e1;--blush:#f6c9c0;--ink:#16130f;--paper:#fbf8f1;--ink-soft:#3a342c;--forest-line:#3c5a4c;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-lockup:"Archivo", system-ui, sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.09 0 0 0 0 0.07 0 0 0 0 0.06 0 0 0 0.7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--ink-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='i'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -14 10.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23i)'/%3E%3C/svg%3E");--header-h:104px;--page-max:1200px;--gutter:clamp(16px, 4vw, 48px);--radius:18px}*,:before,:after{box-sizing:border-box}[hidden],[data-off]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}body:after{content:"";z-index:45;pointer-events:none;background-image:var(--grain);opacity:.16;mix-blend-mode:multiply;position:fixed;inset:0}img,svg{max-width:100%;display:block}.stamp{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-weight:800;font-stretch:75%;line-height:.88}.ink{-webkit-mask-image:var(--ink-mask);-webkit-mask-image:var(--ink-mask);mask-image:var(--ink-mask);-webkit-mask-size:320px;mask-size:320px}.script{font-family:var(--font-serif);font-size:clamp(22px,2.4vw,30px);font-style:italic;line-height:1}a{color:inherit}a:hover{color:var(--litchi)}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:800;line-height:1}p{margin:0}.wrap{width:100%;max-width:var(--page-max);padding-inline:var(--gutter);margin:0 auto}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.serif{font-family:var(--font-serif);letter-spacing:0;font-style:italic;font-weight:400}.section{padding-block:clamp(64px,10vw,120px)}.button{background:var(--litchi);min-height:48px;color:var(--ink);font:800 16px/1 var(--font-display);cursor:pointer;border:0;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;display:inline-flex}.button:hover{background:var(--mango);color:var(--ink)}.button--dark{background:var(--ink);color:var(--mango)}.button--dark:hover{background:var(--forest);color:var(--mango)}:focus-visible{outline:3px solid var(--litchi);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-head{background:var(--mist);padding:calc(var(--header-h) + clamp(24px, 5vw, 56px)) 0 clamp(32px, 5vw, 56px)}.page-head h1{margin-top:8px;font-size:clamp(56px,9vw,120px)}.page-head p.lede{max-width:60ch;margin-top:14px}.page-body{padding-block:clamp(40px,6vw,72px) clamp(64px,9vw,112px)}.panel{border:2px solid var(--ink);border-radius:var(--radius);background:#fff;flex-direction:column;gap:16px;min-width:0;padding:clamp(20px,3vw,32px);display:flex}.panel h2{letter-spacing:-.01em;font-size:26px}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.stack{flex-direction:column;gap:clamp(20px,3vw,32px);display:flex}.columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:clamp(20px,3vw,32px);display:grid}.form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.form .full{grid-column:1/-1}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.field input,.field select,.field textarea{border:2px solid var(--ink);background:var(--paper);width:100%;min-height:46px;color:var(--ink);font:500 16px/1.3 var(--font-display);border-radius:10px;padding:10px 12px}.field textarea{resize:vertical;min-height:80px}.field small{color:var(--ink-soft);font-size:13px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button--ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.button--ghost:hover{background:var(--ink);color:var(--mango)}.button--small{min-height:38px;padding:0 16px;font-size:14px}.button[disabled]{opacity:.5;cursor:not-allowed}.linkish{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}[data-notice]{background:var(--mist);border-radius:12px;padding:12px 16px;font-weight:600}[data-notice][data-kind=error]{background:var(--blush)}[data-notice][data-kind=success]{background:var(--mango)}.pill{background:var(--mist);min-height:26px;font:500 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:13px;align-items:center;padding:0 10px;display:inline-flex}.pill[data-status=active],.pill[data-status=paid],.pill[data-status=delivered]{background:var(--mango)}.pill[data-status=failed],.pill[data-status=cancelled]{background:var(--blush)}.pill[data-status=shipped],.pill[data-status=roasting]{background:var(--forest);color:var(--paper)}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list>li{border-top:1px solid var(--mist);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding-block:14px;display:flex}.list>li:first-child{border-top:0;padding-top:0}.muted{color:var(--ink-soft);font-size:14px}.mono{font-family:var(--font-mono);font-size:13px}.money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;font:500 11px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--ink);white-space:nowrap;padding:8px 10px}.table td{border-bottom:1px solid var(--mist);vertical-align:top;padding:12px 10px}.table td .field input,.table td .field select{min-height:38px;padding:6px 8px;font-size:14px}@media (width<=560px){.form{grid-template-columns:1fr}}