/* Phone-first refinements; desktop retains the four-column editorial layout. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,input,select,textarea{touch-action:manipulation}main,section,.hero-copy,.hero-visual,.coffee-copy,.story-title,.story-copy,.visit-details{min-width:0}.announcement>.announcement-intro{margin-left:0}.wordmark{flex-shrink:0}.button{min-height:48px}.add-product,.icon-button{width:44px;height:44px}.filters button,.coffee-options button,.menu-coffee-options button{min-height:44px}.quantity-control button{height:44px;width:44px;flex-shrink:0}.remove-item{min-height:44px;padding:8px 2px}.bag-button{min-height:44px}#cart-dialog{height:100vh;height:var(--drawer-height,100dvh);top:var(--drawer-top,0px);bottom:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(34px,env(safe-area-inset-bottom))}#toast{bottom:max(25px,calc(env(safe-area-inset-bottom) + 12px))}.cart-row>img{flex-shrink:0}.cart-row-details{overflow-wrap:anywhere}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}input,select,textarea{font-size:16px;min-height:48px}input[type="date"]{max-width:100%;min-width:0;min-height:48px}#request-text{font-size:14px}.footer-bottom button{min-height:44px}.motion-toggle{min-width:44px}.menu-coffee-options{gap:8px}.menu-coffee-options button{min-width:58px;font-size:12px}.button,.text-link{overflow-wrap:anywhere}
@media(hover:none){.button:hover{transform:none}.product:hover .product-image>img,.instagram-grid a:hover img{transform:none}.button:hover>.arrow-icon,.text-link:hover>.arrow-icon{transform:none}}
@media(min-width:801px) and (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:clamp(55px,6.3vw,70px)}.header nav{gap:18px;font-size:12px}.header{gap:20px}.hero .joy-rays{width:28px;height:35px}.hero-description{font-size:15px}.hero-buttons{gap:15px}.hero-buttons .button{padding-inline:18px;gap:16px}}
@media(max-width:800px){
 :root{scroll-padding-top:100px}.wrap{width:calc(100% - 40px)}
 .announcement{font-size:10px;line-height:1.5;padding:9px 16px}.announcement-intro{display:none}.announcement span{margin-left:12px}.announcement .tiny-star{display:none}
 .header{position:sticky;top:0;z-index:30;height:calc(78px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));gap:16px;box-shadow:0 2px 12px #21483206}.header-actions{gap:7px;align-items:center}.bag-button{font-size:12px;padding:9px 13px;gap:8px}.bag-count{min-width:20px;height:20px;font-size:10px}.mobile-menu{width:44px;height:44px;align-items:center;gap:7px;flex-shrink:0}.mobile-menu span{width:23px}.mobile-nav{position:fixed;left:0;right:0;top:calc(78px + env(safe-area-inset-top));z-index:29;max-height:calc(100dvh - 78px - env(safe-area-inset-top));overflow:auto;padding:12px 24px 24px;border-bottom:1px solid var(--line);box-shadow:0 14px 24px #21483216}.mobile-nav a{font-size:16px;min-height:52px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.wordmark,.wordmark>img{width:120px}.wordmark>span{font-size:7px;letter-spacing:2px}
 .hero{grid-template-columns:1fr;gap:32px;padding-top:36px;padding-bottom:34px;min-height:0}.hero h1{font-size:clamp(48px,14.5vw,84px);line-height:1.04;white-space:normal;margin-bottom:24px}.hero .eyebrow{font-size:9px;letter-spacing:1.05px;line-height:1.5;max-width:100%}.hero .joy-rays{width:32px;height:35px;margin-left:5px}.hero-description{font-size:16px;line-height:1.7;max-width:440px;margin-bottom:24px}.hero-buttons{gap:12px 20px;align-items:center}.hero-buttons .button{font-size:13px;min-height:50px;padding:16px 20px;gap:20px}.hero-buttons .text-link{font-size:13px;min-height:44px}.hero-note{display:none}.hero-visual{width:calc(100% - 16px);margin:8px 0 0 16px;padding-top:0}.hero-visual>img{height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:150px 150px 9px 9px}.hero-sticker{width:96px;height:96px;left:-16px;bottom:44px}.hero-sticker b{font-size:21px}.hero-sticker span{font-size:6px}.image-label{font-size:8px;letter-spacing:1px;top:-16px;right:8px}.photo-caption{font-size:8px;line-height:1.5;letter-spacing:.3px;gap:15px;margin-top:13px}.photo-caption>span{max-width:52%}
 .section-space{padding-block:58px}.section-heading{margin-bottom:28px}.section-heading h2,.instagram-section h2{font-size:clamp(36px,9vw,52px);line-height:1.12}.section-heading .eyebrow,.eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.5}.section-heading>p{display:none}.menu-toolbar{display:block;margin-bottom:24px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%}.filters button{font-size:11px;line-height:1.4;padding:10px 7px;min-height:48px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.product-image{aspect-ratio:1/1;border-radius:10px}.product-image>img{height:100%;width:100%;object-fit:contain}.product-tag{font-size:7px;line-height:1.35;letter-spacing:.3px;padding:6px 8px;top:9px;left:9px;max-width:calc(100% - 18px)}.add-product{width:44px;height:44px;right:9px;bottom:9px;font-size:25px}.product h3{font-size:clamp(21px,5.5vw,27px);line-height:1.15;margin:15px 0 10px}.product-description{font-size:13px;line-height:1.65;min-height:0;margin-bottom:12px}.product-meta{font-size:8px;letter-spacing:.65px;line-height:1.7}.availability-note{font-size:12px;line-height:1.75;text-align:left;margin-top:28px}.menu-coffee-options{flex-wrap:wrap;margin-top:14px}.menu-coffee-options button{font-size:12px;padding:8px 15px}
 .coffee-section{padding-block:48px}.coffee-inner{grid-template-columns:1fr;gap:35px}.coffee-image{width:calc(100% - 16px)}.coffee-image>img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:160px 160px 6px 6px}.coffee-seal{right:-16px;width:96px;height:96px;top:24px;font-size:7px}.coffee-seal span{font-size:21px}.coffee-img-note{font-size:9px;line-height:1.5}.coffee-copy{padding:0}.coffee-copy h2{font-size:clamp(64px,18vw,86px);line-height:1.02;margin-bottom:24px}.coffee-copy .eyebrow{font-size:10px}.coffee-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:480px}.coffee-copy .coffee-sub{font-size:14px!important;line-height:1.75}.coffee-options{flex-wrap:wrap;gap:10px;margin-bottom:20px}.coffee-options button{font-size:12px;padding:11px 15px;min-height:46px}.coffee-copy .button{font-size:14px;min-height:52px;padding:16px 22px;gap:24px}.handwritten{font-size:18px;margin-top:20px}
 .story-section{grid-template-columns:1fr;gap:26px}.story-title h2{font-size:clamp(44px,11vw,60px)}.citrus-doodle{position:static;display:flex;align-items:center;gap:12px;max-width:240px;margin-top:20px;text-align:left}.citrus-doodle svg{width:80px;margin:0;flex-shrink:0}.citrus-doodle span{font-size:14px;line-height:1.5}.story-copy .big-asterisk{font-size:40px;margin-bottom:18px}.story-copy .story-lead{font-size:29px;line-height:1.25;max-width:380px}.story-copy>p{font-size:15px;line-height:1.85;max-width:560px}.story-copy .text-link{font-size:13px;min-height:44px}.founder{max-width:none;min-height:64px}.founder-avatar{width:44px;height:44px;flex-shrink:0}.founder div{font-size:14px}.founder small{font-size:12px}
 .instagram-section{padding-block:48px}.instagram-section .section-heading{display:block}.instagram-section .section-heading .text-link{font-size:14px;min-height:44px;margin-top:16px}.instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.instagram-grid a:first-child{grid-row:auto;grid-column:1/-1}.instagram-grid a:first-child img{height:auto;aspect-ratio:1/1}.instagram-grid img{height:auto;aspect-ratio:1/1;object-fit:cover}.instagram-grid a>span{font-size:11px;line-height:1.5;padding:34px 12px 14px}
 .visit-section{grid-template-columns:1fr;gap:28px}.visit-section h2{font-size:clamp(40px,10.5vw,58px)}.visit-section>div>p:not(.eyebrow){font-size:15px;line-height:1.75;margin:22px 0}.visit-section .button{font-size:14px;min-height:52px}.visit-details{padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}.visit-details>div{gap:18px;padding:18px 0}.visit-details h3{font-size:14px;line-height:1.5}.visit-details p,.visit-details a{font-size:14px;line-height:1.8}.visit-details small{font-size:12px}.visit-details a{display:inline-flex;align-items:center;min-height:44px}.detail-icon{width:24px;flex-shrink:0}
 footer{padding-top:22px;padding-bottom:env(safe-area-inset-bottom)}.footer-top{font-size:9px;line-height:1.5;letter-spacing:.5px;align-items:center}.footer-top a{min-height:44px;display:flex;align-items:center}.footer-wordmark{padding:25px 0 35px}.footer-wordmark>span{font-size:25px}.footer-bottom{font-size:11px;gap:8px 16px;flex-wrap:wrap;align-items:center;padding-block:16px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom button{font-size:11px;line-height:1.5}
 #cart-dialog{width:100%;max-width:100%;padding:24px 20px max(24px,env(safe-area-inset-bottom));padding-top:max(24px,env(safe-area-inset-top));border-radius:0}.drawer-header{position:sticky;top:-24px;z-index:2;background:var(--cream);padding-top:12px;margin-top:-12px;gap:10px}.drawer-header .eyebrow{font-size:9px;max-width:235px;line-height:1.5}.drawer-header h2{font-size:36px}.icon-button{width:44px;height:44px}.cart-row{gap:12px;padding-block:20px;flex-wrap:wrap}.cart-row>img{width:64px;height:76px;object-fit:contain}.cart-row h3{font-size:22px;line-height:1.2}.cart-row small{font-size:12px}.cart-row .remove-item{font-size:11px;min-width:48px}.quantity-control{gap:14px;font-size:15px;margin-top:12px}.quantity-control button{width:44px;height:44px;font-size:23px}.bag-summary{font-size:12px;gap:20px;line-height:1.6}.bag-summary>span{max-width:155px;text-align:right}label{font-size:14px;line-height:1.5;margin-bottom:9px}input,select,textarea,.form-row input,.form-row select{font-size:16px;padding:13px 12px;min-height:50px}.form-row{grid-template-columns:1fr;gap:0}textarea{min-height:100px}.request-note{font-size:12px;line-height:1.8}.full{font-size:14px;min-height:52px}.empty-bag p,#request-result p{font-size:14px;line-height:1.8}#request-result h3{font-size:30px;line-height:1.2}#request-text{font-size:16px;min-height:245px}.subtle-button{font-size:13px;min-height:44px}#info-dialog{padding:32px 24px;max-height:calc(100dvh - 40px);overflow:auto}#info-dialog>p:not(.eyebrow){font-size:15px}#toast{font-size:13px;line-height:1.5;width:max-content;max-width:calc(100% - 32px);padding:13px 19px;white-space:normal}.motion-toggle{width:46px}.ticker{padding-right:46px}.ticker::after{right:45px}
}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.header{padding-inline:16px;gap:10px}.wordmark,.wordmark>img{width:106px}.header-actions{gap:2px}.bag-button{padding:9px 10px}.hero h1{font-size:47px}.hero .joy-rays{width:25px;height:28px}.hero .eyebrow{font-size:8px}.hero-buttons{gap:8px 15px}.hero-buttons .button{padding:15px 17px;font-size:12px}.products{grid-template-columns:minmax(0,1fr);gap:30px}.product-tag{font-size:9px}.product h3{font-size:27px}.product-description{font-size:14px}.product-meta{font-size:10px}.filters button{font-size:10px}.drawer-header h2{font-size:32px}.cart-row .remove-item{margin-left:76px}.footer-top{font-size:8px}}
@media(min-width:581px) and (max-width:800px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 1fr;gap:28px;padding-block:44px}.hero h1{font-size:clamp(46px,7.5vw,61px)}.hero .joy-rays{display:none}.hero-description{font-size:15px}.hero-visual{margin:0;width:100%}.hero-visual>img{aspect-ratio:4/5}.hero-sticker{width:85px;height:85px;left:-15px}.hero-sticker b{font-size:19px}.photo-caption{font-size:7px}.hero-buttons{gap:10px}.hero-buttons .button{font-size:12px;padding-inline:16px}.coffee-inner{grid-template-columns:1fr 1fr;gap:44px}.coffee-copy h2{font-size:64px}.coffee-copy>p:not(.eyebrow){font-size:14px}.coffee-options button{font-size:11px;padding-inline:11px}.coffee-copy .button{font-size:12px;gap:16px;padding-inline:15px}.instagram-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.instagram-grid a:first-child{grid-column:auto}.instagram-grid a>span{font-size:11px}}
.delivery-section{background:#f4eddf;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.delivery-section .section-heading>p{font-size:14px;line-height:1.8;max-width:440px}.delivery-platforms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.delivery-platform{background:var(--cream);border:1px solid var(--line);border-radius:14px;min-height:166px;padding:23px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;transition:border-color .2s,transform .2s}.delivery-platform img{width:56px;height:56px;object-fit:contain;flex-shrink:0;border-radius:12px}.platform-name{font-size:15px;font-weight:600;line-height:1.4}.platform-status{font-size:11px;line-height:1.5;color:var(--muted)}.delivery-footnote{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:25px}.delivery-footnote p{font-size:12px;line-height:1.8;margin:0;max-width:650px}.delivery-footnote .text-link{min-height:44px;flex-shrink:0}.header nav{gap:24px}
@media(hover:hover){.delivery-platform:hover{border-color:var(--green);transform:translateY(-3px)}}
@media(max-width:1100px) and (min-width:801px){.header nav{gap:14px;font-size:11px}.header{padding-inline:24px;gap:18px}.wordmark,.wordmark>img{width:130px}}
@media(max-width:800px){.delivery-section .section-heading{display:block}.delivery-section .section-heading>p{display:block;font-size:15px;margin-top:22px;max-width:470px}.delivery-section .section-heading>p br{display:none}.delivery-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.delivery-platform{min-height:157px;padding:21px 12px}.delivery-platform img{width:52px;height:52px}.platform-name{font-size:15px}.platform-status{font-size:12px}.delivery-footnote{display:block;margin-top:23px}.delivery-footnote p{font-size:13px}.delivery-footnote .text-link{font-size:14px;margin-top:12px}.header nav{display:none}}
.mobile-menu span{transition:transform .2s ease}.mobile-menu[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.mobile-menu[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* Fresh juice gets the same editorial space as the café signature. */
.juice-section{background:#f0f1dd;border-bottom:1px solid var(--line)}.juice-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,7vw,100px);align-items:center}.juice-photo,.juice-copy{min-width:0}.juice-photo{position:relative}.juice-photo>img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:14px}.juice-photo-note{display:block;font-size:10px;letter-spacing:1.4px;margin-top:16px}.juice-copy h2{font-size:clamp(48px,4.8vw,76px);line-height:1.04;margin-bottom:28px}.juice-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:440px}.juice-copy .juice-detail{font-size:14px!important;color:var(--muted);margin-bottom:30px}.juice-copy .button{font-size:14px;gap:24px;max-width:100%}
@media(min-width:1101px){.products:has(.product:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}.products:has(.product:nth-child(5)) .product h3{font-size:clamp(20px,1.65vw,24px)}}
@media(min-width:801px) and (max-width:1100px){.products:has(.product:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.juice-inner{grid-template-columns:minmax(0,1fr);gap:32px}.juice-copy h2{font-size:clamp(46px,12vw,64px)}.juice-copy>p:not(.eyebrow){font-size:16px;line-height:1.75}.juice-copy .button{min-height:52px;font-size:14px}.juice-photo-note{font-size:9px;letter-spacing:1px}.products:has(.product:nth-child(5))>.product:last-child{grid-column:1/-1;width:calc((100% - 16px)/2);justify-self:center}}
@media(max-width:359px){.products:has(.product:nth-child(5))>.product:last-child{width:100%;grid-column:auto}}

/* Upcoming bottled drink: a launch story, with availability clearly marked. */
.launch-section{background:var(--yellow);border-bottom:1px solid var(--line)}.launch-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}.launch-copy,.launch-image{min-width:0}.launch-copy .eyebrow{line-height:1.8;display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:9px;letter-spacing:1.2px}.launch-status{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--green);border-radius:30px;padding:4px 11px;font-size:8px;letter-spacing:1px}.launch-copy h2{font-size:clamp(60px,6vw,88px);line-height:1.02;margin-bottom:24px}.launch-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:430px}.launch-copy .launch-tagline{font-family:'Fraunces',Georgia,serif;font-size:25px!important;line-height:1.3;margin-bottom:20px}.launch-details{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0 30px}.launch-details li{border:1px solid var(--line);border-radius:30px;padding:9px 12px;font-size:11px}.launch-copy .button{font-size:14px;min-height:50px}.launch-copy .launch-note{font-size:11px!important;color:var(--muted);margin:18px 0 0}.launch-image>img{height:auto;width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:16px}.launch-image-note{display:block;font-size:9px;line-height:1.6;letter-spacing:1.2px;margin-top:14px}
@media(max-width:800px){.launch-inner{grid-template-columns:minmax(0,1fr);gap:30px}.launch-image{grid-row:1}.launch-copy h2{font-size:clamp(62px,17vw,84px)}.launch-copy .eyebrow{font-size:9px;gap:10px}.launch-copy>p:not(.eyebrow){font-size:16px}.launch-copy .button{min-height:52px}.launch-details{gap:7px}.launch-details li{font-size:11px;padding:9px 11px}.launch-image-note{font-size:8px;letter-spacing:.8px}}

.hero-note .mosambi-note-icon{width:44px;height:44px;flex:0 0 44px;object-fit:contain}