:root,[data-roast=light]{--paper:#ece2cf;--paper-2:#e4d7bd;--paper-3:#d8c6a4;--ink:#1e140b;--ink-2:#3d2b19;--ink-soft:#6b5540;--ink-faint:#9b8566;--rule:#1e140b;--accent:#c2410c;--accent-2:#854d0e;--crema:#e6b77a;--stamp:#a3421b;--paper-shadow:0 1px 0 #1e140b26;--noise-opacity:.08}[data-roast=dark]{--paper:#0e0a07;--paper-2:#161009;--paper-3:#1e160d;--ink:#ece2cf;--ink-2:#d4c5a8;--ink-soft:#a08a6a;--ink-faint:#6b5a42;--rule:#ece2cf;--accent:#f97316;--accent-2:#e9a23c;--crema:#c89860;--stamp:#f97316;--paper-shadow:0 1px 0 #ece2cf1f;--noise-opacity:.04}:root{--font-display:"Fraunces", "Cormorant Garamond", "Times New Roman", serif;--font-body:"Inter Tight", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--maxw:1240px;--gutter:clamp(1rem, 2vw, 2rem);--grind:1;--hair:calc(1px * var(--grind));--rule-w:calc(1px * var(--grind));--ease-out:cubic-bezier(.22, 1, .36, 1)}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%;overflow-x:clip}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.55;transition:background .6s,color .6s}img,picture,video,canvas,svg{max-width:100%;display:block}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::selection{background:var(--ink);color:var(--paper)}.skip-link{background:var(--ink);color:var(--paper);transition:transform .16s var(--ease-out);z-index:200;border-radius:4px;padding:.5rem .75rem;font-size:.875rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}#root{isolation:isolate;min-height:100dvh;position:relative}.home{grid-template-columns:1.3fr 1fr;align-items:start;gap:clamp(32px,5vw,72px);padding-top:clamp(40px,6vw,80px);display:grid}.home__hero{position:relative}.home__tag{align-items:baseline;gap:14px;margin-bottom:28px;display:flex}.home__wordmark{font-family:var(--font-display);letter-spacing:-.045em;color:var(--ink);margin:0;font-size:clamp(80px,14vw,220px);font-weight:500;line-height:.88;position:relative}.home__wordmark .amp{color:var(--accent);font-style:italic;font-weight:400}.home__wordmark .underline{display:inline-block;position:relative}.home__wordmark .underline:after{content:"";background:var(--accent);transform-origin:0;height:.08em;animation:2.2s cubic-bezier(.22,1,.36,1) .4s both underPull;position:absolute;bottom:.1em;left:0;right:0}@keyframes underPull{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.home__sub{font-family:var(--font-display);max-width:32ch;color:var(--ink-2);margin:28px 0 0;font-size:clamp(22px,2.4vw,34px);font-weight:400;line-height:1.25}.home__sub em{color:var(--accent)}.home__meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-top:var(--rule-w) solid var(--rule);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;padding-top:16px;font-size:11px;display:grid}.home__meta dt{color:var(--ink-faint);letter-spacing:.22em;margin-bottom:4px;font-size:9px}.home__meta dd{color:var(--ink);margin:0;font-weight:600}.board{background:var(--paper-3);border:calc(2px * var(--grind)) solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-family:var(--font-mono);color:var(--ink);padding:28px;position:relative}[data-roast=dark] .board{background:var(--paper-2);box-shadow:6px 6px 0 var(--accent)}.board__header{border-bottom:var(--rule-w) dashed var(--ink);justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;display:flex}.board__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:26px;font-style:italic;font-weight:500}.board__titleSub{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.board__time{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);text-align:right;font-size:10px}.board__date{color:var(--accent);font-size:20px;font-weight:600}.board__list{margin:0;padding:0}.board__list li{border-bottom:1px dotted var(--ink-faint);grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;padding:10px 0;font-size:12px;display:grid}.board__list li:last-child{border-bottom:0}.board__list .dots{border-bottom:1px dotted var(--ink-faint);align-self:center;min-width:40px;height:0}.board__list .nm{font-family:var(--font-display);font-size:18px;font-weight:500}.board__list .pr{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-weight:600}.board__foot{border-top:var(--rule-w) dashed var(--ink);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;font-size:10px;display:flex}.board__footAccent{color:var(--accent)}.steam{pointer-events:none;opacity:.35;width:240px;height:120px;position:absolute;top:-30px;left:8%}.steam path{stroke:var(--ink);stroke-width:1.2px;fill:none;stroke-linecap:round}.ticker{border-top:var(--rule-w) solid var(--rule);border-bottom:var(--rule-w) solid var(--rule);margin-top:clamp(48px,6vw,80px);padding:18px 0;overflow:hidden}.ticker__track{white-space:nowrap;font-family:var(--font-display);color:var(--ink-2);gap:48px;font-size:clamp(22px,3vw,44px);font-style:italic;font-weight:400;animation:60s linear infinite ticker;display:flex}.ticker__track span{align-items:center;gap:48px;display:inline-flex}.ticker__track .bean{color:var(--accent)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.proof{background:var(--ink);border:var(--rule-w) solid var(--ink);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(40px,5vw,72px);display:grid}.proof__cell{background:var(--paper);gap:6px;padding:22px 18px;display:grid}.proof__cell .num{font-family:var(--font-display);font-size:clamp(30px,3.5vw,48px);font-weight:500;line-height:1}.proof__cell .num small{color:var(--accent);font-size:.5em}.proof__cell .lbl{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.proof__cell .unit{font-family:var(--font-mono);color:var(--ink-soft);font-size:12px}@media (width<=900px){.home{grid-template-columns:1fr}.proof,.home__meta{grid-template-columns:1fr 1fr}}.menu__head{border-bottom:calc(3px * var(--grind)) solid var(--ink);grid-template-columns:auto 1fr auto;align-items:end;gap:24px;margin-bottom:40px;padding-bottom:20px;display:grid}.menu__title{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(56px,9vw,124px);font-weight:500;line-height:.9}.menu__title em{color:var(--accent)}.menu__sub{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);text-align:right;font-size:11px;line-height:1.6}.menu__sub em{color:var(--accent)}.menu__legend{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;gap:24px;margin-bottom:40px;font-size:10px;display:flex}.menu__legend .dot{vertical-align:middle;background:var(--ink);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.menu__legend .dot.d{background:var(--accent)}.menu__legend .dot.t{background:var(--accent-2)}.menu__legend__note{margin-left:auto}.menu__group{border-bottom:var(--rule-w) solid var(--rule);grid-template-columns:260px 1fr;gap:40px;padding:32px 0;display:grid}.menu__group:last-child{border-bottom:0}.menu__groupHead{align-self:start;position:sticky;top:90px}.menu__groupHead h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(32px,4vw,52px);font-style:italic;font-weight:500}.menu__groupHead .num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-faint);font-size:11px}.menu__groupHead p{font-family:var(--font-mono);color:var(--ink-soft);max-width:28ch;margin:10px 0 0;font-size:12px;line-height:1.6}.menu__items{gap:0;display:grid}.menu__item{border-bottom:1px dotted var(--ink-faint);grid-template-columns:1fr auto auto;align-items:baseline;gap:20px;padding:18px 0;transition:transform .2s,color .2s;display:grid}.menu__item:hover{color:var(--accent)}.menu__item:hover .menu__itemName{letter-spacing:-.01em}.menu__itemName{font-family:var(--font-display);font-size:clamp(22px,2.2vw,28px);font-weight:500;line-height:1.1;transition:letter-spacing .3s}.menu__itemName small{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;font-size:10px;font-style:normal;font-weight:400;display:block}.menu__itemShots{align-items:center;gap:4px;display:inline-flex}.menu__itemShots .shot{background:var(--accent);opacity:.25;border-radius:1px;width:10px;height:14px}.menu__itemShots .shot.on{opacity:1}.menu__itemWeight{font-family:var(--font-mono);color:var(--ink-soft);text-align:right;min-width:72px;font-size:12px}.menu__foot{text-align:center;margin-top:60px}.menu__foot p{font-family:var(--font-display);color:var(--ink-soft);font-size:24px;font-style:italic}.menu__foot a{color:var(--accent)}@media (width<=900px){.menu__head{grid-template-columns:1fr}.menu__sub{text-align:left}.menu__group{grid-template-columns:1fr;gap:20px}.menu__groupHead{position:static}}.roasts__head{border-bottom:calc(3px * var(--grind)) solid var(--ink);margin-bottom:40px;padding-bottom:32px}.roasts__head h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(56px,9vw,124px);font-weight:500;line-height:.9}.roasts__head h1 em{color:var(--accent);font-style:italic}.roasts__head p{max-width:52ch;color:var(--ink-2);margin:14px 0 0;font-size:16px}.roasts__filters{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;gap:10px;margin:28px 0 0;font-size:10px;display:flex}.roasts__filters button{cursor:pointer;border:var(--rule-w) solid var(--rule);color:var(--ink);background:0 0;padding:6px 12px}.roasts__filters button[data-active=true]{background:var(--ink);color:var(--paper)}.roasts__grid{border-top:var(--rule-w) solid var(--rule);grid-template-columns:repeat(2,1fr);gap:0;display:grid}.roast{border-right:var(--rule-w) solid var(--rule);border-bottom:var(--rule-w) solid var(--rule);color:inherit;gap:18px;padding:32px 28px;transition:background .2s,transform .2s;display:grid;position:relative}.roasts__grid .roast:nth-child(2n){border-right:0}.roast:hover{background:var(--paper-2);transform:translateY(-2px)}.roast__topline{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:10px;display:flex}.roast__topline .sku{color:var(--ink-faint)}.roast__name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(32px,3.6vw,48px);font-weight:500;line-height:1}.roast__name em{color:var(--accent);font-style:italic}.roast__origin{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-size:11px}.roast__profile{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);grid-template-columns:80px 1fr;align-items:center;gap:14px;font-size:10px;display:grid}.roast__profile .ramp{align-items:end;gap:3px;height:22px;display:flex}.roast__profile .ramp i{background:var(--ink);border-radius:1px;flex:1}.roast__profile .ramp i.hot{background:var(--accent)}.roast__notes{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:6px;font-size:10px;display:flex}.roast__notes span{border:1px solid var(--rule);color:var(--ink-2);border-radius:20px;padding:3px 8px}.roast__blurb{color:var(--ink-2);font-size:14px;line-height:1.55}.roast__foot{border-top:1px dashed var(--ink-faint);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-top:12px;font-size:11px;display:flex}.roast__foot .arrow{color:var(--accent)}@media (width<=800px){.roasts__grid{grid-template-columns:1fr}.roast{border-right:0}}.roastDetail__back{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);gap:8px;margin-bottom:32px;font-size:11px;display:inline-flex}.roastDetail__hero{border-bottom:calc(3px * var(--grind)) solid var(--ink);grid-template-columns:1.2fr 1fr;gap:48px;padding-bottom:40px;display:grid}.roastDetail__topline{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);gap:12px;margin-bottom:20px;font-size:11px;display:flex}.roastDetail__topline .dot{color:var(--ink-faint)}.roastDetail__topline .weight{color:var(--accent)}.roastDetail__name{font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(48px,7vw,100px);font-weight:500;line-height:.92}.roastDetail__name em{color:var(--accent);font-style:italic}.roastDetail__sum{font-family:var(--font-display);max-width:40ch;color:var(--ink-2);margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.5}.roastDetail__bag{background:var(--paper-3);border:calc(2px * var(--grind)) solid var(--ink);font-family:var(--font-mono);padding:24px;font-size:12px;line-height:1.7}[data-roast=dark] .roastDetail__bag{background:var(--paper-2)}.roastDetail__bag dl{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;display:grid}.roastDetail__bag dt{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.roastDetail__bag dd{color:var(--ink);text-align:right;margin:0;font-weight:600}.roastDetail__bag hr{border:0;border-top:1px dashed var(--ink-faint);margin:14px 0}.roastDetail__bag .bestBy{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);text-align:center;padding-top:4px;font-size:10px}.roastDetail__body{grid-template-columns:1fr 280px;gap:48px;padding:48px 0;display:grid}.roastDetail__body h2{font-family:var(--font-display);margin:0 0 14px;font-size:clamp(22px,2.4vw,32px);font-style:italic;font-weight:500}.roastDetail__body p{color:var(--ink-2);max-width:62ch;margin:0 0 18px;font-size:16px;line-height:1.7}.roastDetail__body .outcomePull{font-family:var(--font-display);color:var(--accent);font-size:22px;font-style:italic}.roastDetail__aside dl{font-family:var(--font-mono);margin:0 0 24px;font-size:11px}.roastDetail__aside dt{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:10px}.roastDetail__aside dd{color:var(--ink);margin:0 0 14px}.roastDetail__askBtn{border:1px solid var(--ink);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);padding:12px 16px;font-size:11px;display:inline-block}.roastDetail__askBtn:hover{background:var(--ink);color:var(--paper)}@media (width<=900px){.roastDetail__hero,.roastDetail__body{grid-template-columns:1fr;gap:32px}}.about{grid-template-columns:1fr 2fr;gap:60px;display:grid}.about__side{align-self:start;position:sticky;top:110px}.about__side h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(48px,6vw,88px);font-style:italic;font-weight:500;line-height:.92}.about__side h1 em{color:var(--accent)}.about__side p{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:12px;line-height:1.7}.letter{background:var(--paper-2);border:var(--rule-w) solid var(--rule);padding:clamp(32px,5vw,56px);position:relative}.letter:before{content:"";background:var(--stamp);opacity:.3;width:80px;height:16px;position:absolute;top:-8px;left:24px;transform:rotate(-2deg)}.letter__dropcap{float:left;font-family:var(--font-display);color:var(--accent);margin:.1em 14px -.08em 0;font-size:5.6em;font-weight:500;line-height:.82}.letter p{font-family:var(--font-display);color:var(--ink);margin:0 0 1em;font-size:clamp(17px,1.5vw,20px);line-height:1.6}.letter em{color:var(--accent)}.letter__sign{font-family:var(--font-display);color:var(--ink-2);margin-top:28px;font-size:28px;font-style:italic}.letter__sign small{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-top:6px;font-size:10px;font-style:normal;display:block}.about__beans{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;display:grid}.about__bean{border-top:var(--rule-w) solid var(--rule);padding-top:16px}.about__bean h4{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px;font-size:10px}.about__bean p{font-family:var(--font-display);color:var(--ink);margin:0;font-size:18px;line-height:1.4}@media (width<=900px){.about{grid-template-columns:1fr;gap:24px}.about__side{position:static}.about__beans{grid-template-columns:1fr}}.order{grid-template-columns:1.1fr 1fr;align-items:start;gap:60px;display:grid}.order__intro h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(56px,8vw,104px);font-weight:500;line-height:.92}.order__intro h1 em{color:var(--accent)}.order__intro p{font-family:var(--font-display);max-width:36ch;color:var(--ink-2);margin:0 0 28px;font-size:clamp(18px,1.6vw,22px);line-height:1.55}.order__intro p em{color:var(--accent)}.order__hours{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border-top:var(--rule-w) solid var(--rule);grid-template-columns:auto 1fr;gap:6px 20px;padding-top:16px;font-size:11px;display:grid}.order__hours dt{color:var(--ink-faint)}.order__hours dd{color:var(--ink);text-align:right;margin:0;font-weight:600}.receipt{background:var(--paper);border:var(--rule-w) solid var(--ink);font-family:var(--font-mono);box-shadow:6px 6px 0 var(--ink);padding:32px 28px;font-size:12px;position:relative}.receipt:before,.receipt:after{content:"";background:radial-gradient(circle at 6px 6px, var(--paper) 5px, transparent 6px) 0 0 / 12px 12px;height:12px;position:absolute;left:-1px;right:-1px}.receipt:before{top:-12px}.receipt:after{bottom:-12px;transform:scaleY(-1)}.receipt__head{text-align:center;border-bottom:1px dashed var(--ink);padding-bottom:14px}.receipt__head h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 4px;font-size:24px;font-weight:500}.receipt__head p{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:10px}.receipt__row{border-bottom:1px dotted var(--ink-faint);grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;padding:10px 0;display:grid}.receipt__row small{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.receipt label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:14px 0 6px;font-size:10px;display:block}.receipt input,.receipt textarea,.receipt select{border:0;border-bottom:1px solid var(--ink);width:100%;font-family:var(--font-mono);color:var(--ink);background:0 0;border-radius:0;outline:none;padding:8px 0;font-size:14px}.receipt textarea{resize:vertical;border:1px solid var(--ink);min-height:90px;padding:10px}.receipt input:focus,.receipt textarea:focus{border-color:var(--accent);color:var(--ink)}.receipt__twocol{grid-template-columns:1fr 1fr;gap:14px;display:grid}.receipt__total{border-top:2px solid var(--ink);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:1fr auto;gap:8px;margin-top:20px;padding-top:16px;font-size:12px;display:grid}.receipt__total strong{color:var(--accent);font-size:14px}.receipt__total .totalLabel{color:var(--ink);padding-top:6px;font-size:14px}.receipt__total .totalValue{padding-top:6px}.receipt__btn{text-align:center;background:var(--ink);width:100%;color:var(--paper);font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;cursor:pointer;border:0;margin-top:24px;padding:18px;font-size:11px;transition:background .2s;display:block}.receipt__btn:hover{background:var(--accent);color:var(--paper)}.receipt__btn[disabled]{opacity:.5;cursor:wait}.receipt__foot{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-top:18px;font-size:10px;line-height:1.8}.receipt__foot .barcode{justify-content:center;gap:1px;height:36px;margin:14px 0 6px;display:flex}.receipt__foot .barcode i{background:var(--ink);width:2px}.receipt__status{letter-spacing:.1em;color:var(--accent);text-align:center;text-transform:uppercase;margin-top:14px;font-size:11px}.receipt__fieldError{color:var(--stamp);letter-spacing:.04em;text-transform:none;font-size:11px;font-family:var(--font-body);margin-top:6px}.receipt__hp{position:absolute;left:-10000px}@media (width<=900px){.order{grid-template-columns:1fr}}.notfound h1{font-family:var(--font-display);margin:0 0 14px;font-size:clamp(40px,6vw,72px)}.notfound a{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:500}.mono{font-family:var(--font-mono);letter-spacing:0}em,.italic{font-style:italic;font-family:var(--font-display);font-weight:400}body:before{content:"";pointer-events:none;z-index:1000;opacity:var(--noise-opacity);mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1  0 0 0 0 0.05  0 0 0 0 0.02  0 0 0 0.8 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}[data-roast=dark] body:before{mix-blend-mode:screen}.appframe{min-height:100dvh;position:relative}.topbar{z-index:100;background:var(--paper);border-bottom:var(--rule-w) solid var(--rule);transition:background .6s;position:sticky;top:0}.topbar__inner{max-width:var(--maxw);padding:10px var(--gutter);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:0 auto;display:grid}.brand{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:flex}.brand__mark{border:calc(1.2px * var(--grind)) solid var(--ink);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:relative}.brand__mark:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:4px}.brand__text{font-weight:600}.brand__dot{color:var(--accent)}.navlinks{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;justify-content:center;gap:28px;margin:0;padding:0;font-size:11px;display:flex}.navlinks a{color:var(--ink);align-items:baseline;gap:8px;padding:6px 2px;display:inline-flex;position:relative}.navlinks a:before{content:attr(data-num);color:var(--ink-faint);font-size:9px}.navlinks a[aria-current=page]{color:var(--accent)}.navlinks a[aria-current=page]:after{content:"";height:calc(2px * var(--grind));background:var(--accent);position:absolute;bottom:-11px;left:0;right:0}.topbar__right{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:16px;font-size:11px;display:flex}.roast-toggle{border:var(--rule-w) solid var(--rule);background:0 0;border-radius:2px;gap:0;padding:3px;display:inline-flex}.roast-toggle button{cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-soft);text-transform:uppercase;padding:4px 10px;font-size:10px}.roast-toggle button[data-active=true]{background:var(--ink);color:var(--paper)}.status-dot{color:var(--ink-soft);align-items:center;gap:6px;display:inline-flex}.status-dot:before{content:"";background:#16a34a;border-radius:50%;width:7px;height:7px;animation:2.6s ease-in-out infinite pulse;box-shadow:0 0 0 3px #16a34a2e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.crema{background:var(--accent);z-index:120;width:0;height:3px;transition:width 80ms linear;position:fixed;top:0;left:0}.container{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.page{min-height:calc(100vh - 90px);padding-top:clamp(32px,6vw,80px);padding-bottom:clamp(60px,10vw,140px)}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:10px;font-size:11px;display:inline-flex}.eyebrow:before{content:"";width:22px;height:var(--rule-w);background:var(--ink)}.rule{border:0;border-top:var(--rule-w) solid var(--rule);margin:0}.rule--thick{border-top-width:calc(3px * var(--grind))}.rule--dotted{border-top-style:dotted;border-top-width:calc(1.5px * var(--grind))}.rule--double{border-top-style:double;border-top-width:calc(4px * var(--grind))}.footer{border-top:var(--rule-w) solid var(--rule);padding:28px var(--gutter);max-width:var(--maxw);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);grid-template-columns:1fr 1fr 1fr;align-items:start;gap:24px;margin:0 auto;font-size:11px;display:grid}.footer__col h4{color:var(--ink);margin:0 0 10px;font-size:11px;font-weight:600}.footer__col a{color:var(--ink-soft);padding:2px 0;display:block}.footer__col a:hover{color:var(--accent)}.footer__copy{color:var(--ink-faint);margin-top:12px}.stamp{border:calc(1.5px * var(--grind)) solid var(--stamp);color:var(--stamp);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;background:0 0;border-radius:2px;padding:4px 10px;font-size:10px;display:inline-block;position:relative;transform:rotate(-2deg)}.stamp:before{content:"";border:calc(1.5px * var(--grind)) solid var(--stamp);opacity:.4;border-radius:2px;position:absolute;inset:-2px}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(12px)}.reveal.in{opacity:1;transform:translateY(0)}@media (width<=900px){.topbar__inner{grid-template-columns:auto auto}.navlinks{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;gap:14px;margin-top:8px}.footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}