/* Every route has its own document and one equally sized selected nav item. */
.peach-nav{filter:drop-shadow(0 10px 20px var(--peach-nav-shadow))}
.peach-nav[data-central=false] .peach-nav-marker{opacity:1}
.peach-nav-item{padding:15px 0 8px;justify-content:flex-start;font-size:12px;font-weight:750}
.peach-nav-item[aria-current=page]{color:var(--theme-text)}
.peach-nav-item .menu-icon{display:block;width:23px;height:23px}
.peach-nav-surface{transition:--peach-cut 460ms cubic-bezier(.22,1,.36,1)}
.peach-nav-marker{transition:left 460ms cubic-bezier(.22,1,.36,1);background:var(--peach-nav-main)}
.peach-nav-item .peach-nav-icon{transition:opacity 180ms}
.page-leaving .peach-nav-item .peach-nav-icon{transition:opacity 180ms}
.peach-sub-icon svg{width:32px;height:32px;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.peach-sub-icon{transition:transform 180ms cubic-bezier(.22,1,.36,1),box-shadow 180ms}
@media(hover:hover){.peach-submenu button:hover .peach-sub-icon{transform:translateY(-3px);box-shadow:0 10px 24px var(--peach-nav-shadow)}}
body[data-page=home]{background:#172016;color:#fff6e9;min-height:100svh}
body[data-page=home] .demo-bar{position:relative;z-index:2;background:#131c16b8;color:#f5eddf}
body[data-page=home] .site-header{color:#fff6e9}
body[data-page=home] .wordmark img{filter:brightness(0) invert(1)}
body[data-page=home] .bag-button{border-color:#fff6e999;color:#fff6e9;background:#172016c9}
body[data-page=home] .site-header nav{background:#172016c9;border-radius:25px;padding:2px 18px}
body[data-page=home] footer.container{display:none}
body[data-page=home] .hero.hero-video{min-height:calc(100svh - 122px);height:auto;max-height:none;background:none;overflow:visible;padding-bottom:156px;align-items:center}
body[data-page=home] .hero-media,body[data-page=home] .hero-veil{position:fixed;inset:0}
body[data-page=home] .hero-media{background:#172016}
body[data-page=home] .hero-video-controls{position:fixed;bottom:126px;z-index:3}
body[data-page=home] .hero-video .hero-copy{padding-top:40px;padding-bottom:20px}
.route-page{padding-top:42px;padding-bottom:60px;min-height:calc(100svh - 350px)}
.route-page h1,.menu-section h1{font-size:clamp(38px,5vw,60px);line-height:1.1;max-width:14ch}
.route-intro{color:var(--theme-muted);font-size:18px;margin-top:18px;margin-bottom:30px}
.address-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center}
.address-block{display:grid;gap:8px;font-size:25px;margin:34px 0;color:var(--theme-text)}
.address-block span{font-size:17px;color:var(--theme-muted)}
.address-image{width:100%;height:430px;object-fit:cover;object-position:center;border-radius:18px}
.menu-section{padding-top:42px}
.coffee-section{margin-bottom:40px}
.cart-page{max-width:850px;margin-inline:auto}
.cart-page-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--theme-line)}
.cart-page-row img,.cart-item-placeholder{width:96px;height:96px;object-fit:cover;border-radius:12px}
.cart-item-placeholder{display:grid;place-items:center;background:var(--surface-soft);font-weight:800;font-size:13px}
.cart-page-copy h2{font-size:21px;line-height:1.3}
.cart-page-copy p{font-size:14px;color:var(--theme-muted);margin-top:7px}
.cart-item-quantity{display:flex;align-items:center;width:max-content;border:1px solid var(--theme-line);border-radius:23px;margin-top:12px}
.cart-item-quantity button{width:44px;height:42px;border:0;background:transparent;color:var(--theme-text);font-size:21px;border-radius:50%}
.cart-item-quantity span{min-width:30px;text-align:center;font-weight:750}
.cart-row-total{font-size:23px;white-space:nowrap}
.cart-page-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;font-size:27px}
.cart-page-actions{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:25px 0}
.cart-page-empty{padding:35px 0 50px}.cart-page-empty h2{font-size:28px}.cart-page-empty p{color:var(--theme-muted);margin-top:14px}
@media(max-width:700px){
 .peach-nav-item{font-size:11px}
 body[data-page=home] .hero.hero-video{min-height:calc(100svh - 120px);padding-bottom:220px;align-items:flex-start}
 body[data-page=home] .hero-video-controls{bottom:124px}
 body[data-page=home] .hero-video .hero-copy{padding-top:32px}
 .route-page{padding-top:28px;padding-bottom:36px}.route-intro{font-size:16px}
 .address-page{grid-template-columns:1fr;gap:28px}.address-image{height:260px}.address-block{margin:24px 0;font-size:23px}
 .cart-page-row{grid-template-columns:66px minmax(0,1fr) auto;gap:12px;padding:18px 0}.cart-page-row img,.cart-item-placeholder{width:66px;height:80px}.cart-page-copy h2{font-size:17px}.cart-page-copy p{font-size:12px}.cart-row-total{font-size:17px}.cart-item-quantity button{width:40px}.cart-item-quantity span{min-width:20px}.cart-page-summary{font-size:23px}.cart-page-actions .button{width:100%}
}
@media(max-height:600px) and (orientation:landscape){body[data-page=home] .hero-video .hero-copy{padding-top:10px}body[data-page=home] .hero-video .hero-copy h1{font-size:44px}body[data-page=home] .hero-video-controls{bottom:98px}.peach-nav-item{padding-top:9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.peach-nav-marker,.peach-nav-surface{transition:none}}

/* Solid panel under every button; only the selection circle moves. */
.peach-nav-surface{mask-image:none;-webkit-mask-image:none;background:var(--peach-nav-paper)}
.peach-nav-marker{z-index:0;top:7px}.peach-nav-marker svg{display:none}
.peach-nav-item{z-index:1}.peach-nav-item[aria-pressed=true] .peach-nav-icon{opacity:1;color:var(--peach-nav-on-main)}
.page-leaving .peach-nav-item .peach-nav-icon{opacity:1;color:var(--theme-text)}
:root[data-theme-sync] .bulb-switch,:root[data-theme-sync] .bulb-switch *{transition:none!important;animation:none!important}
.menu-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,500px);gap:30px;align-items:start;margin-bottom:24px}
.menu-intro-controls{min-width:0}.menu-intro-controls>.section-heading{margin-bottom:24px}
.menu-intro .menu-toolbar{margin:0;display:block}
.menu-controls{align-items:center;max-width:100%;width:max-content;gap:0}
.menu-controls button{min-width:110px;padding-inline:18px;flex-shrink:0}
.menu-controls .menu-search-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-width:94px;background:transparent}
.menu-search-toggle svg{width:18px;height:18px}
.menu-controls .search{border:0;background:transparent;border-radius:0;min-width:0;width:200px;height:44px;padding:0 12px}
.menu-controls .search[hidden]{display:none!important}.menu-controls.search-open{width:100%}
.menu-controls.search-open .search{flex:1}.menu-controls.search-open .menu-search-toggle{min-width:44px;padding-inline:12px}
.menu-controls.search-open .menu-search-toggle span{display:none}.menu-controls.search-open button[data-section]{min-width:96px;padding-inline:14px}
.menu-controls .search:focus-within{outline:0}.menu-controls:focus-within{outline:2px solid var(--gold);outline-offset:3px}
.menu-coffee.coffee-section{background:transparent;padding:0;border-radius:0;margin:0;min-width:0}
.menu-coffee .section-heading{align-items:center;gap:12px;margin-bottom:12px}
.menu-coffee h2{font-size:18px;line-height:1.4}.menu-coffee #coffee-date{font-size:11px;white-space:nowrap}
.menu-coffee .coffee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.menu-coffee .coffee-card{grid-template-columns:54px minmax(0,1fr);gap:10px;min-height:0;padding:10px;border-radius:14px;background:var(--theme-surface);align-items:center}
.menu-coffee .coffee-art{height:90px;border-radius:9px}.menu-coffee .coffee-art.filter{font-size:13px;line-height:1.35}
.menu-coffee .coffee-art span{padding:5px}.menu-coffee .coffee-art small{font-size:11px}
.menu-coffee .coffee-copy{padding:0;min-width:0}.menu-coffee .coffee-copy h3{font-size:15px;line-height:1.4}
.menu-coffee .coffee-copy>p{font-size:11px;line-height:1.5;margin-top:4px}
.menu-coffee .coffee-copy>p:not(.coffee-price),.menu-coffee .bean-name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.menu-coffee .bean-name{font-size:12px;margin-top:4px}.menu-coffee .coffee-copy .coffee-price{font-size:12px;margin-top:4px}
.menu-coffee .coffee-copy .button{min-height:32px;padding:5px 10px;font-size:11px;margin-top:6px;line-height:1.4}
@media(max-width:1060px){.menu-intro{grid-template-columns:minmax(0,1fr) 430px;gap:20px}.menu-controls button{min-width:90px;padding-inline:13px}.menu-controls.search-open{flex-wrap:wrap}.menu-controls.search-open .search{flex-basis:100%;width:100%;padding:0 14px}}
@media(max-width:900px){.menu-intro{grid-template-columns:1fr;gap:20px}.menu-intro-controls>.section-heading{margin-bottom:20px}.menu-coffee{max-width:560px}.menu-controls.search-open{flex-wrap:nowrap}.menu-controls.search-open .search{flex-basis:auto}}
@media(max-width:700px){.menu-intro{gap:20px;margin-bottom:21px}.menu-controls{width:100%}.menu-controls button{min-width:0;padding-inline:13px;flex:1}.menu-controls .menu-search-toggle{min-width:0}.menu-controls.search-open{flex-wrap:wrap}.menu-controls.search-open .search{flex-basis:100%;padding:0 12px}.menu-controls.search-open button[data-section]{min-width:0}.menu-coffee .coffee-card{grid-template-columns:43px minmax(0,1fr);gap:8px;padding:9px}.menu-coffee .coffee-art{height:91px}.menu-coffee .coffee-copy h3{font-size:14px}.menu-coffee .coffee-copy .button{min-height:38px;padding:6px 9px}.menu-coffee .coffee-copy .coffee-price{font-size:11px}.menu-coffee #coffee-date{font-size:11px}.menu-coffee h2{font-size:17px}}
@media(max-width:700px){.menu-coffee .coffee-art.filter{font-size:11px}.menu-coffee .coffee-art span{padding:3px}}
@media(max-height:600px) and (orientation:landscape){.peach-nav-marker{top:1px}}
