.cs-apple{--hum-roast: #44272c;--hum-orange: #f86000;--hum-olive: #8b983e;--hum-peach: #f29c61;--hum-mauve: #76565b;--hum-lime: #d5da66}:where([data-mode=dark]) .cs-apple{--hum-ink: #f29c61}.cs-apple .hum-appicon{background:var(--hum-orange);color:var(--hum-peach);box-shadow:0 18px 40px -16px #f8600099,inset 0 0 0 1px #ffffff1a}.cs-apple .hum-appicon svg{height:66%;width:auto}.hum-hero-media{margin-top:var(--cs-gap-m);aspect-ratio:16 / 9}.hum-hero-media img{position:absolute;inset:-6% 0;height:112%}.hum-slide{aspect-ratio:1400 / 1080!important}.cs-gallery .g-4{grid-column:span 4}.hum-note{margin-top:var(--cs-gap-s);text-align:center;font-size:.8125rem;color:var(--label-3)}.hum-stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--cs-gap-m);align-items:center;padding:var(--cs-pad-lg);border-radius:var(--radius-xl);background:var(--hum-peach);color:var(--hum-roast)}.hum-stage__art{display:grid;place-items:center}.hum-word{width:min(460px,92%);height:auto;overflow:visible;color:var(--hum-roast)}.hum-word .hum-u,.hum-word .hum-o{fill:var(--hum-orange);transition:fill .4s}.hum-stage__notes{display:grid;gap:4px}.hum-stage__notes li{display:grid;gap:4px;padding:14px 18px;border-radius:18px;color:#44272c73;transition:color .4s,background-color .4s}.hum-stage__notes li b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h5);line-height:1.3}.hum-stage__notes li span{font-size:.9375rem;line-height:1.45}.hum-stage__notes li.is-active{color:var(--hum-roast);background:#ffffff73}.hum-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--cs-bento)}.hum-palette div{display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(150px,16vw,220px);padding:16px;border-radius:var(--radius-tile);background:var(--c);color:var(--t);transition:transform .5s var(--ease-out)}.hum-palette div:hover{transform:translateY(-6px)}.hum-palette b{font-family:var(--font-display);font-weight:400;font-size:1.125rem}.hum-palette span{font-size:.8125rem;opacity:.85}.hum-patterns{position:relative;margin-top:var(--cs-bento);border-radius:var(--radius-tile);overflow:hidden;aspect-ratio:16 / 7}.hum-patterns__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .6s var(--ease-out),transform 1.2s var(--ease-out)}.hum-patterns__stage img.is-on{opacity:1;transform:none}.hum-patterns .hum-seg{position:absolute;left:50%;bottom:20px;translate:-50% 0;background:#ffffffc7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.hum-patterns .hum-seg button{color:#44272c}.hum-patterns .hum-seg button[aria-checked=true]{background:#fff;color:#44272c}.hum-seg{display:inline-flex;gap:2px;padding:3px;border-radius:100px;background:var(--fill)}.hum-seg button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 16px;border-radius:100px;font-size:.875rem;font-weight:500;color:var(--label-2);transition:background-color .3s,color .3s,box-shadow .3s}.hum-seg button[style]:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dot)}.hum-seg button[aria-checked=true]{background:var(--bg-elev);color:var(--label);box-shadow:0 1px 4px #00000024}.hum-range{padding:var(--cs-pad-lg);border-radius:var(--radius-xl);background:var(--bg-elev)}.hum-range__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--cs-gap-s);margin-bottom:var(--cs-gap-m)}.hum-shelf{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cs-bento);padding-bottom:28px;background:linear-gradient(transparent calc(100% - 26px),#d9c2a9 calc(100% - 26px),#c4a98d);border-radius:0 0 14px 14px}.hum-pouch{display:grid;justify-items:center;gap:12px}.hum-pouch[hidden]{display:none}.hum-pouch__bag{width:min(240px,100%);transition:transform .6s var(--ease-out)}.hum-pouch:hover .hum-pouch__bag{transform:translateY(-10px) rotate(-1.5deg)}.hum-pouch__svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 22px 22px rgba(68,39,44,.25))}.hum-pouch figcaption{display:grid;text-align:center}.hum-pouch figcaption b{font-family:var(--font-display);font-weight:400;font-size:1.0625rem}.hum-pouch figcaption span{font-size:.8125rem;color:var(--label-2)}.hum-brews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cs-bento)}.hum-brew{display:grid;align-content:start;gap:8px;padding:var(--cs-pad);border-radius:var(--radius-tile);background:var(--bg-elev)}.hum-brew h3{margin-top:10px;font-family:var(--font-display);font-weight:400;font-size:var(--fs-h5)}.hum-brew p{font-size:.9375rem;line-height:1.45;color:var(--label-2)}.hum-sketch{width:60%;max-width:180px;height:auto;color:var(--hum-ink, var(--hum-roast));overflow:visible}.hum-sketch path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hum-sketch .dash{stroke-dasharray:3 4;opacity:.5}.hum-sketch .steam,.hum-sketch .drip{stroke:var(--c)}.hum-pack{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--cs-bento)}.hum-pack__item{grid-column:span 4;aspect-ratio:1400 / 1080}.hum-pack .hum-pack__item--wide{grid-column:span 8;grid-row:span 2;aspect-ratio:auto}.hum-rail-item{flex:none;width:min(760px,82vw);aspect-ratio:1400 / 1080}.hum-credit{margin-top:var(--cs-gap-s);font-size:.9375rem;color:var(--label-2)}:where([data-mode=dark]) .hum-shelf{background:linear-gradient(transparent calc(100% - 26px),#4a3a33 calc(100% - 26px),#3a2c26)}:where([data-mode=dark]) .cs-apple .hum-seg button[aria-checked=true]{background:var(--fill-2);box-shadow:none}:where([data-mode=dark]) .cs-apple .hum-patterns .hum-seg button[aria-checked=true]{background:#fff}:where([data-mode=dark]) .hum-note{color:var(--label-2)}@media(max-width:860px){.hum-stage{grid-template-columns:1fr}.hum-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-gallery .g-4{grid-column:span 12}.hum-patterns{aspect-ratio:4 / 3}.hum-shelf{gap:8px}.hum-pouch figcaption b{font-size:.8125rem}.hum-pouch figcaption span{font-size:.75rem}.hum-brews{grid-template-columns:1fr}.hum-pack__item,.hum-pack .hum-pack__item--wide{grid-column:span 12;grid-row:auto;aspect-ratio:1400 / 1080}}@media(max-width:560px){.hum-seg button{padding:6px 12px;font-size:.8125rem}.hum-seg button[style]:before{display:none}}