@font-face{font-family:Native Display;src:url('../fonts/display.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Native Sans;src:url('../fonts/body.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{--forest:#122b1e;--green:#1e3625;--paper:#f5f0e5;--ink:#10271c;--muted:#536057;--rust:#a84e12;--line:#24433123;color-scheme:light}
*{box-sizing:border-box}html{background:#e6e5db;scrollbar-gutter:stable}body{margin:0;color:var(--ink);font-family:'Native Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}p,h1,h2{margin:0}h1,h2{font-family:'Native Display',Georgia,serif;font-weight:400}a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:4px}h1:focus{outline:none}svg{display:block;width:24px;height:24px;flex-shrink:0}i{font-style:normal}.site{width:100%;max-width:600px;margin:0 auto;min-height:100svh;container-type:inline-size;background:var(--paper) url('../images/paper.webp') repeat;background-size:260px}.page{position:relative}.skip{position:fixed;left:10px;top:10px;z-index:50;background:var(--paper);padding:12px 18px;transform:translateY(-160%)}.skip:focus{transform:none}
.botanical{background-image:url('../images/botanical-top-birdless.webp'),url('../images/coast.webp');background-size:100% auto,100% auto;background-position:top center,bottom center;background-repeat:no-repeat}
.brand{text-align:center}.wordmark{position:relative;display:inline-block;font-family:'Native Display',Georgia,serif;font-size:clamp(50px,14.8cqw,86px);letter-spacing:-.065em;line-height:1.06;white-space:nowrap}.brand-leaf{position:absolute;width:.29em;height:.34em;left:51%;top:-.16em;transform:rotate(3deg)}.brand-type{text-transform:uppercase;letter-spacing:.4em;font-size:10px;line-height:1.2;margin:1px 0 0 6px}.branch{margin-top:17px;text-transform:uppercase;font-size:11px;letter-spacing:.36em}.brand-rule{display:block;width:31px;height:1px;background:var(--ink);margin:11px auto 15px}.brand-tagline{text-transform:uppercase;font-size:9px;letter-spacing:.3em;line-height:1.5;text-wrap:balance}
.home{min-height:100svh;padding:clamp(95px,33cqw,180px) 7% clamp(170px,39cqw,240px)}.home .wordmark{font-size:clamp(64px,18.5cqw,110px)}.home .brand-type{font-size:clamp(11px,2.9cqw,17px);letter-spacing:.38em}.home .branch{margin-top:23px;font-size:clamp(11px,3.1cqw,18px)}.home .brand-rule{margin:17px auto 18px;width:36px}.home .brand-tagline{font-size:clamp(9px,2.5cqw,14px);letter-spacing:.27em}
.home-actions{display:grid;gap:13px;margin-top:30px}.home-action{position:relative;display:grid;grid-template-columns:47px minmax(0,1fr) 38px;align-items:center;gap:22px;min-height:112px;padding:21px 23px;border-radius:22px;color:#fff9e9;background:var(--green) url('../images/paper.webp') center/220px;background-blend-mode:multiply;transition:filter .16s ease}.home-action:after{content:'';position:absolute;left:86px;top:26px;bottom:26px;border-left:1px solid #fff9e947}.review-action{background-color:#bb6c31}.home-action>.action-icon{width:42px;height:49px;stroke-width:1.2}.home-action>span{font-family:'Native Display',Georgia,serif;font-size:clamp(23px,6.2cqw,37px);line-height:1.04;padding-left:7px}.menu-action>span{max-width:100px}.home-action>i,.category-tile>i{display:grid;place-items:center;border-radius:50%;background:#f8f2e5;color:var(--ink);width:38px;height:38px}.home-action>i svg{width:22px;height:22px}
.index{min-height:100svh;padding:40px 4% clamp(110px,24cqw,170px)}.index .brand{width:75%;margin:0 auto}.index .wordmark{font-size:clamp(46px,14cqw,82px)}.index .brand-type{font-size:9px}.index .branch{font-size:10px;margin-top:13px}.index .brand-rule{margin-top:9px;margin-bottom:11px}.index .brand-tagline{font-size:8px;letter-spacing:.24em;white-space:nowrap}.round{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-width:44px;border:1px solid #213a2210;border-radius:50%;background:#fbf4e6e8;color:var(--ink);transition:background-color .16s}.round svg{width:22px;height:22px}.index-back{position:absolute;top:14px;left:14px;z-index:2}.index-heading{text-align:center;margin:22px 0 18px}.index-heading h1{text-transform:uppercase;font-size:clamp(35px,10.5cqw,60px);line-height:1}.index-heading p{font-size:10px;text-transform:uppercase;letter-spacing:.3em;margin-top:8px}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:122px;padding:15px 14px;border-radius:15px;isolation:isolate;overflow:hidden;background:#c2be98;color:#0b2216}.category-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}.category-tile:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e2d9b142,transparent 85%)}.tile-title{position:relative;display:block;max-width:90%;font-family:'Native Display',Georgia,serif;font-size:clamp(16px,4.35cqw,26px);line-height:1.12;text-wrap:balance}.category-tile>i{width:30px;height:30px;margin-top:10px}.category-tile>i svg{width:19px;height:19px}.tile-dark{color:#fff9ed}.tile-dark:before{background:linear-gradient(90deg,#24351c30,transparent)}.category-tile img{transition:filter .16s ease}
.detail-header{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:8px;min-height:124px;padding:15px 16px 16px;background:var(--paper) url('../images/section-top.webp') top/100% auto no-repeat}.detail-header .brand{padding-top:3px}.detail-header .wordmark{font-size:clamp(40px,11.7cqw,64px)}.detail-header .brand-type{font-size:8px;letter-spacing:.28em}.detail-header .branch{font-size:9px;margin-top:8px}.detail-header .brand-rule{width:26px;margin:7px auto 9px}.detail-header .brand-tagline{font-size:7px;letter-spacing:.19em;white-space:nowrap}.detail-header .round{margin-top:5px}
.category-hero{position:relative;isolation:isolate;min-height:clamp(245px,73cqw,420px);overflow:hidden;background:#f0e5cf;animation:quiet-in .18s ease-out}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 80%;z-index:-2}.category-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f5edddfa 0%,#f5edddf0 25%,#f5edddab 47%,#f5eddd12 74%);pointer-events:none}.hero-copy{width:73%;padding:23px 20px 22px}.section-number{font-size:9px;letter-spacing:.25em;color:#586453;margin-bottom:13px}.hero-copy h1{font-size:clamp(32px,8.9cqw,52px);line-height:1.01;letter-spacing:-.025em;text-wrap:balance}.category-tagline{font-size:9px;letter-spacing:.23em;line-height:1.8;text-transform:uppercase;max-width:210px;margin-top:17px;text-wrap:balance}.accent-rule{display:block;width:38px;height:2px;background:var(--rust);margin-top:17px}.category[data-page='fresh-booster-juices'] .hero-photo{object-position:50% 35%}.category[data-page='matcha-moments'] .hero-photo{object-position:50% 100%}
.menu-body{padding:6px 22px 18px}.menu-items{margin:0;padding:0;list-style:none}.menu-items>li{padding:17px 0 16px;border-bottom:1px solid var(--line)}.menu-items>li:last-child{border-bottom:none}.item-top{display:flex;align-items:baseline;gap:16px;justify-content:space-between}.item-top h2{font-size:clamp(19px,5cqw,29px);line-height:1.18;min-width:0;max-width:86%;text-wrap:pretty}.price{font-size:16px;font-weight:650;line-height:1.3;flex-shrink:0;font-variant-numeric:tabular-nums}.item-description{font-size:15px;line-height:1.4;color:#4f554d;margin-top:7px;max-width:93%;text-wrap:pretty}.item-note{font-size:14px;font-weight:650;color:#954814;margin-top:7px}.temperature{display:flex;gap:15px;align-items:center;padding:17px 0;font-size:14px;border-bottom:1px solid var(--line)}.temperature>span:first-child{max-width:55%;padding-right:12px;border-right:1px solid var(--line)}.temperature>span:not(:first-child){display:grid;justify-items:center;gap:4px;font-size:12px;color:#7b431e}.temperature svg{width:23px;height:23px}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #788a7255;border-radius:16px;background:#1c3223;color:#fffaf0;margin:22px -3px 0;padding:16px 7px}.features>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0 8px;min-height:64px;border-right:1px solid #f9f4e42b}.features>div:last-child{border:0}.features svg{width:25px;height:25px;stroke-width:1.2}.features span{font-size:12px;line-height:1.25;text-wrap:balance}
.section-pagination{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:7px;margin-top:20px}.section-pagination a{min-height:48px;display:flex;justify-content:center;align-items:center;gap:6px;border:1px solid #203a2229;border-radius:10px;font-size:12px;background:#f9f4e8;transition:background-color .16s}.section-pagination svg{width:17px;height:17px}.currency-note{text-align:center;font-size:11px;color:#707669;margin:14px 0 2px}
@keyframes quiet-in{from{opacity:.75}to{opacity:1}}@media(hover:hover){.home-action:hover{filter:brightness(1.08)}.round:hover,.section-pagination a:hover{background:#ece7d8}.category-tile:hover img{filter:brightness(1.04)}}
@media(max-width:350px){.home{padding-left:6%;padding-right:6%}.home-action{grid-template-columns:35px minmax(0,1fr) 32px;gap:17px;padding:20px 17px;min-height:103px}.home-action:after{left:65px}.home-action>.action-icon{width:33px;height:43px}.home-action>i{width:32px;height:32px}.home-action>span{font-size:21px;padding-left:4px}.home .brand-tagline{font-size:8px}.index{padding-top:37px}.index .brand-tagline{font-size:7px;letter-spacing:.16em}.index .branch{font-size:9px}.category-tile{min-height:115px;padding:13px 11px}.tile-title{font-size:15px}.category-tile>i{width:28px;height:28px}.detail-header{padding:12px;gap:3px}.detail-header .wordmark{font-size:36px}.detail-header .brand-tagline{font-size:6px;letter-spacing:.08em}.hero-copy{width:77%;padding-left:18px}.hero-copy h1{font-size:31px}.category-tagline{max-width:170px;font-size:8px}.menu-body{padding-left:18px;padding-right:18px}.item-top h2{font-size:18px}.item-description{font-size:14px}.features span{font-size:11px}.section-pagination{gap:5px}.section-pagination a{font-size:11px;gap:4px}}
@media(min-width:601px){body{padding:20px 0}.site{box-shadow:0 12px 70px #20322318}.home{min-height:1060px}.home-action{min-height:150px;grid-template-columns:65px 1fr 50px;padding:27px 35px;gap:35px;border-radius:27px}.home-action:after{left:121px}.home-action>.action-icon{width:60px;height:66px}.home-action>i{width:50px;height:50px}.menu-action>span{max-width:155px}.index{padding-top:65px}.index .brand-type{font-size:13px}.index .branch{font-size:14px}.index .brand-tagline{font-size:11px}.index-heading{margin:30px 0 24px}.index-heading p{font-size:13px}.category-grid{gap:12px}.category-tile{min-height:175px;padding:22px}.category-tile>i{width:40px;height:40px;margin-top:15px}.detail-header{min-height:162px;padding:22px 24px}.detail-header .wordmark{font-size:64px}.detail-header .brand-type{font-size:11px}.detail-header .branch{font-size:11px}.detail-header .brand-tagline{font-size:9px}.hero-copy{padding:33px 30px}.category-tagline{font-size:12px;max-width:290px}.menu-body{padding:10px 32px 22px}.menu-items>li{padding:21px 0}.item-description{font-size:19px}.price{font-size:21px}.item-note{font-size:18px}.features{padding:22px 10px}.features>div{flex-direction:row;gap:13px;text-align:left}.features span{font-size:15px}.section-pagination a{font-size:15px;min-height:54px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.no-script{padding:30px;text-align:center}
.review-action>span{font-size:clamp(21px,5.6cqw,34px)}
.index{background-image:url('../images/index-top-birdless.webp'),url('../images/index-coast.webp')}
.detail-header{background-size:cover}
.category-tile{min-height:112px;padding-left:12px;padding-right:12px}
.tile-title{max-width:100%;font-size:clamp(17px,4.6cqw,27px);text-wrap:initial;white-space:nowrap}
@media(max-width:350px){.tile-title{font-size:15px}.review-action>span{font-size:20px}}
@media(min-width:601px){.category-tile{min-height:175px;padding-left:22px;padding-right:22px}}
.menu-body{padding-bottom:max(18px,env(safe-area-inset-bottom))}
/* Favor the drink's garnish in compact hero crops. */
.category[data-page='matcha-moments'] .hero-photo{object-position:50% 25%}
.category[data-page='protein-milkshakes'] .hero-photo,
.category[data-page='cold-beverages'] .hero-photo,
.category[data-page='milkshakes-smoothies'] .hero-photo{object-position:50% 50%}
/* One photographic canvas behind the brand and title prevents mismatched image edges. */
.category-scene{position:relative;isolation:isolate;overflow:hidden;background:#f2e9d6;animation:quiet-in .18s ease-out}
.category .category-scene>.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 54%;z-index:-2}
.category-scene:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,var(--paper),#f5f0e500 15%),linear-gradient(90deg,#f5edddf0,#f5edddb8 40%,#f5eddd00 73%)}
.category-scene .detail-header{position:relative;z-index:1;background:transparent;min-height:140px;height:140px}
.category-hero{background:transparent;isolation:auto;overflow:visible;animation:none}
.category-hero:after{display:none}
@media(max-width:350px){.category-scene .detail-header{min-height:130px;height:130px}}
@media(min-width:601px){.category-scene .detail-header{min-height:172px;height:172px}}