html.ck-locked{overflow:hidden}.ck{grid-template-rows:1fr auto;height:100svh;min-height:640px;display:grid;position:relative;overflow:hidden}.ck-stage{isolation:isolate;padding:104px var(--edge) 0;background:var(--night-deep);grid-template-columns:minmax(240px,1fr) minmax(0,1.3fr) minmax(260px,1fr);grid-template-areas:"story center recipe";align-items:center;column-gap:clamp(24px,3vw,56px);min-height:0;display:grid;position:relative}.ck-stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(30% 42% at 50% 52%,#f9f8f60f,#0000 72%);position:absolute;inset:0}.ck-center{grid-area:center;grid-template-rows:auto 1fr;justify-items:center;height:100%;min-height:0;display:grid;position:relative;container-type:inline-size}.ck-story{grid-area:story;align-self:center;max-width:340px}.ck-recipe{grid-area:recipe;place-self:center end;width:100%;max-width:340px}.ck-title{--size:clamp(40px, min(6.2vw, 17cqw), 112px);z-index:0;text-align:left;min-width:0;font:900 var(--size)/.86 var(--font-display);letter-spacing:-.01em;text-transform:uppercase;justify-self:stretch;margin:2vh 0 0;position:relative}.ck-title>span{text-align:center;display:inline-block;position:relative;left:50%;translate:-50%}.ck-line{display:block;position:relative}.ck-ink{display:none}html.motion .ck-name[data-pen] .ck-line{color:#0000}html.motion .ck-name[data-pen] .ck-ink{pointer-events:none;height:.86em;display:block;position:absolute;top:0;left:50%;overflow:visible;translate:-50%}.ck-ink path{fill:var(--ink);fill-opacity:0;stroke:var(--ink);stroke-linejoin:round;stroke-linecap:butt;stroke-width:18px;stroke-dasharray:1 2;stroke-dashoffset:1px;stroke-opacity:0}.ck-name[data-draw=draw] .ck-ink path{animation:ck-pen var(--dur) linear var(--at) both, ck-ink .9s cubic-bezier(.4, 0, .6, 1) var(--fill-at,calc(var(--at) + var(--dur) - 40ms)) forwards}.ck-name[data-draw=done] .ck-ink path{fill-opacity:1;stroke-opacity:0;stroke-dashoffset:0}@keyframes ck-pen{0%{stroke-dashoffset:1px;stroke-opacity:0}2%{stroke-opacity:1}to{stroke-dashoffset:0;stroke-opacity:1}}@keyframes ck-ink{0%{fill-opacity:0;stroke-opacity:1;stroke-dashoffset:0}to{fill-opacity:1;stroke-opacity:0;stroke-dashoffset:0}}.ck-glass{--overlap:calc(clamp(40px, min(6.2vw, 17cqw), 112px) * .2);z-index:1;margin:calc(var(--overlap) * -1) 0 0;place-items:start center;width:100%;height:100%;min-height:0;display:grid;position:relative;container-type:size}.ck-box{--h:min(100cqh, 150cqw);height:var(--h);width:calc(var(--h) * 2 / 3);translate:0 calc(var(--top,0) * -100%);position:relative}.ck-float{will-change:transform;height:100%;animation:9s ease-in-out infinite ck-hover}.ck-float img{object-fit:contain;filter:drop-shadow(0 30px 50px #0000008c);width:100%;height:100%;display:block}.ck-shadow{left:50%;top:calc(var(--base,.95) * 100% + 4px);filter:blur(6px);background:radial-gradient(closest-side,#000c,#0000);border-radius:50%;width:34%;height:18px;animation:9s ease-in-out infinite ck-shadow;position:absolute;translate:-50%}@keyframes ck-hover{0%,to{transform:translateY(4px)rotate(-.5deg)}50%{transform:translateY(-16px)rotate(.5deg)}}@keyframes ck-shadow{0%,to{opacity:.9;scale:1}50%{opacity:.5;scale:.8}}.ck-story .eyebrow{margin:0 0 var(--space-4);color:var(--yerba-gold)}.ck-story .eyebrow .no{color:var(--ink);font-variant-numeric:tabular-nums}.ck-tagline{margin:0 0 var(--space-4);font:var(--t-italic);text-wrap:pretty}.ck-notes{gap:14px;margin:0;display:grid}.ck-notes div{border-top:1px solid var(--rule);grid-template-columns:92px 1fr;gap:12px;padding-top:14px;display:grid}.ck-notes dt{color:var(--ink-muted);font:var(--t-label);letter-spacing:var(--ls-label);text-transform:uppercase}.ck-notes dd{color:var(--ink-muted);font:var(--t-ui-s);text-wrap:pretty;margin:0}.ck-recipe h2{color:var(--ink);margin:0 0 12px}.ck-recipe h2+*{margin-top:0}.ck-service{color:var(--ink-muted);letter-spacing:var(--ls-label)}.ck-ingredients{margin:0 0 14px;padding:0;list-style:none}.ck-ingredients li{border-top:1px solid var(--rule);font:var(--t-ui-s);grid-template-columns:64px 1fr;gap:12px;padding:8px 0;display:grid}.ck-ingredients .q{color:var(--yerba-gold);font-variant-numeric:tabular-nums}.ck-garnish{margin:0 0 var(--space-4);border-top:1px solid var(--rule);color:var(--ink-muted);font:var(--t-ui-s);padding-top:10px}.ck-garnish span:first-child{color:var(--ink);margin-right:6px}.ck-method{counter-reset:s;gap:8px;margin:0;padding:0;list-style:none;display:grid}.ck-method li{counter-increment:s;color:var(--ink-muted);font:var(--t-body-s);grid-template-columns:22px 1fr;display:grid}.ck-method li:before{content:counter(s);color:var(--yerba-gold);font:var(--t-label);letter-spacing:var(--ls-label)}.ck-credit{margin:var(--space-4) 0 0;color:var(--ink-faint);font:var(--t-ui-xs)}.ck-stage .ck-title,.ck-stage .ck-glass,.ck-stage .ck-story,.ck-stage .ck-recipe{transition:opacity .38s ease, transform .5s var(--ease)}.ck-stage[data-state=out] :is(.ck-title,.ck-story,.ck-recipe){opacity:0}.ck-stage[data-state=out] .ck-glass{opacity:0;transform:translateY(-18px)}.ck-stage[data-state=out][data-dir=next] .ck-title{transform:translate(-24px)}.ck-stage[data-state=out][data-dir=prev] .ck-title{transform:translate(24px)}.ck-stage[data-state=in] .ck-glass{transition-delay:80ms}.ck-nav{border-top:1px solid var(--rule);background:var(--night-deep);z-index:2;grid-template-columns:56px 1fr 56px;align-items:stretch;height:64px;display:grid;position:relative}.ck-step{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;font-size:18px;transition:color .2s}.ck-step:hover{color:var(--yerba-gold)}.ck-list{scroll-snap-type:x proximity;scrollbar-width:none;align-items:center;gap:clamp(28px,4vw,64px);margin:0;padding:0 30%;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.ck-list::-webkit-scrollbar{display:none}.ck-list li{scroll-snap-align:center;flex:none}.ck-list a{color:var(--ink-muted);font:var(--t-label);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #0000;align-items:baseline;gap:10px;padding:8px 0;text-decoration:none;transition:color .25s,border-color .25s;display:inline-flex}.ck-list a .n{color:var(--ink-faint);font-size:10px;transition:color .25s}.ck-list a:hover{color:var(--ink)}.ck-list a[aria-current]{color:var(--ink);border-bottom-color:var(--yerba-gold)}.ck-list a[aria-current] .n{color:var(--yerba-gold)}.ck-fab,.ck-sheet,.ck-swipe{display:none}@media (max-width:1100px){.ck{height:auto;min-height:0;display:block;overflow:visible}.ck-stage{padding:92px var(--margin) var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.ck-center{grid-template-rows:auto auto;align-self:stretch;width:100%;height:auto}.ck-title{--size:clamp(44px, 15vw, 88px);margin:8px 0 0}.ck-glass{--overlap:calc(clamp(44px, 15vw, 88px) * .3);height:auto;container-type:normal}.ck-box{--h:min(64svh, 500px);aspect-ratio:2/3;width:auto;height:min(64svh,500px);margin-bottom:calc(min(64svh, 500px) * (1 - var(--base,1) + var(--top,0)) * -1 + 24px)}.ck-story,.ck-recipe{place-self:start stretch;max-width:none}@media (min-width:640px){.ck-stage{align-items:start;column-gap:var(--space-5);grid-template-columns:1fr 1fr;grid-template-areas:"center center""story recipe";display:grid}}.ck-nav{display:none}.ck-center{touch-action:pan-y;position:relative}.ck-center .ck-glass{transform:translateX(var(--drag,0))}.ck-center[data-drag] .ck-glass{transition:none}.ck-swipe{z-index:3;pointer-events:none;opacity:0;transition:opacity .6s var(--ease);justify-content:space-between;display:flex;position:absolute;top:46%;left:-10px;right:-10px}.ck-swipe[data-on]{opacity:1}.ck-swipe button{width:44px;height:44px;color:var(--yerba-gold);cursor:pointer;filter:drop-shadow(0 1px 6px #000000b3);background:0 0;border:0;place-items:center;padding:0;display:grid}.ck-swipe button svg{width:26px;height:26px}.ck-swipe[data-on] button{pointer-events:auto}.ck-swipe[data-on] .ck-swipe-l{animation:2.4s ease-in-out infinite ck-swipe-l}.ck-swipe[data-on] .ck-swipe-r{animation:2.4s ease-in-out infinite ck-swipe-r}.ck-fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;border:1px solid var(--rule-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:56px;height:56px;color:var(--yerba-gold);cursor:pointer;background:#0d0c0cd1;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 10px 30px #00000073}.ck-fab svg{transform-origin:50% 85%;animation:5s ease-in-out 2s infinite ck-cheers}.ck-fab:after{content:"";border:1px solid var(--yerba-gold);opacity:0;border-radius:50%;animation:5s ease-out 2s infinite ck-ring;position:absolute;inset:-1px}.ck-fab[aria-expanded=true] svg,.ck-fab[aria-expanded=true]:after{animation:none}.ck-sheet:not([hidden]){z-index:200;padding:96px var(--margin) var(--space-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:ck-sheet .35s var(--ease) both;background:#0d0c0cf5;flex-direction:column;display:flex;position:fixed;inset:0}.ck-sheet .eyebrow{margin:0 0 var(--space-4);color:var(--yerba-gold)}.ck-sheet-list{margin:0;padding:0;list-style:none;overflow-y:auto}.ck-sheet-list a{border-top:1px solid var(--rule);color:var(--ink-muted);font:900 30px/1 var(--font-display);text-transform:uppercase;align-items:baseline;gap:16px;padding:14px 0;text-decoration:none;display:flex}.ck-sheet-list a .n{font:var(--t-label);letter-spacing:var(--ls-label);color:var(--ink-faint)}.ck-sheet-list a[aria-current]{color:var(--ink)}.ck-sheet-list a[aria-current] .n{color:var(--yerba-gold)}.ck-sheet-close{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:24px;right:18px}}@keyframes ck-swipe-l{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}@keyframes ck-swipe-r{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes ck-cheers{0%,80%,to{transform:rotate(0)}84%{transform:rotate(-14deg)}88%{transform:rotate(10deg)}92%{transform:rotate(-6deg)}96%{transform:rotate(3deg)}}@keyframes ck-ring{0%,80%{opacity:0;transform:scale(1)}84%{opacity:.8}to{opacity:0;transform:scale(1.35)}}@keyframes ck-sheet{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.ck-float,.ck-shadow,.ck-fab svg,.ck-fab:after,.ck-sheet:not([hidden]){animation:none!important}.ck-stage :is(.ck-title,.ck-glass,.ck-story,.ck-recipe){transition:none}.ck-swipe button{animation:none!important}}@media (min-width:1101px) and (max-height:760px){.ck-stage{padding-top:88px}.ck-notes{gap:10px}.ck-notes div{padding-top:10px}.ck-ingredients li{padding:6px 0}.ck-method li{font-size:14px}}html.js .ck[data-intro=wait] :is(.ck-box,.ck-title>span,.ck-story,.ck-recipe,.ck-nav,.ck-fab),html.js .ck[data-intro=wait] .ck-stage:before{opacity:0}.ck[data-intro=go] .ck-stage:before{animation:2.2s ease-out backwards ck-dawn}.ck[data-intro=go] .ck-box{animation:ck-emerge 2.1s var(--ease) .15s backwards}.ck[data-intro=go] .ck-story{animation:ck-rise 1.1s var(--ease) .95s backwards}.ck[data-intro=go] .ck-recipe{animation:ck-rise 1.1s var(--ease) 1.1s backwards}.ck[data-intro=go] :is(.ck-nav,.ck-fab){animation:.9s ease-out 1.35s backwards ck-dawn}@keyframes ck-dawn{0%{opacity:0}}@keyframes ck-emerge{0%{opacity:0;filter:brightness(0)blur(10px);transform:translateY(32px)scale(.97)}45%{opacity:1}to{opacity:1;filter:brightness()blur();transform:none}}@keyframes ck-rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}}html.rm .ck[data-intro=go] :is(.ck-box,.ck-title>span,.ck-story,.ck-recipe,.ck-nav,.ck-fab),html.rm .ck[data-intro=go] .ck-stage:before{animation:.6s ease-out backwards ck-dawn}#site:has(.ck) .ft{display:none}