/* Visual language from the owner's printed menu. Photos remain unmodified;
   these responsive windows show the food details in the original artwork. */
:root{--forest:#edeadd;--forest-light:#dbe2bc;--cream:#0e120e;--paper:#191e16;--gold:#b8c581;--leaf:#b1c17b;--earth:#c6c7a3;--line:#39412e;--muted:#b8bcaa;color-scheme:dark;background:#0e120e;color:#edeadd}
/* A decorative viewport layer keeps the cafe photograph steady on mobile,
   without stretching it across the entire length of the menu. */
body{position:relative;isolation:isolate;min-height:100svh;background:transparent}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(8,13,8,.57),rgba(8,13,8,.67) 55%,rgba(8,13,8,.73)),url('assets/hidden-coffee/cafe-background-v1.jpg') center center/cover no-repeat;background-color:#0e120e}
.section-title,.section-head,.site-footer{ text-shadow:0 2px 12px rgba(0,0,0,.65) }
@media(min-width:761px){.main-nav{background:rgba(13,20,11,.78);border:1px solid rgba(98,116,74,.35);border-radius:14px;padding:10px 7px}.site-header{background:linear-gradient(180deg,rgba(9,15,8,.45),rgba(9,15,8,.12))}}
@media(max-width:760px){body::before{background-image:linear-gradient(180deg,rgba(8,13,8,.61),rgba(8,13,8,.70) 60%,rgba(8,13,8,.77)),url('assets/hidden-coffee/cafe-background-v1.jpg');background-position:center,58% center}}
h1,h2,h3,.brand-name,.price{font-family:'Barlow Condensed',Impact,sans-serif!important}
h1,h2{font-weight:800!important;text-transform:uppercase;letter-spacing:.01em!important}
.eyebrow{color:#b8c581;letter-spacing:.18em}.fineprint,.allergens{color:#b8bcaa}
.site-header{min-height:100px;border-color:#39412e}.brand-bo{font-family:'Barlow Condensed',Impact,sans-serif;font-size:45px;font-weight:900;line-height:.9;padding-right:20px;border-right:1px solid #68744e}.brand-bo small{display:block;font:8px Outfit;letter-spacing:.12em;margin-top:7px}.brand-name{font-size:17px;letter-spacing:.04em;line-height:1}.brand-name b{font:800 28px 'Barlow Condensed';letter-spacing:.01em;color:#b0c074}.brand-connection strong{color:#c7d699}
.demo-banner{background:#28311d;color:#d5dfb8;border-bottom:1px solid #414c30}.avatar-button>span:first-child,.profile-avatar{background:#293321;border-color:#637047;color:#e6e5d1}
.main-nav{border-color:#465137}.nav-button{color:#b8bcaa}.nav-button[aria-current=page]{background:#2b351f;color:#d9e4b6}.nav-button:hover{background:#232d1d}.nav-bottom{border-color:#39412e}.nav-bottom a{color:#b9c687}
.button,.button.gold{background:#b5c47e;border:1px solid #b5c47e;color:#10170d;font-weight:600;border-radius:9px;box-shadow:none}.button:hover{background:#ccd99c;transform:translateY(-1px)}.button.secondary{background:#232b1c;color:#e1e7cf;border:1px solid #586441}.button.text-button{background:transparent;color:#c2d395;border-color:transparent}.add-button{background:#b5c47e;color:#14210b;border-color:#b5c47e}.add-button:hover{background:#d2dea9}.price{font-size:26px;font-weight:700;white-space:nowrap;color:#f4efd9}
.hero{border:1px solid #41472e;border-radius:13px;min-height:420px;background:#141c12;grid-template-columns:1.1fr 1fr;overflow:hidden}.hero-copy{padding:44px;position:relative;background:radial-gradient(ellipse at 25% 85%,#4e5a2c40,transparent 65%)}.hero h1{font-size:clamp(60px,7vw,96px);font-weight:900;line-height:.9;color:#ede9d9;margin:23px 0}.hero h1 em{color:#acbd72;font-style:normal}.hero p{color:#d4d5c6;font-size:16px;line-height:1.6}.hero-photo{background-image:url('assets/hidden-coffee/carta-original.png');background-size:310% auto;background-position:4% 72%;min-height:420px;filter:saturate(.88)}.photo-note{display:none}.hero .eyebrow{color:#becb91}.service-strip{border-color:#3e4830;color:#cfdbc0}
.section-head h2{font-size:40px}.section-title h1{font-size:48px}.product-grid{gap:20px}.product-card{background:#191e16;border:1px solid #39412b;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #0002;transition:transform .22s ease,border-color .22s ease}.product-card:hover{border-color:#77874d;transform:translateY(-3px)}.product-image{aspect-ratio:1.7;background:#222b1c;overflow:hidden}.product-image img{transition:transform .6s ease}.product-card:hover .product-image img{transform:scale(1.035)}.product-info{padding:18px}.product-info h3{font-size:28px;text-transform:uppercase;line-height:1.05;margin-bottom:9px}.product-info p{color:#c1c2b0;font-size:13px;min-height:43px}.product-bottom{gap:10px;margin-top:16px}.tag{background:#b8c581!important;color:#18200f!important}
.menu-photo{width:100%;height:100%;min-height:100px;background-image:url('assets/hidden-coffee/carta-original.png');background-repeat:no-repeat;background-size:393.846% auto;background-position-x:55.89%;aspect-ratio:1.85}.photo-toast{background-position-y:28.46%}.photo-sandwich{background-position-y:38.32%}.photo-crepe{background-position-y:47.5%}.photo-waffle{background-position-y:58.74%}.photo-hotdog{background-position-y:68.8%}.photo-coffee{background-size:310% auto;background-position:4% 72%}.drink-art{height:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse,#61733e55,transparent 65%),#232b1c}.drink-art svg{width:55px;height:55px;color:#c2d392;stroke-width:1}.drink-art span{font-size:9px;letter-spacing:.16em;color:#c6d4a5}.art-smoothie{background:radial-gradient(ellipse,#764b3266,transparent 65%),#292319}.art-chocolate{background:radial-gradient(ellipse,#885d3966,transparent 65%),#261e15}
.variant-field{display:grid;gap:5px;margin-top:13px}.variant-field>span{font-size:10px;letter-spacing:.06em;color:#b6c38d}.variant-field select{min-height:44px;max-width:100%;width:100%;padding:8px 7px;background:#10160d;border:1px solid #505d36;color:#e7ecd8;border-radius:7px;font-size:12px;text-overflow:ellipsis}
.menu-welcome{padding:24px 28px;background:linear-gradient(120deg,#394627,#182114);border:1px solid #657442;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:30px;position:relative;overflow:hidden}.menu-welcome p{font:700 36px 'Barlow Condensed';text-transform:uppercase;margin:6px 0;color:#f0ead8}.menu-welcome small{font-size:12px;line-height:1.5;color:#ced5bb}.menu-leaf{font-size:72px;color:#acbe72;line-height:1;animation:leaf-breathe 5s ease-in-out infinite}
.pill-row{gap:8px;margin-bottom:20px;scrollbar-width:thin;scrollbar-color:#71834b #182013}.pill{min-height:44px;background:#1c2517;color:#c8d2b4;border:1px solid #455334}.pill.active{background:#b5c47e;color:#16200d;border-color:#b5c47e}.search-field{background:#1a2215;border-color:#4e5e34;color:#b9c591}.search-input{color:#eee9dc}.search-input::placeholder{color:#a7b098}.section-title p{color:#bfc5ae}
.panel,.order-card,.benefit-card,.recipe-card,.connected-link{background:#192115;border-color:#3f4c2f;color:#ede9dc}.panel p,.benefit-card p,.recipe-card p,.connected-link span{color:#bac3a8}.community-card,.benefit-card.dark{background:linear-gradient(130deg,#35452a,#192416);color:#ede9dc;border:1px solid #4f633a}.community-card p{color:#c2d0b1}.community-mark{color:#aaba7544}.benefit-icon{color:#b8c581}.notice{background:#28351f;color:#e3edcf;border:1px solid #70874c}.badge{background:#2e3d22;color:#d3e8b4}.badge.pending{background:#493d21;color:#eadca8}.order-code{background:#252f1d;color:#cddbb7;border-color:#5a6b3e}.order-code strong{color:#e5f0cf}.cart-summary{border-color:#475735}.cart-row{border-color:#39412e}.quantity button{background:#28331f;color:#d5e3b9;border-color:#52633a}.timeline li{color:#a9b59c}.timeline li.active,.timeline li.done{color:#d7e4bf}.timeline li::before{background:#35442a;border-color:#687e4b}.timeline li.done::before,.timeline li.active::before{background:#afc678;border-color:#afc678}.field input,.field select,.field textarea,.staff-toolbar select{background:#10180d;border-color:#50603a;color:#f0ecdf;color-scheme:dark}.field input::placeholder,.field textarea::placeholder{color:#a2ad92}.radio-row label{border-color:#52643b;background:#1c2715}.checkbox-field input,.radio-row input{accent-color:#b8ce85}.profile-heading p{color:#b7cba0}.inline-form>summary{color:#cadaaa}.receipt-status{background:#202b19}.empty-state{background:#192115;border-color:#42562f}.empty-state p{color:#c0ceb0}.empty-state svg{color:#b5cb82}.recipe-card>.menu-photo,.recipe-card>.drink-art{height:160px;border-radius:8px;min-width:0}.site-footer{border-color:#3a452d;color:#b8c29c}
.staff-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staff-role-grid .checkbox-field{border:1px solid #4c5b36;padding:12px;border-radius:9px}.reward-progress{width:100%;height:10px;accent-color:#b8cf82;margin:15px 0}.reward-rule{border-top:1px solid #475735;padding-top:14px;margin-top:14px}.tutorial-picker{padding:14px;border:1px dashed #637843;border-radius:9px}.recipe-source{font-size:12px;color:#c8dca5}.menu-cart-bar{position:sticky;bottom:18px;z-index:4;background:#b5c47e;color:#14200d;padding:12px 18px;border-radius:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;box-shadow:0 5px 30px #0008;margin-top:22px}.menu-cart-bar .button{background:#1a2912;color:#ebf1de;border-color:#1a2912}.menu-cart-bar strong{display:block;font-size:18px}
@keyframes leaf-breathe{50%{transform:rotate(12deg) scale(1.07)}}
@media(min-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-layout{grid-template-columns:130px minmax(0,1fr);gap:35px}.recipe-card{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:760px){.site-header{min-height:82px;padding:15px 18px}.brand-bo{font-size:36px;padding-right:13px}.brand-name{font-size:15px}.brand-name b{font-size:25px}.app-layout{padding:18px 16px 100px}.main-nav{background:#121a0ef5;backdrop-filter:blur(12px);border-color:#4f6236;box-shadow:0 -8px 30px #0006}.nav-button .count{border-color:#131b0f;background:#b5c47e;color:#13210c}.hero{min-height:300px;grid-template-columns:1.1fr .9fr}.hero-copy{padding:28px 6px 26px 21px}.hero h1{font-size:52px;line-height:.94;margin:18px 0}.hero .eyebrow{font-size:8px;max-width:155px}.hero p{font-size:12px;max-width:155px;margin:17px 0}.hero-photo{min-height:300px;background-size:400% auto;background-position:10% 69%}.hero .button{padding:11px;font-size:11px}.service-strip{padding:18px 0}.product-grid{gap:12px}.product-info{padding:13px 11px}.product-info h3{font-size:23px}.product-info p{font-size:11px;min-height:52px}.product-image{aspect-ratio:1.52}.price{font-size:23px}.product-bottom{gap:5px}.variant-field select{font-size:11px;padding:7px 3px}.variant-field>span{font-size:9px}.section-title h1{font-size:38px;line-height:1}.section-head h2{font-size:32px}.menu-welcome{padding:18px;margin-bottom:23px}.menu-welcome p{font-size:29px}.menu-welcome small{font-size:11px}.menu-welcome .eyebrow{font-size:9px}.menu-leaf{font-size:51px}.pill-row{flex-wrap:nowrap;overflow-x:auto;padding:3px 0 10px}.pill{flex-shrink:0;white-space:nowrap;font-size:12px;padding:10px 15px}.community-card h2{font-size:34px}.recipe-card>.menu-photo,.recipe-card>.drink-art{height:auto;aspect-ratio:1.85}.menu-cart-bar{bottom:83px;padding:11px 14px}.menu-cart-bar span{font-size:12px}.menu-cart-bar .button{font-size:12px}.staff-role-grid{grid-template-columns:1fr}.site-footer{padding-bottom:105px}}
@media(max-width:360px){.hero h1{font-size:44px}.hero-copy{padding-left:17px}.product-info h3{font-size:20px}.price{font-size:21px}.product-info{padding:11px 9px}.menu-welcome p{font-size:26px}.section-title h1{font-size:33px}.menu-leaf{font-size:39px}.hero .button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep each window inside a single food photograph in the supplied menu. */
.product-image{aspect-ratio:2.05}.menu-photo{aspect-ratio:2.05}
.photo-toast{background-position-y:28.17%}.photo-sandwich{background-position-y:37.96%}
.photo-crepe{background-position-y:46.91%}.photo-waffle{background-position-y:58.12%}
.photo-hotdog{background-size:450% auto;background-position:55.6% 67.6%}
.recipe-card>.menu-photo{height:auto;align-self:start;aspect-ratio:2.05;min-height:0}
.menu-media{position:relative;width:100%;height:100%;overflow:hidden;background:#222b1c}
.menu-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.product-photo-caption{position:absolute;right:7px;bottom:7px;padding:4px 7px;border-radius:5px;background:rgba(9,15,8,.85);color:#eeedde;font-size:9px;line-height:1.2;letter-spacing:.01em;pointer-events:none}
.recipe-card>.menu-media{height:auto;align-self:start;aspect-ratio:2.05;border-radius:8px;min-width:0}
.staff-menu-category{border:1px solid #4d6038;border-radius:10px;padding:0 13px}.staff-menu-category>summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:600;color:#dbe7bf}.staff-menu-category>summary::after{content:'＋';margin-left:auto}.staff-menu-category[open]>summary::after{content:'−'}.staff-menu-category .field-row{padding:13px 0;border-top:1px solid #3a4a2b}
@media(max-width:760px){.hero-photo{background-size:600% auto;background-position:15% 71.4%}.drink-art{min-height:0;gap:5px}.drink-art svg{width:36px;height:36px}.drink-art span{font-size:7px}}
/* QR entry offers two clear paths without opening a modal. */
.qr-welcome { max-width:780px; margin:0 auto; padding:clamp(24px,5vw,56px); background:rgba(18,30,15,.94); }
.qr-welcome h1 { font-size:clamp(38px,7vw,72px); line-height:1.05; margin:20px 0; }
.table-context { color:#c6d595; font-weight:700; }
.service-choices { display:grid; gap:14px; margin:26px 0; }
.service-choice { display:flex; align-items:center; gap:16px; text-align:left; width:100%; min-height:104px; padding:22px; border:1px solid #aabc70; border-radius:18px; background:#b3c37e; color:#152d24; cursor:pointer; font:inherit; }
.service-choice.secondary { background:#23341d; color:#f6f3e8; border-color:#829354; }
.service-choice svg { width:28px; height:28px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; }
.service-choice svg:last-child { margin-left:auto; width:20px; }
.service-choice span { display:grid; gap:7px; }
.service-choice strong { font-size:18px; line-height:1.3; }
.service-choice small { font-size:13px; line-height:1.5; }
.service-choice:hover { transform:translateY(-2px); }
.service-choice:focus-visible { outline:3px solid #f6f3e8; outline-offset:4px; }
.menu-read-label { font-size:12px; color:#c6d595; }
.staff-product-row { display:grid; grid-template-columns:72px minmax(0,1fr) 92px; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #465533; }
.staff-product-row .menu-media { width:72px; height:72px; border-radius:12px; overflow:hidden; }
.staff-product-row .menu-photo,.staff-product-row .menu-media img { width:100%; height:100%; object-fit:cover; }
.staff-product-row .product-photo-caption { display:none; }
.staff-product-row h3 { font-size:15px; }
.staff-product-row p { font-size:12px; }
.staff-product-row input { min-width:0; width:100%; min-height:44px; }
@media(max-width:480px) { .service-choice { padding:18px 14px; gap:12px; } .staff-product-row { grid-template-columns:54px minmax(0,1fr) 72px; gap:8px; } .staff-product-row .menu-media { width:54px; height:64px; } }
@media(prefers-reduced-motion:reduce) { .service-choice:hover { transform:none; } }