:root{--cocoa-950:#100906;--cocoa-900:#170d08;--cocoa-850:#1e120b;--cocoa-800:#26170e;--cocoa-700:#331f14;--cocoa-600:#462b1b;--cocoa-500:#5c3a24;--milk:#fbf6ee;--cream:#f1e6d5;--cream-2:#e6d6bf;--sand:#d9c4a6;--caramel:#d89a4e;--gold:#efc178;--hazel:#a9704a;--brand-purple:#8e4585;--brand-blue:#29abe2;--brand-red:#e1251b;--bg:var(--cocoa-900);--fg:var(--milk);--muted:color-mix(in srgb, var(--milk) 58%, transparent);--line:color-mix(in srgb, var(--milk) 14%, transparent);--accent:var(--gold);--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-body:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--fs-hero:clamp(2.9rem, 9.4vw, 8.4rem);--fs-h2:clamp(2.1rem, 5.6vw, 4.6rem);--fs-h3:clamp(1.35rem, 2.2vw, 1.9rem);--fs-lead:clamp(1.02rem, 1.35vw, 1.28rem);--fs-body:clamp(.97rem, 1.05vw, 1.06rem);--fs-small:.82rem;--wrap:1280px;--gutter:clamp(1.25rem, 5vw, 4.5rem);--sec-y:clamp(5.5rem, 12vw, 11rem);--radius:18px;--radius-lg:32px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--dur:.72s;--shadow-soft:0 30px 80px -40px #000000d9;--shadow-prod:0 60px 90px -50px #000000e6}.section--cream{--bg:var(--cream);--fg:var(--cocoa-850);--muted:color-mix(in srgb, var(--cocoa-850) 62%, transparent);--line:color-mix(in srgb, var(--cocoa-850) 14%, transparent);--accent:var(--hazel)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--cocoa-900);color:var(--milk);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-weight:400;line-height:1.65;overflow-x:hidden}body:after{content:"";z-index:9998;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url(/assets/grain.png);background-size:180px 180px;position:fixed;inset:0}img,svg,video{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}::selection{background:var(--gold);color:var(--cocoa-900)}:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;font-variation-settings:"SOFT" 30, "WONK" 1;text-wrap:balance;font-weight:600;line-height:.95}.h2{font-size:var(--fs-h2);color:var(--fg)}.kicker{font-family:var(--font-body);font-size:var(--fs-small);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.7em;margin-bottom:1.4rem;font-weight:600;display:inline-flex}.kicker b{font-variant-numeric:tabular-nums;letter-spacing:.1em;border:1px solid;border-radius:999px;padding:.25em .55em;font-size:.85em;font-weight:700}.eyebrow{font-size:var(--fs-small);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.75em;font-weight:500;display:inline-flex}.eyebrow__dot{background:var(--gold);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 70%, transparent);animation:pulse 2.6s var(--ease-io) infinite;border-radius:50%}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 60%, transparent)}70%{box-shadow:0 0 0 12px #0000}to{box-shadow:0 0 #0000}}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}section[id]{scroll-margin-top:84px}.section{padding-block:var(--sec-y);background:var(--bg);color:var(--fg);position:relative}.sec-head{max-width:60ch;margin-bottom:clamp(3rem,6vw,5rem)}.sec-head__lead{font-size:var(--fs-lead);color:var(--muted);max-width:48ch;margin-top:1.5rem}.sec-head--split{align-items:end;gap:clamp(1.5rem,4vw,4rem);max-width:none;display:grid}@media (min-width:900px){.sec-head--split{grid-template-columns:1fr 1fr}.sec-head--split .sec-head__lead{margin-top:0}}[data-reveal]{opacity:0;will-change:transform, opacity;transform:translateY(26px)}[data-split] .w{vertical-align:bottom;margin-bottom:-.16em;padding-bottom:.16em;display:inline-block;overflow:hidden}[data-split] .wi{will-change:transform;display:inline-block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1!important;transform:none!important}}.loader{z-index:10000;background:var(--cocoa-950);place-items:center;display:grid;position:fixed;inset:0}.loader__inner{justify-items:center;gap:1.75rem;display:grid}.loader__logo{opacity:0;filter:drop-shadow(0 20px 40px #0009);width:min(280px,55vw);transform:scale(.94)}.loader__bar{background:color-mix(in srgb, var(--milk) 14%, transparent);border-radius:2px;width:min(220px,45vw);height:2px;overflow:hidden}.loader__bar span{background:linear-gradient(90deg, var(--caramel), var(--gold));width:0%;height:100%;display:block}.loader__pour{background:linear-gradient(#3a2415 0%,#1c1009 100%);border-radius:46% 46% 0 0/8% 8% 0 0;position:absolute;inset:0;transform:translateY(101%)}body.is-loaded .loader{pointer-events:none}.loader{animation:.4s linear 8s forwards loader-bailout}@keyframes loader-bailout{to{opacity:0;visibility:hidden}}.cursor{z-index:9999;pointer-events:none;display:none;position:fixed;inset:0}@media (hover:hover) and (pointer:fine){.cursor{display:block}}.cursor__dot,.cursor__ring{will-change:transform;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor__dot{background:var(--gold);width:6px;height:6px}.cursor__ring{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);width:34px;height:34px;transition:width .32s var(--ease), height .32s var(--ease), background .32s var(--ease), border-color .32s var(--ease)}body.cursor-hot .cursor__ring{background:color-mix(in srgb, var(--gold) 12%, transparent);border-color:color-mix(in srgb, var(--gold) 85%, transparent);width:62px;height:62px}.nav{z-index:900;padding:1.1rem var(--gutter);transition:transform .55s var(--ease), background .4s ease, backdrop-filter .4s ease, padding .4s ease;align-items:center;gap:clamp(1rem,3vw,2.5rem);display:flex;position:fixed;top:0;left:0;right:0}.nav:before{content:"";background:color-mix(in srgb, var(--cocoa-950) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid color-mix(in srgb, var(--milk) 8%, transparent);opacity:0;transition:opacity .4s;position:absolute;inset:0}.nav.is-stuck:before{opacity:1}.nav.is-stuck{padding-block:.75rem}.nav.is-hidden{transform:translateY(-110%)}.nav>*{position:relative}.nav__brand img{width:clamp(112px,12vw,152px);height:auto}.nav__links{gap:clamp(1rem,2.2vw,2.1rem);margin-left:auto;display:none}@media (min-width:940px){.nav__links{display:flex}}.nav__links a{letter-spacing:.02em;color:color-mix(in srgb, var(--milk) 78%, transparent);padding-block:.3rem;font-size:.9rem;font-weight:500;transition:color .3s;position:relative}.nav__links a:after{content:"";background:var(--gold);transform-origin:100%;width:100%;height:1px;transition:transform .45s var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav__links a:hover{color:var(--milk)}.nav__links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav .nav__cta{display:none}@media (min-width:940px){.nav .nav__cta{display:inline-flex}}.nav__burger{gap:6px;width:34px;margin-left:auto;padding:.6rem .2rem;display:grid}@media (min-width:940px){.nav__burger{display:none}}.nav__burger span{background:var(--milk);width:100%;height:1.5px;transition:transform .45s var(--ease), opacity .3s ease;border-radius:2px;display:block}body.menu-open .nav__burger span:first-child{transform:translateY(3.75px)rotate(45deg)}body.menu-open .nav__burger span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.menu{z-index:890;background:var(--cocoa-950);padding:6rem var(--gutter) 3rem;clip-path:inset(0 0 100%);transition:clip-path .75s var(--ease);visibility:hidden;align-content:center;gap:2rem;display:grid;position:fixed;inset:0}body.menu-open .menu{clip-path:inset(0);visibility:visible}.menu__links{gap:.4rem;display:grid}.menu__links a{font-family:var(--font-display);opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease), color .3s ease;align-items:baseline;gap:1rem;font-size:clamp(2rem,9vw,3.4rem);line-height:1.15;display:flex;transform:translateY(24px)}body.menu-open .menu__links a{opacity:1;transform:none}.menu__links a:hover{color:var(--gold)}.menu__links a i{font-style:normal;font-family:var(--font-body);letter-spacing:.2em;color:var(--caramel);font-size:.72rem}.menu__foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:1.25rem;padding-top:2rem;font-size:.88rem;display:flex}.btn{--btn-bg:transparent;--btn-fg:var(--fg);letter-spacing:.02em;color:var(--btn-fg);background:var(--btn-bg);isolation:isolate;transition:color .4s var(--ease), transform .4s var(--ease);will-change:transform;border-radius:999px;justify-content:center;align-items:center;gap:.6em;padding:1.05em 2.1em;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn span{z-index:2;position:relative}.btn:before{content:"";z-index:1;background:linear-gradient(120deg, var(--caramel), var(--gold));transition:transform .55s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn:hover:before{transform:translateY(0)}.btn:hover{color:var(--cocoa-900)}.btn--primary{--btn-bg:linear-gradient(120deg, var(--caramel), var(--gold));--btn-fg:var(--cocoa-900)}.btn--primary:before{background:var(--milk)}.btn--ghost{border:1px solid var(--line);backdrop-filter:blur(6px)}.btn--sm{padding:.7em 1.4em;font-size:.82rem}.btn--full{width:100%}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:clamp(1rem,2vw,1.6rem);display:grid}.card{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--milk) 55%, transparent);border:1px solid color-mix(in srgb, var(--cocoa-850) 10%, transparent);transform-style:preserve-3d;transition:transform .5s var(--ease), box-shadow .5s var(--ease);padding:clamp(1.75rem,3vw,2.6rem);position:relative;overflow:hidden}.card:after{content:"";background:radial-gradient(420px 320px at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--hazel) 16%, transparent), transparent 70%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card:hover{box-shadow:0 40px 70px -45px #462b1b8c}.card:hover:after{opacity:1}.card__icon{width:58px;height:58px;color:var(--hazel);margin-bottom:1.75rem}.card h3{font-size:var(--fs-h3);margin-bottom:.35rem}.card__sub{letter-spacing:.16em;text-transform:uppercase;color:var(--caramel);margin-bottom:1.1rem;font-size:.8rem;font-weight:600}.card p:last-child{color:var(--muted)}.chips{flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;padding:0;list-style:none;display:flex}.chips li{letter-spacing:.04em;border:1px solid color-mix(in srgb, var(--milk) 22%, transparent);color:color-mix(in srgb, var(--milk) 82%, transparent);background:color-mix(in srgb, var(--milk) 5%, transparent);border-radius:999px;padding:.45em 1em;font-size:.78rem;font-weight:600}.marquee{background:linear-gradient(90deg, var(--caramel), var(--gold), var(--caramel));color:var(--cocoa-900);border-block:1px solid color-mix(in srgb, var(--cocoa-900) 18%, transparent);padding-block:clamp(1rem,2vw,1.6rem);position:relative;overflow:hidden}.marquee__track{will-change:transform;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);width:max-content;display:flex}.marquee span{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-size:clamp(1.2rem,3vw,2.1rem);font-weight:600}.marquee i{opacity:.5;font-size:.6em}.hero{background:var(--cocoa-950);isolation:isolate;align-items:center;min-height:100svh;padding:clamp(7rem,14vh,10rem) 0 clamp(4rem,8vh,6rem);display:flex;position:relative;overflow:hidden}.hero__bg{z-index:-2;position:absolute;inset:0}.hero__glow{background:radial-gradient(60% 55% at 72% 28%, color-mix(in srgb, var(--hazel) 42%, transparent), transparent 68%), radial-gradient(48% 46% at 18% 78%, color-mix(in srgb, var(--brand-purple) 22%, transparent), transparent 70%), radial-gradient(70% 60% at 50% 110%, color-mix(in srgb, var(--caramel) 26%, transparent), transparent 72%);filter:blur(10px);height:120%;position:absolute;inset:-20% -10% auto}.hero__swirl{opacity:.5;filter:blur(38px);background:conic-gradient(from 210deg,#2b170d,#4a2c17,#6b3f1f,#34200f,#2b170d);border-radius:50% 50% 0 0/32% 32% 0 0;height:78vh;position:absolute;inset:auto -25% -45%}.hero__beans{width:100%;height:100%;position:absolute;inset:0}.hero__inner{z-index:2;width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto;position:relative}.hero__title{font-size:var(--fs-hero);letter-spacing:-.04em;max-width:9ch;margin:1.6rem 0 0;line-height:.86}.hero__title em{font-variation-settings:"SOFT" 60, "WONK" 1;padding-right:.06em;font-style:italic}.hero__title em,.hero__title em .wi{background:linear-gradient(100deg, var(--gold), var(--caramel) 55%, var(--brand-red));color:#0000;-webkit-background-clip:text;background-clip:text}.hero__lead{max-width:46ch;font-size:var(--fs-lead);color:color-mix(in srgb, var(--milk) 72%, transparent);margin-top:clamp(1.5rem,3vw,2.2rem)}.hero__lead strong{color:var(--milk);font-weight:700}.hero__actions{flex-wrap:wrap;gap:.8rem;margin-top:clamp(2rem,4vw,2.8rem);display:flex}@media (max-width:520px){.hero__actions{grid-template-columns:1fr;display:grid}.hero__actions .btn{width:100%}}.hero__stats{border-top:1px solid var(--line);flex-wrap:wrap;gap:clamp(1.5rem,4vw,3.2rem);max-width:40rem;margin-top:clamp(2.8rem,6vw,4.5rem);padding-top:clamp(1.5rem,3vw,2.2rem);display:flex}.hero__stats dt{font-family:var(--font-display);color:var(--gold);font-variant-numeric:tabular-nums;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:600;line-height:1}.hero__stats dd{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:.35rem 0 0;font-size:.78rem}.hero__mascot{z-index:1;pointer-events:none;opacity:.13;filter:drop-shadow(0 40px 60px #000000b3);width:clamp(290px,38vw,560px);position:absolute;bottom:-2%;right:clamp(-6rem,-4vw,-1rem)}@media (min-width:1000px){.hero__mascot{opacity:1;bottom:-4%;right:clamp(0rem,2vw,4rem)}}.hero__mascot img{width:100%}.hero__scroll{left:var(--gutter);z-index:3;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.75rem;font-size:.72rem;display:none;position:absolute;bottom:clamp(1.4rem,4vh,2.6rem)}@media (min-height:640px){.hero__scroll{display:flex}}.hero__scroll span{background:color-mix(in srgb, var(--milk) 30%, transparent);width:46px;height:1px;position:relative;overflow:hidden}.hero__scroll span:after{content:"";background:var(--gold);animation:swipe 2.2s var(--ease-io) infinite;position:absolute;inset:0}@keyframes swipe{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.story{background:var(--cocoa-850);overflow:hidden}.story__grid{align-items:center;gap:clamp(3rem,7vw,6rem);display:grid}@media (min-width:900px){.story__grid{grid-template-columns:1.1fr 1fr;gap:clamp(2rem,4vw,3.5rem)}}.story__media{--ar:1;--spokes:7;--jar-w:21%;--focus:50%;aspect-ratio:1 / var(--ar);position:relative}.story__disc{left:50%;top:var(--focus);aspect-ratio:1;background:radial-gradient(circle at 40% 32%, color-mix(in srgb, var(--caramel) 52%, transparent) 0%, color-mix(in srgb, var(--cocoa-500) 78%, transparent) 46%, transparent 71%);border-radius:50%;width:82%;position:absolute;transform:translate(-50%,-50%)}.story__disc:after{content:"";border:1px dashed color-mix(in srgb, var(--gold) 34%, transparent);border-radius:50%;position:absolute;inset:3%}.story__disc:before{content:"";border:1px solid color-mix(in srgb, var(--gold) 16%, transparent);border-radius:50%;position:absolute;inset:17%}.story__fan{position:absolute;inset:0}.story__fan img{left:50%;bottom:calc(100% - var(--focus));transform-origin:50% 100%;width:auto;max-width:none;height:50%;transform:translateX(-50%) rotate(calc(var(--i) * (360deg / var(--spokes))));filter:drop-shadow(0 20px 26px #0000008c);position:absolute}.story__fan-tube{height:42%}.story__jar{left:50%;top:var(--focus);width:var(--jar-w);z-index:20;filter:drop-shadow(0 30px 40px #000000a6);position:absolute;transform:translate(-50%,-50%)}.story__text p{color:var(--muted);max-width:52ch}.story__text p+p{margin-top:1.1rem}.story__text strong{color:var(--milk);font-weight:700}.story__text .h2{margin-bottom:1.8rem}.story__list{gap:.9rem;margin-top:2.6rem;padding:0;list-style:none;display:grid}.story__list li{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:minmax(6.5rem,auto) 1fr;align-items:baseline;gap:1.2rem;padding-top:.9rem;display:grid}.story__list span{font-family:var(--font-display);color:var(--gold);font-size:1.05rem}.products{background:var(--cocoa-900);position:relative}.products__pin{flex-direction:column;gap:clamp(1.2rem,2.4vw,2rem);padding-top:clamp(4.5rem,11vh,7rem);padding-bottom:clamp(2.5rem,5vw,4rem);display:flex;position:relative}@media (min-width:900px){.products__pin{height:100svh}}.products__head{flex:none}.products__head .kicker{margin-bottom:.9rem}.products__head .h2{font-size:clamp(2rem,4.2vw,3.4rem)}.products__track{padding-inline:var(--gutter);flex:auto;align-items:stretch;gap:clamp(.9rem,2vw,1.6rem);min-height:0;display:flex}.slide{border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 34%, transparent), transparent 55%), var(--cocoa-800);border:1px solid color-mix(in srgb, var(--milk) 10%, transparent);isolation:isolate;flex:none;grid-template-rows:1fr auto;width:min(80vw,384px);display:grid;position:relative;overflow:hidden}.slide:before{content:"";background:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--tone2) 42%, transparent), transparent 70%);filter:blur(30px);z-index:-1;position:absolute;inset:-30% -30% 40%}.slide__art{place-items:center;min-height:0;padding:clamp(1.4rem,3vw,2.2rem) clamp(1.3rem,2.5vw,2rem) 0;display:grid}.slide__art img{filter:drop-shadow(0 34px 40px #0009);width:auto;max-height:min(30vh,300px);transition:transform .7s var(--ease)}.slide:hover .slide__art img{transform:translateY(-8px)scale(1.03)}.slide__art--wide img{max-height:min(24vh,240px)}.slide__body{padding:clamp(1.3rem,2.4vw,1.9rem)}.slide__tag{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--tone2) 90%, white);margin-bottom:.7rem;font-size:.7rem;font-weight:700}.slide h3{margin-bottom:.7rem;font-size:clamp(1.35rem,2.1vw,1.75rem);line-height:1.04}.slide h3 span{color:color-mix(in srgb, var(--tone2) 85%, white);display:block}.slide__body p{color:color-mix(in srgb, var(--milk) 62%, transparent);font-size:.92rem}.slide .chips{margin-top:1.1rem}.slide .chips li{padding:.35em .8em;font-size:.72rem}.products__progress{height:2px;margin-inline:var(--gutter);background:color-mix(in srgb, var(--milk) 10%, transparent);border-radius:2px;flex:none;overflow:hidden}.products__progress span{background:linear-gradient(90deg, var(--caramel), var(--gold));width:0%;height:100%;display:block}.products__track.is-swipe{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:1rem;overflow:auto hidden}.products__track.is-swipe::-webkit-scrollbar{display:none}.products__track.is-swipe .slide{scroll-snap-align:center}.products__hint{transition:opacity .4s;display:none}.products__hint.is-gone{opacity:0;pointer-events:none}.flavors{background:var(--cocoa-850);--f-tone:#2f6fb5;position:relative;overflow:hidden}.flavors__wash{background:radial-gradient(38% 38% at 72% 48%, color-mix(in srgb, var(--f-tone) 70%, transparent), transparent 72%), radial-gradient(60% 55% at 78% 52%, color-mix(in srgb, var(--f-tone) 26%, transparent), transparent 75%);filter:blur(30px);transition:background .9s var(--ease);opacity:.9;position:absolute;inset:-30% -10%}.flavors__grid{align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid;position:relative}@media (min-width:900px){.flavors__grid{grid-template-columns:1fr .9fr}}.flavors__panel{border-left:2px solid color-mix(in srgb, var(--f-tone) 80%, white);min-height:9.5rem;transition:border-color .7s var(--ease);margin-top:2.4rem;padding-left:1.4rem}.flavors__panel h3{font-size:var(--fs-h3);margin-bottom:.7rem}.flavors__panel p{color:var(--muted);max-width:42ch}.flavors__picker{flex-wrap:wrap;gap:.6rem;margin-top:2.4rem;display:flex}.flavors__picker button{border:1px solid var(--line);color:color-mix(in srgb, var(--milk) 68%, transparent);border-radius:999px;align-items:center;gap:.6em;padding:.7em 1.25em;font-size:.86rem;font-weight:600;transition:color .35s,border-color .35s,background .35s;display:inline-flex}.flavors__picker button span{background:var(--f);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--f) 25%, transparent);border-radius:50%}.flavors__picker button:hover{color:var(--milk);border-color:color-mix(in srgb, var(--milk) 30%, transparent)}.flavors__picker button[aria-selected=true]{color:var(--cocoa-900);background:var(--milk);border-color:var(--milk)}.flavors__stage{aspect-ratio:1/1.24;place-items:center;max-height:74svh;display:grid;position:relative}.flavors__halo{aspect-ratio:1;border:1px dashed color-mix(in srgb, var(--milk) 22%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--f-tone) 35%, transparent), transparent 68%);width:72%;transition:background .9s var(--ease);border-radius:50%;animation:42s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.flavors__stage img{opacity:0;width:auto;max-width:none;height:88%;transition:opacity .7s var(--ease), transform .9s var(--ease);filter:drop-shadow(0 50px 55px #0009);position:absolute;transform:translateY(28px)scale(.94)rotate(-6deg)}.flavors__stage img.is-active{opacity:1;transform:none}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(1rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.steps li{border-radius:var(--radius);background:color-mix(in srgb, var(--milk) 48%, transparent);border:1px solid color-mix(in srgb, var(--cocoa-850) 9%, transparent);transition:transform .45s var(--ease), background .45s ease;padding:clamp(1.6rem,3vw,2.3rem) clamp(1.4rem,2.5vw,1.9rem);position:relative}.steps li:hover{background:color-mix(in srgb, var(--milk) 78%, transparent);transform:translateY(-6px)}.steps i{font-style:normal;font-family:var(--font-display);color:color-mix(in srgb, var(--hazel) 55%, transparent);margin-bottom:1rem;font-size:2.4rem;line-height:1;display:block}.steps h3{margin-bottom:.6rem;font-size:1.2rem}.steps p{color:var(--muted);font-size:.94rem}.export{background:var(--cocoa-950);overflow:hidden}.export__bg{background:radial-gradient(50% 60% at 85% 10%, color-mix(in srgb, var(--hazel) 30%, transparent), transparent 65%), radial-gradient(45% 50% at 5% 95%, color-mix(in srgb, var(--brand-blue) 12%, transparent), transparent 68%);position:absolute;inset:0}.export__grid{gap:clamp(2.5rem,6vw,5rem);display:grid;position:relative}@media (min-width:940px){.export__grid{grid-template-columns:.95fr 1fr;align-items:start}}.export__lead{color:var(--muted);font-size:var(--fs-lead);max-width:46ch;margin:1.8rem 0 2.4rem}.export__lead strong{color:var(--gold);font-weight:700}.export__list{margin:0;padding:0;list-style:none;display:grid}.export__list li{border-top:1px solid var(--line);transition:padding-left .5s var(--ease);padding:clamp(1.4rem,2.6vw,1.9rem) 0}.export__list li:last-child{border-bottom:1px solid var(--line)}.export__list li:hover{padding-left:1.1rem}.export__list h3{margin-bottom:.5rem;font-size:1.28rem}.export__list p{color:var(--muted);max-width:48ch;font-size:.95rem}.contact{background:var(--cocoa-900);padding-bottom:clamp(3rem,6vw,5rem)}.contact__grid{gap:clamp(2.5rem,6vw,5rem);display:grid}@media (min-width:940px){.contact__grid{grid-template-columns:.9fr 1fr}}.contact__intro p{color:var(--muted);max-width:42ch;margin-top:1.6rem}.contact__info{gap:.2rem;margin:2.6rem 0 0;padding:0;list-style:none;display:grid}.contact__info li{border-top:1px solid var(--line);grid-template-columns:6.5rem 1fr;align-items:baseline;gap:1rem;padding:1rem 0;display:grid}.contact__info span{letter-spacing:.18em;text-transform:uppercase;color:var(--caramel);font-size:.72rem}.contact__info a{border-bottom:1px solid #0000;transition:border-color .3s}.contact__info a:hover{border-color:var(--gold)}.form,.form__row{gap:1rem;display:grid}@media (min-width:560px){.form__row{grid-template-columns:1fr 1fr}}.field{gap:.5rem;display:grid}.field>span{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.field input,.field textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--milk) 5%, transparent);resize:vertical;border-radius:12px;width:100%;padding:.95rem 1.1rem;transition:border-color .3s,background .3s}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb, var(--milk) 32%, transparent)}.field input:focus,.field textarea:focus{border-color:color-mix(in srgb, var(--gold) 70%, transparent);background:color-mix(in srgb, var(--milk) 9%, transparent);outline:none}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:color-mix(in srgb, var(--brand-red) 75%, transparent)}.form__note{color:var(--muted);min-height:1.4em;font-size:.85rem}.form__note.is-ok{color:var(--gold)}.form__note.is-err{color:color-mix(in srgb, var(--brand-red) 80%, white)}.footer{background:var(--cocoa-950)}.footer__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;padding-block:clamp(1.75rem,3.5vw,2.5rem);display:flex}.footer__brand img{width:132px}.footer__nav{flex-wrap:wrap;gap:.4rem clamp(.9rem,2vw,1.6rem);font-size:.88rem;display:flex}.footer__nav a,.footer__mail{color:var(--muted);transition:color .3s}.footer__nav a:hover,.footer__mail:hover{color:var(--gold)}.footer__mail{font-size:.88rem}.footer__bottom{border-top:1px solid var(--line);color:color-mix(in srgb, var(--milk) 36%, transparent);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:1.1rem;font-size:.75rem;display:flex}@media (max-width:899px){:root{--sec-y:clamp(3.75rem, 11vw, 5.5rem)}.sec-head{margin-bottom:clamp(2.25rem,7vw,3rem)}.sec-head__lead{margin-top:1.1rem}.hero{padding-block:clamp(5.5rem,12vh,7rem) clamp(5rem,10vh,6.5rem)}.hero__mascot{opacity:.055;width:min(62vw,320px);bottom:-9%;right:-30%}.hero__stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:clamp(2rem,7vw,2.8rem);display:grid}.hero__stats>div{min-width:0}.hero__stats dd{letter-spacing:.1em;font-size:.66rem;line-height:1.3}.story__media{--ar:1;--jar-w:23%;width:min(100%,30rem);margin-inline:auto}.story__fan img{height:48%}.story__fan-tube{height:40%}.story__list{margin-top:2rem}.story__list li{grid-template-columns:minmax(5rem,auto) 1fr;gap:.9rem}.card{padding:1.5rem 1.4rem}.card__icon{width:44px;height:44px;margin-bottom:1rem}.card__sub{margin-bottom:.75rem}.products__track.is-swipe{scroll-padding-inline:var(--gutter);padding-bottom:.5rem}.products__track.is-swipe .slide{scroll-snap-align:center}.slide{width:min(82vw,340px)}.slide__art img{max-height:min(27vh,260px)}.slide__art--wide img{max-height:min(23vh,220px)}.products__hint{padding-inline:var(--gutter);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.55rem;margin-top:.9rem;font-size:.7rem;display:flex}.products__hint svg{width:26px;height:8px;animation:nudge 1.9s var(--ease-io) infinite}@keyframes nudge{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(6px)}}.flavors__panel{min-height:0;margin-top:1.8rem}.flavors__picker{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;margin-top:1.8rem;display:grid}.flavors__picker button{justify-content:flex-start;min-height:48px;padding:.8em 1em}.flavors__stage{aspect-ratio:1/1.08;max-height:52svh}.flavors__stage img{height:92%}.steps li{padding:1.5rem 1.4rem}.export__lead{margin:1.3rem 0 1.9rem}.export__list li{padding-block:1.3rem}.contact__info{margin-top:2rem}.contact__info li{grid-template-columns:1fr;gap:.3rem;padding:.95rem 0}.contact__intro p{margin-top:1.1rem}.field input,.field textarea{font-size:1rem}.nav__burger{place-content:center;justify-items:center;width:44px;height:44px;padding:0}.nav__burger span{width:26px}.nav__brand{padding-block:.35rem}.menu__foot{gap:.25rem 1.25rem}.menu__foot a{padding-block:.65rem}.footer__nav{gap:0 clamp(.9rem,2vw,1.6rem)}.footer__nav a{padding-block:.6rem}.footer__mail{padding-block:.6rem;display:inline-block}.contact__info a{padding-block:.55rem;display:inline-block}.hero__scroll{padding-block:.6rem}.footer__brand{padding-block:.3rem;display:inline-block}}@media (max-width:380px){.hero__stats dt{font-size:1.7rem}.hero__stats dd{letter-spacing:.06em;font-size:.6rem}}@media (max-width:899px) and (max-height:520px) and (orientation:landscape){.hero{min-height:auto;padding-block:6.5rem 3.5rem}.hero__scroll,.hero__mascot{display:none}}