@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--green:var(--brand-brown);--ink:#432a1c;--muted:#8a7766;--cream:#fffaf0;--line:#e8dbc5;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input{font:inherit}button,a{color:inherit;outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}a{text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin-top:0}.header{height:94px;display:flex;align-items:center;padding:0 5%;border-bottom:1px solid var(--line);gap:60px;background:#fff}.brand{display:flex;align-items:center;gap:14px;letter-spacing:2px;font-size:17px}.brand img{width:49px;height:49px}.header nav{display:flex;height:100%;gap:34px}.nav-link{font-size:13px;font-weight:650;border-bottom:3px solid transparent;padding:0 3px}.nav-link.active{border-color:var(--green)}.nav-dot{display:inline-block;border-radius:50%;background:var(--green);width:5px;height:5px;margin-left:6px}.header-right{margin-left:auto;display:flex;align-items:center;gap:12px}.demo-tag{font-size:8px;letter-spacing:1.3px;color:#8b7762;margin-right:16px}.profile{background:#fff0bf;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-family:var(--serif)}.profile-name{font-size:12px}main,footer{max-width:1390px;margin:auto;padding-left:5%;padding-right:5%}main{padding-top:40px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;margin-bottom:13px}.menu-heading h1{font-family:var(--serif);font-weight:400;font-size:46px;letter-spacing:-1.5px;line-height:1.17;margin-bottom:16px}.menu-heading h1 br{display:none}.menu-heading h1 em{margin-left:10px;color:#b38538;font-weight:400}.menu-heading>p:last-child{color:var(--muted);font-size:13px}.menu-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;margin-top:30px}.category-tabs{display:flex;gap:9px;margin-bottom:25px}.category-tabs button{font-size:11px;border:1px solid #e4d5b8;border-radius:24px;padding:10px 20px}.category-tabs button.selected{background:var(--green);color:#fff;border-color:var(--green)}.drink-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.drink-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;position:relative;text-align:left;transition:transform .2s,box-shadow .2s;padding:0;display:block}.drink-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #2049310a}.drink-card.selected{border-color:#bd8d3c}.drink-art{height:185px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:#faedce}.drink-art:before{content:'';position:absolute;width:150px;height:150px;border:1px solid #ffffff80;border-radius:50%;transform:translateX(15px)}.drink-art svg{height:165px;width:145px;transform:rotate(-8deg);filter:drop-shadow(6px 9px 5px #344c2715)}.drink-card:nth-child(2) .drink-art{background:#e8d6b6}.drink-card:nth-child(3) .drink-art{background:#ead9c2}.drink-card:nth-child(4) .drink-art{background:#ede8cb}.drink-meta{padding:17px 18px 19px}.drink-meta h2{font-size:16px;font-weight:600;margin:0 0 6px}.drink-meta p{font-size:10px;color:var(--muted);margin:0}.drink-arrow{position:absolute;right:15px;bottom:22px;font-size:20px;color:#896037}.drink-badge{position:absolute;left:13px;top:13px;border-radius:20px;background:#fff9;padding:5px 9px;font-size:7px;letter-spacing:1px}.menu-note{font-size:9px;line-height:1.6;color:var(--muted);margin:17px 0}.basket{border:1px solid var(--line);border-radius:13px;padding:23px;background:#fff;align-self:start}.basket>.eyebrow{font-size:8px}.basket-cup{height:145px;display:grid;place-items:center;background:radial-gradient(ellipse,#ffedb6,transparent 65%)}.basket-cup svg{width:140px;height:150px}.basket h2{font:25px var(--serif);text-align:center;margin:13px 0 9px}.basket>p:not(.eyebrow){text-align:center;color:var(--muted);font-size:10px;line-height:1.7}.basket dl{border-top:1px solid var(--line);padding-top:13px;margin-top:20px}.basket dl>div{display:flex;justify-content:space-between;font-size:10px;padding:8px 0}.basket dt{color:var(--muted)}dd{margin:0}.basket dd{font-weight:500}.pickup-estimate{display:flex;align-items:center;gap:12px;background:#fff1c9;padding:13px 12px;border-radius:7px;margin:16px 0}.pickup-estimate>span{font-size:25px}.pickup-estimate strong,.pickup-estimate small{display:block;font-size:10px;font-weight:500}.pickup-estimate small{font-size:8px;color:var(--muted);margin-top:5px}.primary{background:var(--green);border-radius:24px;color:#fff;padding:14px 20px;font-size:12px;font-weight:550;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:background .2s}.primary:hover{background:#694426}.basket .primary{width:100%}.basket>.checkout-note{font-size:8px!important;margin:12px 0 0!important}.menu-banner{border:1px solid var(--line);border-radius:10px;background:#fff0c2;display:flex;align-items:center;padding:22px 28px;gap:20px;margin:28px 0}.menu-banner img{width:41px;height:41px}.menu-banner h3{font:20px var(--serif);margin:0 0 5px}.menu-banner p{font-size:11px;color:var(--muted);margin:0}.menu-banner>span{margin-left:auto;font-size:30px;color:#b4852c}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#927b63;padding-top:25px;padding-bottom:25px}.text-button{font-size:10px;font-weight:500;padding:6px 0}.order-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.order-heading h1{font:42px var(--serif);letter-spacing:-1.3px;margin:0 0 12px}.order-heading p:last-child{color:var(--muted);font-size:12px;margin-bottom:0}.order-heading h1:focus{outline:none}.eta-block{text-align:right}.eta-block>span{font-size:8px;letter-spacing:1.5px;display:block}.eta-block strong{display:block;font-size:26px;font-weight:450;margin:7px 0 4px;font-variant-numeric:tabular-nums}.eta-block small{font-size:9px;color:var(--muted)}.queue-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff0bb;border:1px solid #f0d98d;border-radius:11px;padding:18px 25px 22px;margin-bottom:24px;overflow:hidden}.queue-label{display:flex;align-items:center;gap:11px}.queue-label strong{font-weight:550;font-size:12px}.live-dot{height:7px;width:7px;border-radius:50%;background:#a67228;box-shadow:0 0 0 5px #f8dfa0}.queue-dots{display:flex;align-items:center}.queue-dots span{width:27px;height:27px;border-radius:50%;border:1px solid #c9a875;display:grid;place-items:center;font-size:10px;color:#91784e}.queue-dots span.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 0 0 4px #f1d386}.queue-dots span.done{background:#f5dfa2;color:#9b7539;border-color:#f5dfa2}.queue-dots i{width:29px;height:1px;background:#dfc99a}.remaining{display:flex;align-items:center;gap:14px}.remaining>span{font-size:10px;color:#8d6b46}.remaining strong{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.overall-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:#eed29a}.overall-track span{display:block;height:100%;width:0;background:var(--green);transition:width .25s linear}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.theater{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fffefa}.scene{height:365px;background:#e8efdc;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 30% 20%,#fbf6e4 0,transparent 65%)}.scene-top{display:flex;justify-content:space-between;align-items:center;position:absolute;left:24px;right:22px;top:19px;z-index:2;gap:12px}.scene-top>span{font-size:7px;letter-spacing:1.4px;font-weight:600}.stage{position:absolute;inset:40px 0 36px}.stage>svg{height:100%;width:100%;animation:sceneIn 1s ease both}.scene-footnote{position:absolute;left:22px;bottom:17px;right:42px;font-size:7px;line-height:1.5;color:#60754e}.scene-star{position:absolute;right:20px;bottom:12px;color:#b39654;font-size:24px}.caption{min-height:130px}.caption h2{font:28px var(--serif);letter-spacing:-.6px;margin:16px 0 10px}.caption p{font-size:12px;line-height:1.85;color:#6e7a63;max-width:650px;margin-bottom:17px}.story-track{height:2px;background:#e6eadf;margin-top:6px}.story-track>span{display:block;height:100%;width:0;background:#b29d68}.automatic-note{display:flex;align-items:center;gap:7px;color:#927d63;font-size:8px;padding-top:13px}.automatic-note>span{color:#b79a58}.automatic-note button{margin-left:auto;font-size:8px;white-space:nowrap}.order-details{padding:24px 23px 0;background:#fff;border:1px solid var(--line);border-radius:13px;align-self:start}.receipt-heading{display:flex;justify-content:space-between;align-items:center}.receipt-heading .eyebrow{margin:0;font-size:8px}.receipt-heading>span{font-size:10px;color:#95795c}.receipt-cup{height:150px;display:grid;place-items:center;background:radial-gradient(ellipse,#fcf0d6,transparent 70%)}.receipt-cup svg{height:143px;width:139px;transform:rotate(-6deg)}.order-details>h2{text-align:center;font:24px var(--serif);margin:9px 0}.order-details>p{text-align:center;font-size:9px;color:var(--muted);margin-bottom:20px}.receipt-name{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;align-items:center}.receipt-name>span{font-size:10px;color:var(--muted)}.receipt-name>strong{font-family:var(--serif);font-size:19px;font-style:italic;font-weight:400}.receipt-name strong span{font-style:normal;font-family:Arial;color:#c39b4b}.milestones{list-style:none;padding:20px 0 0;margin:0}.milestones li{display:flex;gap:11px;position:relative;padding-bottom:21px;color:#b2a18b}.milestones li:not(:last-child):after{position:absolute;content:'';left:10px;top:25px;width:1px;height:18px;background:var(--line)}.milestones li>span{display:grid;place-items:center;width:23px;height:23px;font-size:9px;border:1px solid #e6d9c2;border-radius:50%;flex-shrink:0}.milestones strong,.milestones small{display:block;font-size:10px;font-weight:500}.milestones small{font-size:8px;font-weight:400;margin-top:5px;line-height:1.5}.milestones .complete,.milestones .current{color:var(--ink)}.milestones .complete>span{background:#fff0c2;border-color:#fff0c2}.milestones .current>span{background:var(--green);color:#fff;border-color:var(--green)}.ingredient-link{border-top:1px solid var(--line);width:100%;padding:15px 0;display:flex;justify-content:space-between;font-size:10px}.order-details>.receipt-note{background:#faf1de;margin:0 -23px;padding:13px 23px;border-radius:0 0 13px 13px;font-size:8px;line-height:1.7}.ready-screen{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:grid;grid-template-columns:43% 57%;min-height:505px;animation:sceneIn 1s ease}.ready-art{background:#f3da96;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.ready-halo{position:absolute;width:300px;height:300px;border:1px solid #aabf93;border-radius:50%;box-shadow:0 0 0 30px #dce8ce,0 0 0 31px #bccfac66,0 0 0 64px #dce8ce50}.ready-art #ready-cup{width:245px;height:330px;z-index:1;filter:drop-shadow(12px 16px 12px #45603123);animation:float 6s ease-in-out infinite}.ready-art svg{height:100%;width:100%}.ready-spark{position:absolute;color:#a98a47;font-size:37px}.ready-spark.one{left:14%;top:25%}.ready-spark.two{right:12%;bottom:28%}.cup-signature{font:italic 22px var(--serif);color:#8b623a;z-index:1;margin-top:15px}.ready-content{padding:35px 38px}.ready-pill{display:inline-block;font-size:8px;letter-spacing:1.5px;color:var(--green);background:#ffedb4;padding:8px 12px;border-radius:20px}.ready-content h2{font:38px/1.22 var(--serif);letter-spacing:-1px;margin:20px 0 15px}.ready-content h2 em{color:#ac7b30;font-weight:400}.ready-content>p{font-size:11px;line-height:1.9;color:var(--muted)}.ready-drink{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin:20px 0}.ready-drink strong{font-size:12px;font-weight:550}.ready-drink span{font-size:9px;color:var(--muted)}.nutrition{display:grid;grid-template-columns:repeat(3,1fr);padding:5px 0 15px}.nutrition>div{border-right:1px solid var(--line);text-align:center}.nutrition>div:first-child{text-align:left}.nutrition>div:last-child{border:0}.nutrition strong{font-weight:450;font-size:33px;display:block}.nutrition small{font-size:16px}.nutrition span{font-size:9px;color:var(--muted)}.ready-content>.nutrition-note{font-size:9px;margin:0 0 17px}.ready-actions{display:flex;align-items:center;gap:22px}.ready-actions .primary{font-size:10px;padding:12px 17px}.ready-actions .text-button{font-size:9px}.ready-mode .queue-bar{background:#ffedaf}.text-button:hover,.ingredient-link:hover{text-decoration:underline}dialog{width:calc(100% - 32px);max-width:570px;max-height:90vh;background:#fffefa;color:var(--ink);border:1px solid var(--line);border-radius:15px;padding:35px}dialog::backdrop{background:#133c2c99;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:14px;background:#fcf0d6;width:30px;height:30px;font-size:22px;border-radius:50%}dialog h2{font:32px/1.2 var(--serif);letter-spacing:-.8px;margin:17px 0}dialog p{font-size:11px;line-height:1.8}.dialog-sub{color:var(--muted)}.ingredients-list>div{border-bottom:1px solid var(--line);padding:15px 0}.ingredients-list dt{font-weight:600;font-size:12px;margin-bottom:7px}.ingredients-list dd{color:#85725e;line-height:1.8;font-size:11px}.allergy{background:#fff0c2;border-radius:5px;padding:14px;margin:17px 0;font-size:11px}.allergy p{margin:5px 0 0}dialog a{display:block;text-decoration:underline;font-size:11px;margin:13px 0}dialog .fine-print{font-size:9px;color:#927e65}.float-guide{animation:float 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.path-glow{stroke-dasharray:5 9;animation:pathFlow 4s linear infinite}.bean-fall{animation:beanFall 2s ease-in infinite;transform-box:fill-box;transform-origin:center}.bean-fall.second{animation-delay:1s}.pour{stroke-dasharray:300;stroke-dashoffset:300;animation:pour 5s ease-in-out infinite}.milk-ribbon{animation:milkSwirl 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.ice-fall{animation:iceFall 2.5s ease both}.ice-fall.second{animation-delay:.7s}.lid-lower{animation:lidLower 3.2s ease-in-out both}.liquid-rise{transform-box:fill-box;transform-origin:bottom;animation:liquidRise 6s ease both}.roast-beans{transform-box:fill-box;transform-origin:center;animation:rotate 15s linear infinite}.sparkle{animation:twinkle 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}.reduce-motion .pour{stroke-dashoffset:0}.reduce-motion .ice-fall,.reduce-motion .lid-lower{transform:none}
@keyframes sceneIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes wave{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes pathFlow{to{stroke-dashoffset:-56}}@keyframes beanFall{0%{transform:translateY(-30px);opacity:0}25%{opacity:1}100%{transform:translateY(14px) rotate(60deg);opacity:0}}@keyframes pour{0%{stroke-dashoffset:300;opacity:0}12%{opacity:1}80%{opacity:1;stroke-dashoffset:0}100%{stroke-dashoffset:-300;opacity:0}}@keyframes milkSwirl{0%,100%{transform:scaleX(1) translateY(0)}50%{transform:scaleX(.93) translateY(4px)}}@keyframes iceFall{from{transform:translateY(-100px) rotate(-20deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes lidLower{0%,30%{transform:translateY(-60px);opacity:.7}100%{transform:translateY(0);opacity:1}}@keyframes liquidRise{from{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes twinkle{0%,100%{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:1050px){.header{gap:35px}.menu-heading h1{font-size:39px}.menu-layout{gap:24px;grid-template-columns:minmax(0,1fr) 285px}.drink-art{height:165px}.drink-meta h2{font-size:14px}.drink-meta{padding:15px}.drink-arrow{font-size:17px;right:12px;bottom:17px}.order-layout{grid-template-columns:minmax(0,1fr) 270px;gap:19px}.scene{height:325px}.caption{min-height:160px}.order-heading h1{font-size:36px}.ready-content{padding:28px}.ready-content h2{font-size:32px}.ready-art #ready-cup{width:210px}.ready-actions{gap:13px}}
@media(max-width:760px){.header{height:75px;padding:0 5%;gap:20px}.brand strong{display:none}.brand img{height:41px;width:41px}.header nav{gap:18px}.nav-link{font-size:11px}.header-right{gap:7px}.demo-tag{font-size:6px;letter-spacing:.6px;margin-right:4px}.profile-name{display:none}.profile{height:28px;width:28px;font-size:12px}main{padding-top:28px}.menu-heading h1{font-size:38px}.menu-heading h1 br{display:block}.menu-heading h1 em{margin:0}.menu-heading>p:last-child{font-size:11px}.eyebrow{font-size:8px}.menu-layout{grid-template-columns:1fr;gap:20px;margin-top:25px}.category-tabs{margin-bottom:19px}.category-tabs button{font-size:10px;padding:9px 15px}.drink-grid{gap:13px}.drink-art{height:143px}.drink-art svg{height:133px;width:115px}.drink-meta{padding:13px 12px 17px}.drink-meta h2{font-size:13px;margin-bottom:7px}.drink-meta p{font-size:9px;max-width:110px;line-height:1.5}.drink-arrow{font-size:16px;right:10px;bottom:17px}.drink-badge{font-size:6px;left:9px;top:9px;padding:4px 7px}.basket{padding:22px}.basket-cup{height:150px}.basket h2{font-size:27px}.basket dl>div{font-size:12px}.basket>p:not(.eyebrow){font-size:11px}.pickup-estimate strong{font-size:12px}.pickup-estimate small{font-size:9px}.basket .primary{font-size:13px;padding:15px 20px}.basket>.checkout-note{font-size:9px!important}.menu-banner{padding:20px 17px;gap:12px}.menu-banner h3{font-size:18px}.menu-banner p{font-size:10px;line-height:1.6}.menu-banner>span{display:none}.menu-banner img{width:34px;height:34px}footer{align-items:flex-start;font-size:8px;line-height:1.7;gap:13px}footer>.text-button{font-size:8px;white-space:nowrap}.order-heading{align-items:flex-start;gap:10px;margin-bottom:23px}.order-heading h1{font-size:30px;line-height:1.17;letter-spacing:-1px;max-width:230px}.order-heading p:last-child{font-size:10px;line-height:1.7;max-width:230px}.eta-block{padding-top:2px;min-width:76px}.eta-block>span{font-size:6px;letter-spacing:.8px}.eta-block strong{font-size:19px}.eta-block small{font-size:7px;line-height:1.5;display:block;max-width:90px}.queue-bar{padding:16px 16px 18px;gap:12px;flex-wrap:wrap;margin-bottom:18px}.queue-label{gap:9px}.queue-label strong{font-size:11px}.queue-dots{order:3;width:100%;justify-content:center;padding-top:3px}.queue-dots span{width:24px;height:24px;font-size:9px}.queue-dots i{width:35px}.remaining{margin-left:auto;gap:8px}.remaining>span{font-size:8px}.remaining strong{font-size:19px}.order-layout{grid-template-columns:1fr;gap:20px}.scene{height:283px}.scene-top{left:15px;right:14px;top:15px}.scene-top>span{font-size:6px;letter-spacing:.8px;max-width:210px;line-height:1.7}.stage{inset:35px -50px 25px}.scene-footnote{font-size:6px;left:15px;bottom:12px}.caption{min-height:156px}.caption h2{font-size:25px;line-height:1.25;margin-top:16px}.caption p{font-size:12px;line-height:1.8}.automatic-note{font-size:7px;line-height:1.7;flex-wrap:wrap}.automatic-note button{font-size:7px}.order-details{padding:23px 24px 0}.receipt-cup{height:143px}.receipt-name{padding:17px 0}.order-details h2{font-size:26px}.order-details>p{font-size:10px}.milestones strong{font-size:12px}.milestones small{font-size:10px}.milestones li{padding-bottom:24px}.milestones li:not(:last-child):after{height:22px}.ingredient-link{font-size:12px}.order-details>.receipt-note{margin:0 -24px;font-size:9px}.ready-screen{grid-template-columns:1fr}.ready-art{height:235px}.ready-art #ready-cup{height:205px;width:165px;margin-top:-5px}.ready-halo{height:170px;width:170px}.cup-signature{position:absolute;bottom:13px;font-size:16px;margin:0}.ready-spark.one{left:20%;top:27%;font-size:25px}.ready-spark.two{right:19%;bottom:23%;font-size:26px}.ready-content{padding:23px}.ready-content h2{font-size:30px;margin:16px 0 12px}.ready-content>p{font-size:11px}.ready-drink{margin:15px 0}.ready-drink strong{font-size:12px}.nutrition strong{font-size:30px}.ready-content>.nutrition-note{font-size:9px}.ready-actions{gap:14px}.ready-actions .primary{font-size:9px;padding:12px 14px;gap:12px}.ready-actions .text-button{font-size:9px}.ready-pill{font-size:7px}.ready-mode .queue-bar{padding-top:12px;padding-bottom:15px}.ready-mode .queue-dots{display:none}dialog{padding:28px}dialog h2{font-size:29px}}
@media(max-width:760px){.ready-mode .order-heading{display:none}.ready-mode .ready-art{height:200px}.ready-mode .ready-art #ready-cup{height:173px}.ready-mode .ready-content{padding:20px 22px}.ready-mode .ready-content h2{font-size:28px;margin-top:14px}.ready-mode .ready-content>.nutrition-note{margin-bottom:13px}}
.scene{height:574px}.scene-top{z-index:3}.scene-top .text-button{font-size:9px;color:#526b43}.stage{inset:196px 0 32px}.story-overlay{position:absolute;top:59px;left:28px;right:28px;z-index:2;padding-bottom:18px;background:linear-gradient(180deg,#f6f6e9f5 0%,#f4f5e8ed 75%,#f4f5e800 100%)}.story-byline{display:flex;align-items:center;gap:8px}.story-byline img{width:23px;height:23px}.story-byline span{font-size:8px;letter-spacing:1.5px;color:#4e6942}.story-overlay .caption{min-height:0}.story-overlay .caption h2{font-size:30px;line-height:1.2;margin:12px 0 9px}.story-overlay .caption p{font-size:14px;line-height:1.7;color:#35532e;margin:0;max-width:640px}.story-overlay .story-track{margin-top:14px;max-width:85px;background:#dce4cf}.scene-footnote{font-size:9px;color:#526944;bottom:16px}.theater>.automatic-note{padding:16px 25px;font-size:10px;color:#69775e}.scene-star{z-index:2}
@media(max-width:1050px){.scene{height:588px}.stage{inset:227px -15px 32px}.story-overlay{left:23px;right:23px}.story-overlay .caption h2{font-size:27px}.story-overlay .caption p{font-size:13px}}
@media(max-width:760px){.scene{height:520px}.scene-top{left:18px;right:17px;top:16px}.scene-top>span{max-width:220px}.scene-top .text-button{font-size:8px}.story-overlay{top:58px;left:20px;right:20px}.story-byline span{font-size:7px;letter-spacing:1px}.story-byline img{width:22px;height:22px}.story-overlay .caption h2{font-size:26px;line-height:1.2;margin-top:12px}.story-overlay .caption p{font-size:14px;line-height:1.65}.stage{inset:246px -45px 38px}.scene-footnote{font-size:8px;left:20px;right:35px;bottom:16px}.theater>.automatic-note{font-size:9px;padding:14px 20px}.story-overlay .story-track{margin-top:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.pour{stroke-dashoffset:0}}
/* Portrait story: art, captions and live effects share one 4:5 canvas. */
:root{--cream:#fffaf0;--muted:#8b725d}
select{font:inherit;color:inherit}button:focus-visible,select:focus-visible{outline:2px solid #00875a;outline-offset:4px}.menu-layout{grid-template-columns:minmax(0,1fr) 345px;gap:36px}.drink-art{height:230px;background:radial-gradient(ellipse at 50% 40%,#fff2c6,#ead39f)}.drink-art:before{width:200px;height:200px}.drink-art svg{height:218px;width:170px;filter:drop-shadow(12px 15px 9px #33432626)}.drink-card{border-radius:18px}.drink-meta{padding:22px}.drink-meta p{font-size:11px}.drink-badge{font-size:8px;padding:7px 10px}.basket{padding:25px;border-radius:20px;box-shadow:0 12px 40px #254b2d06}.basket-cup{height:130px}.basket-cup svg{height:146px}.basket h2{font-size:26px;margin:12px 0 6px}fieldset{border:0;margin:22px 0 0;padding:0;min-width:0}legend{font-size:13px;font-weight:600;padding:0 0 14px;width:100%;display:flex;justify-content:space-between;align-items:center}legend span{font-size:7px;font-weight:400;letter-spacing:1px;color:var(--muted)}#customization-controls{display:grid;gap:9px}#customization-controls label{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffbf2;border:1px solid #e8dbc4;border-radius:9px;padding:8px 10px}#customization-controls label>span{font-size:11px;color:#876f55}#customization-controls select{width:65%;font-size:11px;background:transparent;border:0;padding:6px 3px;font-weight:500;cursor:pointer}fieldset:disabled{opacity:.6}.basket>.recipe-preview{font-size:10px;margin:13px 0;color:#896239}.checkout-note{line-height:1.7}
#order-screen{max-width:1160px}.order-heading{margin-bottom:22px}.order-heading h1{font-size:37px}.order-layout{grid-template-columns:minmax(0,520px) 300px;justify-content:center;align-items:start;gap:28px}.theater{border:0;border-radius:19px;background:transparent;overflow:visible}.scene{width:100%;height:auto;aspect-ratio:4/5;container-type:inline-size;border-radius:18px;background:#402717;isolation:isolate;box-shadow:0 14px 36px #183d3220;color:#fff}.stage{inset:0;z-index:0}.scene-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:art-arrive 1.3s ease both}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(#2b190df5 0%,#2e1c10c9 19%,#2e1c1000 42%,transparent 83%,#362114c4);pointer-events:none;z-index:1}.scene[data-kind=welcome]:after,.scene[data-kind=origins]:after{background:linear-gradient(#fbf6e9ee 0%,#f9f3e5c9 23%,#f9f3e500 43%,transparent 82%,#3621149e)}.scene[data-kind=welcome],.scene[data-kind=origins]{color:#52321d}.scene-top{left:6%;right:6%;top:4%;z-index:3}.scene-top>span{font-size:clamp(7px,1.7cqw,9px);letter-spacing:1.5px;max-width:70%;color:inherit}.scene-top .text-button{color:inherit;font-size:clamp(8px,1.7cqw,9px);opacity:.8}.story-overlay{top:10%;left:7%;right:7%;z-index:3;padding:0;background:none}.story-byline{display:none}.story-overlay .caption{min-height:0}.story-overlay .caption h2{font-size:clamp(22px,6.6cqw,35px);line-height:1.12;letter-spacing:-.7px;margin:0 0 2.5cqw;max-width:95%;text-wrap:balance}.story-overlay .caption p{font-size:clamp(12px,2.8cqw,15px);line-height:1.6;color:inherit;margin:0;max-width:100%;opacity:.88}.story-overlay .story-track{max-width:70px;height:2px;margin-top:3cqw;background:#8b9e7855}.story-track>span{background:#c0a16c}.scene-footnote{z-index:3;left:7%;right:7%;bottom:3%;font-size:clamp(8px,1.8cqw,10px);line-height:1.6;color:#fff;opacity:.88}.scene-star{display:none}.theater>.automatic-note{padding:15px 3px;font-size:10px;line-height:1.6;color:#8b6c4b}.order-details{border-radius:17px}.order-details>p{line-height:1.8;font-size:10px}.receipt-cup svg{transform:rotate(-4deg)}
.country-tag{position:absolute;left:7%;top:38%;display:flex;align-items:center;gap:7px;font-size:2.2cqw;font-weight:650;letter-spacing:2px;background:#fff9;backdrop-filter:blur(12px);border:1px solid #fff6;padding:2.4cqw 3cqw;border-radius:9px;z-index:2;box-shadow:0 5px 22px #214c2320;flex-wrap:wrap;max-width:61%}.country-tag>span:last-child{width:100%;font-weight:400;font-size:1.8cqw;letter-spacing:.2px;opacity:.7}.colombia-flag{width:16px;height:11px;border-radius:2px;background:linear-gradient(#fbd047 0 50%,#124598 50% 75%,#bc3431 75%)}.story-location{position:absolute;bottom:8%;left:7%;right:7%;font-size:1.8cqw;letter-spacing:1px;color:#fff;z-index:2}.story-location>span{float:right;letter-spacing:.2px}.brand-guide{position:absolute;left:73%;top:49%;width:13%;aspect-ratio:1;z-index:2;filter:drop-shadow(0 5px 12px #263c3670);animation:brand-float 5s ease-in-out infinite}.brand-guide img{width:100%;height:100%;border:3px solid #fff;border-radius:50%;position:relative}.guide-orbit{position:absolute;inset:-18%;border:1px solid #eac48d88;border-radius:50%;box-shadow:0 0 18px #f6dd9844}.scene[data-kind=origins] .brand-guide{animation:brand-harvest 9s ease-in-out infinite}.harvest-path{position:absolute;inset:0;width:100%;height:100%;opacity:.75;animation:trail-flow 5s linear infinite}.coffee-cherry{position:absolute;width:3.7%;height:3.8%;background:radial-gradient(circle at 30% 26%,#ffb197 0%,#ce4730 22%,#9c251d 55%,#551d11 100%);border-radius:44% 48% 46% 48%;box-shadow:inset -2px -3px 4px #48110955,1px 3px 3px #1c301e35;opacity:0;animation:harvest-left 5s cubic-bezier(.4,.05,.45,1) infinite;animation-delay:var(--delay);z-index:1}.coffee-cherry:after{content:'';position:absolute;left:45%;top:0;height:100%;width:1px;background:#5e241a44;transform:rotate(9deg)}.coffee-cherry.right{animation-name:harvest-right}.scene[data-kind=welcome] .coffee-cherry{animation-duration:7s}.roast-vignette{position:absolute;inset:36% 0 0;background:radial-gradient(ellipse,#4d2e16b0,transparent 70%);backdrop-filter:blur(2px)}.roast-dish{position:absolute;left:10%;right:10%;height:27%;top:61%;border-radius:50%;background:radial-gradient(ellipse at 50% 37%,#271e14,#785331 67%,#c6a476 69%,#765b3e 74%);box-shadow:0 20px 28px #10221965;border:1px solid #ffe6b255}.roasted-bean{position:absolute;left:var(--x);top:var(--y);width:8%;height:8%;border-radius:48%;background:radial-gradient(ellipse at 30% 30%,#c79864,#81502e 40%,#382414 90%);box-shadow:2px 4px 4px #170f0f88,inset 1px 1px 2px #eaca9988;transform:rotate(calc(var(--i)*43deg));animation:bean-turn 4s ease-in-out infinite;animation-delay:calc(var(--i)*-.25s)}.roasted-bean i{position:absolute;inset:8% 42%;border-left:2px solid #2e1b11;border-radius:45%;box-shadow:-1px 0 1px #d0a17788}.process-label{position:absolute;left:8%;right:8%;bottom:10%;text-align:center;font-size:1.9cqw;letter-spacing:1px;color:#f4e8cc}.process-label span{padding:0 5px;color:#c8a86b}.roast-steam{position:absolute;top:48%;left:35%;width:30%;height:20%;display:flex;gap:14px}.roast-steam i{width:15%;height:100%;background:linear-gradient(transparent,#ffefcb66,transparent);filter:blur(6px);border-radius:50%;animation:steam-rise 4s ease-out infinite}.roast-steam i:nth-child(2){animation-delay:-2s}
.hero-cup{position:absolute;left:29%;top:53%;width:42%;z-index:2;filter:drop-shadow(8px 10px 8px #1c2b2530)}.hero-cup.small{width:37%;left:31.5%;top:58%}.hero-cup.large{width:46%;left:27%;top:49%}.hero-cup>svg{width:100%;height:auto;display:block}.hero-cup.brew{animation:cup-arrive .8s ease both}.counter-shadow{position:absolute;left:25%;width:50%;height:6%;top:88%;background:radial-gradient(ellipse,#092e3044,transparent 70%)}.scene[data-kind=brew] .brand-guide,.scene[data-kind=milk] .brand-guide,.scene[data-kind=ice] .brand-guide,.scene[data-kind=finish] .brand-guide{left:78%;top:64%;width:10%}.pour-vessel{position:absolute;left:51%;top:43%;width:18%;height:14%;background:linear-gradient(100deg,#a0a8a4,#f5f7ed 25%,#899893 65%,#e1e7e0);clip-path:polygon(0 0,100% 8%,89% 91%,20% 100%);border-radius:12% 12% 28% 30%;transform-origin:20% 90%;transform:rotate(-37deg);z-index:3;animation:vessel-pour 7s ease both}.pour-vessel.brew{background:linear-gradient(100deg,#e7e5d599,#8d5e34d9 35%,#e9e6c766);height:10%;top:46%;width:15%}.pour-vessel span{position:absolute;top:40%;left:16%;right:10%;font-size:2cqw;text-align:center;color:#52321d;font-weight:600}.liquid-stream{position:absolute;left:49%;top:52%;width:1.1%;height:22%;background:linear-gradient(90deg,#9f541c,#cf914c,#754019);border-radius:50%;transform-origin:top;z-index:3;animation:stream-pour 7s ease both}.liquid-stream.milk{width:2%;background:linear-gradient(90deg,#d4c8ae,#fff9e7,#ded8c3);height:17%;top:51%}.syrup-note,.finish-note{position:absolute;bottom:10%;left:7%;font-size:2cqw;color:#624128;background:#fff9;padding:2cqw;border-radius:7px;z-index:3}.recipe-chip{position:absolute;bottom:8%;left:7%;right:7%;text-align:center;color:#654326;font-size:2.2cqw}.recipe-chip span{padding:0 5px}.syrup-note+.recipe-chip,.finish-note+.recipe-chip{display:none}.scene[data-kind=milk] .syrup-note{left:3%;bottom:30%;max-width:26%;line-height:1.5}.scene[data-kind=ice] .finish-note{bottom:9%;left:50%;transform:translateX(-50%);white-space:nowrap}.espresso-fill{transform-origin:center bottom;animation:espresso-rise 7s ease both}.milk-fill{transform-origin:110px 257px;animation:milk-rise 7s ease both}.cream-bloom{transform-origin:110px 170px;animation:cream-bloom 7s ease both}.cube-drop{animation:cube-drop 2s cubic-bezier(.23,.82,.48,1) both}.lid-settle{animation:lid-settle 5s cubic-bezier(.3,.8,.3,1) both}.ready-art{background:radial-gradient(ellipse at 40% 35%,#f4e9d1,#e1bb6a)}.ready-halo{border-color:#ffffffe0;box-shadow:0 0 0 30px #ffffff20,0 0 0 31px #ffffff80,0 0 0 64px #ffffff15}.ready-art #ready-cup{width:280px;height:360px}.ready-content>.nutrition-note{line-height:1.8}.recipe-chip,.process-label{z-index:3}
@keyframes art-arrive{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes brand-float{50%{transform:translateY(-10px) rotate(5deg)}}
@keyframes brand-harvest{0%,100%{transform:translate(0,0) rotate(0)}45%{transform:translate(-55px,30px) rotate(-8deg)}70%{transform:translate(-85px,90px) rotate(4deg)}}
@keyframes trail-flow{to{stroke-dashoffset:-100}}
@keyframes harvest-left{0%,8%{left:11%;top:54%;opacity:0;transform:scale(.8)}14%{opacity:1}43%{left:39%;top:49%;opacity:1}78%{left:49%;top:76%;opacity:1;transform:rotate(100deg) scale(.8)}86%,100%{left:49%;top:78%;opacity:0;transform:scale(.6)}}
@keyframes harvest-right{0%,8%{left:87%;top:66%;opacity:0}14%{opacity:1}43%{left:65%;top:56%;opacity:1}78%{left:51%;top:76%;opacity:1;transform:rotate(-100deg) scale(.8)}86%,100%{left:51%;top:78%;opacity:0;transform:scale(.6)}}
@keyframes bean-turn{50%{transform:translateY(-5px) rotate(calc(var(--i)*43deg + 15deg))}}
@keyframes steam-rise{0%{opacity:0;transform:translateY(20px) scaleX(.5)}35%{opacity:.6}100%{opacity:0;transform:translateY(-30px) scaleX(1.7)}}
@keyframes cup-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes vessel-pour{0%{opacity:0;transform:translate(30px,-20px) rotate(-5deg)}12%,75%{opacity:1;transform:rotate(-37deg)}100%{opacity:0;transform:translate(35px,-20px) rotate(0)}}
@keyframes stream-pour{0%,10%{opacity:0;transform:scaleY(0)}18%,75%{opacity:1;transform:scaleY(1)}90%,100%{opacity:0;transform:scaleY(1)}}
@keyframes espresso-rise{from{transform:translateY(40px)}to{transform:translateY(0)}}
@keyframes milk-rise{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@keyframes cream-bloom{0%{opacity:0;transform:scaleX(.4)}35%{opacity:.8}100%{opacity:.35;transform:scaleX(1)}}
@keyframes cube-drop{0%{transform:translateY(-155px) rotate(-10deg);opacity:0}15%{opacity:1}75%{transform:translateY(5px) rotate(2deg)}100%{transform:translateY(0);opacity:1}}
@keyframes lid-settle{0%,15%{transform:translateY(-55px);opacity:0}30%{opacity:1}85%{transform:translateY(2px)}100%{transform:translateY(0);opacity:1}}
@media(max-width:1050px){.menu-layout{grid-template-columns:minmax(0,1fr) 305px;gap:24px}.order-layout{grid-template-columns:minmax(0,480px) 260px;gap:22px}.drink-art{height:200px}.drink-art svg{height:185px}.drink-meta{padding:18px 14px}.drink-meta p{font-size:10px}}
@media(max-width:760px){.menu-layout,.order-layout{grid-template-columns:1fr;gap:22px}.theater{width:100%;max-width:520px;justify-self:center}.order-heading h1{font-size:28px}.drink-art{height:165px}.drink-art svg{height:162px;width:140px}.drink-art:before{width:140px;height:140px}.drink-badge{font-size:6px;padding:5px 7px}.drink-meta{padding:16px 12px}.drink-meta p{font-size:9px}.basket{padding:24px}#customization-controls label>span,#customization-controls select{font-size:13px}#customization-controls label{padding:10px 12px}.scene{height:auto;aspect-ratio:4/5}.stage{inset:0}.story-overlay{top:11%;left:7%;right:7%}.story-overlay .caption h2{font-size:clamp(22px,6.6cqw,35px);margin:0 0 2.5cqw}.story-overlay .caption p{font-size:clamp(12px,2.8cqw,15px);line-height:1.55}.scene-top{left:7%;right:7%;top:4%}.scene-footnote{left:7%;right:7%;bottom:3%;font-size:clamp(8px,1.8cqw,10px)}.country-tag{top:40%}.ready-art #ready-cup{width:180px;height:230px}.ready-mode .ready-art{height:255px}.ready-mode .ready-art #ready-cup{height:225px}.ready-mode .ready-content{padding:26px}.ready-drink span{line-height:1.8}.order-details>p{font-size:12px}}
.reduce-motion .coffee-cherry{opacity:1;left:49%;top:76%}.reduce-motion .liquid-stream,.reduce-motion .pour-vessel{opacity:0}.reduce-motion .cube-drop,.reduce-motion .lid-settle,.reduce-motion .milk-fill,.reduce-motion .espresso-fill{transform:none}
@media(prefers-reduced-motion:reduce){.coffee-cherry{opacity:1;left:49%;top:76%}.liquid-stream,.pour-vessel{opacity:0}}

.stage .espresso-fill,.stage .milk-fill,.stage .cream-bloom,.stage .lid-settle,.stage .pour-vessel,.stage .liquid-stream{animation-delay:calc(0s - var(--elapsed,0s))}
.stage .cube-drop{animation-delay:calc(var(--cube-delay,0s) - var(--elapsed,0s))}
.scene .recipe-chip{top:36%;bottom:auto;left:7%;right:auto;color:#f3e7d1;font-size:2cqw;background:#42281888;backdrop-filter:blur(6px);padding:1.5cqw 2cqw;border:1px solid #ffffff22;border-radius:5px}

.syrup-vessel{position:absolute;left:58%;top:46%;width:8%;height:10%;background:linear-gradient(90deg,#975822,#d6a14e,#673512);border:1px solid #f1ce8b88;border-radius:20% 20% 12% 12%;transform:rotate(-45deg);z-index:3;animation:syrup-pour 2.5s ease both;animation-delay:calc(5s - var(--elapsed,0s))}.syrup-vessel span{position:absolute;top:40%;left:0;right:0;text-align:center;background:#f5e6ba;padding:3px 0;font-size:1cqw;letter-spacing:.3px;color:#564529}.syrup-stream{position:absolute;left:52%;top:53%;height:16%;width:.8%;background:linear-gradient(90deg,#6d3919,#e8b35e);z-index:3;transform-origin:top;animation:syrup-pour 2.5s ease both;animation-delay:calc(5s - var(--elapsed,0s))}@keyframes syrup-pour{0%,100%{opacity:0}20%,75%{opacity:1}}.reduce-motion .syrup-vessel,.reduce-motion .syrup-stream{display:none}@media(prefers-reduced-motion:reduce){.syrup-vessel,.syrup-stream{display:none}}
/* Original Coffee Shop identity; these two accents can be previewed per café. */
:root{--brand-yellow:#f2c94c;--brand-brown:#52321d;--green:var(--brand-brown);--ink:#432a1c;--cream:#fffaf0;--line:#e8dbc5;--muted:#8b725d}body{background:var(--cream);color:var(--ink)}.header{background:#fffdf7;height:86px;gap:50px}.brand{gap:12px;letter-spacing:-.5px;font-family:var(--serif);font-size:24px}.brand strong{font-weight:600}.brand img{width:48px;height:48px}.header .nav-link{font-size:12px}.header .nav-link.active{border-color:var(--brand-yellow)}.demo-tag{background:#fff1bf;border:1px solid #efd89a;border-radius:30px;padding:10px 13px;font-size:8px;letter-spacing:1px;color:#654222;margin-right:8px}.demo-tag:hover{background:var(--brand-yellow)}.concept-ribbon{background:#f8e9bb;border-bottom:1px solid #ecd99f;color:#7b5933;padding:10px 5%;font-size:10px;text-align:center;letter-spacing:.15px}.concept-ribbon>span{font-size:8px;letter-spacing:1.3px;font-weight:700;padding-right:14px}.menu-heading h1{font-size:48px;color:var(--brand-brown)}.menu-heading h1 em{color:#b28739}.menu-heading .eyebrow{color:#9d7230}.menu-layout{gap:32px}.drink-card{background:#fffdf8;border:1px solid #e6d7b8;border-radius:18px;box-shadow:0 4px 15px #6c461307}.drink-card.selected{border-color:#c29539;box-shadow:0 0 0 1px #f3d579}.drink-art{background:#f5ebd8!important;height:250px}.drink-art:before{display:none}.drink-meta{padding:20px 22px}.drink-meta h2{font-family:var(--serif);font-size:21px}.drink-meta p{font-size:11px}.drink-badge{background:#fffaf1dd;color:#846239;backdrop-filter:blur(5px)}.drink-card.selected .drink-badge{background:var(--brand-yellow);color:#52321d}.drink-arrow{color:#6e4a26}.category-tabs button.selected{background:var(--brand-brown);border-color:var(--brand-brown)}.basket{background:#fffdf7;box-shadow:0 12px 32px #68401509}.basket .eyebrow{color:#9c7735}.basket-cup{height:155px;background:radial-gradient(ellipse,#fff0bb,transparent 70%)}.basket h2{margin-top:16px}.pickup-estimate{background:#fff1c7}.primary{background:var(--brand-brown);color:#fff8e7;font-weight:600}.primary:hover{background:#714a29}.menu-banner{border:1px solid #ecd498;background:linear-gradient(110deg,#ffefb3,#fff5d8);padding:28px;border-radius:17px}.menu-banner img{width:55px;height:55px}.menu-banner h3{color:var(--brand-brown);font-size:23px}.menu-banner p{font-size:12px;line-height:1.6}.concept-link{font-size:11px;padding:10px 0 0;font-weight:600;color:#8b5e21;text-decoration:underline;text-underline-offset:3px}.menu-banner>span{color:#be8a25}.profile{background:var(--brand-yellow);color:var(--brand-brown)}.queue-bar{background:#fff0bb;border-color:#ecd493}.live-dot{background:#b98928;box-shadow:0 0 0 5px #f5dfa7}.queue-dots span.active{background:var(--brand-brown);border-color:var(--brand-brown);box-shadow:0 0 0 4px #f0d587}.overall-track span{background:var(--brand-brown)}.order-details{background:#fffdf8}.receipt-name strong span{color:#c49a44}.receipt-cup{background:radial-gradient(ellipse,#fff0c6,transparent 65%);height:165px}.milestones .current>span{background:var(--brand-brown);border-color:var(--brand-brown)}.milestones .complete>span{background:#ffedb3;border-color:#ffedb3}.order-details>.receipt-note{background:#fbf1dc}.scene{box-shadow:0 14px 36px #58331a25}.scene[data-kind=welcome],.scene[data-kind=origins]{color:#4c321d}.brand-guide{position:absolute;left:73%;top:49%;width:13%;aspect-ratio:1;z-index:2;filter:drop-shadow(0 5px 12px #56351870);animation:brand-float 5s ease-in-out infinite}.brand-guide img{border:3px solid #fff0be;border-radius:30%}.guide-orbit{border-color:#efcb6b88;box-shadow:0 0 18px #f6dd9844}.brand-guide .guide-orbit{border-radius:40%;inset:-15%}.story-overlay .story-track{background:#c8a15655}.story-track>span{background:var(--brand-yellow)}.ready-screen{background:#fffdf7}.ready-art{background:radial-gradient(ellipse at 40% 30%,#fff3c4,#e8bc55)}.ready-art #ready-cup{width:275px;height:355px;animation:none;filter:drop-shadow(10px 14px 16px #6d411c30)}.ready-content h2 em{color:#aa7b2e}.ready-pill{background:#ffedaf;color:#6e471e}.ready-mode .queue-bar{background:#fff0b8}.cup-signature{color:#936526}.ready-halo{border-color:#fff7d6;box-shadow:0 0 0 30px #fff8df30,0 0 0 31px #fff7ce88,0 0 0 64px #fff7dc20}dialog{background:#fffcf4;border-color:#e5d5b5}dialog::backdrop{background:#3d241b99}.close{background:#ffedb4;color:#714921}.allergy{background:#fff0c6}.ingredient-link{color:#72512a}#brand-form>label{display:flex;flex-direction:column;gap:9px;margin:22px 0;font-size:12px;font-weight:600}#brand-name{border:1px solid #deccaa;border-radius:8px;padding:13px;background:#fff;font:16px var(--serif);color:#52321d}.brand-colors{display:flex;gap:20px;margin:20px 0 24px}.brand-colors label{flex:1;display:flex;gap:12px;align-items:center;font-size:11px}.brand-colors input{height:38px;width:44px;border:1px solid #e5d2ac;padding:3px;background:#fff;border-radius:8px;cursor:pointer}#brand-form .primary{width:100%}#reset-brand{display:block;margin:10px auto 0}.photo-cup{position:relative;width:100%;height:100%;aspect-ratio:4/5;isolation:isolate}.cup-photograph{display:block;width:100%;height:100%;object-fit:contain}.cup-decal{position:absolute;width:18%;height:auto;left:41%;top:46%;opacity:.88;mix-blend-mode:multiply}.photo-name{position:absolute;left:20%;right:20%;top:80%;font:italic 13px Georgia,serif;text-align:center;color:#674128;transform:rotate(-5deg);mix-blend-mode:multiply}.menu-sprite{background-image:url('assets/coffee-menu.png');background-repeat:no-repeat;background-size:200% 200%;aspect-ratio:1}.sprite-americano{background-position:100% 0}.sprite-mocha{background-position:0 100%}.sprite-matcha{background-position:100% 100%}.menu-sprite .cup-decal{top:43%;width:17%;left:41.5%}.sprite-mocha .cup-decal,.sprite-matcha .cup-decal{top:46%}.drink-art .photo-cup{height:230px;width:230px;flex:none;transform:rotate(-5deg);filter:drop-shadow(8px 9px 7px #67401b12)}.drink-art .single-photo{height:220px;width:176px}.basket-cup .photo-cup{height:155px;width:124px}.receipt-cup .photo-cup{height:158px;width:126px;transform:rotate(-4deg)}.receipt-cup .photo-name{font-size:8px}.photo-finish{position:absolute;top:20%;bottom:0;left:10%;right:10%;opacity:0;animation:photo-reveal 1.4s ease forwards;animation-delay:calc(4.8s - var(--elapsed,0s))}.hero-cup.lid>svg{animation:illustration-out 1.4s ease forwards;animation-delay:calc(4.8s - var(--elapsed,0s))}.photo-finish .photo-name{font-size:2.6cqw}.photo-finish .cup-decal{top:46%}@keyframes photo-reveal{to{opacity:1}}@keyframes illustration-out{to{opacity:0}}.reduce-motion .photo-finish{opacity:1}.reduce-motion .hero-cup.lid>svg{opacity:0}
@media(max-width:1050px){.drink-art{height:210px}.drink-art .photo-cup{width:190px;height:190px}.drink-art .single-photo{width:150px;height:188px}.drink-meta h2{font-size:18px}.menu-heading h1{font-size:40px}.header{gap:30px}.brand{font-size:22px}}
@media(max-width:760px){.header{height:76px;gap:18px}.brand strong{display:none}.brand img{width:43px;height:43px}.header .nav-link{font-size:11px}.demo-tag{font-size:6px;letter-spacing:.5px;padding:8px 9px;margin-right:0}.header-right{gap:7px}.concept-ribbon{font-size:9px;line-height:1.6;padding:9px 7%}.concept-ribbon>span{display:block;font-size:7px;padding:0;letter-spacing:1.5px}.menu-heading h1{font-size:39px}.menu-heading>p:last-child{font-size:12px;line-height:1.6}.drink-art{height:180px}.drink-art .photo-cup{width:168px;height:168px}.drink-art .single-photo{width:134px;height:168px}.drink-meta{padding:15px 12px 19px}.drink-meta h2{font-size:17px}.drink-meta p{font-size:9px}.drink-badge{font-size:5.5px;letter-spacing:.7px}.menu-banner{padding:22px 18px;align-items:flex-start}.menu-banner h3{font-size:21px;line-height:1.25}.menu-banner p{font-size:11px}.menu-banner img{height:40px;width:40px}.ready-mode .ready-art{height:285px}.ready-mode .ready-art #ready-cup{height:250px;width:200px}.brand-colors{gap:12px}.brand-colors label{font-size:10px;gap:8px}}
@media(prefers-reduced-motion:reduce){.photo-finish{opacity:1}.hero-cup.lid>svg{opacity:0}}
/* Photographic clear-plastic shell, layered liquid fill, and metal pitcher. */
.real-cup{position:absolute;left:28%;top:50%;width:44%;aspect-ratio:4/5;z-index:2;filter:drop-shadow(5px 8px 5px #40241022)}.real-cup.small{width:39%;left:30.5%;top:55%}.real-cup.large{width:47%;left:26.5%;top:47%}.real-cup-layers{display:block;width:100%;height:100%}.plastic-reflections{opacity:.72}.real-fill-mask{transform:translateY(14px)}.real-cup.brew .real-fill-mask{animation:photo-espresso-fill 7.5s ease-out both}.real-cup.milk .real-fill-mask{animation:photo-milk-fill 8.5s cubic-bezier(.2,.5,.3,1) both}.real-milk-photo{opacity:1}.real-cup.milk .real-milk-photo{animation:photo-milk-mix 8.5s ease both}.liquid-bloom{transform-origin:50px 85px;animation:photo-milk-bloom 8.5s ease both;opacity:0}.inner-real-stream{animation:inside-pour 7s ease both;stroke-dasharray:1.5 1;opacity:.6}.real-pitcher{position:absolute;left:47%;top:39%;width:26%;aspect-ratio:1;z-index:4;transform-origin:10% 50%;animation:photographic-pour 7.5s ease both;filter:drop-shadow(3px 5px 3px #29170944)}.real-pitcher img{width:100%;height:100%;object-fit:contain}.real-pitcher.brew{width:22%;left:47.4%;top:41.2%}.real-stream{position:absolute;left:49.4%;top:49.2%;height:10%;width:1.2%;z-index:3;border-radius:40% 40% 20% 20%;transform-origin:top;background:linear-gradient(90deg,#693210,#c18a48 45%,#754015);animation:outside-pour 7.5s ease both;box-shadow:1px 0 2px #1c100929}.real-stream.milk{width:1.7%;background:linear-gradient(90deg,#dfcdaa,#fff8de 40%,#e3d4b4)}.pour-recipe-label{position:absolute;left:70%;top:45%;max-width:24%;z-index:3;color:#ffedce;font-size:2cqw;line-height:1.6;background:#342016cc;border:1px solid #e9c88b44;padding:1.8cqw 2.2cqw;border-radius:8px}.real-ice.falling{animation:photographic-ice-fall 1.8s cubic-bezier(.3,.8,.4,1) both;animation-delay:calc(var(--drop-delay) - var(--elapsed,0s))}.real-iced-photo.ice-reveal{animation:photo-ice-reveal 8.5s ease both}.real-lid{animation:photo-lid-settle 4s cubic-bezier(.3,.8,.3,1) both}.scene[data-kind=ice] .finish-note{left:9%;bottom:16%;transform:none;white-space:normal;max-width:19%;text-align:center;font-size:1.9cqw}.real-cup .real-fill-mask,.real-cup .real-milk-photo,.real-cup .liquid-bloom,.real-cup .inner-real-stream,.real-cup .real-iced-photo,.real-cup .real-lid,.real-pitcher,.real-stream{animation-delay:calc(0s - var(--elapsed,0s))}
@keyframes photo-espresso-fill{from{transform:translateY(120px)}to{transform:translateY(var(--espresso-top))}}
@keyframes photo-milk-fill{from{transform:translateY(var(--espresso-top))}to{transform:translateY(14px)}}
@keyframes photo-milk-mix{0%{opacity:0;filter:brightness(.55) saturate(1.3)}35%{opacity:.9;filter:brightness(.8) saturate(1.2)}100%{opacity:1;filter:brightness(1) saturate(1)}}
@keyframes photo-milk-bloom{0%{opacity:0;transform:scaleX(.2) translateY(-20px)}25%{opacity:.8;transform:scaleX(.4)}75%{opacity:.25;transform:scaleX(1.2) translateY(10px)}100%{opacity:0;transform:scaleX(1.5)}}
@keyframes photographic-pour{0%{opacity:0;transform:translate(10px,-10px) rotate(20deg)}15%,80%{opacity:1;transform:rotate(0)}100%{opacity:0;transform:translate(12px,-10px) rotate(25deg)}}
@keyframes outside-pour{0%,10%{opacity:0;transform:scaleY(0)}20%,80%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.95)}}
@keyframes inside-pour{0%,10%{opacity:0}20%,80%{opacity:.55;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:-35}}
@keyframes photographic-ice-fall{0%{opacity:0;transform:translateY(-40px) rotate(-10deg)}15%{opacity:1}75%{transform:translateY(3px)}100%{opacity:1;transform:translateY(0)}}
@keyframes photo-ice-reveal{0%,65%{opacity:0}100%{opacity:1}}
@keyframes photo-lid-settle{0%,15%{opacity:0;transform:translateY(-15px)}35%{opacity:1}90%{transform:translateY(1px)}100%{transform:translateY(0)}}
.reduce-motion .real-pitcher,.reduce-motion .real-stream,.reduce-motion .inner-real-stream,.reduce-motion .liquid-bloom{display:none}.reduce-motion .real-cup.brew .real-fill-mask{transform:translateY(var(--espresso-top))}.reduce-motion .real-cup.milk .real-fill-mask{transform:translateY(14px)}
@media(prefers-reduced-motion:reduce){.real-pitcher,.real-stream,.inner-real-stream,.liquid-bloom{display:none}.real-cup.brew .real-fill-mask{transform:translateY(var(--espresso-top))}}
.real-cup .plastic-reflections{opacity:.28}.real-cup.brew .plastic-reflections{opacity:.45}
/* Photographic harvest ingredients; no floating brand character. */
.harvest-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:basket-fill 9s ease forwards;animation-delay:calc(0s - var(--elapsed,0s))}.coffee-cherry{background:none;border-radius:0;box-shadow:none;width:5%;height:4%;z-index:2}.coffee-cherry:after{display:none}.coffee-cherry img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 2px 2px #3d1f1666)}.roasted-bean{background:none;border:0;border-radius:0;box-shadow:none;width:10%;height:9%;filter:drop-shadow(2px 4px 3px #29180c66)}.roasted-bean img{width:100%;height:100%;object-fit:contain}.scene[data-kind=origins] .coffee-cherry{animation-iteration-count:1}.scene[data-kind=origins] .coffee-cherry{animation-delay:calc(var(--delay) - var(--elapsed,0s))}@keyframes basket-fill{0%,15%{opacity:0}45%{opacity:.35}70%{opacity:.8}90%,100%{opacity:1}}.reduce-motion .harvest-full{opacity:1}@media(prefers-reduced-motion:reduce){.harvest-full{opacity:1}}

/* Ice is loaded into the empty open cup, then rises with the milk. */
.ice-rise{transform:translateY(var(--ice-rise,0px))}.ice-rise.rising{animation:ice-rise-with-milk 8.5s ease both;animation-delay:calc(0s - var(--elapsed,0s))}@keyframes ice-rise-with-milk{from{transform:translateY(0)}to{transform:translateY(-58px)}}.real-cup.milk .inner-real-stream,.real-pitcher.milk,.real-stream.milk{animation-duration:8.5s}.reduce-motion .ice-rise.rising{animation:none;transform:translateY(-58px)}@media(prefers-reduced-motion:reduce){.ice-rise.rising{animation:none;transform:translateY(-58px)}}

/* Full cup with a small rim gap; no falling lid or floating whole beans. */
.milk-surface.arriving{animation:milk-meniscus 8.5s ease both;animation-delay:calc(0s - var(--elapsed,0s))}@keyframes milk-meniscus{0%,80%{opacity:0}100%{opacity:1}}.grinder-backdrop{animation:grinder-push 10s ease-out both!important;animation-delay:calc(0s - var(--elapsed,0s))!important;transform-origin:50% 65%}@keyframes grinder-push{from{transform:scale(1)}to{transform:scale(1.045)}}.scene[data-kind=grind] .process-label{bottom:9%;background:#281b12cf;border:1px solid #efcf8955;border-radius:8px;padding:2cqw;z-index:2}.reduce-motion .grinder-backdrop{animation:none!important}.reduce-motion .milk-surface.arriving{animation:none;opacity:1}@media(prefers-reduced-motion:reduce){.grinder-backdrop{animation:none!important}.milk-surface.arriving{animation:none;opacity:1}}

.sample-nutrition-label{font-size:8px;letter-spacing:1.4px;font-weight:650;color:#8c6928;margin:20px 0 10px}.sample-nutrition-label+.nutrition{margin-top:0}