@font-face{font-family:Gloock;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Gloock;font-style:normal;font-display:swap;font-weight:400;src:url(./gloock-latin-ext-400-normal-B4R8XxiG.woff2) format("woff2"),url(./gloock-latin-ext-400-normal-B7xb9eut.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Gloock;font-style:normal;font-display:swap;font-weight:400;src:url(./gloock-latin-400-normal-3dTk9V3B.woff2) format("woff2"),url(./gloock-latin-400-normal-DCcIaDhi.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-ext-400-normal-C2zvOubV.woff2) format("woff2"),url(./dm-mono-latin-ext-400-normal-1aZr6b2b.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2"),url(./dm-mono-latin-400-normal--0xN8mdc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-ext-500-normal-BtRyHRi6.woff2) format("woff2"),url(./dm-mono-latin-ext-500-normal-Dw3M13d8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(./dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--green: #7A8B4A;--yellow: #C9B35A;--cinnamon: #A7622E;--roast: #6F3E1E;--espresso: #1C120C;--crema: #E9D8C0;--red: #D9452B;--ink: #120B07;--display: "Gloock", "Times New Roman", serif;--mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace}html{scroll-behavior:auto}body{font-family:var(--mono);background:var(--espresso);color:var(--crema);overflow-x:clip}html.has-cursor,html.has-cursor *{cursor:none!important}.display{font-family:var(--display);font-weight:400;letter-spacing:-.01em}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.6}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:.8rem 1.2rem;border-radius:999px;transition:background .25s,color .25s,transform .25s}.btn-crema{background:var(--crema);color:var(--espresso)}.btn-crema:hover{background:#fff}.btn-espresso{background:var(--espresso);color:var(--crema)}.btn-espresso:hover{background:var(--ink)}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#ee5a3f}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;pointer-events:none;mix-blend-mode:normal}.nav>*{pointer-events:auto}.nav .mark{font-family:var(--display);font-size:22px;color:var(--crema);text-decoration:none}.nav .mark span{color:var(--red)}.nav .mark,.nav .btn,.nav .bag-btn{transition:color .4s,background .4s,border-color .4s}html.on-light .nav .mark{color:var(--espresso)}html.on-light .nav .btn-crema{background:var(--espresso);color:var(--crema)}html.on-light .nav .bag-btn{color:var(--espresso);border-color:#1c120c33;background:#e9d8c099}.bag-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid #E9D8C040;color:var(--crema);background:#1c120c99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bag-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;display:grid;place-items:center;font-weight:500}.magnet{display:inline-block;padding:14px;margin:-14px}.roast-wrap{position:relative}.stage{position:relative;height:100vh;height:100dvh;overflow:hidden;background:var(--espresso)}.stage-inner,.drum-area{position:absolute;inset:0}.drum-area canvas{width:100%!important;height:100%!important}.drum-glow{position:absolute;left:50%;top:27%;width:70vmin;height:70vmin;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#6F3E1E55 0%,#3a2114 35%,transparent 68%);filter:blur(10px);pointer-events:none;transition:opacity .6s}.drum-fallback{position:absolute;inset:0;display:grid;place-items:center}.drum-fallback:before{content:"";width:46vmin;height:46vmin;border-radius:50%;background:radial-gradient(circle at 40% 35%,#4a2a18,#1c120c 70%);box-shadow:inset 0 0 80px #000}.crack-flash{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(ellipse at 50% 27%,#FFB46A99 0%,#D9452B55 30%,transparent 62%);mix-blend-mode:screen}.stage-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,transparent 40%,#1C120C 100%);opacity:.8}.readout{position:absolute;top:72px;right:5vw;font-size:12px;letter-spacing:.16em;color:var(--crema);opacity:.85;text-align:right;z-index:6;font-variant-numeric:tabular-nums}.readout b{font-weight:500;color:var(--red)}.opening{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.opening h1{font-family:var(--display);font-size:clamp(56px,11vw,190px);line-height:.92;color:var(--crema);margin:0;text-shadow:0 10px 60px #000a}.opening h1 span{color:var(--red)}.opening p{margin:18px 0 0;font-size:13px;letter-spacing:.24em;text-transform:uppercase;opacity:.75}.cue{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;opacity:.7;z-index:5;pointer-events:none}.thermo{width:2px;height:54px;background:#e9d8c033;position:relative;overflow:hidden;border-radius:2px}.thermo:after{content:"";position:absolute;left:0;right:0;bottom:0;background:var(--red);animation:thermo 2.2s ease-in-out infinite}@keyframes thermo{0%{height:0}60%{height:100%}to{height:100%}}.chart-panel{position:absolute;left:0;right:0;bottom:0;height:45%;z-index:2;background:linear-gradient(to bottom,#1c120c00,#1c120c 48px),#1c120c;padding:44px 5vw 12px;display:flex;flex-direction:column;will-change:transform}.chart-head{display:flex;gap:clamp(20px,4vw,56px);align-items:flex-end;margin-bottom:6px}.chart-head .lab{font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.55;margin-bottom:4px}.chart-head .val{font-size:clamp(22px,2.6vw,36px);font-weight:500;line-height:1;color:var(--crema);display:flex;align-items:baseline;gap:4px}.chart-head .val small{font-size:.5em;opacity:.6}.chart-head .val.red{color:var(--red)}.chart-box{position:relative;flex:1;min-height:0}.chart-box svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;font-family:var(--mono)}.chart-box .tick{fill:var(--crema);opacity:.55;font-size:10px;letter-spacing:.08em}.ms-label{position:absolute;transform:translate(-50%,-100%);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--crema);white-space:nowrap;pointer-events:none;min-height:12px}.ms-label.crack{color:var(--red);font-weight:500}.odo{display:inline-flex;overflow:hidden;height:1em;line-height:1;font-variant-numeric:tabular-nums}.odo .col{position:relative;width:.62em;height:1em}.odo .col .strip{position:absolute;left:0;top:0;display:flex;flex-direction:column;transition:transform .32s cubic-bezier(.3,.7,.2,1)}.odo .col .strip span{height:1em;display:block}.odo .col .strip span:before{content:attr(data-d)}.odo .sep{width:.5em;text-align:center}.cards{position:absolute;right:5vw;top:20vh;width:min(320px,38vw);height:0;z-index:4}.card{position:absolute;left:0;right:0;top:0;background:var(--crema);color:var(--espresso);padding:22px 24px 20px;border-radius:6px;box-shadow:0 30px 80px #000a}.card .name{font-family:var(--display);font-size:clamp(26px,2.3vw,34px);line-height:1.05;margin:10px 0 8px}.card .notes{font-size:12px;letter-spacing:.1em;text-transform:lowercase;opacity:.7}.card .row{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.card .price{font-size:20px;font-weight:500}.card .stripe{position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:6px 0 0 6px}.card-sheet{position:absolute;left:0;right:0;bottom:0;z-index:4}.card-sheet .card{position:relative;border-radius:14px 14px 0 0;padding:14px 18px 62px}.card-sheet .card .name{font-size:22px;margin:3px 0 2px}.card-sheet .card .row{margin-top:10px}.fx{position:absolute;inset:0;pointer-events:none;z-index:3}.fx svg,.fx canvas{position:absolute;inset:0;width:100%;height:100%}.crackle line{stroke:#fff;stroke-width:1.2;stroke-linecap:round;opacity:.9}.steam{opacity:0}.steam path{fill:none;stroke:var(--crema);stroke-width:12;stroke-linecap:round;opacity:.14;animation:rise 7s linear infinite}.steam path:nth-child(2){animation-delay:-2.3s;stroke-width:7}.steam path:nth-child(3){animation-delay:-4.6s;stroke-width:12}.steam path:nth-child(4){animation-delay:-1.1s;stroke-width:6}@keyframes rise{0%{transform:translateY(40px);opacity:0}20%{opacity:.15}80%{opacity:.09}to{transform:translateY(-260px);opacity:0}}.wheel-section{background:var(--crema);color:var(--espresso);min-height:100vh;display:grid;grid-template-columns:1fr;align-items:center;gap:24px;padding:90px 5vw 70px}@media(min-width:900px){.wheel-section{grid-template-columns:1fr minmax(260px,360px);gap:5vw;padding:100px 7vw}}.wheel-wrap{position:relative;width:min(70vh,90vw);aspect-ratio:1;margin-inline:auto;touch-action:none}.wheel-wrap svg{width:100%;height:100%;overflow:visible;display:block}.wheel-wrap .pointer{position:absolute;left:50%;top:-6px;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid var(--red);filter:drop-shadow(0 4px 6px #0005);z-index:2}.seg{transition:filter .25s}.seg text{font-family:var(--mono);font-size:11px;letter-spacing:.06em;fill:var(--crema);pointer-events:none;transition:font-weight .2s}.seg.fam text{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.seg.on path{filter:brightness(1.28) saturate(1.15) drop-shadow(0 0 6px #0004);stroke:#fff}.seg.on text{font-weight:500;fill:#fff}.wheel-panel .name{font-family:var(--display);font-size:clamp(30px,3.2vw,46px);line-height:1.02;margin:8px 0 6px}.wheel-panel .notes{font-size:12px;letter-spacing:.12em}.bag-section{min-height:100vh;background:radial-gradient(ellipse at 30% 20%,#3a2114,#1c120c 55%);display:grid;grid-template-columns:1fr;gap:30px;align-items:center;padding:90px 5vw 70px}@media(min-width:900px){.bag-section{grid-template-columns:minmax(300px,520px) minmax(280px,420px);justify-content:center;gap:6vw}}.bag-svg{width:min(420px,78vw);margin-inline:auto;display:block;overflow:visible}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font-family:var(--mono);font-size:12px;letter-spacing:.1em;padding:9px 14px;border-radius:999px;border:1px solid #E9D8C040;color:var(--crema);background:transparent;transition:background .25s,color .25s,border-color .25s}.chip.on{background:var(--crema);color:var(--espresso);border-color:var(--crema)}.toggle{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.1em;color:var(--crema)}.switch{width:46px;height:26px;border-radius:999px;background:#e9d8c033;position:relative;padding:3px;display:flex;justify-content:flex-start;transition:background .3s}.switch.on{background:var(--red);justify-content:flex-end}.switch .knob{width:20px;height:20px;border-radius:50%;background:var(--crema)}.bag-price{font-size:clamp(36px,4vw,56px);font-weight:500;color:var(--crema);display:flex;align-items:baseline;gap:10px}.bag-price small{font-size:12px;letter-spacing:.14em;opacity:.55}.drawer-back{position:fixed;inset:0;background:#0008;z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--crema);color:var(--espresso);z-index:61;display:flex;flex-direction:column;padding:26px 26px 30px;box-shadow:-30px 0 80px #0008}.drawer .item{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:14px 0;border-bottom:1px solid #1C120C1a}.drawer .qty{display:inline-flex;align-items:center;gap:10px;font-size:12px}.drawer .qty button{width:26px;height:26px;border-radius:50%;border:1px solid #1C120C33;display:grid;place-items:center}.cursor{position:fixed;left:0;top:0;z-index:100;pointer-events:none;width:26px;height:26px;margin:-13px 0 0 -13px;will-change:transform;mix-blend-mode:difference}.foot{padding:40px 5vw 90px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.55;display:flex;flex-direction:column;gap:10px}@media(min-width:768px){.foot{flex-direction:row;justify-content:space-between}}@media(max-width:767px){.chart-panel{height:55%;padding:36px 16px 30px}.readout{top:29px;right:70px;font-size:10px}.opening h1{font-size:clamp(50px,15vw,90px)}.opening p{font-size:11px;letter-spacing:.18em;padding:0 16px}.drum-glow{top:22%;width:80vmin;height:80vmin}.cards{display:none}.nav{padding:14px 16px}}@media(prefers-reduced-motion:reduce){.thermo:after,.steam path{animation:none}.thermo:after{height:100%}.steam path{opacity:.08}}.stage.reduced .opening{bottom:45%;justify-content:flex-end;padding-bottom:4vh}.stage.reduced .opening h1{font-size:clamp(40px,7vw,110px)}.stage.reduced .cue{display:none}@media(max-width:767px){.stage.reduced .opening{bottom:55%}}
