:root{--paper: #f3eee3;--paper-deep: #e8dfcc;--ink: #171411;--ink-soft: #5d554c;--rule: rgba(23, 20, 17, .18);--spot: #c2412d;--spot-text: #a93521;--on-spot: #f3eee3;--roast: #8c5a33;--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-body: "Figtree", "Helvetica Neue", "Segoe UI", sans-serif;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-base: 1.0625rem;--fs-md: 1.25rem;--fs-lg: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--fs-xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--fs-2xl: clamp(2.75rem, 1.4rem + 5.4vw, 6.25rem);--fs-num: clamp(5rem, 3rem + 10vw, 12rem);--gutter: clamp(1rem, 4vw, 2.5rem);--section-pad: clamp(3.5rem, 8vw, 7rem);--max: 1280px;--radius: 4px;--header-h: 56px;--tab-h: 64px;--ease-out: cubic-bezier(.2, .7, .2, 1);--dur-fast: .15s;--dur: .22s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}h1,h2,h3{font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 144;line-height:1.02;letter-spacing:-.015em;margin:0}p{margin:0 0 1em;max-width:62ch}a{color:inherit}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--spot);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--ink);color:var(--paper);padding:.75rem 1rem;border-radius:var(--radius)}.skip-link:focus{top:1rem}.app{padding-top:calc(var(--header-h) + env(safe-area-inset-top));padding-bottom:0}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gutter) 0;display:flex;align-items:center;gap:1rem;background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:inline-flex;align-items:baseline;gap:.5rem;min-height:44px;text-decoration:none;font-family:var(--font-display);font-variation-settings:"opsz" 72}.brand-mark{width:14px;height:14px;border-radius:50%;background:var(--spot);align-self:center}.brand-name{font-size:var(--fs-md);font-weight:700}.brand-sub{font-size:var(--fs-xs);font-style:italic;color:var(--ink-soft)}.desk-nav{display:none;margin-left:auto;gap:.25rem}.desk-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 .75rem;text-decoration:none;font-size:var(--fs-sm);border-bottom:2px solid transparent;transition:border-color var(--dur-fast) var(--ease-out)}.desk-nav a[aria-current=location]{border-color:var(--spot)}.header-status{margin-left:auto;font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.is-open{color:#2f6b3a}.is-closed{color:var(--spot-text)}.offline{margin:0;max-width:none;padding:.75rem var(--gutter);background:var(--ink);color:var(--paper);font-size:var(--fs-sm)}main{display:block;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom))}.section{position:relative;padding:var(--section-pad) var(--gutter);scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top))}.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(1rem,2.4vw,2rem);max-width:var(--max);margin:0 auto}.grid12>*{grid-column:1 / -1;min-width:0}.kicker{font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--spot-text);margin-bottom:1.25rem}.pull{margin:2rem 0;padding:1rem 0 1rem 1.25rem;border-left:3px solid var(--spot);font-family:var(--font-display);font-style:italic;font-size:var(--fs-lg);font-variation-settings:"opsz" 48;line-height:1.2;max-width:24ch}.pull-small{font-size:var(--fs-md);max-width:30ch}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.4rem;border:2px solid var(--ink);border-radius:var(--radius);background:transparent;color:var(--ink);font-weight:700;text-decoration:none;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-light{border-color:var(--paper);color:var(--paper)}.btn-wide{width:100%;margin-top:.75rem}@media (hover: hover){.btn-primary:hover{background:var(--spot);border-color:var(--spot)}.btn:not(.btn-primary):hover{background:var(--ink);color:var(--paper)}.btn-light:hover{background:var(--paper);color:var(--ink)}}.btn:active{transform:translateY(1px)}.link-btn{min-height:44px;min-width:44px;padding:0 .5rem;border:0;background:none;color:var(--spot-text);font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.empty{color:var(--ink-soft);font-style:italic}.tilt{position:relative;transform-style:preserve-3d;will-change:transform;border-radius:var(--radius)}.tilt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--glare-x, 50%) var(--glare-y, 50%),rgba(255,255,255,.4),transparent 55%);opacity:.55}.tilt-wrap{display:inline-block}.hero{padding:clamp(2.5rem,7vw,5rem) var(--gutter) var(--section-pad)}.hero-title{font-size:var(--fs-2xl);font-variation-settings:"opsz" 144;font-weight:500;margin-bottom:2rem}.hero-title em{font-style:italic;color:var(--spot);font-weight:400}.hero-body{position:relative}.seal{float:right;width:clamp(7rem,22vw,10rem);aspect-ratio:1;margin:0 0 1rem 1.25rem;shape-outside:circle(50%);shape-margin:.75rem}.seal svg{width:100%;height:100%}.lede{font-family:var(--font-display);font-size:var(--fs-md);font-variation-settings:"opsz" 24;line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;clear:both;margin-top:1.5rem}.hero-poster{margin:3rem 0 0;max-width:340px}.hero-poster svg{width:100%;height:auto;background:var(--paper)}.poster-text,.poster-sub{font-family:var(--font-body);font-size:13px;fill:var(--ink)}.poster-title{font-family:var(--font-display);font-size:26px;fill:var(--ink)}.poster-sub{fill:var(--ink-soft)}.hero-poster figcaption{font-size:var(--fs-xs);color:var(--ink-soft);margin-top:.5rem}.hero-numeral{margin:2.5rem 0 0;max-width:none;display:flex;align-items:baseline;gap:.75rem;font-family:var(--font-display);font-size:var(--fs-num);font-variation-settings:"opsz" 144;line-height:.85;font-weight:300;color:var(--ink)}.hero-numeral-label{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;line-height:1.2;max-width:10ch;color:var(--ink-soft)}.beans{border-top:1px solid var(--ink)}.beans-intro h2{font-size:var(--fs-xl);margin-bottom:1.5rem}.dial{margin-top:3rem;display:grid;gap:2rem}.dial-visual{height:260px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,var(--paper-deep),var(--paper) 70%);border-radius:var(--radius);overflow:hidden}.dial-visual canvas{width:100%!important;height:100%!important;touch-action:pan-y}.bean-svg{height:92%;width:auto;margin:0 auto;transition:transform var(--dur) var(--ease-out)}.dial-controls{display:grid;gap:.5rem}.dial-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dial-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer}.dial-range::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,#b98a55,#8c5a33,#53301c,#2a170f);border-radius:2px}.dial-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-12px;border-radius:50%;background:var(--roast);border:3px solid var(--paper);box-shadow:0 0 0 2px var(--ink);transition:transform var(--dur-fast) var(--ease-out)}.dial-range::-moz-range-track{height:4px;background:linear-gradient(90deg,#b98a55,#8c5a33,#53301c,#2a170f);border-radius:2px}.dial-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--roast);border:3px solid var(--paper);box-shadow:0 0 0 2px var(--ink)}.dial-range:active::-webkit-slider-thumb{transform:scale(1.12)}.dial-scale{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);font-size:var(--fs-xs);color:var(--ink-soft)}.dial-scale li{padding-top:.25rem;border-top:2px solid var(--rule);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.dial-scale li.is-on{color:var(--ink);font-weight:700;border-top-color:var(--roast)}.dial-readout{min-height:220px}.dial-readout-inner{border-top:1px solid var(--ink);padding-top:1rem}.dial-name{display:flex;align-items:baseline;gap:.75rem;font-family:var(--font-display);font-style:italic;font-size:var(--fs-xl);font-variation-settings:"opsz" 144;line-height:1;margin:0 0 1rem}.dial-index{font-family:var(--font-body);font-style:normal;font-size:var(--fs-xs);font-weight:700;color:var(--spot-text);letter-spacing:.08em}.dial-facts{display:grid;grid-template-columns:1fr;gap:.75rem;margin:0 0 1rem}.dial-facts div{border-left:2px solid var(--roast);padding-left:.75rem}.dial-facts dt{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.dial-facts dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.dial-notes{font-size:var(--fs-md);font-family:var(--font-display);font-variation-settings:"opsz" 24;margin:0}.bean-list{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid var(--ink)}.bean-row{padding:1.25rem 0;border-bottom:1px solid var(--rule);background:transparent;border-radius:0}.bean-row.is-best{padding-left:1rem;box-shadow:inset 4px 0 0 var(--spot)}.bean-row-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem}.bean-row h3{font-size:var(--fs-lg)}.bean-tag{font-size:var(--fs-xs);font-weight:700;color:var(--spot-text);letter-spacing:.04em}.bean-meta{font-size:var(--fs-sm);color:var(--ink-soft);margin:.25rem 0 .5rem}.bean-notes{font-weight:700;margin:0 0 .25rem}.bean-advice{font-size:var(--fs-sm);margin:0}.marquee{overflow:hidden;background:var(--spot);color:var(--on-spot);padding:1rem 0;transform:rotate(-1deg);margin:0 -2%;border-block:2px solid var(--ink)}.marquee-track{display:flex;width:max-content;white-space:nowrap}.marquee-item{font-family:var(--font-display);font-style:italic;font-size:var(--fs-lg);font-variation-settings:"opsz" 72;padding-right:1.5rem}.marquee-item:after{content:"";display:inline-block;width:.5em;height:.5em;border-radius:50%;background:currentColor;margin-left:1.5rem;vertical-align:middle}.cafe-copy h2{font-size:var(--fs-xl);margin-bottom:1.5rem}.cup{float:left;width:clamp(7rem,26vw,10rem);height:auto;margin:.25rem 1.25rem .75rem 0;shape-outside:circle(50%);shape-margin:.5rem}.cafe-menu{margin-top:3rem}.segmented{display:flex;gap:0;border:2px solid var(--ink);border-radius:var(--radius);width:fit-content;max-width:100%;overflow-x:auto;margin-bottom:1.5rem}.segment{min-height:44px;min-width:44px;padding:0 1rem;border:0;background:transparent;cursor:pointer;font-weight:700;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.segment.is-on{background:var(--ink);color:var(--paper)}.menu-list{list-style:none;padding:0;margin:0}.menu-row{padding:1rem 0;border-bottom:1px solid var(--rule)}.menu-name{display:flex;align-items:baseline;gap:.5rem;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;font-variation-settings:"opsz" 48}.menu-leader{flex:1;border-bottom:2px dotted var(--ink-soft);transform:translateY(-.3em);min-width:1rem}.menu-price{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums}.menu-detail{margin:.25rem 0 0;font-size:var(--fs-sm);color:var(--ink-soft)}.workshops{background:var(--paper-deep);border-block:1px solid var(--ink)}.workshops-head{margin-bottom:3rem}.workshops-head h2{font-size:var(--fs-xl);margin-bottom:1rem}.workshops-lede{color:var(--ink-soft)}.workshop-list{list-style:none;padding:0;margin:0 auto;max-width:var(--max);display:grid;gap:2.5rem}.workshop{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(1rem,2.4vw,2rem);align-items:start}.workshop-numeral{grid-column:1 / -1;font-family:var(--font-display);font-size:var(--fs-num);font-variation-settings:"opsz" 144;font-weight:300;line-height:.8;color:var(--spot)}.workshop-card{grid-column:1 / -1;background:var(--paper);border:1px solid var(--ink);padding:1.5rem;border-radius:var(--radius);margin-top:.5rem}.workshop-card h3{font-size:var(--fs-lg);margin-bottom:.5rem}.workshop-when{font-weight:700;font-size:var(--fs-sm);color:var(--spot-text)}.workshop-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.workshop-price{font-weight:700;font-variant-numeric:tabular-nums}.stepper{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:var(--radius)}.step{width:44px;height:44px;border:0;background:transparent;font-size:var(--fs-md);font-weight:700;cursor:pointer}.step:disabled{opacity:.3;cursor:not-allowed}.step-value{min-width:2.5rem;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.visit-list{max-width:var(--max);margin:3.5rem auto 0;padding-top:1.5rem;border-top:2px solid var(--ink)}.visit-list h3{font-size:var(--fs-lg);margin-bottom:1rem}.visit-list ul{list-style:none;padding:0;margin:0}.visit-list li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--rule)}.visit-amount{font-weight:700;font-variant-numeric:tabular-nums}.visit-total{display:flex;justify-content:space-between;align-items:baseline;margin:1rem 0 0;max-width:none;font-size:var(--fs-md)}.visit-total strong{font-family:var(--font-display);font-size:var(--fs-lg)}.visit{background:var(--ink);color:var(--paper)}.visit .kicker{color:#e9836f}.visit-grid{row-gap:3rem}.visit h2{font-size:var(--fs-xl);margin-bottom:1.5rem}.visit address{font-style:normal;font-size:var(--fs-md);margin-bottom:1.25rem}.status{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;margin-bottom:1.5rem}.status-dot{width:10px;height:10px;border-radius:50%;background:currentColor}.status.is-open{color:#9cd3a6}.status.is-closed{color:#f0a08f}.visit-map{position:relative;border:1px solid rgba(243,238,227,.3);border-radius:var(--radius);overflow:hidden;background:#221e1a}.visit-map svg{width:100%;height:auto}.map-caption{position:absolute;left:1rem;bottom:.75rem;margin:0;font-size:var(--fs-xs);letter-spacing:.04em;color:#f3eee3cc}.visit-hours h3{font-size:var(--fs-lg);margin-bottom:1rem}.visit-hours dl{margin:0}.visit-hours dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid rgba(243,238,227,.2)}.visit-hours dt,.visit-hours dd{margin:0}.visit-hours dd{font-variant-numeric:tabular-nums;font-weight:700}.hours-note{font-size:var(--fs-sm);color:#f3eee3b3;margin:1rem 0 0}.site-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid rgba(243,238,227,.2);font-size:var(--fs-xs);color:#f3eee3b3;max-width:var(--max);margin-inline:auto}.tab-bar{position:fixed;inset:auto 0 0 0;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--paper) 96%,transparent);border-top:1px solid var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tab-h);min-width:44px;font-size:var(--fs-xs);font-weight:700;text-decoration:none;color:var(--ink-soft);border-top:3px solid transparent;transition:color var(--dur-fast) var(--ease-out)}.tab-bar svg{width:24px;height:24px}.tab-bar a.is-active{color:var(--ink);border-top-color:var(--spot)}@media (min-width: 900px){:root{--tab-h: 0px}.tab-bar{display:none}.desk-nav{display:flex}.header-status{margin-left:1.5rem}.hero-title{grid-column:1 / span 10}.hero-body{grid-column:1 / span 6;grid-row:3}.hero-poster{grid-column:8 / span 5;grid-row:2 / span 2;margin:4rem 0 0;max-width:none;justify-self:end;width:100%}.hero-numeral{grid-column:1 / span 6;grid-row:4}.beans-intro{grid-column:1 / span 4;position:sticky;top:calc(var(--header-h) + 2rem);align-self:start}.beans>.dial{grid-column:6 / span 7;margin-top:0}.dial{grid-template-columns:1fr}.cafe-copy{grid-column:1 / span 6}.cafe-menu{grid-column:8 / span 5;margin-top:0}.workshops-head{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(1rem,2.4vw,2rem)}.workshops-head>*{grid-column:1 / span 9}.workshop:nth-child(2n) .workshop-numeral{grid-column:10 / span 3;text-align:right}.workshop:nth-child(2n) .workshop-card{grid-column:1 / span 9;grid-row:1}.workshop:nth-child(odd) .workshop-numeral{grid-column:1 / span 3}.workshop:nth-child(odd) .workshop-card{grid-column:5 / span 8}.workshop-numeral{grid-column:1 / span 3;grid-row:1}.visit-address{grid-column:1 / span 6}.visit-map{grid-column:7 / span 6;grid-row:1}.visit-hours{grid-column:1 / span 6;grid-row:2}main{padding-bottom:0}}@supports (animation-timeline: view()){.workshop-numeral.reveal{animation:numeral-in linear both;animation-timeline:view();animation-range:entry 0% cover 35%}}@keyframes numeral-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.newsletter{padding:0 var(--gutter) 0;margin-top:4rem;border-top:1px solid rgba(243,238,227,.2);scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top))}.newsletter-inner{padding-top:3.5rem}.newsletter h2{font-size:var(--fs-xl);margin-bottom:1rem}.newsletter-copy p:last-child{color:#f3eee3bf}.newsletter :focus-visible{outline-color:#e9836f}.news-form{display:grid;gap:1.25rem;margin-top:2rem;max-width:560px}.news-field{display:grid;gap:.4rem}.news-field label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.news-field input{width:100%;min-height:48px;padding:.7rem .9rem;border:2px solid rgba(243,238,227,.6);border-radius:var(--radius);background:transparent;font-size:var(--fs-base)}.news-field input::placeholder{color:#f3eee380}.news-field input[aria-invalid=true]{border-color:#f0a08f}.news-check{display:grid;grid-template-columns:44px 1fr;align-items:start;gap:.5rem;font-size:var(--fs-sm);cursor:pointer}.news-check input{width:44px;height:44px;margin:0;accent-color:#e9836f}.btn-news{width:100%;background:var(--paper);border-color:var(--paper);color:var(--ink)}@media (hover: hover){.btn-news:hover{background:#e9836f;border-color:#e9836f;color:var(--ink)}}.news-message{margin:0;max-width:none;min-height:1.6em;font-size:var(--fs-sm);color:#f3eee3cc}.news-message.is-error{color:#f0a08f;font-weight:700}.news-message.is-done{color:#9cd3a6;font-weight:700}@media (min-width: 900px){.newsletter-copy{grid-column:1 / span 5}.news-form{grid-column:7 / span 6;margin-top:0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation:none!important}.marquee{transform:none}.marquee-track{flex-wrap:wrap;width:100%;justify-content:center;transform:none!important}.marquee-item[aria-hidden=true]{display:none}}@media (max-width: 899px){.seal{float:right}}