/* Joey's V5 — immersive front door, focused counter, familiar personal space. */
:root{--paper:#faf9f5;--ink:#262922;--green:#343c2e;--sage:#eceee4;--muted:#787b70;--line:#e5e5db;--blue:#4d6977;--ochre:#a07843}
html{background:#d9d9d1}body{font-size:15px;-webkit-font-smoothing:antialiased}.store-app{max-width:480px;border-radius:0;margin:0 auto;padding-bottom:calc(80px + env(safe-area-inset-bottom));min-height:100svh;overflow:clip}.brand-header{height:82px;padding:19px 24px;position:relative;z-index:10}.wordmark strong{font-size:28px;letter-spacing:3px}.wordmark strong span{font-size:25px}.wordmark small{font-size:9px;letter-spacing:1.6px;color:inherit;opacity:.72}.mini-capsule{border-color:currentColor;color:inherit;opacity:.8;height:32px}.capsule-dot{border-color:currentColor}
.site-filing{padding:18px 24px 8px;text-align:center;color:#999a90;font-size:10px;line-height:1.6;letter-spacing:.2px}.site-filing a{color:inherit;text-decoration:none}.site-filing a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
[data-page=home] .brand-header{position:absolute;inset:0 0 auto;color:#fff9ed;background:linear-gradient(#25251f35,transparent)}
.bottom-nav{width:min(100%,480px);height:calc(68px + env(safe-area-inset-bottom));bottom:0;background:#faf9f5f5;backdrop-filter:blur(18px);border-radius:0;color:var(--ink);border-top:1px solid #e0e1d6;box-shadow:none;padding:5px 12px calc(5px + env(safe-area-inset-bottom));z-index:40}.bottom-nav a{color:#97998f;font-size:11px;gap:3px;height:53px}.bottom-nav a[aria-current=page]{color:var(--ink);background:transparent}.bottom-nav a[aria-current=page] svg{stroke-width:1.8}.bottom-nav svg{width:22px;height:22px;stroke-width:1.45}.bottom-nav a:active{background:#e9ebe2}
.primary,.j-primary{background:var(--green);border-color:var(--green);border-radius:4px}.secondary,.j-secondary{border-radius:4px}.icon-button{min-height:44px;min-width:44px}.section-pad{padding:30px 24px}.section-heading{align-items:flex-end;margin-bottom:12px}.section-heading h2{font-family:'Songti SC',serif;font-size:24px;line-height:1.35;margin-top:8px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.section-heading>a{font-size:12px;white-space:nowrap;padding:8px 0}.section-heading>a svg{width:14px;height:14px}.section-caption{font-size:12px;color:var(--muted)}.eyebrow{letter-spacing:1.4px;font-size:10px}.small-outline{border-radius:3px;min-height:38px;padding:7px 12px}.small-outline svg{width:14px;height:14px}.event-list{margin-top:27px}.event-row{padding:23px 0;gap:17px}.event-content h3{font-size:15px}.event-content p{font-size:11px}.event-date{width:47px}.event-date strong{font-size:30px}.event-date span{font-size:10px}.schedule-note{margin-top:20px;font-size:10px}.arrival{padding:23px 0}.home-footer{font-size:10px;padding-bottom:5px}
.home-scene{height:calc(100svh - 68px - env(safe-area-inset-bottom));min-height:575px;max-height:940px;position:relative;overflow:hidden;background:#474538;color:#fffbef;margin:0}.scene-images,.scene-image,.scene-shade{position:absolute;inset:0;width:100%;height:100%}.scene-image{object-fit:cover;object-position:52% 52%;opacity:0;transform:scale(1.035);transition:opacity 1s ease,transform 6.5s linear}.scene-image.is-active{opacity:1;transform:scale(1)}.scene-image:not(:first-child){object-position:66% center}.scene-shade{background:linear-gradient(180deg,#1d241847 0%,#22271a25 30%,transparent 50%,#1c24136b 100%)}.scene-editorial{position:absolute;top:115px;left:28px;right:20px}.scene-copy{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:opacity .65s,transform .65s;pointer-events:none}.scene-copy.is-active{opacity:1;transform:none}.scene-copy .eyebrow{color:#fff9e9;font-size:9px;letter-spacing:1.75px}.scene-copy h1{font-family:'Songti SC','Noto Serif CJK SC',serif;font-size:46px;line-height:1.32;letter-spacing:2px;font-weight:500;margin:16px 0 17px;text-shadow:0 1px 12px #241c1b24}.scene-copy p{font-size:12px;letter-spacing:.35px;color:#fff9e9;text-shadow:0 1px 8px #241c1b77}.scene-bottom{position:absolute;bottom:20px;left:20px;right:20px}.scene-controls{display:flex;align-items:center;gap:10px;height:43px;margin-bottom:7px}.scene-controls>span{margin-left:auto;font-size:9px;letter-spacing:1px;opacity:.9}.scene-controls .carousel-dots{gap:10px}.scene-controls .carousel-dots button{width:38px;height:43px;color:#fff8e9;opacity:.55;border-bottom:1px solid #fff8e950;transition:opacity .3s}.scene-controls .carousel-dots button span{font-family:Georgia,serif;font-size:12px}.scene-controls .carousel-dots button:after{display:none}.scene-controls .carousel-dots button[aria-pressed=true]{opacity:1;border-bottom:2px solid #fff8e9}.scene-controls .carousel-toggle{width:35px;height:43px;color:#fff8e9;padding:7px}.scene-controls .carousel-toggle svg{width:14px;height:14px}
.welcome-panel{background:#faf9f2f5;backdrop-filter:blur(10px);border-radius:5px;color:var(--ink);box-shadow:0 8px 25px #1e261a1a}.quick-actions{padding:21px 8px 17px;gap:0}.quick-actions a{gap:8px;font-size:12px}.quick-actions a+a{border-left:1px solid #e7e7dc}.quick-icon,.quick-actions a:nth-child(n) .quick-icon{background:transparent;border-radius:0;width:38px;height:30px;color:var(--green)}.quick-icon svg{width:26px;height:26px;stroke-width:1.4}.quick-actions a:active .quick-icon{transform:translateY(-3px)}.daily-note{width:calc(100% - 30px);margin:0 15px;gap:9px;border-top:1px solid var(--line);border-bottom:0;padding:13px 0;text-align:left;font-size:11px}.daily-label{font-family:Georgia,serif;font-size:12px!important;font-style:italic}.daily-note>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-note svg{width:13px;height:13px}
[data-page=order] .brand-header{display:none}[data-page=order]{padding-bottom:calc(146px + env(safe-area-inset-bottom));background:#fff}.order-top{background:#34392f;color:#fffdf2;padding:22px 20px 18px;position:sticky;top:-32px;z-index:12}.order-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-title .eyebrow{color:#cecebc;letter-spacing:2px;font-size:9px}.order-title button{font-size:11px;color:#dedfd2}.order-title button svg{width:13px;height:13px}.store-line{display:flex;justify-content:space-between;gap:10px;align-items:center}.store-line>button:first-child{text-align:left;padding:0}.store-line h1{font-size:18px;font-weight:600;line-height:1.6}.store-line>button:first-child>span{font-size:10px;color:#bfc2b0;display:flex;align-items:center;gap:3px}.store-line svg{width:12px;height:12px}.fulfillment-switch{border:1px solid #b9bfaa55;border-radius:3px;padding:8px 9px;font-size:11px;min-height:40px;flex-shrink:0;max-width:125px}.order-tip{font-size:10px;margin-top:12px;color:#c6c8b8;letter-spacing:.3px}.counter-feature{display:flex;width:calc(100% - 32px);text-align:left;align-items:center;margin:16px;background:#eceadf;padding:14px 0 14px 18px;overflow:hidden;min-height:154px;border-radius:3px}.counter-feature>div{flex:1;position:relative;z-index:1}.counter-feature h2{font-family:'Songti SC',serif;font-size:23px;margin:6px 0}.counter-feature p{font-size:11px;color:#767768}.counter-feature .eyebrow{font-size:8px;letter-spacing:1px}.feature-link{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:13px}.feature-link svg{width:13px;height:13px}
.menu-photo{position:relative;display:block;overflow:hidden;flex-shrink:0;width:92px;height:118px;background:#f8f6f1;mix-blend-mode:multiply}.menu-photo img{position:absolute;max-width:none;width:500%;height:100%;left:calc(var(--product-index) * -100%);object-fit:fill;top:0}.counter-feature .menu-photo{width:150px;height:162px;margin:-15px -5px -15px -8px;flex-shrink:0}.menu-workspace{display:grid;grid-template-columns:83px minmax(0,1fr);align-items:start}.category-rail{position:sticky;top:120px;display:flex;flex-direction:column;background:#f4f4ef;padding:12px 0;min-height:320px}.category-rail button{text-align:left;padding:18px 12px;position:relative;line-height:1.4;color:#96998e;font-size:12px;min-height:80px}.category-rail button span{display:block}.category-rail button small{display:block;font-size:7px;letter-spacing:.2px;margin-top:6px;line-height:1.4}.category-rail button[aria-pressed=true]{background:white;color:#30382c;font-weight:600}.category-rail button[aria-pressed=true]:before{content:'';position:absolute;left:0;top:20px;bottom:20px;width:3px;background:var(--green)}.menu-catalog{min-width:0;padding:5px 16px 0 12px}.menu-group-heading{padding:15px 0 2px}.menu-group-heading h2{font-size:16px;line-height:1.4}.menu-group-heading span{font-size:8px;letter-spacing:1px;color:#989d8d}.menu-catalog section{scroll-margin-top:137px}.menu-row{padding:15px 0;gap:10px;align-items:center}.product-photo-button{padding:0;align-self:stretch;display:flex;align-items:center}.menu-row .menu-photo{width:82px;height:108px;border-radius:3px}.menu-row .menu-product-copy{min-width:0;flex:1}.product-name-button{text-align:left;padding:0;min-height:32px}.menu-row h3{font-size:15px;font-weight:600}.menu-row p{font-size:10px;line-height:1.65;margin:3px 0 11px;color:#919487}.menu-product-bottom{display:flex;justify-content:space-between;align-items:center;gap:4px}.price{font-size:18px;color:var(--ink);font-family:Georgia,serif}.add-item{width:auto;height:36px;min-height:36px;padding:0 9px;font-size:10px;background:var(--ink);color:#fff;border:0;border-radius:2px;white-space:nowrap}.menu-disclaimer{font-size:10px;color:#93988a;text-align:center;padding:20px 0 10px}.cart-summary{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(min(100%,480px) - 28px);height:58px;margin:0;border-radius:5px;padding:0 13px;background:#2c3227;color:#fffdf2;z-index:31;gap:10px;box-shadow:0 6px 20px #20271826;display:flex}.cart-summary .cart-bag{position:relative;display:flex;width:34px;flex-shrink:0}.cart-bag svg{height:25px;width:25px;stroke-width:1.35}.cart-bag b{position:absolute;top:-7px;right:0;background:#d7dfbe;color:#30372a;width:17px;height:17px;font-size:10px}.cart-summary .cart-caption{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:0}.cart-caption strong{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.25}.cart-caption small{font-size:9px;color:#c3cbb5;line-height:1.5}.cart-summary .cart-next{font-family:inherit;font-size:12px;display:flex;align-items:center;gap:12px}.cart-next svg{height:17px;width:17px}.cart-summary.just-added .cart-bag{animation:bag-pop .4s ease}
.joey-dock{top:auto;bottom:calc(85px + env(safe-area-inset-bottom));right:max(0px,calc((100vw - 480px)/2));z-index:29}.pet-picture{width:55px;height:48px}.pet-picture img{width:88px;left:-17px;top:-21px}.pet-label{font-size:9px;padding:2px 6px;border-radius:4px}.joey-pet{opacity:.97}[data-page=home] .joey-dock{top:45%;bottom:auto}[data-page=order] .joey-dock{top:auto;bottom:146px}[data-page=order] .pet-label{display:none}[data-page=order] .pet-picture{width:43px;height:37px}[data-page=order] .pet-picture img{width:71px;left:-14px;top:-18px}#jieou-prototype-v3[data-page=lesson] .joey-dock{top:95px;bottom:auto}.has-sheet .joey-dock{opacity:0;pointer-events:none}
dialog{max-height:92svh;border-radius:13px 13px 0 0;background:#faf9f5;padding:0 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 80px #17231120}dialog::backdrop{background:#1b241b66;backdrop-filter:blur(2px)}dialog[open]{animation:sheet-lift .32s cubic-bezier(.2,.8,.2,1)}.sheet-top{background:#faf9f5;height:46px}.sheet-top .icon-button{margin-top:5px}#sheet-title{font-size:25px}.option-pills label span{border-radius:3px!important;min-height:44px}.option-pills input:checked+span{background:#30372b!important;color:#fff!important;border-color:#30372b!important}.option-pills input:focus-visible+span{outline:2px solid var(--blue);outline-offset:3px}.form-label input,.form-label select{border-radius:3px;background:white}.quantity-control button{min-width:44px;min-height:44px}.quantity-control span{min-width:22px;text-align:center}.inline-note{border-radius:4px;font-size:12px}.checkout-list p{gap:12px}.demo-note{font-size:10px}.full-width{width:100%}.sheet-back{margin:0 0 10px -7px;display:flex;align-items:center;gap:6px;font-size:12px;min-height:40px}.sheet-back svg{width:17px;height:17px}
.module-hero{margin:0;border-radius:0;aspect-ratio:1.75}.module-hero .hero-copy{top:27px;left:24px}.module-hero .hero-copy h1{font-size:28px;line-height:1.45}.module-hero .eyebrow{font-size:9px;letter-spacing:1.1px}.experience-grid{gap:12px}.experience-tile{border-radius:3px;background:#f0ece0;padding-bottom:20px}.experience-tile h3{font-size:24px}.experience-tile p{font-size:11px}.experience-tile>span:last-child{font-size:11px}.experience-tile .product-icon{height:130px}.mine-intro{padding-top:24px}.mine-intro h1{font-size:29px}.member-key{background:#343c2e;color:#eff0df;border-radius:6px;padding:23px;margin-bottom:26px;box-shadow:0 9px 25px #26392015}.member-key>span{font-size:8px;letter-spacing:1.7px;color:#c6d0b8}.member-key h2{font-family:'Songti SC',serif;font-size:26px;font-weight:400;margin:22px 0 7px}.member-key>p{font-size:11px;color:#bfcbb0}.member-key>div{display:flex;justify-content:space-between;padding:20px 0 13px;margin-top:12px;border-top:1px solid #d6dfbe28}.member-key>div span{font-size:10px;color:#bcc7ad}.member-key b{display:block;color:#eff0df;font-size:16px;font-weight:400;margin-top:7px}.member-key small{font-size:9px;color:#acb99b}.mine-shortcuts{padding:22px 0;border-top:0}.mine-shortcuts span{font-size:10px}.group-intro{position:relative;background:#e9ecdf;padding:28px 24px;overflow:hidden}.group-intro h1{font-family:'Songti SC',serif;font-size:35px;margin:14px 0}.group-intro p{font-size:12px}.group-intro .product-icon{width:140px;height:130px;position:absolute;right:-15px;bottom:15px}.group-card{padding:23px 0;border-bottom:1px solid var(--line)}.group-card h2{font-family:'Songti SC',serif;margin:9px 0;font-size:24px}.group-card p{font-size:12px;color:var(--muted)}.group-card>div{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:8px}.group-card>div>span{font-size:11px;color:var(--muted)}.page-heading{padding-top:6px}.j-lesson{border-radius:5px;background:#fffef9}#jieou-prototype-v3 .g-footer{bottom:67px}
@keyframes sheet-lift{from{transform:translateY(70px);opacity:.5}to{transform:none;opacity:1}}@keyframes bag-pop{50%{transform:scale(1.2) rotate(-8deg)}}
@media(min-width:600px){.store-app{margin:0 auto;border-radius:0;min-height:100svh}.home-scene{min-height:620px}.scene-copy h1{font-size:52px}.scene-editorial{top:128px}.scene-bottom{left:25px;right:25px;bottom:25px}.quick-actions{padding-top:25px;padding-bottom:21px}.daily-note{padding:15px 0}.brand-header{height:90px}.menu-row .menu-photo{width:98px;height:116px}.menu-workspace{grid-template-columns:91px minmax(0,1fr)}.menu-row{gap:15px}.counter-feature .menu-photo{width:178px;height:169px}}
@media(max-width:359px){.scene-editorial{left:23px;top:108px}.scene-copy h1{font-size:40px}.scene-copy p{font-size:10px}.scene-bottom{left:14px;right:14px}.quick-actions a{font-size:11px}.daily-note{font-size:10px}.order-top{padding-left:15px;padding-right:15px}.store-line h1{font-size:16px}.fulfillment-switch{font-size:10px;padding:7px}.menu-workspace{grid-template-columns:69px minmax(0,1fr)}.category-rail button{padding-left:9px;font-size:11px}.menu-catalog{padding-right:10px;padding-left:9px}.menu-row{gap:8px}.menu-row .menu-photo{width:64px;height:96px}.menu-row h3{font-size:13px}.menu-row p{font-size:9px}.add-item{font-size:9px;padding:0 7px}.counter-feature h2{font-size:20px}.counter-feature .menu-photo{width:117px}.counter-feature .eyebrow{font-size:7px}.counter-feature p{font-size:10px}.event-row{gap:10px}.event-content h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){.scene-image,.scene-copy{transition:none}.scene-image{transform:none}dialog[open],.cart-summary.just-added .cart-bag{animation:none}}
[hidden]{display:none!important}
[data-kind=product] #sheet-title{font-family:inherit;font-size:23px;margin-bottom:5px;font-weight:600}[data-kind=product] #sheet-content{display:flex;flex-direction:column}[data-kind=product] #sheet-title{order:1}[data-kind=product] .product-detail-visual{order:0}[data-kind=product] .product-description{order:2}[data-kind=product] form{order:3}.product-detail-visual{height:210px;position:relative;background:#f5f3eb;margin:0 -22px 20px;display:flex;align-items:center;justify-content:center}.product-detail-visual .menu-photo{width:170px;height:215px}.product-description .eyebrow{font-size:8px;letter-spacing:1.3px}.product-description p{font-size:12px;color:var(--muted);margin:7px 0 20px}.product-sticky{position:sticky;bottom:-24px;background:#faf9f5;border-top:1px solid var(--line);padding:12px 0 calc(8px + env(safe-area-inset-bottom));margin-top:22px;z-index:3}.product-bottom-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.product-live-total{font-family:Georgia,serif;font-weight:400;font-size:25px;display:block;line-height:1.3}.product-selection{display:block;font-size:10px;color:var(--muted);margin-top:3px}.product-sticky .quantity-control{gap:0}.product-sticky .quantity-control input{border:0;background:transparent;width:33px;text-align:center;font-size:17px;padding:0;-moz-appearance:textfield}.product-sticky .quantity-control input::-webkit-inner-spin-button{appearance:none}.product-demo{margin:20px 0 0}.option-pills label small{font-size:10px;opacity:.75;margin-left:5px}.checkout-store{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px 0 24px;margin-bottom:15px}.checkout-store svg{width:21px;height:21px}.checkout-store strong{display:block;font-size:15px}.checkout-store span{font-size:10px;color:var(--muted)}.checkout-list small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.pickup-ticket{text-align:center;padding:20px 0 15px}.pickup-ticket>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.pickup-ticket>strong{display:block;font-family:Georgia,serif;font-size:52px;line-height:1.5;font-weight:400}.pickup-ticket>p{font-size:12px}.order-progress{display:flex;list-style:none;padding:10px 0 25px;margin:0;justify-content:space-between;position:relative}.order-progress li{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:11px;color:#9ca28f;flex:1;position:relative}.order-progress li:before{position:absolute;content:'';height:1px;background:var(--line);top:13px;left:0;right:0;z-index:-1}.order-progress li>span{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:11px}.order-progress li.reached{color:var(--green)}.order-progress li.reached>span{background:var(--green);border-color:var(--green);color:#fff}.order-progress li[aria-current]{font-weight:600}.receipt-scene{border-radius:4px}.receipt-scene>span{font-size:9px;letter-spacing:1.5px}
[data-page=home] .wordmark strong span{color:inherit}.menu-photo img{height:auto;top:50%;transform:translateY(-50%)}.category-rail button{font-size:11px;letter-spacing:-.2px}.menu-row .add-item{min-height:40px}.store-line h1{letter-spacing:-.25px}
[data-page=order] .joey-dock{left:max(1px,calc((100vw - 480px)/2 + 1px));right:auto}.scene-image:first-child{object-position:66% center}.menu-workspace .category-rail button{line-height:1.7}
@media(max-height:720px) and (max-width:599px){.home-scene{min-height:500px}.scene-editorial{top:100px}.scene-copy h1{font-size:37px;margin:13px 0}.scene-bottom{bottom:15px}.scene-controls{height:34px;margin-bottom:4px}.scene-controls .carousel-dots button,.scene-controls .carousel-toggle{height:34px}.quick-actions{padding-top:16px;padding-bottom:14px}.daily-note{padding:11px 0}}
/* Let the final category align beneath the sticky store header, too. */
.menu-catalog section:last-of-type{min-height:calc(100svh - 310px)}
.scene-image.scene-position-1{object-position:left center}.scene-image.scene-position-2{object-position:right center}.scene-shade{background:linear-gradient(180deg,#1b211a70 0%,#1b211a60 35%,transparent 62%,#18211772 100%)}.scene-copy p,.scene-copy .eyebrow{text-shadow:0 1px 8px #141a11a0}