.header{position:sticky;top:0;z-index:10;background:var(--cream);box-shadow:0 5px 18px #4a210c06}.header nav{gap:25px}.hero-copy{padding-top:56px}.hero-description{max-width:430px;font-size:14px}.hero-service{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px;font-size:9px;color:var(--muted)}.hero-service span{display:flex;align-items:center;gap:6px}.hero-service span:before{content:'';height:4px;width:4px;border-radius:50%;background:#a87b51}.hero-foot{margin-top:25px}.coffee-finder{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center}.finder-heading h2{font-size:42px}.finder-heading p:last-child{font-size:12px;color:var(--muted);margin-bottom:0}.mood-options{display:grid;gap:0}.mood-options button{text-align:left;background:transparent;border-bottom:1px solid var(--line);padding:20px 7px;display:grid;grid-template-columns:1fr auto;gap:7px;transition:padding .2s,background .2s}.mood-options button:first-child{border-top:1px solid var(--line)}.mood-options button:hover{padding-left:18px;background:#eedfce}.mood-number{font-size:8px;letter-spacing:1.6px;grid-column:1/-1;color:var(--muted)}.mood-options strong{font-family:var(--serif);font-size:25px;font-weight:500}.mood-options button>span:last-child{display:flex;gap:15px;align-items:center;font-size:10px;color:var(--muted)}.mood-options b{font-weight:400;font-size:24px;color:var(--brown)}.featured-cup{margin:0 6% 10px;display:grid;grid-template-columns:1fr 1fr;background:#ecddca;border-radius:14px;overflow:hidden}.featured-photo{position:relative;min-height:520px}.featured-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-footnote{position:absolute;bottom:25px;left:25px;right:25px;text-align:center;background:#f7eee3e8;letter-spacing:1.5px;font-size:8px;padding:13px;border-radius:30px}.featured-copy{padding:60px 12%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.featured-copy h2{font-size:54px}.featured-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:24px}.feature-details{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.feature-details span{border:1px solid #cdb497;border-radius:25px;padding:8px 11px;font-size:9px}.feature-small{font-size:10px!important}.feature-small a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.menu-guidance{font-size:12px;background:#eddfcf;border-left:3px solid #a87850;border-radius:0 8px 8px 0;padding:15px 19px;margin:0 0 25px}.drink-tags{display:flex;gap:8px;margin:12px 0 0;color:var(--muted);font-size:9px}.drink-tags span{border:1px solid var(--line);border-radius:20px;padding:5px 8px}.how-section{background:var(--paper)}.order-steps{padding:0;margin:40px 0 23px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;counter-reset:steps}.order-steps li{border-top:1px solid #cdb497;padding-top:23px}.order-steps li>span{font-family:var(--serif);font-size:37px;font-style:italic;color:#ac805b}.order-steps h3{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:-.6px;margin:16px 0 12px}.order-steps p{font-size:12px;color:var(--muted);margin:0}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;background:#f1e4d4}.faq-intro>p:not(.eyebrow){color:var(--muted);font-size:13px;margin:23px 0}.faq-list details{border-bottom:1px solid #d3bda5}.faq-list details:first-child{border-top:1px solid #d3bda5}.faq-list summary{list-style:none;cursor:pointer;font-size:14px;font-weight:500;padding:23px 32px 23px 0;position:relative;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;font-size:22px;top:18px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 30px 24px 0}.expanded-footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:30px;padding-top:57px}.footer-intro .footer-wordmark{display:inline-block}.footer-intro p,.footer-column p{font-size:12px;color:var(--muted)}.footer-column{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.footer-column h3{font-size:9px;letter-spacing:1.8px;font-weight:500;margin:0 0 8px}.footer-column a{font-size:12px}.footer-column a:hover{text-decoration:underline;text-underline-offset:4px}.footer-column p{line-height:1.8;margin-top:0}.footer-bottom{grid-column:1/-1}.preference-label{display:block;font-size:12px;font-weight:600;margin:0 0 10px}#drink-sweetness{width:100%;font-size:13px;padding:12px;margin:0 0 22px}.cart-line-controls{display:flex;align-items:center;gap:15px}.edit-item{background:transparent;border-bottom:1px solid #b99575;padding:2px 0;font-size:10px}.cart-line-info{min-width:0}.checkout-trail{display:flex;justify-content:space-between;gap:10px;padding:16px 36px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
@media(max-width:1100px){.header nav{gap:17px;font-size:11px}.hero-copy{padding-top:40px}.hero-service{max-width:300px}.finder-heading h2{font-size:37px}.coffee-finder{gap:35px}.mood-options button{grid-template-columns:1fr}.mood-options strong{font-size:24px}.mood-options button>span:last-child{justify-content:space-between}.featured-copy{padding:45px 10%}.featured-copy h2{font-size:45px}.featured-photo{min-height:510px}.order-steps{gap:25px}.faq-section{gap:40px}}
@media(max-width:700px){.header nav{top:82px;font-size:14px;box-shadow:0 10px 20px #4a210c12}.hero-copy{padding-top:36px}.hero-description{font-size:13px}.hero-service{gap:9px 14px;font-size:8px;margin-top:23px;max-width:100%}.hero-foot{margin-top:20px}.coffee-finder{grid-template-columns:1fr;gap:25px}.finder-heading h2{font-size:36px}.finder-heading p:last-child{font-size:12px}.finder-heading br:last-child{display:none}.mood-options button{grid-template-columns:1fr auto;padding:19px 0}.mood-options strong{font-size:22px}.mood-options button>span:last-child{font-size:0;gap:8px}.mood-options b{font-size:24px}.featured-cup{grid-template-columns:1fr;margin:0 6%}.featured-photo{min-height:330px}.featured-photo img{object-position:center 46%}.featured-copy{padding:34px 26px}.featured-copy h2{font-size:40px}.featured-copy h2 br:nth-child(2){display:none}.featured-copy>p:not(.eyebrow){font-size:12px;margin-top:20px}.feature-small{line-height:1.8}.feature-details{margin-bottom:18px}.photo-footnote{font-size:7px;bottom:17px;left:18px;right:18px}.drink-tags{font-size:8px;gap:5px;flex-wrap:wrap}.drink-tags span{padding:4px 6px}.order-steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.order-steps li{display:grid;grid-template-columns:42px 1fr;column-gap:18px;padding-top:18px}.order-steps li>span{font-size:29px;grid-row:1/3}.order-steps h3{font-size:23px;margin:0 0 9px}.order-steps p{grid-column:2;font-size:12px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-intro h2{font-size:36px}.faq-intro>p:not(.eyebrow){margin:17px 0 10px}.faq-list summary{font-size:13px;padding-top:20px;padding-bottom:20px}.faq-list details p{font-size:12px}.expanded-footer{grid-template-columns:1fr 1fr;gap:32px 25px}.footer-intro{grid-column:1/-1;display:flex;align-items:center;gap:30px}.footer-intro p{font-size:12px}.footer-column h3{font-size:8px;letter-spacing:1.1px}.footer-column a,.footer-column p{font-size:11px}.checkout-trail{font-size:8px;padding:14px 24px}#drink-sweetness{font-size:16px}.featured-copy .button{width:100%;justify-content:space-between}.feature-small a{white-space:normal}}

html{scroll-padding-top:125px}@media(max-width:700px){html{scroll-padding-top:103px}}

/* Coordinated glassware photography across hero, featured drink and menu. */
.hero-image{background-image:url('assets/menu/latte-glass.jpg');background-size:cover;background-position:center}.image-label{color:var(--brown)}
.dialog-drink-image{object-fit:contain;background:#eadbc9}

/* Display copy uses the normal cursor; customer fields remain editable. */
body,body *{-webkit-user-select:none;user-select:none;cursor:inherit}
body{cursor:default}
a,button,summary,select,[role="button"],label:has(input[type="radio"]){cursor:pointer}
input,textarea,[contenteditable="true"],[contenteditable="true"] *{-webkit-user-select:text;user-select:text;cursor:text}
input[type="radio"],input[type="checkbox"]{-webkit-user-select:none;user-select:none;cursor:pointer}
button:disabled,input:disabled,select:disabled{cursor:not-allowed}

.delivery-platforms{gap:14px}.delivery-platform{display:flex;align-items:center;gap:12px;min-width:0}.delivery-logo{display:grid;place-items:center;flex:0 0 52px;width:52px;height:48px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.delivery-logo img{object-fit:contain;display:block}.grab-logo img{width:44px;height:36px}.panda-logo img{width:29px;height:29px}.delivery-name{font-size:16px;font-weight:700;line-height:1.4}.delivery-name small{font-size:9px;display:block;font-weight:400;margin-top:3px;color:var(--muted)}@media(max-width:700px){.delivery-platform{gap:9px}.delivery-logo{flex-basis:40px;width:40px;height:40px;border-radius:9px}.grab-logo img{width:33px;height:30px}.panda-logo img{width:25px;height:25px}.delivery-name{font-size:14px}.delivery-name small{font-size:8px}}

/* Interface artwork stays vector-based on every browser and device. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;pointer-events:none}
.sun .ui-icon,.brand-strip .ui-icon,.art-spark .ui-icon,.closing>.ui-icon{width:1em;height:1em}
.brand-strip .ui-icon{font-size:22px}.hero-foot .ui-icon{font-size:23px}.stamp-heart .ui-icon{font-size:33px}
.art-spark .ui-icon{font-size:75px}.closing>.ui-icon{font-size:72px}.order-empty>span .ui-icon{font-size:55px}
.mobile-toggle .ui-icon{width:23px;height:23px}.dialog-close .ui-icon{width:18px;height:18px}
.quantity-control .ui-icon{width:13px;height:13px}.remove-item .ui-icon{width:16px;height:16px}
@media(max-width:700px){.brand-strip .ui-icon{font-size:17px}.art-spark .ui-icon{font-size:50px}.closing>.ui-icon{font-size:38px}}