@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.sticky{position:sticky}.table{display:table}.rounded{border-radius:.25rem}.lowercase{text-transform:lowercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:#e8e2d3}body{color:#17382b;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.bar-stage{isolation:isolate;background:#e8e2d3;height:100dvh;position:relative;overflow:hidden}.stage-grain{pointer-events:none;opacity:.32;background:radial-gradient(circle at 5% 4%,#fff9e9 0,#0000 38%),linear-gradient(120deg,#f0ead9,#e8e2d3 50%,#ded7c4);position:absolute;inset:0}.brand-head{z-index:5;border-bottom:1px solid #aab6a4;padding-bottom:28px;position:absolute;top:42px;left:63%;right:4%}.brand-line{align-items:baseline;gap:17px;display:flex}.brand-mark{letter-spacing:-.09em;font-size:clamp(45px,5vw,86px);font-weight:900;line-height:.9}.brand-dot{color:#9b9f45}.brand-house{letter-spacing:.26em;font-size:10px;font-weight:800}.brand-head p{margin:22px 0 0;font-family:Georgia,serif;font-size:21px;font-style:italic}.brand-index{letter-spacing:.23em;color:#6c7b60;margin-top:24px;font-size:10px;font-weight:700;display:block}.shelf-row{position:absolute;overflow:visible}.row-heading{z-index:1;pointer-events:none;color:#234b37;align-items:baseline;gap:12px;display:flex;position:absolute;top:9px;left:4.5%;right:4.5%}.row-heading h2{letter-spacing:.15em;margin:0;font-size:clamp(13px,1.1vw,19px);font-weight:800;line-height:1.1}.row-number,.row-count{letter-spacing:.14em;color:#768e6c;font-size:10px;font-weight:700}.row-count{margin-left:auto}.shelf-photo{pointer-events:none;max-width:none;display:block;position:absolute}.cup-image{pointer-events:none;will-change:transform;transition:opacity .18s linear;position:absolute}.cup-image img{width:100%;height:100%;display:block}.reduced-copy{z-index:40;transition:opacity .18s linear}.cup-shadow{pointer-events:none;z-index:4;background:radial-gradient(#1f1a0edb,#1f1a0e6b 49%,#0000 72%);border-radius:50%;transition:opacity .18s;position:absolute;transform:translate(-50%,-50%)}.counter-shadow{z-index:28}.cup-hit{cursor:pointer;z-index:35;background:0 0;border:0;padding:0;display:block;position:absolute;top:0}.landed-hit{cursor:pointer;z-index:45;background:0 0;border:0;padding:0;display:block;position:absolute}.cup-hit:focus-visible{outline-offset:-5px;border-radius:20px;outline:3px solid #3b7756}.counter-zone{z-index:1;pointer-events:none;position:absolute;overflow:hidden}.counter-zone img{max-width:none;display:block}.right-menu{z-index:3;scrollbar-width:thin;transition:opacity .2s;position:absolute;inset:260px 4% 25px 63%;overflow:auto}.right-menu.is-preview{opacity:0;pointer-events:none}.menu-panel{max-width:640px}.eyebrow{letter-spacing:.22em;color:#7b906e;font-size:10px;font-weight:800}.menu-panel h2{letter-spacing:-.03em;margin:10px 0 12px;font-family:Georgia,serif;font-size:clamp(25px,2.5vw,40px);font-weight:400}.menu-intro{color:#49634c;max-width:490px;font-size:13px;line-height:1.65}.defaults{background:#ffffff45;border:1px solid #bbc5ab;margin-top:24px;padding:16px 19px}.defaults h3,.option-box h3{letter-spacing:.13em;text-transform:uppercase;margin:0 0 13px;font-size:12px}.default-row{border-top:1px solid #c8d0be;grid-template-columns:112px 1fr;gap:2px 12px;padding:9px 0;font-size:12px;display:grid}.default-row strong{font-weight:700}.default-row small{color:#667c64;grid-column:2;font-size:11px;line-height:1.4}.option-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.option-box{background:#d8e0cc;min-height:130px;padding:15px 17px}.option-box:nth-child(2){background:#e6dac0}.option-box:nth-child(3){background:#e2e7d9;grid-column:1/-1}.option-box p{margin:5px 0;font-size:12px}.option-box small{color:#5d7058;margin-top:9px;font-size:11px;line-height:1.45;display:block}.detail-card{z-index:55;background:#f6f4e8f5;border:1px solid #aebba3;padding:22px 25px 25px;position:absolute;top:22%;left:75%;right:4%;box-shadow:0 20px 55px #1637242b}.detail-top{justify-content:space-between;align-items:start;display:flex}.detail-top button{color:#42624a;cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.detail-card h2{letter-spacing:-.04em;margin:26px 0 7px;font:clamp(23px,2.5vw,37px)/1.05 Georgia,serif}.star{color:#a7a653;vertical-align:top;font:18px Arial,sans-serif}.detail-price{color:#718348;font-size:25px;font-weight:800}.detail-rule{background:#bbcab0;height:1px;margin:22px 0}.ingredient{margin:5px 0;font-size:13px;line-height:1.45}.detail-hint{color:#7d8a78;margin:25px 0 0;font-size:11px}.stage-footer{letter-spacing:.2em;color:#758a72;font-size:9px;position:absolute;bottom:14px;left:3%}.mobile-menu{display:none}@media (min-width:768px){.right-menu{top:clamp(240px,24vh,260px);bottom:auto;overflow:visible}.menu-panel h2{margin:4px 0 6px;font-size:clamp(23px,2.2vw,34px);line-height:1.08}.eyebrow,.menu-intro{margin:0}.menu-intro{font-size:clamp(11px,1.15vh,13px);line-height:1.35}.defaults{margin-top:clamp(8px,1.2vh,14px);padding:clamp(8px,1.1vh,12px) 12px}.defaults h3,.option-box h3{margin-bottom:7px;font-size:11px}.default-row{grid-template-columns:90px 1fr;gap:1px 8px;padding:clamp(4px,.7vh,7px) 0;font-size:11px;line-height:1.3}.default-row small{font-size:10px;line-height:1.25}.option-grid{gap:7px;margin-top:7px}.option-box{min-height:0;padding:9px 10px}.option-box p{margin:3px 0;font-size:11px;line-height:1.3}.option-box small{margin-top:5px;font-size:10px;line-height:1.25}}@media (min-width:1400px){.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.option-box:nth-child(3){grid-column:auto}}@media (min-width:768px) and (max-width:950px){.option-grid{grid-template-columns:1fr}.option-box:nth-child(3){grid-column:auto}}@media (min-width:768px) and (max-width:950px) and (max-height:850px){.brand-head{padding-bottom:10px;top:25px;left:59%;right:2%}.brand-head p,.brand-index{margin-top:12px}.right-menu{top:225px;left:59%;right:2%}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px) and (max-height:850px){.detail-card{padding:14px 16px;top:28%}.detail-card h2{margin:10px 0 5px;font-size:26px}.detail-rule{margin:12px 0}.detail-hint{margin:12px 0 0}}@media (max-width:767px){.bar-stage{height:100dvh}.brand-head{padding-bottom:3px;top:18px;left:6%;right:6%}.brand-mark{font-size:44px}.brand-house{font-size:8px}.brand-head p{margin:8px 0 0;font-size:13px}.brand-index{display:none}.row-heading{top:1px;left:6%;right:6%}.row-heading h2{font-size:12px}.row-number,.row-count{font-size:9px}.right-menu,.stage-footer{display:none}.detail-card{padding:13px 14px;inset:auto 3% 14px 43%}.detail-card h2{margin:10px 0 3px;font-size:19px}.detail-price{font-size:17px}.detail-rule{margin:8px 0}.ingredient{margin:2px 0;font-size:10px}.detail-hint{display:none}.mobile-menu{background:#e8e2d3;padding:32px 6% 48px;display:block}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
