:root{--bg:#fff;--surface:#f5f5f7;--surface-2:#ebebef;--ink:#111113;--mute:#6e6e73;--line:#00000014;--line-2:#00000029;--hot:#e3122b;--pad:clamp(16px, 3vw, 40px);--display:"Unbounded", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--text:"Inter Tight", system-ui, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--text);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4{font-weight:inherit;margin:0}.mono{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}:where(.bar,.snd,.bar nav a,.cart-link,.count,.cta,.stage,.ticket,.t-sec,.packs,.pack,.key,.key .minus,.tools button,.ruler,.add,.spec,.spec button,.how-list li,.how-list span,.foot,.drawer,.x,.line,.line .mini,.ship-meter,.toast){border-radius:var(--r)}@supports (corner-shape:superellipse(2)){:where(.bar,.snd,.bar nav a,.cart-link,.count,.cta,.stage,.ticket,.t-sec,.packs,.pack,.key,.key .minus,.tools button,.ruler,.add,.spec,.spec button,.how-list li,.how-list span,.foot,.drawer,.x,.line,.line .mini,.ship-meter,.toast){border-radius:calc(var(--r) * 1.6);corner-shape:superellipse(1.78)}}.bar{top:12px;left:var(--pad);right:var(--pad);z-index:30;--r:var(--r-lg);backdrop-filter:blur(20px)saturate(1.6);height:56px;box-shadow:0 0 0 1px var(--line),0 8px 30px -12px #0000001f;background:#ffffffb8;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px 0 22px;display:grid;position:fixed}.logo{align-items:center;gap:10px;display:flex}.hb{font-family:"Rubik",var(--display);letter-spacing:.01em;font-weight:900}.hb-logo{filter:drop-shadow(0 1px 1px #00000014);width:auto;height:30px;display:block}.logo .pm{color:var(--mute)}.bar nav{gap:6px;font-size:14px;display:flex}.bar nav a{--r:var(--r-sm);color:var(--mute);padding:8px 14px;transition:color .2s,background .2s}.bar nav a:hover{color:var(--ink);background:var(--surface)}.bar-end{justify-self:end;align-items:center;gap:8px;display:flex}.snd{--r:var(--r-md);background:var(--surface);width:40px;height:40px;color:var(--ink);place-items:center;transition:background .2s;display:grid}.snd:hover{background:var(--surface-2)}.snd .mute,.snd.off .on{display:none}.snd.off .mute{display:block}.snd.off{color:var(--mute)}.cart-link{--r:var(--r-md);background:var(--ink);color:#fff;align-items:center;gap:10px;height:40px;padding:0 8px 0 16px;font-size:14px;font-weight:500;display:flex}.count{--r:var(--r-xs);min-width:26px;height:26px;font:500 12px var(--mono);background:#ffffff29;place-items:center;padding:0 7px;display:inline-grid}.cart-link.bump .count{animation:bump .6s var(--spring)}@keyframes bump{30%{background:var(--hot);transform:scale(1.35)}}.hero{height:100svh;min-height:640px;position:relative}.hero canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-top{top:92px;left:var(--pad);right:var(--pad);color:var(--mute);pointer-events:none;justify-content:space-between;display:flex;position:absolute}.hero-foot{left:var(--pad);right:var(--pad);pointer-events:none;justify-content:space-between;align-items:end;gap:24px;display:flex;position:absolute;bottom:28px}.lede{max-width:380px;margin:0;font-size:16px}.cta{--r:var(--r-md);pointer-events:auto;background:var(--ink);color:#fff;height:56px;transition:background .2s,transform .3s var(--spring);align-items:center;gap:14px;padding:0 28px;font-size:16px;font-weight:600;display:inline-flex}.cta:hover{background:var(--hot);transform:translateY(-2px)}.sec-label{padding:56px var(--pad) 18px;align-items:baseline;gap:16px;display:flex}.sec-label span:first-child{color:var(--mute)}.sec-label span:nth-child(2){font:600 clamp(26px,3vw,40px)/1 var(--display);letter-spacing:-.04em;text-transform:none}.sec-label .hint{color:var(--mute);text-transform:none;letter-spacing:0;margin-left:auto}.shop,.lineup,.how{scroll-margin-top:64px}.shop-grid{padding:0 var(--pad);grid-template-columns:minmax(0,1fr) 440px;gap:16px;display:grid}.stage{--r:var(--r-xl);height:calc(100svh - 100px);min-height:560px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;position:sticky;top:84px;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.loading{color:var(--mute);background:#fff;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none}.ticket{--r:var(--r-xl);background:var(--surface);align-self:start;padding:22px}.t-head{color:var(--mute);justify-content:space-between;padding:2px 2px 16px;display:flex}.t-sec{--r:var(--r-lg);background:#fff;margin-bottom:10px;padding:18px}.t-sec h3{color:var(--mute);justify-content:space-between;margin-bottom:12px;display:flex}.t-sec h3 small{text-transform:none;letter-spacing:0;font-size:11px}.packs{--r:var(--r-md);background:var(--surface);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.pack{--r:var(--r-sm);text-align:left;padding:10px 8px 9px;transition:background .2s,color .2s,box-shadow .2s}.pack b{font:600 15px var(--display);letter-spacing:-.02em;display:block}.pack span{font:400 11px var(--mono);color:var(--mute);margin-top:3px;display:block}.pack:hover{background:#ffffffb3}.pack[aria-checked=true]{background:#fff;box-shadow:0 1px 2px #00000014,0 4px 14px -6px #0000002e}.pack[aria-checked=true] b{color:var(--hot)}.pack:disabled{opacity:.3;cursor:not-allowed}.keys{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.key{--r:var(--r-md);background:var(--surface);-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .2s var(--spring),background .2s;cursor:pointer;flex-direction:column;align-items:center;padding:4px 4px 10px;display:flex;position:relative}.key .slot{aspect-ratio:1;pointer-events:none;width:100%}.slot{position:relative}.slot-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.tile-gl{z-index:4;pointer-events:none;position:fixed;top:0;left:0}.key .minus{z-index:5}.key:hover{background:var(--surface)}.key.pouring{transform:scale(.95)}.key b{font-size:13px;font-weight:600;line-height:1.2}.key small{font:400 11px var(--mono);color:var(--mute);min-height:15px}.key .minus{--r:var(--r-xs);width:26px;height:26px;font:500 15px var(--mono);opacity:0;transition:opacity .2s,transform .3s var(--spring);background:#fff;place-items:center;line-height:1;display:grid;position:absolute;top:6px;right:6px;transform:scale(.7);box-shadow:0 1px 3px #0000001f}.key.has .minus{opacity:1;transform:none}.tools{gap:6px;margin-top:12px;display:flex}.tools button{--r:var(--r-sm);background:var(--surface);height:38px;color:var(--ink);flex:1;transition:background .2s}.tools button:hover{background:var(--surface-2)}#mixBtn.on{background:var(--ink);color:#fff}.items{flex-direction:column;gap:7px;min-height:18px;margin-bottom:16px;display:flex}.items:empty:before{content:"Bag is empty";color:var(--mute)}.item{animation:in .3s var(--ease);grid-template-columns:10px 1fr auto auto;align-items:center;gap:10px;display:grid}.item i{border-radius:50%;width:8px;height:8px}.item .g{color:var(--mute)}.item .p{text-align:right;min-width:54px}@keyframes in{0%{opacity:0;transform:translateY(-4px)}}.net{justify-content:space-between;align-items:baseline;display:flex}.net span.mono{color:var(--mute)}.net b{font:800 44px var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.net small{font:400 13px var(--mono);letter-spacing:0;color:var(--mute)}.ruler{--r:var(--r-xs);background:var(--surface);height:14px;margin:12px 0 16px;position:relative;overflow:hidden}.ruler:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#ffffffe6 0 2px,#0000 2px 10%);position:absolute;inset:0}.fillbar{display:flex;position:absolute;inset:0}.fillbar i{height:100%;transition:width .3s var(--ease)}.kv{grid-template-columns:repeat(3,auto);justify-content:space-between;margin:0 0 16px;display:grid}.kv dt{color:var(--mute);font-size:11px}.kv dd{margin:2px 0 0;font-size:13px}.total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-top:14px;display:flex}.total b{font:800 30px var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.ticket.shake{animation:.4s shake}@keyframes shake{25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}.add{--r:var(--r-md);background:var(--ink);color:#fff;width:100%;height:58px;transition:background .2s,opacity .2s,transform .3s var(--spring);font-size:16px;font-weight:600}.add:hover{background:var(--hot)}.add:active{transform:scale(.98)}.add:disabled{opacity:.25;pointer-events:none}.specimens{padding:0 var(--pad);grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.spec{--r:var(--r-lg);background:var(--surface);transition:transform .4s var(--spring);flex-direction:column;padding:16px 16px 18px;display:flex;position:relative}.spec .no{color:var(--mute)}.spec .slot{aspect-ratio:4/5;cursor:pointer;width:100%;margin:4px 0 10px}.spec h4{font:600 17px var(--display);letter-spacing:-.03em}.spec p{color:var(--mute);flex:1;margin:4px 0 14px;font-size:14px;line-height:1.4}.spec button{--r:var(--r-sm);background:#fff;align-self:stretch;height:38px;transition:background .2s,color .2s}.spec button:hover{background:var(--ink);color:#fff}.how-list{padding:0 var(--pad);grid-template-columns:repeat(3,1fr);gap:12px;margin:0;list-style:none;display:grid}.how-list li{--r:var(--r-lg);background:var(--surface);padding:24px 26px 40px}.how-list span{--r:var(--r-xs);width:30px;height:30px;color:var(--ink);background:#fff;place-items:center;display:inline-grid}.how-list h4{font:600 clamp(22px,2.2vw,30px)/1.1 var(--display);letter-spacing:-.04em;margin:36px 0 12px}.how-list p{color:var(--mute);max-width:34ch;margin:0}.foot{margin:56px var(--pad) var(--pad);--r:var(--r-xl);background:var(--surface);padding:0 28px 24px;overflow:hidden}.wordmark{justify-content:space-between;align-items:end;gap:24px;padding:28px 0 18px;display:flex;position:relative}.wordmark img:first-child{width:min(72%,980px);height:auto}.foot-bear{transform-origin:50% 100%;width:clamp(90px,16vw,230px);height:auto;transition:transform .5s var(--spring);margin-bottom:-6px}.foot:hover .foot-bear{transform:rotate(-4deg)translateY(-6px)}.foot-row{color:var(--mute);justify-content:space-between;gap:16px;display:flex}.scrim{opacity:0;pointer-events:none;z-index:40;background:#00000040;transition:opacity .3s;position:fixed;inset:0}.drawer{--r:var(--r-xl);z-index:41;width:min(420px,100vw - 24px);transition:transform .5s var(--ease);background:#fff;flex-direction:column;display:flex;position:fixed;top:12px;bottom:12px;right:12px;overflow:hidden;transform:translate(calc(100% + 24px));box-shadow:0 30px 80px -20px #00000059}body.cart-open .scrim{opacity:1;pointer-events:auto}body.cart-open .drawer{transform:none}.drawer>header{justify-content:space-between;align-items:center;height:64px;padding:0 14px 0 24px;display:flex}.drawer h3{font:600 20px var(--display);letter-spacing:-.03em}.x{--r:var(--r-sm);background:var(--surface);height:36px;color:var(--ink);padding:0 14px}.x:hover{background:var(--surface-2)}.lines{flex-direction:column;flex:1;gap:8px;padding:4px 14px;display:flex;overflow:auto}.empty-cart{color:var(--mute);padding:10px}.line{--r:var(--r-lg);background:var(--surface);animation:pop .45s var(--spring);padding:16px 18px}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.line .top{justify-content:space-between;align-items:baseline;display:flex}.line h4{font:600 16px var(--display);letter-spacing:-.03em}.line .mini{--r:4px;background:#fff;height:8px;margin:12px 0 10px;display:flex;overflow:hidden}.line .sub{font:400 12px var(--mono);color:var(--mute);justify-content:space-between;display:flex}.line .sub button{text-underline-offset:3px;text-decoration:underline}.line .sub button:hover{color:var(--hot)}.drawer>footer{flex-direction:column;gap:8px;padding:16px 20px 20px;display:flex}.row{justify-content:space-between;display:flex}.ship-meter{--r:3px;background:var(--surface);height:6px;margin-top:4px;overflow:hidden}.ship-meter i{background:var(--ink);width:0;height:100%;transition:width .4s var(--ease);display:block}.note{color:var(--mute);text-transform:none;letter-spacing:0;margin:0 0 8px}.toast{--r:var(--r-md);z-index:60;opacity:0;transition:transform .4s var(--spring),opacity .25s;background:var(--ink);color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:calc(100vw - 32px);padding:14px 20px;position:fixed;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.drop{z-index:70;pointer-events:none;border-radius:50%;width:14px;height:14px;position:fixed}@media(width<=1100px){.specimens{grid-template-columns:repeat(3,1fr)}}@media(width<=960px){.bar{grid-template-columns:1fr auto}.bar nav{display:none}.shop-grid{grid-template-columns:1fr}.stage{height:66svh;min-height:440px;position:relative;top:0}.sec-label .hint{display:none}.how-list{grid-template-columns:1fr}}@media(width<=600px){.bar{top:8px;left:8px;right:8px}.hero-top span:not(:first-child){display:none}.hero-foot{flex-direction:column;align-items:stretch}.cta{justify-content:space-between}.specimens{grid-template-columns:repeat(2,1fr)}.ticket{padding:12px}.t-sec{padding:14px}.net b{font-size:36px}.foot{padding:0 18px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}