.coffee-menu-links{display:none}@media (min-width:1001px){.coffee-menu-links{align-items:end;bottom:0;display:grid;grid-template-columns:1fr 1fr;left:0;padding-block:0 clamp(10px,1.6svh,18px);padding-inline:clamp(20px,2.5vw,40px);pointer-events:none;position:absolute;right:0;top:var(--coffee-table-top,87%);z-index:2}.coffee-menu-link{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:var(--font-brand);gap:10px;height:clamp(48px,8svh,64px);justify-content:center;outline-offset:3px;pointer-events:auto;text-align:center;text-shadow:0 1px 1px rgb(42 24 14/80%),0 2px 4px rgb(42 24 14/65%),0 4px 8px rgb(42 24 14/35%);transition:color .18s ease,transform .18s ease;width:clamp(210px,19vw,280px)}.coffee-menu-link-right{justify-self:end;width:clamp(300px,30vw,450px)}.coffee-menu-link-title{font-size:clamp(13px,1.28vw,19px);font-weight:900;letter-spacing:.015em;line-height:1.1;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:5px;white-space:nowrap}.coffee-menu-link:hover{color:var(--gold);transform:translateY(-1px)}.coffee-menu-link:focus-visible{outline:2px solid #fff}}@media (min-width:1001px) and (prefers-reduced-motion:reduce){.coffee-menu-links{background:url(/coffee-artwork/background.png) bottom/100% 697.037% no-repeat;min-height:100px;position:relative;top:auto}.coffee-menu-link{transition:none}.coffee-menu-link:hover{transform:none}}.mobile-coffee{display:none}@media (max-width:767px){.mobile-coffee{--mobile-coffee-height:min(740px,calc(100svh - 66px));--coffee-composition-min:210px;background:var(--green-deep);color:#fff6e7;display:block;font-family:var(--font-brand);padding-top:66px;width:100%}.mobile-coffee-accessible-title{clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mobile-coffee-track{position:relative}.mobile-coffee-track:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.mobile-coffee-size{height:var(--mobile-coffee-height);pointer-events:none;position:absolute;visibility:hidden;width:0}.mobile-coffee-stage{background:#68472b url(/coffee-artwork/background-mobile-clean.png) bottom/cover no-repeat;overflow:clip;position:relative}.mobile-coffee-scene{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:var(--mobile-coffee-height);padding-bottom:clamp(16px,calc((var(--mobile-coffee-height) - 500px) / 3),80px);position:relative}.mobile-coffee-scene[data-active=false]{visibility:hidden}.mobile-coffee-details{align-self:start;margin-inline:auto;max-width:440px;padding:clamp(20px,8.2vw,36px) 16px 8px;text-align:center;width:100%}.mobile-coffee-title{margin:0 0 24px}.mobile-coffee-title img,.mobile-coffee-title span{display:block}.mobile-coffee-title img{height:100%;width:100%;object-fit:contain}.mobile-coffee-title-vietnamese{aspect-ratio:846/120;margin-inline:auto;width:min(77.3vw,340px)}.mobile-coffee-title-row{display:flex!important;height:clamp(30px,10.3vw,45px);justify-content:center}.mobile-coffee-title-row>span{flex:none;height:100%}.mobile-coffee-description{position:relative;font-size:clamp(13px,3.07vw,13.5px);font-weight:600;line-height:1.25;text-shadow:-1px 0 1px #20180f,1px 0 1px #20180f,0 1px 2px #20180f}.mobile-coffee-description:before{background:linear-gradient(180deg,transparent,rgb(33 23 15/25%) 14%,rgb(33 23 15/25%) 84%,transparent);content:"";inset:-12px -20px;opacity:var(--copy-shade,0);pointer-events:none;position:absolute}.mobile-coffee-description p{margin:0 0 8px;position:relative}.mobile-coffee-description p:last-child{margin-bottom:0}.mobile-coffee-composition{margin-inline:auto;min-height:max(360px,55svh);position:relative;width:min(100%,500px)}.mobile-coffee-cup{bottom:var(--cup-bottom,0);height:var(--cup-height,100%);left:var(--cup-left,27%);position:absolute;width:var(--cup-width,46%)}.mobile-coffee-cup img{display:block;height:100%;object-fit:contain;object-position:center bottom;width:100%}.mobile-coffee-callout{position:absolute;top:0;max-width:36%;width:max-content}.mobile-coffee-callout[data-tone=ice]{--ingredient-color:#b9e7f7}.mobile-coffee-callout[data-tone=cream]{--ingredient-color:#fff6e7}.mobile-coffee-callout[data-tone=milk]{--ingredient-color:#ecb552}.mobile-coffee-callout[data-tone=beans]{--ingredient-color:#a64300}.mobile-coffee-ingredient{align-items:center;color:var(--ingredient-color);display:flex;flex-direction:row;font-size:clamp(11px,2.73vw,12px);font-weight:600;gap:4px;line-height:1.18;text-align:left;text-shadow:0 1px 1px #20180f,0 0 2px #fff6e7}.mobile-coffee-ingredient span{min-width:0;overflow-wrap:anywhere}.mobile-coffee-ingredient img{flex:none;height:clamp(30px,8.65vw,38px);object-fit:contain;width:clamp(30px,8.65vw,38px)}.mobile-coffee-arrow{height:auto;position:absolute;width:clamp(56px,17vw,78px)}.mobile-coffee-arrow svg,.mobile-coffee-arrow-art{display:block;height:100%;width:100%}.mobile-coffee-arrow[data-side="1"] svg{transform:scaleX(-1)}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.mobile-coffee-track[data-enhanced]:not([data-static]){height:var(--mobile-coffee-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:none;touch-action:auto}.mobile-coffee-track[data-enhanced]:not([data-static])::-webkit-scrollbar{display:none}.mobile-coffee-track[data-enhanced]:not([data-static]) .mobile-coffee-pin{height:600svh}.mobile-coffee-track[data-enhanced]:not([data-static]) .mobile-coffee-stage{height:var(--mobile-coffee-height);position:sticky;top:0}.mobile-coffee-track[data-enhanced]:not([data-static]) .mobile-coffee-scene{grid-template-rows:var(--coffee-details-height,auto) minmax(0,1fr);height:100%;inset:0;min-height:0;position:absolute;visibility:hidden}.mobile-coffee-track[data-enhanced]:not([data-static]) .mobile-coffee-scene[data-active=true]{visibility:visible}.mobile-coffee-track[data-enhanced]:not([data-static]) .mobile-coffee-composition{min-height:var(--coffee-composition-min)}.mobile-coffee-track[data-enhanced]:not([data-static]) .mobile-coffee-scene[data-active=true] [data-coffee-kind]{will-change:transform,opacity}}@media (max-width:767px) and (max-height:650px){.mobile-coffee{--coffee-composition-min:180px}.mobile-coffee-details{padding:10px 16px 8px}.mobile-coffee-title{margin-bottom:8px}.mobile-coffee-description{font-size:13px;line-height:1.22}.mobile-coffee-description p{margin-bottom:6px}.mobile-coffee-scene{padding-bottom:12px}}.coffee-scroll{display:none}@media (min-width:768px){.coffee-scroll{--coffee-header-space:88px;display:block;height:750svh;position:relative;width:100%}.coffee-stage{height:100svh;overflow:clip;position:sticky;top:0;width:100%}.coffee-viewport{align-items:center;background:#68472b url(/coffee-artwork/background.png) 50%/cover no-repeat;display:flex;inset:72px 0 0;justify-content:center;padding-top:calc(var(--coffee-header-space) - 72px);position:absolute}.coffee-table{background:url(/coffee-artwork/background.png) bottom/100% 697.037% no-repeat;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:var(--coffee-table-top,87%)}.coffee-canvas{aspect-ratio:16/9;z-index:1;flex:none;position:relative;width:min(calc(100% - 32px),calc((100svh - var(--coffee-header-space) - 24px) * 16 / 9))}.coffee-layer,.coffee-scene{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.coffee-scene{visibility:hidden}.coffee-layer{display:block;max-width:none;object-fit:contain}.coffee-scene[data-active=true] .coffee-layer{will-change:transform,opacity}.coffee-layer>img,.coffee-layer>svg{display:block;height:100%;width:100%}.coffee-accessible-list,.coffee-accessible-title{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width:768px) and (prefers-reduced-motion:reduce){.coffee-table{display:none}.coffee-scroll,.coffee-stage{height:auto}.coffee-stage{padding-top:var(--coffee-header-space);position:relative}.coffee-viewport{background:none;display:block;padding:0;position:relative;inset:auto}.coffee-canvas{aspect-ratio:auto;width:100%}.coffee-scene{aspect-ratio:16/9;background:#68472b url(/coffee-artwork/background.png) 50%/cover no-repeat;height:auto;position:relative;visibility:visible}.coffee-scene[data-active=true] .coffee-layer{will-change:auto}}