.hk-home{position:relative;color:var(--hk-okra);font-family:var(--hk-font-text)}.hk-stage{position:fixed;inset:0;z-index:1;pointer-events:none}.hk-stage canvas{width:100%;height:100%;display:block}.hk-hero-art,.hk-stage canvas{position:absolute;inset:0}.hk-art{display:block;width:100%;height:100%}.hk-no-webgl .hk-stage canvas{display:none}.hk-loader{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:18px;background:var(--hk-cream);color:var(--hk-okra);transition:opacity .45s var(--hk-ease),visibility 0s linear .45s;animation:hk-loader-out 0s linear 8s forwards}.hk-ready .hk-loader{opacity:0;visibility:hidden}@keyframes hk-loader-out{to{opacity:0;visibility:hidden}}.hk-loader__flower{width:72px;height:72px;animation:hk-loader-spin 2.4s linear infinite}@keyframes hk-loader-spin{to{transform:rotate(1turn)}}.hk-loader__text{margin:0;font:800 clamp(1.1rem,2.4vw,1.5rem)/1 var(--hk-font-display);text-transform:uppercase;letter-spacing:.02em}.hk-loader__bar{position:relative;width:160px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--hk-okra) 14%,transparent);overflow:hidden}.hk-loader__bar>span{position:absolute;inset:0 auto 0 0;width:40%;border-radius:inherit;background:var(--hk-flavour);animation:hk-loader-slide 1.1s var(--hk-ease) infinite}@keyframes hk-loader-slide{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.hk-sound{position:fixed;left:16px;bottom:16px;z-index:30;display:inline-flex;align-items:center;gap:8px;border:2px solid var(--hk-okra);background:var(--hk-cream);color:var(--hk-okra);border-radius:999px;padding:6px 12px;font:700 .85rem/1 var(--hk-font-text);cursor:pointer}.hk-cut{position:relative;min-height:calc(var(--span, 1) * 100svh);box-sizing:border-box;padding:32px var(--hk-gutter) 48px}.hk-cut>*{position:relative;z-index:3}.hk-cut--heat{display:flex;align-items:flex-start}.hk-heat__scrim{position:absolute!important;inset:0 auto auto 0;z-index:2!important;width:min(820px,74vw);height:min(680px,84svh);background:radial-gradient(120% 100% at 0 0,rgba(246,232,214,.95) 0,rgba(246,232,214,.86) 48%,rgba(246,232,214,0) 78%);pointer-events:none}.hk-heat__copy{display:grid;gap:22px;justify-items:start;max-width:min(560px,92vw);padding-top:2vh}.hk-heat__copy .hk-pick{margin-top:2px}.hk-heat__copy .hk-chip{background:var(--hk-cream)}.hk-heat__copy .hk-display{max-width:9ch}.hk-temp{font-weight:700}@media (max-width:860px){.hk-heat__scrim{width:100vw;height:64svh;background:linear-gradient(180deg,rgba(246,232,214,.95),rgba(246,232,214,.8) 60%,rgba(246,232,214,0))}.hk-heat__copy{padding-top:0}}.hk-cut--psst{display:grid;place-items:center}.hk-psst{font-size:clamp(2.2rem,5vw,4rem);margin:0;transform:rotate(-4deg)}.hk-cut--crack{display:flex;align-items:flex-start;justify-content:center}.hk-crack{font-size:clamp(2rem,4vw,3.4rem);margin:4vh 0 0 6vw;transform:rotate(-6deg)}@media (max-width:860px){.hk-crack{margin:2vh 0 0}}.hk-cut--cold{display:flex;align-items:center}.hk-cold__title{max-width:8ch}.hk-cut--wipe{display:flex;align-items:center;justify-content:flex-end}.hk-wipe__copy{display:grid;gap:18px;width:-moz-max-content;width:max-content;max-width:100%;margin-right:clamp(0px,7vw,140px)}@media (max-width:860px){.hk-cut--wipe{justify-content:flex-start}.hk-wipe__copy{margin-right:0}}.hk-wipe__hint{font-size:1.3rem;margin:0;transform:rotate(-3deg)}@media not ((hover:hover) and (pointer:fine)){.hk-wipe__hint{display:none}}.hk-cut--moment{background:var(--hk-white);display:grid;align-items:center}.hk-cut--moment>.hk-moment{position:static;z-index:auto}.hk-moment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,5vw,72px);align-items:center;max-width:1180px;margin:0 auto;width:100%}.hk-moment__note{position:relative;z-index:3}.hk-cut--flip .hk-moment__note{order:2}.hk-moment__time{font-size:clamp(1.1rem,1.6vw,1.4rem);margin:0 0 6px;color:var(--hk-ink-soft)}.hk-moment__line{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.08;margin:0;max-width:13ch}.hk-moment__photo{position:relative;z-index:0;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:1100/1365;width:min(100%,500px);max-height:calc(var(--span) * 100svh - 120px);justify-self:center;transform:scale(calc(.66 + .34 * clamp(0, (var(--p, 0) - .18) * 3, 1)));transform-origin:50% 60%;will-change:transform}.hk-moment__photo .hk-art{width:100%;height:100%}@media (max-width:860px){.hk-moment{grid-template-columns:1fr;gap:16px}.hk-cut--flip .hk-moment__note{order:0}.hk-moment__photo{width:min(100%,420px);max-height:none}}.hk-cut--inside{background:var(--hk-cream);display:grid;grid-template-rows:auto 1fr;row-gap:12px}.hk-inside__title{justify-self:start;max-width:min(34vw,9ch);margin-left:max(0px,calc((100% - 1180px) / 2))}.hk-facts{list-style:none;margin:0 auto;padding:0;width:min(1180px,100%);display:grid;grid-template-columns:1fr minmax(260px,38vw) 1fr;grid-auto-rows:minmax(90px,auto);align-content:center;row-gap:18px}.hk-fact{display:grid;gap:2px}.hk-fact--a,.hk-fact--c,.hk-fact--e{grid-column:1;text-align:right}.hk-fact--b,.hk-fact--d,.hk-fact--f{grid-column:3}.hk-fact--a,.hk-fact--b{grid-row:1}.hk-fact--c,.hk-fact--d{grid-row:2}.hk-fact--e,.hk-fact--f{grid-row:3}.hk-fact__num{font:900 clamp(2rem,4.4vw,3.6rem)/.95 var(--hk-font-display);font-variation-settings:"wdth" 68;text-transform:uppercase;font-variant-numeric:tabular-nums}.hk-fact__label{font-weight:600;color:var(--hk-ink-soft)}@media (max-width:860px){.hk-inside__title{max-width:none}.hk-facts{grid-template-columns:1fr 1fr;margin-top:44vh}.hk-fact--a,.hk-fact--b,.hk-fact--c,.hk-fact--d,.hk-fact--e,.hk-fact--f{grid-column:auto;grid-row:auto;text-align:left}}.hk-cut--table{background:var(--hk-cream)}.hk-table-wrap{display:grid;grid-template-columns:minmax(0,540px) 1fr;-moz-column-gap:clamp(24px,5vw,80px);column-gap:clamp(24px,5vw,80px);row-gap:20px;max-width:1180px;margin:0 auto;align-items:start}.hk-nutrition{width:100%;border-collapse:collapse;margin-top:18px;font-variant-numeric:tabular-nums}.hk-nutrition td,.hk-nutrition th{padding:9px 0;border-bottom:1px solid rgba(37,58,30,.22);font-size:1rem}.hk-nutrition th{text-align:left;font-weight:500}.hk-nutrition td{text-align:right;font-weight:700}.hk-okra{grid-column:1;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;margin:0}.hk-okra__art{display:block;width:100%;aspect-ratio:1;animation:hk-sart-spin 40s linear infinite}.hk-okra__art svg{display:block;width:100%;height:100%}.hk-okra figcaption{font-weight:600;color:var(--hk-ink-soft);max-width:36ch;margin:0}@media (max-width:860px){.hk-table-wrap{grid-template-columns:1fr;padding-right:26vw}}.hk-cut--flavour{background:var(--ground);display:flex;flex-direction:column;justify-content:center;gap:28px}.hk-flavour{display:grid;gap:16px;max-width:46vw;justify-items:start}.hk-flavour__link{font-weight:700;color:var(--hk-okra);text-underline-offset:5px}.hk-pick{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hk-pick__label{font-size:1.5rem;margin:0 8px 0 0}.hk-chip{border:2px solid var(--hk-okra);border-radius:999px;padding:10px 18px 10px 40px;position:relative;background:var(--hk-cream);color:var(--hk-okra);font:700 1rem/1 var(--hk-font-text);cursor:pointer;transition:transform .14s var(--hk-ease)}.hk-chip:before{content:"";position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--hk-okra);background:var(--chip,var(--hk-flavour))}.hk-chip[aria-pressed=true]{background:var(--hk-okra);color:var(--hk-cream)}.hk-chip:active{transform:scale(.97)}@media (max-width:860px){.hk-cut--flavour{justify-content:flex-start}.hk-flavour{max-width:none}}.hk-cut--shop{background:var(--hk-flavour);display:grid;align-items:center;transition:background-color .24s var(--hk-ease)}.hk-shop{display:grid;gap:22px;max-width:60vw}.hk-shop__cta{font:900 clamp(3.4rem,11vw,9.5rem)/.9 var(--hk-font-display);font-variation-settings:"wdth" 66;text-transform:uppercase;color:var(--hk-okra);text-decoration:none;text-wrap:balance}.hk-shop__cta:hover{text-decoration:underline;text-decoration-thickness:6px;text-underline-offset:10px}@media (max-width:860px){.hk-shop{max-width:none}}.hk-cut>.hk-sart{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hk-sart{--in:clamp(0,calc((var(--p, 0) - 0.12) * 3.2),1)}.hk-sart__disc,.hk-sart__ring{position:absolute;width:var(--size);aspect-ratio:1;border-radius:50%;translate:-50% -50%;scale:calc(.6 + .4 * var(--in))}.hk-sart__disc{background:var(--tone)}.hk-sart__ring{border:3px dashed rgba(37,58,30,.28);animation:hk-sart-spin 60s linear infinite}@keyframes hk-sart-spin{to{rotate:1turn}}.hk-sart__prop{position:absolute;width:clamp(56px,7vw,110px);translate:-50% -50%;transform:translate(calc(var(--fx) * (1 - var(--in))),calc(var(--fy) * (1 - var(--in)))) translateY(calc((var(--p, .5) - .5) * var(--d) * -90px)) rotate(var(--r)) scale(var(--s));opacity:var(--in)}.hk-sart__prop svg{display:block;width:100%;height:auto}.hk-sart__pod{display:block;width:42%;margin:0 auto}.hk-sart__float{display:block;animation:hk-sart-float 4.6s ease-in-out infinite alternate}.hk-sart__prop:nth-child(odd) .hk-sart__float{animation-duration:5.4s;animation-delay:-2s}@keyframes hk-sart-float{0%{transform:translateY(-8px) rotate(-6deg)}to{transform:translateY(8px) rotate(6deg)}}.hk-sart__bubbles{position:absolute;top:0;bottom:0;opacity:var(--in)}.hk-sart__bubbles span{position:absolute;bottom:-30px;border-radius:50%;border:2px solid rgba(37,58,30,.35);background:rgba(255,255,255,.5);animation:hk-sart-rise linear infinite}@keyframes hk-sart-rise{to{transform:translate(10px,-110vh)}}.hk-sart__road{bottom:0;height:clamp(70px,12vh,120px);background:var(--hk-okra)}.hk-sart__dash,.hk-sart__road{position:absolute;left:0;right:0}.hk-sart__dash{top:50%;height:6px;margin-top:-3px;background:repeating-linear-gradient(90deg,var(--hk-cream) 0 40px,transparent 40px 80px);opacity:.6}.hk-sart__tuk{position:absolute;bottom:calc(100% - 12px);left:0;width:clamp(150px,16vw,230px);height:auto;animation:hk-sart-drive 11s linear infinite}@keyframes hk-sart-drive{0%{transform:translateX(-30vw)}to{transform:translateX(110vw)}}.hk-sart__wheel{animation:hk-sart-spin .5s linear infinite}@media (max-width:860px){.hk-sart--flavour .hk-sart__disc,.hk-sart--flavour .hk-sart__ring{left:50%!important;top:66%!important}.hk-sart--shop .hk-sart__disc{left:50%!important;top:64%!important}.hk-sart--inside .hk-sart__disc,.hk-sart--inside .hk-sart__ring{top:34%!important}.hk-sart__prop{width:54px}.hk-sart--flavour .hk-sart__prop[data-i="0"]{left:12%!important;top:56%!important}.hk-sart--flavour .hk-sart__prop[data-i="1"]{left:88%!important;top:60%!important}.hk-sart--flavour .hk-sart__prop[data-i="2"]{left:14%!important;top:84%!important}.hk-sart--flavour .hk-sart__prop[data-i="3"]{left:86%!important;top:86%!important}.hk-sart--flavour .hk-sart__prop[data-i="4"]{display:none}.hk-sart--flavour .hk-sart__bubbles{left:10%!important;width:80%!important}.hk-sart--inside .hk-sart__prop[data-i="0"]{left:14%!important;top:14%!important}.hk-sart--inside .hk-sart__prop[data-i="1"]{left:88%!important;top:34%!important}.hk-sart--inside .hk-sart__prop[data-i="2"]{left:86%!important;top:10%!important}.hk-sart--inside .hk-sart__prop[data-i="3"]{left:12%!important;top:36%!important}.hk-sart--inside .hk-sart__bubbles{left:20%!important;width:60%!important;bottom:55%}}.hk-art *{transform-box:fill-box}.hk-pulse{transform-origin:center;animation:hk-pulse 3.2s var(--hk-ease) infinite}.hk-pulse--2{animation-delay:.6s}@keyframes hk-pulse{0%,to{transform:scale(.94)}50%{transform:scale(1.06)}}.hk-drift{animation:hk-drift 9s linear infinite}@keyframes hk-drift{0%{transform:translateX(0)}to{transform:translateX(-200px)}}.hk-sway{transform-origin:50% 100%;animation:hk-sway 4.8s ease-in-out infinite}@keyframes hk-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.hk-rise{opacity:0;animation:hk-rise 2.8s ease-out infinite}@keyframes hk-rise{0%{opacity:0;transform:translateY(0)}30%{opacity:.7}to{opacity:0;transform:translateY(-70px)}}.hk-walk{animation:hk-walk 14s linear infinite alternate}@keyframes hk-walk{0%{translate:0 0}to{translate:-90px 0}}.hk-bob{animation:hk-bob .7s ease-in-out infinite}@keyframes hk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hk-nudge{animation:hk-nudge 5s ease-in-out infinite}@keyframes hk-nudge{0%,to{transform:translateX(0)}50%{transform:translateX(-10px)}}.hk-zip{animation:hk-zip 6s linear infinite}@keyframes hk-zip{0%{transform:translateX(-80px)}60%,to{transform:translateX(420px)}}.hk-curtain{transform-origin:50% 0;animation:hk-curtain 5s ease-in-out infinite}@keyframes hk-curtain{0%,to{transform:skewX(0deg)}50%{transform:skewX(-6deg)}}.hk-type{transform-origin:0 50%;animation:hk-type 3.6s steps(12) infinite}.hk-type--2{animation-delay:1.2s}.hk-type--3{animation-delay:2.4s}@keyframes hk-type{0%{transform:scaleX(0)}40%,to{transform:scaleX(1)}}.hk-blink{animation:hk-blink 1s steps(1) infinite}@keyframes hk-blink{50%{opacity:0}}.hk-ball{animation:hk-ball 1.6s cubic-bezier(.4,0,.6,1) infinite}@keyframes hk-ball{0%{transform:translate(0)}50%{transform:translate(-28px,-26px)}to{transform:translate(-56px,10px)}}.hk-bat{transform-origin:50% 0;animation:hk-bat 1.6s ease-in-out infinite}@keyframes hk-bat{0%,80%{rotate:0deg}92%{rotate:-40deg}to{rotate:0deg}}.hk-swing{transform-origin:50% 0;animation:hk-swing 4s ease-in-out infinite}@keyframes hk-swing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.hk-roll{animation:hk-roll 4.5s ease-in-out infinite alternate}@keyframes hk-roll{0%{transform:translateX(0)}to{transform:translateX(70px)}}.hk-home.hk-over-can{cursor:grab}.hk-home.hk-dragging,.hk-home.hk-dragging *{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hk-in{opacity:0;transform:translateY(14px);transition:opacity .62s var(--hk-ease),transform .62s var(--hk-ease)}.hk-in.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.hk-okra__art,.hk-sart__float,.hk-sart__ring,.hk-sart__tuk,.hk-sart__wheel{animation:none}.hk-sart__bubbles{display:none}.hk-moment__photo{transform:none}.hk-art,.hk-art *{animation:none!important}.hk-haze{filter:none}.hk-in{opacity:1;transform:none}.hk-btn,.hk-chip,.hk-in{transition:none}.hk-loader__bar>span,.hk-loader__flower{animation:none}.hk-loader__bar>span{width:100%;opacity:.5}}