/* Shared controls use the same type, icon frame, spacing and header alignment. */
/* Keep the portrait's natural minimum height, then stretch with longer details. */
@media(min-width:701px){
 .product-dialog-photo{aspect-ratio:auto;align-self:stretch}
 .product-dialog-photo::before{content:"";display:block;padding-top:125%}
}
.site-header .nav-toggle,.mobile-nav .nav-close{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0;font:400 14px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;border:0}
.nav-control-icon{display:block;flex:0 0 20px;width:20px;height:20px;line-height:0}
.nav-control-icon svg{display:block;width:100%;height:100%}
.mobile-nav .nav-close{top:calc((var(--header-height,96px) - 44px)/2);right:var(--pad)}
.mobile-nav{height:100dvh}
.story-last-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.story-last .story-last-actions .pill-link{margin-top:0}
.story-last .story-last-actions .text-link{margin-left:0}

@media(max-width:700px){
 .mobile-nav .nav-close{top:calc((var(--header-height,80px) - 44px)/2)}
 .story-last-actions{margin-top:28px}
 .pour-stage{height:100dvh;min-height:0}
 /* Use the available phone screen, with the photo taking less than half. */
 .menu-product-dialog{height:calc(100dvh - clamp(40px,12dvh,104px));max-height:calc(100dvh - clamp(40px,12dvh,104px));width:92vw;max-width:440px}
 .product-dialog-content{height:100%;min-height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:46% minmax(0,1fr)}
 .product-dialog-photo{height:100%;min-height:0;aspect-ratio:auto}
 .product-dialog-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:0;padding:clamp(20px,3dvh,34px) 24px}
 .product-dialog-copy h2{margin:14px 0 18px}
 .product-dialog-prices{margin-bottom:18px}
 .product-dialog-note{margin-top:13px}
 .product-dialog-copy .pill-link{margin-top:22px;flex-shrink:0}
}
@media(max-width:700px) and (min-height:600px){
 .motion-ready:not(.reduced-motion) .story-scene,.page-stage,.origin-enhanced .origin-stage{height:100dvh;min-height:0}
}
@media(max-width:700px) and (max-height:620px){
 .product-dialog-content{grid-template-rows:43% minmax(0,1fr)}
 .product-dialog-copy{padding:14px 20px}
 .product-dialog-copy h2{font-size:26px;margin:7px 0 9px}
 .product-dialog-prices{margin-bottom:9px}
 .product-dialog-note{margin-top:6px}
 .product-dialog-copy .pill-link{margin-top:10px}
}
/* Revision 21: aligned invitations and stable touch navigation. */
.story-last .story-last-actions .pill-link{margin:0}
/* Align the labels with the pill’s inset, while retaining the lighter text link. */
.story-last .story-last-actions .text-link{margin-left:24px}
@media(hover:none),(pointer:coarse){.mobile-nav nav a:hover{padding-left:0}}
@media(max-width:700px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .mobile-nav nav a,.mobile-nav nav a:hover{white-space:nowrap;font-size:clamp(27px,8.4vw,42px);gap:14px;padding-left:0}
 .mobile-nav nav small,.mobile-nav nav a>span{flex-shrink:0}
 /* Paint the expanded phone viewport before the browser toolbars hide. */
 .pour-stage{height:100lvh}
 .pour-bottom{bottom:calc(25px + 100lvh - 100dvh)}
 .home-discovery.discovery-pinned{overflow:visible;padding-bottom:45px}
 .discovery-pin-track{height:280svh;position:relative}
 .discovery-pinned .discovery-layout{position:sticky;top:0;height:100svh;box-sizing:border-box;padding:20px 0;grid-template-rows:auto minmax(180px,1fr) auto;align-content:center;gap:0;background:var(--cream);transition:padding-top .3s ease}
 .home-page:not(.header-hidden) .discovery-pinned .discovery-layout{padding-top:calc(var(--header-height,80px) + 12px)}
 .discovery-pin-heading{position:relative;grid-row:1;padding-right:65px}
 .discovery-pin-heading h2{font:500 12.4vw/1.08 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 18px}
 .discovery-pin-heading h2 em{font-family:Georgia,serif;font-weight:400;color:var(--copper)}
 .discovery-scroll-cue{position:absolute;right:0;top:6px;width:52px;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:10px;line-height:1.3;color:var(--red)}
 .discovery-scroll-cue svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:1.2}
 .discovery-scroll-cue circle{transform:rotate(-90deg);transform-origin:28px 28px}
 .discovery-ring-track{opacity:.18}.discovery-progress-ring{stroke-dasharray:100;stroke-dashoffset:100;stroke-width:2}
 .discovery-scroll-count{font-size:9px;opacity:.7}
 .discovery-pinned .cup-gallery{grid-row:2;height:100%;min-height:0;width:88%;margin:0 auto 10px}
 .discovery-pinned .cup-picture{transition:transform .12s linear;will-change:transform}
 .discovery-pinned .cup-choices{grid-row:3}
 .discovery-pinned .cup-choices button{font-size:16px;min-height:47px;padding:13px 0}
 .discovery-pinned .cup-panel{grid-row:3;min-height:0;padding-top:20px}
 .discovery-pinned .cup-title{font-size:28px;margin-bottom:10px}
 .discovery-pinned .cup-note{font-size:13px;line-height:1.55;min-height:0;margin:0}
 .discovery-pinned .cup-price{font-size:12px;margin:10px 0 0}
 .discovery-pinned .cup-link{font-size:12px;padding:8px 0}
 .discovery-pinned .cup-tag{top:0;font-size:13px}
 .discovery-pinned .drink-stamp{width:65px;height:65px;font-size:6px;bottom:14%}
 .discovery-pinned .drink-stamp em{font-size:21px}
 .discovery-pinned .cup-caption{bottom:0;font-size:10px}
}
@media(max-width:700px){.home-discovery.discovery-pinned{overflow-x:clip;overflow-y:visible}}

.site-footer,.home-page .site-footer{background:linear-gradient(180deg,#000d 0%,#00000038 60%,#00000000 100%),url(/assets/footer-iced-coffee.jpg) center / cover no-repeat #080808}