@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-cyrillic-400-normal-C5G8_8ug.woff2)format("woff2"),url(/assets/rubik-cyrillic-400-normal-D5R8xuhl.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-400-normal-j0pmKyiQ.woff2)format("woff2"),url(/assets/rubik-latin-400-normal-BV1Ho3GG.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rubik-cyrillic-500-normal-Didq2w9O.woff2)format("woff2"),url(/assets/rubik-cyrillic-500-normal-BH_pkKR0.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rubik-latin-500-normal-1os41rQk.woff2)format("woff2"),url(/assets/rubik-latin-500-normal-LZYVHeqz.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rubik-cyrillic-600-normal-AdySaCq0.woff2)format("woff2"),url(/assets/rubik-cyrillic-600-normal-CtS_KWzi.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rubik-latin-600-normal-7iWW07_k.woff2)format("woff2"),url(/assets/rubik-latin-600-normal-Bd1rsTk4.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/rubik-cyrillic-800-normal-wonQiwhm.woff2)format("woff2"),url(/assets/rubik-cyrillic-800-normal-DocVmW4N.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/rubik-latin-800-normal-BtaGuVpR.woff2)format("woff2"),url(/assets/rubik-latin-800-normal-Dq1miTTj.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/rubik-cyrillic-900-normal-jlxVC9Lu.woff2)format("woff2"),url(/assets/rubik-cyrillic-900-normal-DPF03d39.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/rubik-latin-900-normal-Cz6GdZLE.woff2)format("woff2"),url(/assets/rubik-latin-900-normal-CBojinpD.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-600-normal-Ba_MyzgW.woff2)format("woff2"),url(/assets/caveat-cyrillic-600-normal-CqH0c_uj.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-700-normal-BIyejhEL.woff2)format("woff2"),url(/assets/caveat-cyrillic-700-normal-Bhcx9qBB.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff")}:root{--bg:#f2ebff;--lilac:#d6c6ff;--mint:#bfecd2;--peach:#ffc9a6;--sun:#ffe27a;--coffee:#3a2216;--coffee-2:#6b4430;--white:#fff;--f-d:"Rubik","Arial Rounded MT Bold",sans-serif;--f-h:"Caveat","Comic Sans MS",cursive;--gut:clamp(16px,4vw,56px);--bd:3px solid var(--coffee);--sh:5px 5px 0 var(--coffee);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--coffee);font:400 1.02rem/1.55 var(--f-d);background-image:radial-gradient(#3a22161f 1.5px,#0000 1.5px);background-size:26px 26px;overflow-x:hidden}a{color:inherit;text-decoration:none}svg{max-width:100%;display:block}.wrap{width:min(1240px,100%);padding-inline:var(--gut);margin-inline:auto}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;font-weight:900;line-height:1}.hand{font:700 clamp(1.5rem,2.5vw,2.1rem)/1 var(--f-h);color:var(--coffee-2)}.btn{border:var(--bd);background:var(--sun);color:var(--coffee);font:800 1rem var(--f-d);box-shadow:var(--sh);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.7rem;transition:all .15s;display:inline-flex}.btn:hover{box-shadow:2px 2px 0 var(--coffee);transform:translate(3px,3px)}.btn.mint{background:var(--mint)}.btn.dark{background:var(--coffee);color:var(--sun)}:focus-visible{outline:3px dashed var(--coffee);outline-offset:3px}header{z-index:50;padding-inline:var(--gut);position:sticky;top:12px}header .bar{background:var(--white);border:var(--bd);width:min(1180px,100%);box-shadow:var(--sh);border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;padding:.5rem .6rem .5rem 1.4rem;display:flex}.logo{font:900 1.5rem var(--f-d);letter-spacing:-.04em;align-items:center;gap:.5rem;display:flex}.logo svg{width:28px;height:28px}nav{align-items:center;gap:.3rem;display:flex}nav a:not(.btn){border-radius:999px;padding:.55rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}nav a:not(.btn):hover{background:var(--lilac)}nav .btn{box-shadow:3px 3px 0 var(--coffee);padding:.6rem 1.2rem;font-size:.92rem}.burger{border:var(--bd);background:var(--lilac);cursor:pointer;border-radius:50%;width:46px;height:46px;display:none;position:relative}.burger i,.burger i:before,.burger i:after{content:"";background:var(--coffee);border-radius:2px;height:3px;transition:all .25s;position:absolute;left:11px;right:11px}.burger i{top:19px}.burger i:before{top:-7px;left:0;right:0}.burger i:after{top:7px;left:0;right:0}header.open .burger i{background:0 0}header.open .burger i:before{top:0;transform:rotate(45deg)}header.open .burger i:after{top:0;transform:rotate(-45deg)}.hero{padding-block:clamp(36px,6vw,80px) clamp(50px,7vw,100px)}.hero .wrap{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);display:grid}.hero h1{margin-block:.8rem 1.4rem;font-size:clamp(3rem,8vw,6.8rem)}.hero h1 .hl{background:var(--sun);border:var(--bd);box-shadow:var(--sh);border-radius:20px;padding:0 .18em;display:inline-block;transform:rotate(-2.5deg)}.hero h1 .hl2{background:var(--mint);border:var(--bd);box-shadow:var(--sh);border-radius:20px;padding:0 .18em;display:inline-block;transform:rotate(1.5deg)}.hero p.lead{max-width:30rem;margin-bottom:2rem;font-size:clamp(1.02rem,1.5vw,1.2rem)}.cta-row{flex-wrap:wrap;gap:1rem;display:flex}.cup-stage{aspect-ratio:1;background:var(--lilac);border:var(--bd);width:100%;max-width:520px;box-shadow:10px 10px 0 var(--coffee);border-radius:50%;place-items:center;margin-inline:auto;display:grid;position:relative}.cup-stage svg.cup{width:72%}.stk{border:var(--bd);font:800 .85rem var(--f-d);box-shadow:3px 3px 0 var(--coffee);border-radius:999px;padding:.5rem 1rem;animation:4s ease-in-out infinite bob;position:absolute}.stk.a{background:var(--sun);top:12%;left:-3%;transform:rotate(-8deg)}.stk.b{background:var(--peach);animation-delay:-1.5s;top:34%;right:-2%;transform:rotate(6deg)}.stk.c{background:var(--mint);animation-delay:-3s;bottom:10%;left:4%;transform:rotate(4deg)}@keyframes bob{50%{translate:0 -10px}}.steam path{stroke-dasharray:60;animation:3s ease-in-out infinite steam}.steam path:nth-child(2){animation-delay:-1s}.steam path:nth-child(3){animation-delay:-2s}@keyframes steam{0%{stroke-dashoffset:60px;opacity:0}30%{opacity:1}to{stroke-dashoffset:-60px;opacity:0}}.marquee{background:var(--coffee);color:var(--sun);border-block:var(--bd);white-space:nowrap;padding-block:.8rem;overflow:hidden}.marquee div{gap:2rem;animation:26s linear infinite mq;display:inline-flex}.marquee span{font:900 clamp(1.2rem,2.6vw,1.8rem) var(--f-d)}.marquee span:after{content:"✿";color:var(--peach);margin-left:2rem}@keyframes mq{to{transform:translate(-50%)}}section{padding-block:clamp(56px,8vw,110px)}.head{text-align:center;max-width:42rem;margin:0 auto clamp(28px,4vw,52px)}.head h2{margin-top:.4rem;font-size:clamp(2.2rem,5.4vw,4.2rem)}.head p{color:var(--coffee-2);margin-top:.9rem}.builder{grid-template-columns:1.2fr 1fr;align-items:start;gap:clamp(18px,3vw,36px);display:grid}.opts{background:var(--white);border:var(--bd);box-shadow:var(--sh);border-radius:32px;gap:1.4rem;padding:clamp(1.2rem,3vw,2rem);display:grid}.opts h3{align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:1rem;display:flex}.opts h3 small{font:600 .8rem var(--f-d);color:var(--coffee-2)}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border:var(--bd);background:var(--white);font:700 .92rem var(--f-d);cursor:pointer;color:var(--coffee);border-radius:999px;padding:.6rem 1.1rem;transition:all .15s}.pill:hover{background:var(--lilac)}.pill[aria-pressed=true]{background:var(--coffee);color:var(--sun)}.pill em{opacity:.7;margin-left:.3rem;font-style:normal;font-weight:500}.result{background:var(--peach);border:var(--bd);box-shadow:var(--sh);text-align:center;border-radius:32px;justify-items:center;gap:1rem;padding:1.6rem;display:grid;position:sticky;top:96px}.result .glass{width:min(240px,70%);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.result .name{font:900 1.7rem var(--f-d)}.result .desc{color:var(--coffee-2);max-width:20rem;min-height:2.8em;font-size:.92rem}.result .sum{align-items:baseline;gap:.5rem;display:flex}.result .sum b{font:900 3rem/1 var(--f-d);font-variant-numeric:tabular-nums}.result .btn{width:100%}.result .added{font:700 1.6rem var(--f-h);display:none}.bag{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.bean{background:var(--bc);border:var(--bd);box-shadow:var(--sh);border-radius:32px;gap:.9rem;padding:1.5rem;transition:all .2s;display:grid}.bean:hover{transform:rotate(-1.5deg)translateY(-6px)}.bean .pack{width:110px;margin-bottom:.2rem}.bean h3{font-size:1.7rem}.bean .org{font:700 1.5rem var(--f-h)}.bean dl{border-top:2px dashed var(--coffee);grid-template-columns:auto 1fr;gap:.3rem 1rem;padding-top:.8rem;font-size:.88rem;display:grid}.bean dt{opacity:.7;font-weight:500}.bean dd{font-weight:700}.dots{vertical-align:middle;gap:4px;display:inline-flex}.dots i{border:2px solid var(--coffee);background:0 0;border-radius:50%;width:12px;height:12px}.dots i.on{background:var(--coffee)}.bean .pr{justify-content:space-between;align-items:center;font-weight:800;display:flex}.bean .pr b{font-size:1.4rem}.menu .cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mi{background:var(--c);border:var(--bd);box-shadow:4px 4px 0 var(--coffee);border-radius:26px;align-content:start;gap:.4rem;padding:1.2rem;transition:all .2s;display:grid}.mi:hover{box-shadow:8px 8px 0 var(--coffee);transform:translate(-3px,-3px)}.mi .em{font:700 1.6rem var(--f-h);color:var(--coffee-2)}.mi h3{font-size:1.25rem}.mi p{color:var(--coffee-2);min-height:2.6em;font-size:.86rem}.mi b{font:900 1.3rem var(--f-d)}.loyal .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,70px);display:grid}.loyal h2{margin-block:.4rem 1rem;font-size:clamp(2.2rem,5vw,3.8rem)}.card-l{background:var(--mint);border:var(--bd);box-shadow:8px 8px 0 var(--coffee);border-radius:32px;padding:clamp(1.2rem,3vw,2rem);transform:rotate(-2deg)}.card-l .t{justify-content:space-between;align-items:center;margin-bottom:1.2rem;font-weight:800;display:flex}.loyal .wrap>*{min-width:0}.stamps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stamps i{aspect-ratio:1;border:var(--bd);background:var(--white);border-radius:50%;place-items:center;font-size:1.6rem;font-style:normal;display:grid;position:relative}.stamps i.on{background:var(--sun)}.stamps i.on:after{content:"";background:var(--coffee);border-radius:50% 50% 50% 8%;width:55%;height:55%;transform:rotate(-45deg)}.stamps i.gift{background:var(--peach);font:900 clamp(.5rem,1.8vw,.8rem) var(--f-d);border-style:dashed;overflow:hidden}.visit{background:var(--lilac);border-block:var(--bd)}.visit .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,70px);display:grid}.visit h2{margin-block:.4rem 1rem;font-size:clamp(2.2rem,5vw,3.8rem)}.hrs{gap:.5rem;margin-top:1.4rem;display:grid}.hrs div{border-bottom:2px dashed var(--coffee);justify-content:space-between;max-width:26rem;padding-bottom:.4rem;font-weight:600;display:flex}form{background:var(--white);border:var(--bd);box-shadow:8px 8px 0 var(--coffee);border-radius:32px;gap:1rem;padding:clamp(1.2rem,3vw,2rem);display:grid}label{gap:.35rem;font-size:.9rem;font-weight:700;display:grid}input{border:var(--bd);width:100%;font:1rem var(--f-d);color:var(--coffee);background:var(--bg);border-radius:18px;padding:.85rem 1.1rem}input:focus{box-shadow:0 0 0 3px var(--sun);background:#fff8d6;outline:none}.thanks{font:700 2rem var(--f-h);text-align:center;display:none}form.done>:not(.thanks){display:none}form.done .thanks{display:block}footer{background:var(--coffee);color:#f6e8d8;padding-block:48px 28px}footer .wrap{grid-template-columns:1.3fr 1fr 1fr;gap:2rem;display:grid}footer .logo{color:var(--sun);margin-bottom:.8rem}footer h4{font:800 1rem var(--f-d);color:var(--sun);margin-bottom:.8rem}footer p,footer a{color:#d9c4ae;margin-bottom:.3rem;display:block}footer a:hover{color:var(--sun)}.copy{color:#a58f78;border-top:2px dashed #6b4430;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2rem;padding-top:1.2rem;font-size:.85rem;display:flex}.rv{transition:opacity .6s,transform .6s cubic-bezier(.3,1.4,.5,1)}.rv.pre{opacity:0;transform:translateY(30px)scale(.97)}@media (width<=1040px){.menu .cards{grid-template-columns:repeat(2,1fr)}.bag{grid-template-columns:1fr}.bean{grid-template-columns:110px 1fr;align-items:start}.bean .pack{grid-row:1/4}.bean dl,.bean .pr{grid-column:2}}@media (width<=900px){.hero .wrap,.loyal .wrap,.visit .wrap,.builder{grid-template-columns:1fr}.result{position:static}.cup-stage{max-width:400px}}@media (width<=820px){.burger{display:block}header .bar{padding-left:1.2rem;position:relative}nav{background:var(--white);border:var(--bd);box-shadow:var(--sh);border-radius:28px;flex-direction:column;align-items:stretch;gap:0;padding:.8rem 1.2rem 1.2rem;display:none;position:absolute;top:calc(100% + 12px);left:0;right:0}header.open nav{display:flex}nav a:not(.btn){border-bottom:2px dashed var(--coffee);border-radius:0;padding:1rem .4rem;font-size:1.08rem}nav .btn{margin-top:1rem}footer .wrap{grid-template-columns:1fr 1fr}footer .wrap>div:first-child{grid-column:1/-1}}@media (width<=560px){.menu .cards{gap:10px}.mi{padding:.9rem}.mi p{display:none}.bean{grid-template-columns:1fr}.bean .pack,.bean dl,.bean .pr{grid-area:auto}.stk.a{left:0}.stk.b{right:0}.cta-row .btn{width:100%}footer .wrap{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}