:root{--color-ink:#203c2c;--color-black:#12140f;--color-bg:#eff7e8;--color-surface:#fff9ef;--color-neutral:#dcebcf;--color-accent:#203c2c;--color-accent-hover:#16281c;--color-accent-soft:#e2efd9;--color-muted:#52745b;--color-line:#203c2c24;--color-neon:#c3ff75;--color-neon-ink:#203c2c;--color-brass:#b58a4c;--font-display:"Sora", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--space-9:128px;--radius-sm:10px;--radius-md:20px;--radius-lg:28px;--shadow-sm:0 2px 12px #203c2c14;--shadow-md:0 18px 40px #203c2c29;--content-max:1200px;--nav-height:72px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:1.65}@media (width<=600px){body{font-size:16px}}img{max-width:100%;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit}a{color:var(--color-accent);text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-weight:600;line-height:1.12}h1{font-size:clamp(2.8rem,5vw,4.2rem)}h2{font-size:clamp(2rem,3.5vw,2.8rem)}h3{letter-spacing:-.01em;font-size:1.4rem}p{max-width:65ch}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}.skip-link{top:-100px;left:var(--space-3);z-index:1000;background-color:var(--color-ink);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-display);transition:top var(--transition);padding:12px 20px;font-weight:600;position:absolute}.skip-link:focus{top:var(--space-3)}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding-inline:clamp(20px,5vw,24px)}.section{padding-block:var(--space-8)}.section--neutral{background-color:var(--color-neutral)}.section--tight{padding-block:var(--space-7)}@media (width<=900px){.section{padding-block:var(--space-7)}}@media (width<=600px){.section{padding-block:var(--space-6)}}[id]{scroll-margin-top:calc(var(--nav-height) + var(--space-4))}.eyebrow{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-brass);margin-bottom:var(--space-3);font-size:.8rem;font-weight:600;display:inline-block}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.01em;text-align:center;transition:transform var(--transition), background-color var(--transition), color var(--transition), box-shadow var(--transition), border-color var(--transition);border:1px solid #0000;padding:14px 26px;font-size:.98rem;font-weight:600;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm), 0 0 0 0 #c3ff7500}.btn--primary:hover,.btn--primary:focus-visible{background-color:var(--color-accent-hover);box-shadow:var(--shadow-md), 0 0 22px 2px #c3ff7573}.btn--solid{background-color:var(--color-ink);color:#fff;box-shadow:var(--shadow-sm)}.btn--solid:hover{box-shadow:var(--shadow-md);background-color:#000}.btn--ghost{color:var(--color-ink);border-color:var(--color-line);background-color:#0000}.btn--ghost:hover{border-color:var(--color-ink);background-color:#12140f0a}.btn--ghost-light{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffff14;border-color:#ffffff80}.btn--ghost-light:hover{background-color:#ffffff29;border-color:#fff;transform:translateY(-2px)}.navbar{z-index:100;min-height:var(--nav-height);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--transition), box-shadow var(--transition), border-color var(--transition);background-color:#eff7e8b3;border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;inset:0 0 auto}.navbar--scrolled{background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-bottom-color:var(--color-line)}.navbar__inner{align-items:center;gap:var(--space-4);width:100%;display:flex;position:relative}.navbar__wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);align-items:center;gap:10px;margin-right:auto;font-size:1.15rem;font-weight:700;display:inline-flex}.navbar__mark{color:currentColor;flex-shrink:0;width:30px;height:auto}.navbar__links{gap:var(--space-5);display:flex}.navbar__link{color:var(--color-muted);letter-spacing:.01em;transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;padding-block:6px;font-size:.95rem;font-weight:500}.navbar__link:hover{color:var(--color-ink);border-bottom-color:var(--color-brass)}.navbar__cta .btn{padding:11px 20px}.navbar__burger{background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.navbar__burger span{background-color:var(--color-ink);width:100%;height:2px;transition:transform var(--transition), opacity var(--transition);border-radius:2px;display:block}.navbar--open .navbar__burger span:first-child{transform:translateY(7px)rotate(45deg)}.navbar--open .navbar__burger span:nth-child(2){opacity:0}.navbar--open .navbar__burger span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__panel{background-color:var(--color-surface);border-bottom:1px solid var(--color-line);box-shadow:var(--shadow-md);padding:var(--space-4) clamp(20px, 5vw, 24px) var(--space-5);gap:var(--space-4);opacity:0;pointer-events:none;transition:transform var(--transition), opacity var(--transition);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-12px)}.navbar__panel--open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__panel-links{flex-direction:column;display:flex}.navbar__panel-link{color:var(--color-ink);font-family:var(--font-display);padding-block:var(--space-3);border-bottom:1px solid var(--color-line);font-size:1.1rem;font-weight:500}.navbar__panel-cta{width:100%}@media (width<=860px){.navbar__links,.navbar__cta{display:none}.navbar__burger{display:flex}}@media (width>=861px){.navbar__panel{display:none}}.hero{min-height:88vh;padding-block:calc(var(--nav-height) + var(--space-7)) var(--space-8);text-align:center;background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-neutral) 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__glow{z-index:0;pointer-events:none;filter:blur(6px);background:radial-gradient(46% 40% at 50% 34%,#c3ff758c 0%,#c3ff7500 70%),radial-gradient(30% 26% at 78% 70%,#b58a4c24 0%,#b58a4c00 70%);position:absolute;inset:0}.hero__particles{z-index:1;pointer-events:none;position:absolute;inset:0}.hero__particles canvas{width:100%;height:100%;display:block}.hero__inner{z-index:2;flex-direction:column;align-items:center;max-width:640px;display:flex;position:relative}.hero__eyebrow{margin-bottom:var(--space-4)}.hero3d{aspect-ratio:1;width:min(100%,560px);margin-bottom:var(--space-4);position:relative}.hero3d__poster{object-fit:contain;filter:drop-shadow(0 14px 34px #203c2c29);width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.hero3d__poster.is-hidden{opacity:0}.hero3d__stage{opacity:0;transition:opacity .5s;position:absolute;inset:0}.hero3d__stage.is-visible{opacity:1}.hero3d__canvas-mount{width:100%;height:100%}.hero3d canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.hero3d canvas:active{cursor:grabbing}.hero__heading{letter-spacing:-.01em;color:var(--color-ink);max-width:22ch;margin-bottom:var(--space-3);font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:600;line-height:1.25}.hero__supporting{color:var(--color-muted);max-width:50ch;margin-bottom:var(--space-6);font-size:1.1rem;line-height:1.6}.hero__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__find{border-color:var(--color-brass)}.hero__find:hover{border-color:var(--color-ink)}.hero__trust{letter-spacing:.01em;color:var(--color-muted);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-line);max-width:52ch;font-size:.95rem}.hero__call{color:var(--color-ink);white-space:nowrap;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-brass);text-decoration-color:var(--color-brass);transition:text-decoration-color var(--transition);font-weight:600}.hero__call:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.hero__motion-toggle{z-index:2;bottom:var(--space-4);right:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-muted);box-shadow:var(--shadow-sm);transition:color var(--transition), border-color var(--transition);padding:8px 14px;font-size:.8rem;font-weight:500;position:absolute}.hero__motion-toggle:hover{color:var(--color-ink);border-color:var(--color-ink)}@media (width<=700px){.hero{min-height:84vh;padding-block:calc(var(--nav-height) + var(--space-6)) var(--space-7)}.hero__supporting{margin-bottom:var(--space-5);font-size:1.02rem}.hero__actions{width:100%}.hero__actions .btn{flex:100%}.hero__motion-toggle{left:var(--space-4);right:var(--space-4);bottom:var(--space-3);text-align:center}}.section-heading{margin-bottom:var(--space-6)}.section-heading h2{max-width:20ch}.section-heading__intro{margin-top:var(--space-3);color:var(--color-muted);font-size:1.05rem}.section-heading--center{text-align:center;max-width:720px;margin-inline:auto}.section-heading--center h2{max-width:none}.section-heading--center .section-heading__intro{margin-inline:auto}.menu__inner{max-width:1080px}.menu-tabs{gap:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-2);margin-bottom:var(--space-3);display:flex;overflow-x:auto}.menu-tabs::-webkit-scrollbar{display:none}.menu-tab{background-color:var(--color-surface);border:1px solid var(--color-line);font-family:var(--font-display);color:var(--color-muted);transition:color var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:999px;flex:none;padding:10px 20px;font-size:.92rem;font-weight:600}.menu-tab:hover{color:var(--color-ink);border-color:var(--color-brass)}.menu-tab.is-active{background-color:var(--color-ink);border-color:var(--color-ink);color:#fff;box-shadow:0 0 0 3px #c3ff7566,0 0 18px 2px #c3ff7573}.menu-bean-toggle{margin-bottom:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-muted);transition:color var(--transition), border-color var(--transition);background-color:#0000;align-items:center;gap:6px;padding:7px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.menu-bean-toggle:hover{color:var(--color-ink);border-color:var(--color-ink)}.menu-panel{gap:clamp(var(--space-4), 4vw, var(--space-6));grid-template-columns:minmax(220px,320px) 1fr;align-items:start;display:grid}.menu-panel__viewer{top:calc(var(--nav-height) + var(--space-4));position:sticky}.menu-panel__content{min-width:0}.menu-panel__heading{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.menu-panel__heading h3{font-size:1.4rem}.menu-panel__note{color:var(--color-muted);margin-bottom:var(--space-4);font-size:.95rem}.menu-panel__footnote{margin-top:var(--space-4);color:var(--color-muted);font-size:.88rem;font-style:italic}.menu-panel__list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.menu3d{aspect-ratio:1;border-radius:var(--radius-lg);background:radial-gradient(ellipse at center, var(--color-neutral) 0%, transparent 72%);position:relative;overflow:hidden}.menu3d__poster{object-fit:contain;width:100%;height:100%;padding:12%;transition:opacity .4s;position:absolute;inset:0}.menu3d__poster.is-hidden{opacity:0}.menu3d__canvas-mount{opacity:0;touch-action:pan-y;cursor:grab;transition:opacity .4s;position:absolute;inset:0}.menu3d__canvas-mount.is-visible{opacity:1}.menu3d__canvas-mount:active{cursor:grabbing}.menu3d__canvas-mount canvas{width:100%;height:100%;display:block}.menu-milk{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-accent-soft);border-radius:var(--radius-sm);flex-direction:column;gap:4px;display:flex}.menu-milk__heading{font-family:var(--font-display);color:var(--color-ink);font-size:.85rem;font-weight:600}.menu-milk__list{color:var(--color-muted);font-size:.85rem}.menu-row-item{padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md)}.menu-row-item__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.menu-row-item__name{font-family:var(--font-display);color:var(--color-ink);font-size:1.05rem;font-weight:600}.menu-row-item__badge{letter-spacing:.04em;color:var(--color-brass);border:1px solid var(--color-brass);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:.7rem;font-weight:700;display:inline-block}.menu-row-item__price{color:var(--color-ink);text-align:right;flex-shrink:0;font-size:.92rem;font-weight:600}.menu-row-item__price--unlisted{color:var(--color-muted);font-style:italic;font-weight:500}.menu-row-item__size{color:var(--color-muted);font-weight:400}.menu-row-item__desc{color:var(--color-muted);font-size:.96rem}.menu-row-item__modifier,.menu-row-item__served{color:var(--color-brass);margin-top:4px;font-size:.85rem;font-style:italic}.menu-bean{border-radius:50%;flex-shrink:0;display:inline-block}.menu-bean canvas{border-radius:50%;display:block}@media (width<=820px){.menu-panel{grid-template-columns:1fr}.menu3d{max-width:320px;margin-inline:auto}.menu-panel__viewer{position:static}}@media (width<=640px){.menu-row-item__head{flex-direction:column;align-items:flex-start;gap:2px}.menu-row-item__price{text-align:left}}.about__inner{gap:clamp(var(--space-5), 6vw, var(--space-8));grid-template-columns:.95fr 1.05fr;align-items:center;display:grid}.about__gallery{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.about__photo{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);aspect-ratio:4/3;overflow:hidden}.about__photo:first-child{aspect-ratio:16/9;grid-column:1/-1}.about__photo img{object-fit:cover;width:100%;height:100%}.about__text h2{margin-block:var(--space-2) var(--space-4);max-width:20ch}.about__text p+p{margin-top:var(--space-3)}.about__text p{color:var(--color-muted)}.about__meta{margin-top:var(--space-4);color:var(--color-ink);font-size:.95rem;font-weight:500}.about__text .btn{margin-top:var(--space-3)}@media (width<=820px){.about__inner{grid-template-columns:1fr}.about__gallery{order:-1}}@media (width<=460px){.about__gallery{grid-template-columns:1fr}.about__photo:first-child{aspect-ratio:4/3}}.contact__grid{gap:clamp(var(--space-3), 3vw, var(--space-5));grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.contact__card{background-color:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:clamp(var(--space-4), 4vw, var(--space-5));flex-direction:column;display:flex}.contact__card h3{margin-bottom:var(--space-3);font-size:1.1rem}.contact__hours{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.contact__hours li{justify-content:space-between;gap:var(--space-3);color:var(--color-muted);font-size:.98rem;display:flex}.contact__hours span:last-child{color:var(--color-ink);font-weight:500}.contact__address{color:var(--color-muted);margin-bottom:var(--space-4);flex:1}.contact__directions{align-self:flex-start}.contact__actions{gap:var(--space-2);flex-direction:column;display:flex}.contact__actions .btn{width:100%}@media (width<=860px){.contact__grid{grid-template-columns:1fr}}.footer{background-color:var(--color-ink);color:#ffffffb8;padding-block:var(--space-7) var(--space-4)}.footer__inner{gap:var(--space-5);grid-template-columns:1.4fr repeat(4,1fr);display:grid}.footer__wordmark{font-family:var(--font-display);color:#fff;font-size:1.2rem;font-weight:700}.footer__brand p{margin-top:var(--space-2);font-size:.92rem}.footer__col h4{color:#fff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-3);font-size:.8rem}.footer__col p{margin-bottom:var(--space-2);font-size:.92rem}.footer__col a{color:#ffffffb8;transition:color var(--transition);padding-block:3px;font-size:.92rem;display:block}.footer__col a:hover{color:#fff}.footer__bottom{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid #ffffff24;font-size:.85rem}@media (width<=860px){.footer__inner{grid-template-columns:1fr 1fr}}@media (width<=520px){.footer__inner{gap:var(--space-4);grid-template-columns:1fr}}