@layer components{.site-header .wordmark{white-space:nowrap;letter-spacing:-1.2px;font-size:clamp(25px,2.6vw,34px)}.story-section{align-items:start;gap:72px;padding-block:100px 50px;overflow-x:clip}.coffee-ring{pointer-events:none;mix-blend-mode:multiply;z-index:2;position:absolute;overflow:visible}.coffee-ring-story{width:clamp(300px,38vw,560px);top:-70px;right:-110px}.spill-ring{aspect-ratio:1;pointer-events:none;mix-blend-mode:multiply;z-index:3;position:absolute}.spill-ring>svg{position:absolute;overflow:visible;transform:translate(-50%,-50%)}.spill-ring-hero{width:148px;bottom:48px;right:36px}.spill-ring.spill-under.spill-ring-hero{z-index:1}.stamp-collection-grid{position:relative}.spill-ring-gallery{grid-area:1/5/2/6;place-self:center;width:100%;max-width:165px;transition:opacity .3s ease-out}.spill-ring-gallery.spill-under{z-index:-1;grid-column:4/5}.stamp-collection:is([data-arrival=waiting],[data-arrival=arrived]) .spill-ring-gallery{opacity:0}@media (prefers-reduced-motion:reduce){.spill-ring-gallery{transition:none}}.coffee-ring-closing{width:clamp(260px,24vw,340px);top:-60px;left:-70px}.closing-section{position:relative}@media (width<=1100px){.spill-ring-hero{width:120px;bottom:32px;right:23px}}@media (width<=900px){.spill-ring-hero{display:none}}.explore-panel{z-index:28;font-size:12px;position:fixed;bottom:14px;right:14px}body:has(.preview-tools) .explore-panel{top:12px;bottom:auto}.explore-toggle{color:#422b20;background:#fbf6e9;border:1px solid #d5cbb6;border-radius:999px;align-items:center;gap:8px;min-width:44px;min-height:44px;margin-left:auto;padding:0 18px;font-weight:600;transition:transform .15s ease-out;display:flex;box-shadow:0 4px 20px #422b2020}.explore-toggle:before{content:"";background:#4a2f22;border-radius:50%;width:9px;height:12px;transform:rotate(22deg)}.explore-toggle[aria-expanded=true]{background:var(--green);border-color:var(--green);color:#fff7e5}.explore-menu{transform-origin:100% 100%;background:#fbf6e9;border:1px solid #d5cbb6;border-radius:12px;width:min(330px,100vw - 28px);max-height:calc(100dvh - 90px);padding:10px;animation:.18s ease-out explore-in;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 4px 20px #422b2020}.explore-menu[hidden]{display:none}body:has(.preview-tools) .explore-menu{transform-origin:100% 0;top:calc(100% + 8px);bottom:auto}.explore-presets{border-bottom:1px solid #d5cbb6;gap:6px;padding-bottom:8px;display:flex}.explore-presets button{border:1px solid #d5cbb6;flex:1;font-weight:600}.explore-group{padding-top:8px}.explore-group>span{letter-spacing:1.2px;text-transform:uppercase;color:#736252;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.explore-group>div{flex-wrap:wrap;gap:3px;display:flex}.explore-menu button{color:#422b20;border-radius:7px;min-height:44px;padding:6px 11px;transition:transform .15s ease-out}.explore-group button{background:#f1e9d6;flex:auto}.explore-menu button[aria-pressed=true]{background:var(--green);color:#fff7e5}.explore-panel button:active{transform:scale(.97)}.explore-panel button:focus-visible{outline:2px solid var(--red);outline-offset:2px}@keyframes explore-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@media (hover:hover) and (pointer:fine){.explore-toggle:hover,.explore-menu button:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.explore-menu{animation:none}.explore-panel button{transition:none}.explore-panel button:active{transform:none}}.story-heading{min-height:410px}.story-heading h2{font-size:clamp(42px,4.6vw,60px);line-height:1.06}.story-copy{padding-top:25px}.story-copy>p{font-size:15px;line-height:1.85}.story-stamp{width:135px;bottom:0;right:35px}.story-copy>.handwritten{margin-top:24px}.story-signoff-avatars{isolation:isolate;margin-top:30px;padding-left:5px;display:flex}.story-signoff-avatars>img{object-fit:cover;width:48px;height:48px;box-shadow:0 0 0 3px var(--paper);outline-offset:-1px;z-index:0;border-radius:50%;outline:1px solid #00000014;flex:0 0 48px;position:relative}.story-signoff-avatars>img:first-child{z-index:1}.story-signoff-avatars>img+img{margin-left:-10px}.people-section{padding-block:30px 90px;overflow:clip}.people-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px;display:flex}.people-heading h2{margin-top:15px;font-size:clamp(38px,4vw,52px);line-height:1.04}.people-heading h2 span{color:var(--green)}.people-intro{max-width:285px}.people-intro>p{color:var(--muted);font-size:14px;line-height:1.7}.people-window:focus-visible{outline:2px solid var(--green);outline-offset:4px}.people-window{max-width:1400px;margin-inline:auto;padding-block:12px;overflow:hidden}.people-track{width:max-content;animation:65s linear infinite paused people-travel;display:flex}.people-section[data-running=true] .people-track{animation-play-state:running}.people-window:focus-within .people-track{animation-play-state:paused}.people-group{gap:42px;padding-right:42px;display:flex}.people-card{text-align:center;flex:0 0 240px;width:240px}.people-picture{justify-content:center;align-items:center;height:284px;display:flex}.people-founder-stamp{object-fit:contain;width:216px;height:280px}.people-role{color:var(--muted);letter-spacing:.6px;margin-top:16px;font-size:9px;display:block}.people-card h3{font-family:var(--landing-display-font,"Chewy", sans-serif);margin-top:8px;font-size:24px;font-weight:400;line-height:1.15}.people-card figcaption>p{font-family:var(--landing-accent-font,"Moku Display", serif);font-weight:var(--landing-accent-weight,800);text-wrap:pretty;max-width:228px;margin:12px auto 0;font-size:14px;line-height:1.55}@keyframes people-travel{to{transform:translate(-50%)}}.details-section{grid-template-columns:.85fr 1.4fr;align-items:start;gap:75px;padding-block:65px 55px}.details-intro>h2{font-size:clamp(45px,4.8vw,62px);line-height:1.03}.details-intro>h2 span{color:var(--green)}.details-intro>p{max-width:265px;color:var(--muted);margin-top:22px;font-size:14px;line-height:1.75}.details-note{margin-top:30px;position:relative}.details-note .faq-stamp{width:180px;max-width:180px;margin:0 0 0 5px}.details-intro>.text-link{margin-top:30px;font-size:12px;display:inline-flex}.coffee-facts{background:#eee7d5 var(--paper-grain);border:1px solid #c6bda7;margin:0 0 22px;padding:22px 24px}.coffee-facts>div{grid-template-columns:25px 1fr;gap:4px 12px;display:grid}.coffee-facts>div+div{margin-top:21px}.coffee-facts svg{color:var(--green);grid-row:span 2;margin-top:3px}.coffee-facts dt{font-size:13px;font-weight:650}.coffee-facts dd{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.faq-list{overflow-anchor:none;min-height:550px}.faq-item{border-bottom:1px solid var(--line)}.faq-item>h3{margin:0}.faq-question{text-align:left;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;padding:21px 0;font-size:14px;font-weight:650;line-height:1.5;display:flex}.faq-question>svg{flex-shrink:0;transition:transform .24s cubic-bezier(.22,1,.36,1)}.faq-question:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:2px}.faq-item[data-open=true] .faq-question>svg{transform:rotate(45deg)}.faq-item[data-open=true] .faq-question{color:var(--green)}.faq-panel{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1),opacity .18s ease-out,visibility .26s;display:grid}.faq-item[data-open=true] .faq-panel{opacity:1;visibility:visible;grid-template-rows:1fr}.faq-answer-clip{min-height:0;overflow:hidden}.faq-answer-inner{color:var(--muted);padding:0 28px 23px 0;font-size:13px;line-height:1.8}.preview-tools{z-index:35;align-items:end;gap:8px;max-width:calc(100% - 20px);display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.preview-tools .artwork-switcher,.brand-switcher{background:#fbf6e9;border:1px solid #d5cbb6;border-radius:12px;align-items:center;gap:10px;max-width:none;padding:8px 10px;font-size:11px;display:flex;position:static;transform:none;box-shadow:0 4px 20px #422b2020}.brand-switcher>span{white-space:nowrap;font-weight:600}.brand-switcher>div{gap:3px;display:flex}.brand-switcher button{white-space:nowrap;border-radius:7px;min-height:44px;padding:8px 12px}.brand-switcher button[aria-pressed=true]{background:var(--green);color:#fff7e5}.brand-switcher button:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media (hover:hover) and (pointer:fine){.people-window:hover .people-track{animation-play-state:paused}}@media (width<=900px){.story-section{gap:38px;padding-block:65px 35px}.story-heading{min-height:395px}.story-heading h2{font-size:43px}.story-stamp{right:10px}.details-section{gap:35px}.preview-tools{flex-direction:column;align-items:center}}@media (width<=650px){.site-header .wordmark{font-size:28px}.coffee-ring-story{width:320px;top:-40px;right:-60px}.spill-ring-gallery:is(.spill-corner,.spill-between){grid-area:2/4/3/6}.spill-ring-gallery.spill-under{grid-area:2/2/3/4}.spill-ring-gallery{max-width:145px}.coffee-ring-closing{width:240px;top:-40px;left:-40px}.story-section{gap:26px;padding:52px 8px 26px}.story-heading{min-height:0}.story-heading h2{font-size:clamp(38px,10.8vw,48px)}.story-stamp{display:none}.story-copy{padding-top:0}.story-copy>p{font-size:14px}.people-section{padding-block:35px 55px}.people-heading{margin-bottom:20px;padding-inline:8px;display:block}.people-heading h2{font-size:42px}.people-intro{max-width:310px;margin-top:20px}.people-intro>p{font-size:13px}.people-card{flex-basis:215px;width:215px}.people-group{gap:22px;padding-right:22px}.people-picture{height:255px}.people-founder-stamp{width:195px;height:254px}.people-card h3{font-size:22px}.people-card figcaption>p{max-width:195px;font-size:13px}.details-section{grid-template-columns:1fr;gap:30px;padding:36px 8px 35px}.details-intro>h2{font-size:48px}.details-intro>p{max-width:290px;margin-top:18px}.details-note{margin-top:25px}.details-note .faq-stamp{width:130px;min-width:130px;margin-left:4px}.details-intro>.text-link{margin-top:26px}.coffee-facts{padding:22px 18px}.faq-question{min-height:70px;font-size:13px}.faq-answer-inner{padding-right:14px;font-size:13px}.faq-list{min-height:660px}.brand-switcher{flex-direction:column;gap:0;padding:6px}.brand-switcher>span{font-size:10px}.footer-bottom{gap:13px}.footer-top .wordmark{font-size:35px}}@media (prefers-reduced-motion:reduce){.people-window{overflow-x:auto}.people-track{animation:none}.people-group{padding-left:20px}.people-group[aria-hidden=true]{display:none}.faq-panel,.faq-question>svg{transition:none}}}
