:root{--porcelain:#f3f5f1;--paper:#fff;--ink:#1d2a36;--ink-soft:#4a5866;--seal:#c8242b;--seal-dark:#a51d23;--broth:#e2ae45;--teal:#2c6764;--line:#d7dcd6;--display:"Young Serif", "Noto Serif SC", Georgia, serif;--body:"Figtree", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--porcelain);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}.site{font-family:var(--body)}.lang-zh{--display:"Noto Serif SC", "Young Serif", serif;--body:"Noto Sans SC", "Figtree", sans-serif}.lang-zh p,.lang-zh li{line-height:1.8}a{color:inherit}:focus-visible{outline:3px solid var(--seal);outline-offset:3px;border-radius:4px}img,video{max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{z-index:50;background:var(--paper);border-radius:8px;padding:.5rem 1rem;top:1rem;left:1rem}h1,h2,h3{font-family:var(--display);margin:0;font-weight:500;line-height:1.15}h1{max-width:15ch;font-size:clamp(2.3rem,5vw,3.7rem)}h2{font-size:clamp(1.8rem,3.4vw,2.5rem)}h3{font-size:1.2rem}.lang-zh .h1-line{display:block}.lang-zh h1{letter-spacing:.02em;max-width:none;font-weight:700;line-height:1.25}.lang-zh h2{font-weight:700}.lede{color:var(--ink-soft);max-width:46ch;margin:1.1rem 0 0;font-size:1.2rem}.topbar{z-index:10;background:color-mix(in srgb, var(--porcelain) 94%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #0000;align-items:center;gap:1.25rem;padding:.75rem clamp(1.25rem,4vw,3rem);display:flex;position:sticky;top:0}.wordmark{align-items:center;gap:.65rem;text-decoration:none;display:flex}.logo-mark{color:var(--seal);flex:none}.wordmark-en{font-family:Young Serif,Georgia,serif;font-size:1.2rem;line-height:1.1;display:block}.wordmark-zh{letter-spacing:.2em;color:var(--seal);font-family:Noto Serif SC,serif;font-size:.85rem;display:block}.nav{gap:1.4rem;margin-left:auto;display:flex}.nav a{padding:.25rem 0;font-weight:500;text-decoration:none}.nav a:hover{color:var(--seal)}.call{white-space:nowrap;background:var(--seal);color:#fff;border-radius:999px;padding:.45rem .95rem;font-weight:600;text-decoration:none}.call:hover{background:var(--seal-dark)}.toggle{border:2px solid var(--ink);border-radius:999px;flex:none;display:flex;overflow:hidden}.toggle button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;min-height:2.2rem;padding:.3rem .8rem;font-size:.9rem;font-weight:600}.toggle button[aria-pressed=true]{background:var(--ink);color:var(--porcelain)}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,4vw,3rem) clamp(3rem,7vw,6rem);display:grid}.proof{flex-wrap:wrap;gap:.5rem 1.2rem;margin:1.75rem 0 0;padding:0;font-weight:600;list-style:none;display:flex}.proof li{align-items:center;gap:.5rem;display:flex}.proof li:before{content:"";background:var(--paper);border:2px solid var(--seal);border-radius:50%;width:.75rem;height:.75rem}.ctas{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.btn{border:2px solid var(--ink);border-radius:999px;padding:.85rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--seal);border-color:var(--seal);color:#fff}.btn-primary:hover{background:var(--seal-dark);border-color:var(--seal-dark)}.btn-quiet:hover{background:var(--ink);color:var(--porcelain)}.bowl{justify-self:center;width:100%;max-width:440px}.hero-brand{align-items:center;gap:.8rem;margin:0 0 1.5rem;display:flex}.hero-brand-en{font-family:Young Serif,Georgia,serif;font-size:1.5rem;line-height:1.1;display:block}.hero-brand-zh{letter-spacing:.25em;color:var(--seal);font-family:Noto Serif SC,serif;font-size:1.05rem;font-weight:700;display:block}.quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem) clamp(2.5rem,5vw,4rem);display:grid}.quick a{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:1rem 1.1rem;text-decoration:none;display:block}.quick a:hover{border-color:var(--seal)}.quick strong{font-family:var(--display);color:var(--seal);font-size:1.2rem;font-weight:500;display:block}.lang-zh .quick strong{font-weight:700}.quick span{color:var(--ink-soft);margin-top:.2rem;font-size:.95rem;line-height:1.45;display:block}.about{border-top:1px solid var(--line);grid-template-columns:1.1fr 1fr;gap:3rem;display:grid}.about-figure{align-items:center;gap:1.25rem;margin:2rem 0 0;display:flex}.cutball{flex:none;width:180px}.about-figure figcaption{color:var(--ink-soft);max-width:18ch}.about-panels{align-content:start;gap:1rem;display:grid}.panel{background:var(--paper);border-radius:16px;padding:1.5rem 1.75rem}.panel h3{margin-bottom:.75rem}.panel ol{margin:0;padding-left:1.4rem}.panel ol li{padding:.3rem 0}.panel ol li::marker{font-family:var(--display);color:var(--seal)}.serve{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.serve li{border:2px solid var(--ink);border-radius:999px;padding:.2rem .9rem;font-weight:600}.section{max-width:1200px;margin:0 auto;padding:clamp(3rem,7vw,5.5rem) clamp(1.25rem,4vw,3rem)}.section-head{max-width:60ch;margin-bottom:2.5rem}.section-head p{color:var(--ink-soft);margin:.75rem 0 0}.products{border-top:1px solid var(--line)}.photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0 0 3.5rem;display:grid}.photos figure{margin:0}.photos img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.photos figcaption{color:var(--ink-soft);margin-top:.5rem;font-size:.9rem}.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;display:grid}.board-group h3{color:var(--seal);margin-bottom:.6rem}.board ul{margin:0;padding:0;list-style:none}.board li{align-items:baseline;gap:.6rem;padding:.55rem 0;display:flex}.board-name{font-family:var(--display);font-size:1.12rem;line-height:1.3}.leader{border-bottom:2px dotted #b9c0c6;flex:1;min-width:1rem;transform:translateY(-.3rem)}.board-alt{color:var(--ink-soft);text-align:right;font-size:.9rem}.packs{flex-wrap:wrap;align-items:center;gap:.75rem;margin:2.75rem 0 0;display:flex}.packs ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.packs li{border:2px solid var(--ink);border-radius:999px;padding:.15rem .8rem;font-weight:600}.packs a{color:var(--seal);margin-left:.4rem;font-weight:600}.story{grid-template-columns:1fr 1.6fr;gap:3rem;display:grid}.years{color:var(--seal);margin:.8rem 0 0;font-weight:600}.story-body p{max-width:62ch;margin:0 0 1.2rem}.story-media{grid-template-columns:1fr 1fr;gap:1rem;max-width:620px;margin-top:1.75rem;display:grid}.story-media figure{margin:0}.story-media video,.story-media img{aspect-ratio:4/5;object-fit:cover;background:#d8dcd6;border-radius:12px;width:100%;height:auto;display:block}.story-media figcaption{color:var(--ink-soft);margin-top:.5rem;font-size:.9rem}.where{background:var(--paper)}.where-inner{max-width:1200px;margin:0 auto;padding:clamp(3rem,7vw,5.5rem) clamp(1.25rem,4vw,3rem)}.where-inner>p{max-width:60ch;color:var(--ink-soft)}.where-head{justify-content:space-between;align-items:center;gap:2rem;display:flex}.where-head .logo-lockup{flex:none;width:150px}.stores{flex-wrap:wrap;gap:.75rem;margin:2rem 0;padding:0;list-style:none;display:flex}.stores li{font-family:var(--display);border:2px solid var(--ink);border-radius:999px;padding:.55rem 1.3rem;font-size:clamp(1.25rem,2.4vw,1.6rem)}.not-listed{font-weight:600;color:var(--ink)!important}.wholesale{background:var(--teal);color:var(--porcelain)}.wholesale-inner{grid-template-columns:1.3fr 1fr;align-items:start;gap:3rem;max-width:1200px;margin:0 auto;padding:clamp(3rem,7vw,5.5rem) clamp(1.25rem,4vw,3rem);display:grid}.wholesale .lede{color:#d9e6e4}.steps{margin:2rem 0 0;padding-left:1.4rem}.steps li{padding:.35rem 0;font-size:1.1rem}.steps li::marker{font-family:var(--display);color:var(--broth)}.contact{background:var(--porcelain);color:var(--ink);border-radius:16px;padding:1.75rem}.contact-phone{color:var(--seal);margin-bottom:1rem;font-family:Young Serif,Georgia,serif;font-size:clamp(1.9rem,3.5vw,2.4rem);line-height:1.1;text-decoration:none;display:block}.contact dl{margin:0}.contact dl div{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.65rem 0;display:flex}.contact dt{color:var(--ink-soft);flex:none}.contact dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.minimum{color:var(--seal);margin:1rem 0 0;font-size:.95rem;font-weight:600}.footer{background:var(--paper);color:var(--ink);border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:2.5rem;padding:2.5rem clamp(1.25rem,4vw,3rem);font-size:.95rem;display:grid}.logo-lockup{width:120px;height:auto;color:var(--ink)}.footer-info p{margin:.2rem 0}.footer-info a{font-weight:600;text-decoration:none}.footer-nav{text-align:right;flex-direction:column;gap:.3rem;display:flex}.footer-nav a{text-decoration:none}.footer a:hover{color:var(--seal)}@media (max-width:1080px){.nav{display:none}.call{margin-left:auto}.board,.quick{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.call-label{display:none}.where-head .logo-lockup{width:110px}.about{grid-template-columns:1fr;gap:2rem}.hero-text{text-align:left}.photos{scroll-snap-type:x mandatory;gap:.75rem;margin-right:calc(-1*clamp(1.25rem,4vw,3rem));padding-right:1.25rem;display:flex;overflow-x:auto}.photos figure{scroll-snap-align:start;flex:0 0 78%}.wordmark-en{font-size:1rem}.hero,.story,.wholesale-inner{grid-template-columns:1fr}.hero{gap:2rem}.contact dl div{flex-direction:column;gap:.15rem}.contact dd{text-align:left}.bowl{justify-self:start;max-width:230px}.board{grid-template-columns:1fr}.footer{text-align:left;grid-template-columns:1fr}.footer-nav{text-align:left;flex-flow:wrap;gap:1rem}}@media (max-width:520px){.topbar{gap:.6rem}.wordmark .wordmark-zh{display:none}.wordmark-en{white-space:nowrap;font-size:.95rem}.lang-zh .wordmark .wordmark-en{display:none}.lang-zh .wordmark .wordmark-zh{font-size:1.05rem;font-weight:700;display:block}.bowl,.call .call-num{display:none}.call .call-label{display:inline}.quick{grid-template-columns:1fr;gap:.6rem}.hero-brand{margin-bottom:1rem}}
