:root{--paper:#f2ecdf;--ink:#1d1d18;--cream:#faf6ed;--rust:#a74c2b;--olive:#596046;--char:#20231d;--muted:#746f64;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{overflow:hidden}.topbar{z-index:10;color:#fff;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;height:76px;padding:0 6vw;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{letter-spacing:.15em;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.wordmark i{opacity:.55;font-style:normal}.story-link{align-items:center;gap:9px;font-size:12px;display:flex}.hero{color:#fff;background:#25271f;height:100svh;min-height:760px;position:relative}.hero-media,.hero-media img,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-media img{object-fit:cover;object-position:60% center}.hero-shade{background:linear-gradient(90deg,#141410c2 0%,#14141026 60%),linear-gradient(#0000 45%,#0f110d9e)}.hero-content{max-width:780px;position:absolute;top:50%;left:7vw;transform:translateY(-45%)}.hero-meta{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:20px;margin-bottom:40px;font-size:11px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;margin:0 0 18px;font-size:13px}.hero h1,h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-weight:400;line-height:.9}.hero h1{font-size:clamp(66px,8vw,124px)}em{color:var(--rust);font-weight:400}.hero h1 em{color:#e5b695}.lede{color:#f4eee2;max-width:440px;margin:30px 0;font-size:17px;line-height:1.65}.round-cta{border:1px solid #ffffff70;border-radius:50%;place-items:center;width:52px;height:52px;margin-top:34px;transition:all .2s;display:grid}.round-cta:hover{color:var(--ink);background:#fff}.origin-card{color:var(--ink);background:#f1e8d9;align-items:flex-start;gap:15px;min-width:285px;padding:22px 28px;display:flex;position:absolute;bottom:5vw;right:5vw}.origin-card small,.origin-card span{color:var(--muted);font-size:11px;display:block}.origin-card strong{font-family:var(--serif);margin:4px 0;font-size:26px;font-weight:400;display:block}.demo-tag{text-transform:uppercase;letter-spacing:.12em;border:1px solid #1d1d1844;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:600;display:inline-flex}.demo-tag.light{color:#fff;border-color:#ffffff50}.quick-facts{background:#e5ddcd;grid-template-columns:repeat(5,1fr);padding:0 6vw;display:grid}.fact{border-right:1px solid #1d1d1820;padding:24px 2vw}.fact:last-child{border:0}.fact span,.fact strong{display:block}.fact span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:7px;font-size:10px}.fact strong{font-size:13px}.section-pad{padding:120px 7vw}.section-kicker{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:15px;margin-bottom:72px;font-size:10px;display:flex}.section-kicker span{font-family:var(--serif);color:var(--rust);font-size:18px;font-style:italic}.section-kicker:after{content:"";background:#1d1d1830;flex:1;height:1px}.section-kicker.pale:after{background:#ffffff25}.story{background:var(--cream)}.story-grid{grid-template-columns:1.1fr .9fr;gap:10vw;display:grid}.story h2,.taste h2,.brew h2,.barista h2,.next h2{margin-top:24px;font-size:clamp(52px,6vw,88px)}.story-copy{max-width:570px;padding-top:8px}.story-copy p{color:#5d594f;font-size:15px;line-height:1.85}.story-copy .lead-copy{font-family:var(--serif);color:var(--ink);margin-top:0;font-size:27px;line-height:1.45}.story-copy .disclaimer{border-left:2px solid var(--rust);margin-top:28px;padding-left:15px;font-size:11px}.journey{border-top:1px solid #1d1d1820;justify-content:space-between;align-items:center;margin-top:100px;padding-top:35px;display:flex}.journey div{align-items:center;gap:10px;font-size:12px;display:flex}.journey div svg{color:var(--rust);stroke-width:1.5px}.journey i{background:#1d1d1820;flex:1;height:1px;margin:0 3vw}.taste{background:var(--char);color:#f2ecdf}.taste-head,.brew-head,.next-head{justify-content:space-between;align-items:flex-end;gap:50px;display:flex}.taste-head>p,.brew-head>p,.next-head>p{color:#bcb8ad;max-width:380px;line-height:1.7}.notes{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;grid-template-columns:repeat(4,1fr);margin-top:80px;display:grid}.note{text-align:center;border-right:1px solid #ffffff25;padding:25px 20px 34px;position:relative}.note:last-child{border:0}.note>span{text-align:left;color:#fff6;font-family:var(--serif);font-style:italic;display:block}.note-orb{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#7d655a,#251b19 65%);border-radius:50%;width:min(12vw,150px);margin:5px auto 25px;box-shadow:inset -12px -12px 30px #0008}.note.berry .note-orb{background:radial-gradient(circle at 35% 30%,#bc5144,#591c22 65%)}.note.caramel .note-orb{background:radial-gradient(circle at 35% 30%,#d8a162,#8a492e 65%)}.note.orange .note-orb{background:radial-gradient(circle at 35% 30%,#df8d42,#9d3c23 65%)}.note strong{font-family:var(--serif);font-size:22px;font-weight:400}.profile{max-width:780px;margin:80px auto 0}.profile h3{font-family:var(--serif);margin-bottom:35px;font-size:30px;font-weight:400}.profile-row{grid-template-columns:90px 1fr 30px;align-items:center;gap:20px;margin:18px 0;font-size:12px;display:grid}.profile-row b{font-family:var(--serif);font-size:18px;font-weight:400}.bar{background:#ffffff28;height:3px}.bar i{background:#d8946d;height:100%;display:block;position:relative}.bar i:after{content:"";background:#d8946d;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:0}.brew{background:var(--paper)}.brew-head p,.next-head p{color:var(--muted)}.brew-cards{grid-template-columns:1fr 1fr;gap:24px;margin-top:70px;display:grid}.brew-card{color:#f5eee0;padding:46px;position:relative}.brew-card.dark{background:#33362c}.brew-card.clay{background:#9b4e31}.brew-number{font-family:var(--serif);opacity:.45;font-style:italic;position:absolute;top:30px;right:35px}.brew-card h3{font-family:var(--serif);margin:25px 0 0;font-size:52px;font-weight:400}.brew-card>p{opacity:.65;margin-top:4px}.brew-card dl{margin:40px 0}.brew-card dl>div{border-top:1px solid #ffffff30;justify-content:space-between;padding:13px 0;font-size:13px;display:flex}.brew-card dt{opacity:.62}.brew-card dd{margin:0}.brew-tip{border:1px solid #ffffff35;align-items:center;gap:10px;padding:15px;font-size:12px;display:flex}.barista{color:#f3ecdf;background:#151713;position:relative}.barista-glow{filter:blur(120px);background:#7c3e283d;border-radius:50%;width:500px;height:500px;position:absolute;top:100px;left:-200px}.barista-grid{grid-template-columns:1fr .85fr;gap:10vw;display:grid;position:relative}.barista-icon{border:1px solid #ffffff30;border-radius:50%;place-items:center;width:65px;height:65px;margin-bottom:35px;display:grid;position:relative}.barista-icon i,.avatar i{background:#80a168;border:2px solid #151713;border-radius:50%;width:11px;height:11px;position:absolute;bottom:5px;right:2px}.barista h2{margin:0}.barista h2 em{color:#d3916d}.barista-grid>div>p{color:#afafa6;max-width:550px;margin-top:32px;font-size:16px;line-height:1.8}.widget-shell{color:var(--ink);background:#f0e9dc;align-self:end;padding:26px;box-shadow:0 30px 80px #0007}.widget-top{border-bottom:1px solid #1d1d1820;align-items:center;gap:13px;padding-bottom:20px;display:flex}.avatar{color:#fff;background:#24271f;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:relative}.widget-top strong,.widget-top span{display:block}.widget-top strong{font-family:var(--serif);font-size:19px;font-weight:400}.widget-top span{color:#648053;margin-top:3px;font-size:10px}.widget-intro{font-family:var(--serif);margin:25px 0 14px;font-size:23px}.questions{gap:8px;display:grid}.questions button{text-align:left;color:#4d4a42;cursor:default;background:0 0;border:1px solid #1d1d1820;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.widget-placeholder{background:var(--rust);color:#fff;justify-content:space-between;align-items:center;margin-top:18px;padding:16px 18px;font-size:12px;display:flex}.next{background:var(--cream)}.products{grid-template-columns:1fr 1fr;gap:22px;margin-top:70px;display:grid}.product{color:#fff;flex-direction:column;justify-content:space-between;min-height:500px;padding:28px;display:flex;position:relative;overflow:hidden}.product.ethiopia{background:#697053}.product.colombia{background:#a55f41}.product>span{text-transform:uppercase;letter-spacing:.15em;opacity:.7;font-size:9px}.mini-bag{color:#212219;width:43%;height:56%;font-family:var(--serif);background:#ece2ce;flex-direction:column;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:16%;left:28%;transform:rotate(-2deg);box-shadow:0 22px 45px #0004}.mini-bag:before{content:"";border-top:1px solid #1d1d1840;position:absolute;top:12px;left:0;right:0}.mini-bag small{font:8px var(--sans);letter-spacing:.2em;margin-top:5px}.colombia .mini-bag{color:#eee4d1;background:#272921;transform:rotate(2deg)}.product>div:not(.mini-bag){z-index:1}.product h3{font:34px var(--serif);margin:0;font-weight:400}.product p{opacity:.75;font-size:12px}.product button{color:#fff;background:0 0;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;bottom:28px;right:25px}.product button svg{width:17px}.product:after{content:"";background:linear-gradient(#0000,#0008);position:absolute;inset:45% 0 0}footer{color:#e6dfd2;background:#22251e;grid-template-columns:1fr auto;align-items:start;gap:18px;padding:70px 7vw;display:grid}.footer-mark{letter-spacing:.15em;align-items:center;gap:12px;font-size:12px;display:flex}.footer-mark svg{width:18px}.footer-mark span{font-weight:600}footer p{font:20px var(--serif);margin:0}footer small{color:#918f87;text-align:right;grid-column:2;max-width:440px;line-height:1.6}@media (width<=760px){.topbar{height:66px;padding:0 20px}.story-link{font-size:0}.story-link svg{width:18px}.hero{min-height:720px}.hero-media img{object-position:62% center}.hero-shade{background:linear-gradient(#0f100d1a 28%,#0e0f0cd1 100%)}.hero-content{inset:auto 24px 92px;transform:none}.hero-meta{margin-bottom:24px}.hero-meta span:last-child{display:none}.hero h1{font-size:59px;line-height:.88}.lede{max-width:320px;margin:22px 0 0;font-size:14px}.round-cta,.origin-card{display:none}.quick-facts{grid-template-columns:1fr 1fr;padding:10px 20px}.fact{border-bottom:1px solid #1d1d1820;padding:16px 8px}.fact:nth-child(2n){border-right:0}.fact:last-child{border-bottom:0;grid-column:1/-1}.section-pad{padding:82px 22px}.section-kicker{margin-bottom:48px}.story-grid{grid-template-columns:1fr;gap:48px}.story h2,.taste h2,.brew h2,.barista h2,.next h2{font-size:52px}.story-copy .lead-copy{font-size:24px}.journey{align-items:flex-start;margin-top:65px}.journey i{margin:13px 5px}.journey div{text-align:center;flex-direction:column;gap:8px;font-size:9px}.journey div svg{width:20px}.taste-head,.brew-head,.next-head{display:block}.taste-head>p,.brew-head>p,.next-head>p{margin-top:30px}.notes{grid-template-columns:1fr 1fr;margin-top:55px}.note{border-bottom:1px solid #ffffff25}.note:nth-child(2){border-right:0}.note-orb{width:90px}.profile{margin-top:55px}.profile-row{grid-template-columns:68px 1fr 24px;gap:10px}.brew-cards{grid-template-columns:1fr;margin-top:45px}.brew-card{padding:30px 26px}.brew-card h3{font-size:44px}.barista-grid{grid-template-columns:1fr;gap:55px}.widget-shell{padding:20px}.questions button{font-size:11px}.products{grid-template-columns:1fr;margin-top:45px}.product{min-height:430px}.product h3{font-size:29px}footer{grid-template-columns:1fr;padding:55px 22px}footer p{margin-top:20px}footer small{text-align:left;grid-column:1}.demo-tag{font-size:8px}}@media (prefers-reduced-motion:no-preference){.hero-media img{animation:18s ease-out both slowZoom}.note-orb{transition:transform .4s}.note:hover .note-orb{transform:translateY(-6px)}.product{transition:transform .35s}.product:hover{transform:translateY(-5px)}@keyframes slowZoom{0%{transform:scale(1.04)}to{transform:scale(1.1)}}}.hero{isolation:isolate;overflow:hidden}
