/* UNAI identity, supplied by the restaurant. Final visual layer on both surfaces. */
@font-face{font-family:Cygre;src:url('assets/brand/fonts/Cygre-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Cygre;src:url('assets/brand/fonts/Cygre-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cygre;src:url('assets/brand/fonts/Cygre-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Cygre;src:url('assets/brand/fonts/Cygre-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#e8d6d1;--ink:#1f1e1e;--wine:#2b3836;--green:#2b3836;--red:#c95449;--muted:#55504d;--panel:#f1e5e1;--olive:#2b3836;--line:#c9b7b2;--serif:Cygre,Arial,sans-serif;--sans:Cygre,Arial,sans-serif;--gutter:clamp(20px,4vw,64px);--brand-header-height:104px}
html{scroll-padding-top:24px;scrollbar-color:var(--green) var(--paper)}
body{background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--sans)}
button,input,select,textarea{font-family:var(--sans);font-size:15px}a{color:inherit}button{letter-spacing:0}
h1,h2,h3,h4{font-family:var(--sans);font-weight:400;letter-spacing:-.025em;text-wrap:balance}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.brand-logo{display:block;object-fit:contain;width:100%;height:auto;flex:none;transform:none}
.brand-union{display:block;width:112px;height:auto;object-fit:contain}
.brand-inline-logo{display:inline-block;width:80px;height:auto;vertical-align:middle;object-fit:contain}
body:not(.cabinet-body)>header{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;min-height:var(--brand-header-height);height:var(--brand-header-height);max-width:none;width:100%;padding:22px var(--gutter);margin:0;background:var(--paper);color:var(--green);gap:30px;border:0}
body:not(.cabinet-body)>header .logo{display:block;flex:none;width:148px;line-height:1;padding:8px 0;font-size:0}
body:not(.cabinet-body)>header nav{display:flex;gap:clamp(18px,2vw,36px);font:400 15px var(--sans)}
body:not(.cabinet-body)>header .logo,body:not(.cabinet-body)>header nav a,body:not(.cabinet-body)>header .text-button{color:var(--green)}
.header-actions{gap:24px}.header-actions #profile{font-size:14px;min-height:48px;gap:9px}
body:not(.cabinet-body)>header .cart-button,.cart-button{background:var(--green);color:var(--paper);min-height:48px;padding:13px 22px;border:0;border-radius:0;font-size:14px}
.cart-button span{color:inherit;font-size:inherit}
.primary,.cream-button{font:500 15px/1.3 var(--sans);border-radius:0;min-height:50px;padding:16px 24px;background:var(--green);color:var(--paper);box-shadow:none;gap:20px}
.primary:hover,.cart-button:hover{background:var(--ink);color:var(--paper);box-shadow:none;transform:none}
.brand-opening{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);height:calc(100svh - var(--brand-header-height));min-height:0}
.brand-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,4svh,56px) var(--gutter);min-width:0;gap:24px}
.brand-intro>.brand-logo{width:min(100%,26vw,40svh);margin:0 0 clamp(12px,3svh,42px)}
.brand-intro h1{font:300 clamp(32px,min(3.7vw,6svh),64px)/1.06 var(--sans);letter-spacing:-.025em;margin:0;color:var(--green);max-width:15ch;text-wrap:balance}
.brand-intro p{font:400 17px/1.5 var(--sans);margin:0;color:var(--green);max-width:32ch}
.brand-intro>.brand-union{width:clamp(72px,8vw,120px);margin-top:clamp(8px,4svh,60px)}
.brand-opening .hero.hero-reveal{height:100%;width:100%;min-height:0;max-width:none;margin:0;position:relative;background-color:var(--green);padding:0}
.hero-reveal .hero-copy{display:block;left:36px;right:36px;bottom:38px;padding:0;pointer-events:none}
.hero-reveal .hero-copy h2{font:400 clamp(26px,3.1vw,48px)/1.1 var(--sans);margin:0;color:var(--paper);max-width:20ch;text-wrap:balance}
.hero-reveal .hero-dish-link{display:inline;font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;pointer-events:auto}
.hero-reveal .hero-dish-link:after{content:'↗';display:inline-block;font-size:.7em;margin-left:.6em}
.hero-reveal .hero-poster{background:var(--green);color:var(--paper)}
.hero-reveal .poster-wordmark{left:7%;top:13%;width:65%;height:auto;line-height:1;font-size:0}
.hero-reveal .poster-wordmark .brand-logo{width:100%;height:auto}
.hero-reveal .poster-photo{left:auto;right:7%;top:38%;width:56%;height:42%;object-fit:cover}
.hero-reveal .hero-divider{top:9%;bottom:18%}
.hero-reveal:after{background:linear-gradient(180deg,transparent 60%,rgba(20,18,16,.63))} /* taste-skill-ignore: neutral scrim for a caption over a photograph. */
.hero-reveal :focus-visible{outline-color:var(--paper)}
.menu-section{max-width:1720px;margin:0 auto;padding:110px var(--gutter) 90px}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 42px;gap:36px}
.section-heading h2,.story h2,.club h2,.how h2,.visit h2{font:300 clamp(44px,5.5vw,80px)/1.06 var(--sans);letter-spacing:-.025em;color:var(--green);margin:0}
.section-heading>p{font:400 17px/1.5 var(--sans);max-width:29ch;color:var(--green)}
.menu-toolbar{gap:28px;flex-wrap:wrap;border:0;margin:0 0 22px;padding:0}
.categories{display:flex;flex-wrap:wrap;gap:4px}
.categories button{padding:13px 17px;min-height:48px;font:400 15px var(--sans);background:none;border:0;border-radius:0;color:var(--green)}
.categories button.active{background:var(--green);color:var(--paper)}
.categories button:not(.active):hover{background:var(--panel)}
.search{display:flex;gap:10px;background:var(--panel);color:var(--green);border:0;border-radius:0;padding:13px 16px;min-height:48px}
.search input{color:var(--green);font:400 16px var(--sans);width:180px;min-width:0}.search input::placeholder{color:var(--muted);opacity:1}
.demo-note{font:400 13px/1.6 var(--sans);color:var(--muted);margin:0 0 28px;max-width:90ch}
.menu-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px 32px}
.menu-grid>.dish:nth-child(even){margin-top:42px}
.dish{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;background:none;border:0;border-radius:0;box-shadow:none}
.dish-image{width:100%;grid-column:1;aspect-ratio:1.36;height:auto;margin:0 0 22px;border-radius:0;overflow:hidden;box-shadow:none}
.dish-image img{width:100%;height:100%;object-fit:cover}
.dish-heading{grid-column:1;display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 10px;min-width:0}
.dish h3{font:400 clamp(25px,2.3vw,36px)/1.15 var(--sans);letter-spacing:-.02em;margin:0;color:var(--green)}
.dish-weight{font:400 13px var(--sans);color:var(--muted);white-space:nowrap}
.dish p{grid-column:1;margin:0;min-height:0;font:400 16px/1.55 var(--sans);color:var(--green);max-width:48ch}
.dish-bottom{grid-column:1;grid-row:auto;display:flex;justify-content:space-between;align-items:center;width:100%;margin:20px 0 0;padding:0;gap:18px}
.dish-price{font:400 28px var(--sans);color:var(--green)}
.add,.cab-dish .add{border:0;background:var(--green);color:var(--paper);width:48px;height:48px;min-width:48px;border-radius:50%}
.add:hover{background:var(--ink);color:var(--paper)}
.menu-more{display:inline-flex;align-items:center;gap:24px;background:var(--green);color:var(--paper);font:400 15px var(--sans);padding:17px 25px;margin-top:42px;min-height:50px;border:0}
.story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:8vw;align-items:center;max-width:none;margin:20px 0 0;padding:70px var(--gutter) 110px;background:var(--paper)}
.story-image{width:100%;aspect-ratio:.95;height:auto;min-height:0;border-radius:0;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;max-height:none}
.story-copy{padding:0;min-width:0}.story-copy>.brand-union{width:108px;margin-bottom:36px}
.story h2{max-width:10ch;margin-bottom:32px}.story p{font:400 18px/1.65 var(--sans);color:var(--green);max-width:41ch;margin:0 0 20px}
.signature{display:block;margin:32px 0 0;font-size:0}.signature .brand-logo{width:145px}
.club{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;padding:90px var(--gutter);margin:0;min-height:0;background:var(--green);color:var(--paper)}
.club h2{color:var(--paper);max-width:none}.club-copy p{font:400 20px/1.5 var(--sans);margin:30px 0;max-width:32ch;color:var(--paper)}
.club .cream-button{margin:8px 0 0;color:var(--green);background:var(--paper);font:500 16px var(--sans);padding:18px 26px;min-height:54px}
.club-copy small{display:block;margin-top:24px;font:400 13px/1.6 var(--sans);color:var(--paper)}
.membership-card{position:relative;max-width:none;width:100%;aspect-ratio:1.6;min-height:300px;border:0;outline:0;border-radius:0;background:var(--paper);color:var(--green);padding:36px;box-shadow:none;transform:none;animation:none}
.membership-card:before,.membership-card:after{display:none}
.card-top{font:400 18px var(--sans);letter-spacing:0;color:var(--green)}
.card-brand{font-size:0;padding:20px 0;margin:0;text-align:left;line-height:1;letter-spacing:0}.card-brand .brand-logo{width:66%;max-width:300px}
.card-bottom{display:flex;align-items:center;gap:24px;font:400 14px var(--sans);letter-spacing:0;color:var(--green)}.card-bottom>.brand-union{width:85px;margin-right:auto}
.how{position:relative;padding:110px var(--gutter);background:var(--paper);margin:0}
.how h2{max-width:14ch;margin-bottom:56px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:0}
.steps article{padding:0;border:0;display:block}.steps h3{font:400 28px/1.2 var(--sans);margin:0 0 18px;color:var(--green);max-width:16ch}.steps p{font:400 17px/1.6 var(--sans);margin:0;max-width:32ch;color:var(--green)}
.how>.brand-union{width:112px;margin:54px 0 0 auto}
.visit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);gap:40px;align-items:start;padding:75px var(--gutter);margin:0;max-width:none;background:var(--red);color:var(--ink);border:0}
.visit>div:first-child{grid-column:1;grid-row:1}.visit h2{font-size:clamp(42px,4.6vw,66px);max-width:10ch;color:var(--ink)}
.visit .address{grid-column:2;grid-row:1}.visit .address h3{font:400 32px var(--sans);color:var(--ink);margin:5px 0 16px}.visit .address p{font:400 24px/1.4 var(--sans);color:var(--ink);margin:0}
.visit .address a{font:400 24px/1.4 var(--sans);color:var(--ink);margin-top:22px;text-decoration:underline;text-underline-offset:5px}
.visit .instagram{grid-column:3;grid-row:1;display:block!important;align-self:start;padding:8px 0 0;min-height:0;background:none;color:var(--ink)}
.instagram strong{font:400 clamp(26px,3vw,44px)/1.2 var(--sans);letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere}
body>footer{padding:80px var(--gutter) 90px;background:var(--green);color:var(--paper)}
.brand-footer-top{display:flex;justify-content:space-between;align-items:center;gap:50px}.footer-logo{display:block;width:min(42vw,520px);font-size:0;letter-spacing:0;line-height:1}.footer-logo .brand-logo{width:100%;height:auto}
.brand-footer-top>p{font:300 clamp(26px,3vw,44px)/1.15 var(--sans);max-width:19ch;margin:0;color:var(--paper)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:72px 0 0;padding:0;border:0;font:400 13px/1.5 var(--sans)}
.footer-bottom a,.footer-bottom .text-button{font:400 13px var(--sans);color:var(--paper);max-width:none}.footer-bottom>*{color:var(--paper);opacity:1}
.motion-toggle.live-motion-toggle{background:var(--paper);color:var(--green);border:0;font:400 12px var(--sans);padding:12px 15px;left:16px;right:auto;bottom:16px;min-height:42px}
.cart-button.cart-is-floating{background:var(--green);color:var(--paper);box-shadow:0 8px 24px #1f1e1e26} /* taste-skill-ignore: the existing floating cart is a real overlay. */
.scroll-progress{background:var(--red)}
dialog,.dish-viewer{color:var(--green);background:var(--paper);border:0;border-radius:0}dialog::backdrop{background:#1f1e1eb8;backdrop-filter:none} /* taste-skill-ignore: explicitly disables inherited blur. */
dialog h2{font:400 38px/1.12 var(--sans);color:var(--green);letter-spacing:-.025em}
dialog input,dialog select,dialog textarea,.profile-form input,.profile-form select,.table-tools input{background:var(--panel);color:var(--green);border-color:var(--line);font:400 16px var(--sans);border-radius:0}
.close{color:var(--green)}.toast{background:var(--green);color:var(--paper);font-family:var(--sans);border-radius:0}
.dish-view-layout{grid-template-columns:1.2fr 1fr}.dish-view-copy{padding:64px 34px 32px;gap:20px}.dish-view-copy h2{font:400 40px/1.12 var(--sans);color:var(--green)}.dish-view-copy p{font:400 16px/1.55 var(--sans);color:var(--green)}
.dish-view-copy>strong{font:400 30px var(--sans)}.dish-view-copy .dish-view-note,.dish-view-copy .dish-view-weight{color:var(--muted);font-size:13px}
.dish-view-tools button,.pizza-modes button,.pizza-pull{font-family:var(--sans);font-size:14px}
.pizza-modes{border:0;background:var(--panel)}.pizza-modes button{color:var(--green)}.pizza-modes button[aria-pressed=true]{color:var(--paper);background:var(--green)}
.pizza-is-3d .dish-view-photo,.dish-view-photo{background:var(--panel)}.pizza-status{color:var(--green)}
.pizza-camera button{background:var(--paper);color:var(--green);border:0}.pizza-camera button:hover{color:var(--paper);background:var(--green)}
.pizza-pull{background:var(--panel);color:var(--green);border:0}.pizza-pull:hover:not(:disabled){background:var(--green);color:var(--paper)}
.cabinet-body{background:var(--paper)}
.sidebar{width:240px;background:var(--green);padding:32px 20px;color:var(--paper)}
.sidebar .logo{display:block;width:156px;margin:4px auto 42px;font-size:0;line-height:1;padding:0}.sidebar .logo .brand-logo{width:100%;height:auto}
.sidebar-label{display:none}.sidebar nav{gap:6px}.sidebar nav button{font:400 14px/1.4 var(--sans);padding:15px 14px;min-height:50px;border-radius:0;color:var(--paper);gap:12px}
.sidebar nav button.active{background:var(--paper);color:var(--green);box-shadow:none}.sidebar nav button:hover:not(.active){background:#ffffff12}.sidebar nav button .nav-icon{color:inherit}
.sidebar .side-bottom p{color:var(--paper);font:300 22px/1.2 var(--sans)}.sidebar .side-bottom a,.sidebar .side-bottom button{font:400 12px/1.5 var(--sans);color:var(--paper)}
.workspace{margin-left:240px}.cab-header{background:var(--paper);border:0;min-height:82px;padding:22px 36px}.cab-header #breadcrumb{font:500 14px var(--sans);letter-spacing:0;text-transform:none;color:var(--green)}
.demo-pill{background:var(--panel);color:var(--green);font:400 12px var(--sans);border-radius:0;letter-spacing:0}.demo-pill i{background:var(--red)}.avatar{background:var(--green);color:var(--paper);font:500 17px var(--sans)}
.demo-banner{background:var(--panel);color:var(--green);margin:0 36px;border:0;border-radius:0;padding:13px 16px}.demo-banner p{font:400 13px/1.5 var(--sans);color:var(--green)}
#cab-content,.admin-view #cab-content{padding:34px 36px 54px}.page-heading{align-items:end;margin-bottom:30px;gap:24px}.page-heading h1,.admin-view .page-heading h1{font:300 clamp(36px,3.8vw,56px)/1.1 var(--sans);color:var(--green);letter-spacing:-.025em;max-width:none}.page-heading p{font:400 16px/1.5 var(--sans);color:var(--green)}
.welcome-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.welcome-panel{border:0;border-radius:0;padding:32px;min-height:320px;background-position:50% 50%;position:relative;isolation:isolate}
.welcome-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#1f1e1eaa);z-index:-1}.welcome-panel h2{font:300 40px/1.1 var(--sans);color:#fff;max-width:13ch}.welcome-panel button,.welcome-panel p{color:#fff}.welcome-panel button{font:500 14px var(--sans)} /* taste-skill-ignore: neutral scrim for readable text over the existing photograph. */
.loyalty-card{background:var(--panel);color:var(--green);border-radius:0;border:0;box-shadow:none;min-height:320px;padding:32px}.loyalty-card:after{display:none}.loyalty-top,.loyalty-bottom{font:400 13px var(--sans);letter-spacing:0;color:var(--green);border:0}
.loyalty-brand{font-size:0;line-height:1;margin:26px 0}.loyalty-brand .brand-logo{width:80%;max-width:230px;height:auto}.loyalty-brand .brand-union{width:65px;margin:24px 0 0}.loyalty-name{font:400 24px var(--sans);color:var(--green)}
.stats-grid{gap:24px;margin:36px 0;background:none;padding:0;border:0}.stat,.stat:first-child{padding:0!important;border:0!important;background:none}.stat-label{font:400 14px var(--sans);color:var(--green)}.stat-value,.admin-view .stat-value{font:400 36px/1.2 var(--sans);color:var(--green);margin:10px 0}.stat small{font:400 12px/1.5 var(--sans);color:var(--muted)}
.section-title h2{font:400 30px/1.2 var(--sans);color:var(--green)}.section-title button{font:400 13px var(--sans);color:var(--green)}
.panel,.order-card,.recent-order,.offer,.empty-state{border-radius:0;border:0;box-shadow:none;background:var(--panel);color:var(--green)}.panel-title h3,.admin-view .panel-title h3{font:400 24px/1.2 var(--sans);color:var(--green)}.panel-title p,.panel-title>span{font:400 12px/1.5 var(--sans);color:var(--muted)}
.offer{background:var(--green);color:var(--paper)}.offer h3{font:300 38px/1.1 var(--sans);color:var(--paper)}.offer p{font:400 16px/1.5 var(--sans);color:var(--paper)}.offer .primary{background:var(--paper);color:var(--green)}
.recent-total,.order-total{font-family:var(--sans);color:var(--green)}.recent-meta strong,.order-card-top strong{font-family:var(--sans);color:var(--green)}.quiet-button{font-family:var(--sans);color:var(--green)}
.cab-menu-grid{gap:32px 24px}.cab-dish{background:none;border:0;border-radius:0;box-shadow:none}.cab-dish h3{font:400 27px/1.15 var(--sans);color:var(--green)}.cab-dish p{font:400 15px/1.55 var(--sans);color:var(--green)}.cab-dish .dish-image{aspect-ratio:1.35;border-radius:0}.cab-dish .dish-price{font:400 25px var(--sans)}
.favorite{color:var(--green);background:var(--paper);border:0}.favorite.active{background:var(--green);color:var(--paper)}
.floating-cart{background:var(--green);color:var(--paper);border:0;border-radius:0;font:400 14px var(--sans)}.floating-cart b{font:500 14px var(--sans)}
.bar-fill{background:var(--green)}.bar-col:nth-child(even) .bar-fill{background:var(--red)}.bar-track{background:#2b38360a}.chart-foot{border:0;color:var(--green)}.chart-axis,.bar-col>span{color:var(--muted)}
.badge,.badge.new,.badge.cooking,.badge.ready,.badge.done,.badge.cancelled{border-radius:0;color:var(--green);background:var(--paper);font:500 12px var(--sans)}
.info-list span,.muted{color:var(--muted)}.empty-state{padding:30px}.empty-state h2{font:300 36px var(--sans)}.empty-state h3{font:400 24px var(--sans)}
.cab-footer{border:0;margin:0 36px;padding:24px 0;color:var(--green);font:400 12px var(--sans)}.cab-footer .brand-logo{width:85px;max-height:30px}
.table-wrapper,.table-wrap{border:0}table{font-family:var(--sans)}th{color:var(--muted);font:500 12px var(--sans);letter-spacing:0}td{font:400 14px/1.5 var(--sans);color:var(--green)}
.table-status-select{border:0;border-radius:0;background:var(--paper);color:var(--green);font:400 13px var(--sans)}
@media(max-width:1100px){
 :root{--brand-header-height:88px}body:not(.cabinet-body)>header{gap:20px;padding-block:16px}body:not(.cabinet-body)>header .logo{width:120px}body:not(.cabinet-body)>header nav{gap:18px;font-size:14px}.header-actions{gap:14px}.header-actions #profile{font-size:13px}
 .brand-opening{grid-template-columns:minmax(0,45fr) minmax(0,55fr)}.brand-intro{gap:20px}.brand-intro h1{font-size:clamp(32px,4vw,46px)}.brand-intro p{font-size:16px}.brand-intro>.brand-logo{width:min(100%,29vw,36svh)}
 .visit{grid-template-columns:1fr 1fr}.visit .instagram{grid-column:2;grid-row:2;padding:0}.visit>div:first-child{grid-row:1/3}
 .sidebar{width:220px}.workspace{margin-left:220px}.sidebar nav button{font-size:13px}.sidebar .logo{width:140px}
 .welcome-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.welcome-panel,.loyalty-card{padding:26px;min-height:300px}.welcome-panel h2{font-size:34px}
}
@media(max-width:900px){
 body:not(.cabinet-body)>header nav a:not(:first-child){display:none}.brand-intro{padding-inline:28px}.brand-intro h1{font-size:clamp(30px,4.2vw,40px)}
 .menu-section{padding-block:80px}.dish h3{font-size:27px}.dish-heading{display:block}.dish-weight{display:block;margin-top:8px}.story{gap:40px;padding-block:45px 80px}.story p{font-size:16px}.club{gap:40px;padding-block:65px}.membership-card{padding:25px;min-height:250px}.card-brand .brand-logo{width:80%}.card-bottom{font-size:12px}.card-bottom .brand-union{width:55px}.steps{gap:26px}.steps h3{font-size:24px}
 .sidebar{position:static;width:100%;height:auto;padding:24px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:20px}.sidebar .logo{width:130px;margin:0}.sidebar nav{width:100%;display:flex;flex-wrap:wrap;gap:4px}.sidebar nav button{min-width:100px;flex:1;min-height:46px;font-size:13px;padding:12px 8px}.sidebar .side-bottom{position:static;display:flex;gap:14px;align-items:center;flex-wrap:wrap;width:auto;margin:0 0 0 auto;padding:0}.sidebar .side-bottom p{display:none}.sidebar .side-bottom>a{display:none}.workspace{margin-left:0}.cab-header{padding-inline:var(--gutter)}.welcome-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
}
@media(max-width:650px){
 :root{--brand-header-height:78px;--gutter:20px}body:not(.cabinet-body)>header{gap:12px;padding:16px 20px}body:not(.cabinet-body)>header .logo{width:103px}body:not(.cabinet-body)>header nav{display:flex;margin-left:auto}body:not(.cabinet-body)>header nav a{font-size:14px}.header-actions{gap:10px}.header-actions #profile{font-size:0;min-width:32px;min-height:44px}.header-actions #profile>.ui-icon{display:block;width:20px;height:20px}body:not(.cabinet-body)>header .cart-button{font-size:13px;padding:12px;min-height:44px}
 .brand-opening{display:block;height:auto}.brand-intro{padding:36px 20px 32px;gap:18px}.brand-intro>.brand-logo{width:190px;margin:0 0 12px}.brand-intro h1{font-size:40px;max-width:15ch}.brand-intro p{font-size:16px;max-width:28ch}.brand-intro>.brand-union{width:74px;margin-top:10px}
 .brand-opening .hero.hero-reveal{height:58svh;min-height:300px}.hero-reveal .hero-copy{left:20px;right:20px;bottom:28px}.hero-reveal .hero-copy h2{font-size:30px;max-width:19ch}.hero-reveal .poster-wordmark{left:7%;top:12%;width:64%}.hero-reveal .poster-photo{right:7%;top:37%;width:58%;height:40%}
 .menu-section{padding:60px 20px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.story h2,.club h2,.how h2,.visit h2{font-size:44px}.section-heading>p{font-size:16px;margin:20px 0 0;max-width:29ch}.menu-toolbar{gap:16px}.categories{gap:3px}.categories button{font-size:13px;padding:11px 12px;min-height:44px}.search{width:100%}.search input{width:100%}.demo-note{font-size:13px}
 .menu-grid{grid-template-columns:minmax(0,1fr);gap:34px}.menu-grid>.dish:nth-child(even){margin-top:0}.dish-image{aspect-ratio:1.3;margin-bottom:18px}.dish-heading{display:flex;gap:12px}.dish h3{font-size:26px}.dish-weight{font-size:12px;margin:0;flex:none}.dish p{font-size:16px}.dish-price{font-size:25px}.menu-more{width:100%;justify-content:space-between;margin-top:30px}
 .story{grid-template-columns:minmax(0,1fr);padding:15px 20px 60px;margin:0;gap:32px}.story-image{aspect-ratio:1.1}.story-copy>.brand-union{width:80px;margin-bottom:24px}.story h2{margin-bottom:24px;max-width:10ch}.story p{font-size:16px}.signature{margin-top:25px}.signature .brand-logo{width:120px}
 .club{grid-template-columns:minmax(0,1fr);gap:35px;padding:55px 20px}.club-copy p{font-size:18px;margin:25px 0}.club .cream-button{font-size:15px;gap:16px;max-width:100%}.membership-card{min-height:235px;aspect-ratio:1.6;padding:26px;width:100%;margin:0}.card-top{font-size:16px}.card-brand{padding:15px 0}.card-brand .brand-logo{width:70%}.card-bottom{font-size:12px}.card-bottom>.brand-union{width:62px}
 .how{padding:60px 20px}.how h2{max-width:13ch;margin-bottom:32px}.steps{grid-template-columns:minmax(0,1fr);gap:30px}.steps h3{font-size:25px;margin-bottom:12px;max-width:none}.steps p{font-size:16px;max-width:34ch}.how>.brand-union{width:80px;margin-top:32px}
 .visit{grid-template-columns:minmax(0,1fr);padding:50px 20px;gap:30px}.visit>div:first-child,.visit .address,.visit .instagram{grid-column:1;grid-row:auto}.visit h2{max-width:10ch}.visit .address h3{font-size:30px;margin:0 0 12px}.visit .address p,.visit .address a{font-size:24px}.visit .address a{margin-top:20px}.instagram strong{font-size:30px}
 body>footer{padding:50px 20px 85px}.brand-footer-top{display:block}.footer-logo{width:85%;max-width:340px}.brand-footer-top>p{font-size:28px;margin-top:30px;max-width:19ch}.footer-bottom{margin-top:38px;gap:22px;align-items:start}.footer-bottom>span{width:100%}.footer-bottom a,.footer-bottom .text-button{font-size:13px;text-align:left;line-height:1.5}.motion-toggle.live-motion-toggle{font-size:11px;min-height:40px;padding:10px 12px;left:12px;bottom:12px}
 .dish-view-layout{display:flex;flex-direction:column;min-height:0}.dish-view-copy{padding:48px 22px 25px;gap:15px}.dish-view-copy h2{font-size:32px}.dish-view-copy p{font-size:16px}.dish-view-copy>strong{font-size:28px}.dish-view-tools button{font-size:13px;padding:12px;min-width:0;white-space:normal}.pizza-modes button{font-size:13px;min-height:44px}
 .sidebar{display:flex;padding:20px;gap:18px}.sidebar .logo{width:110px}.sidebar nav{grid-column:auto;grid-row:auto;display:flex!important;flex-wrap:wrap;gap:4px}.sidebar nav button{flex:1 1 30%;min-width:88px;font-size:12px;min-height:44px;padding:10px 7px}.sidebar .side-bottom{grid-column:auto;grid-row:auto;max-width:180px;gap:10px}.sidebar #switch-role{font-size:11px;max-width:140px}.sidebar #pause-motion{font-size:0;min-width:28px;min-height:36px}.sidebar #pause-motion .ui-icon{display:block;color:var(--paper)}
 .cab-header{padding:18px 20px;min-height:70px;height:auto}.cab-header #breadcrumb{font-size:12px;max-width:145px}.demo-pill{font-size:11px}.demo-banner{margin:0 20px;padding:12px}.demo-banner p{font-size:12px}#cab-content,.admin-view #cab-content{padding:28px 20px 42px}.page-heading h1,.admin-view .page-heading h1{font-size:34px;max-width:none}.page-heading p{font-size:15px}.page-heading{align-items:start;gap:18px}
 .welcome-layout{grid-template-columns:minmax(0,1fr);gap:18px}.welcome-panel,.loyalty-card{min-height:270px;padding:26px}.welcome-panel h2{font-size:34px}.loyalty-brand .brand-logo{max-width:210px}.loyalty-name{font-size:24px}.stats-grid{grid-template-columns:1fr 1fr;gap:26px 20px}.stat-value,.admin-view .stat-value{font-size:29px}.stat-label{font-size:13px}.stat small{font-size:12px}
 .section-title h2{font-size:27px}.section-title button{font-size:12px}.panel{padding:22px 18px}.panel-title h3,.admin-view .panel-title h3{font-size:24px}.cab-menu-grid{grid-template-columns:minmax(0,1fr)}.cab-dish h3{font-size:26px}.cab-dish p{font-size:15px}.cab-footer{margin-inline:20px}.floating-cart{padding:16px 20px;max-width:calc(100vw - 32px);font-size:13px}.offer h3{font-size:34px}
}
@media(max-width:360px){
 body:not(.cabinet-body)>header nav{display:none}body:not(.cabinet-body)>header .logo{width:96px}.header-actions{gap:8px}.brand-intro h1{font-size:34px}.brand-intro p{font-size:15px}
 .dish-heading{display:block}.dish-weight{margin-top:8px}.membership-card{padding:22px}.card-bottom{gap:12px}
}
@media(min-width:651px) and (max-height:650px){
 :root{--brand-header-height:78px}.brand-intro{padding-block:22px;gap:14px}.brand-intro>.brand-logo{width:min(100%,24vw,32svh);margin-bottom:6px}.brand-intro h1{font-size:clamp(28px,5.5svh,40px)}.brand-intro p{font-size:15px}.brand-intro>.brand-union{width:65px;margin-top:10px}.hero-reveal .hero-copy{bottom:26px}.hero-reveal .hero-copy h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-logo,.membership-card{transform:none!important}.hero-reveal .hero-slide{transition:none}}

/* Finish inherited secondary data states in the supplied identity. */
.section-heading>p{display:block}
.timeline-step{color:var(--muted);font:400 12px/1.4 var(--sans)}.timeline-step:before{background:var(--line)}.timeline-step.complete{color:var(--green)}.timeline-step.complete:before{background:var(--green)}
.profile-avatar{font-family:var(--sans);background:var(--panel);color:var(--green)}.top-item>span{font-family:var(--sans);color:var(--muted)}
th{background:var(--panel)}td small{font-size:12px;color:var(--muted)}.top-item p{font-size:12px;color:var(--muted)}.top-item h4,.top-item strong{font-size:14px}.donut:after{background:var(--panel);color:var(--green);font-size:11px}

/* Full-width cursor reveal. The same boundary switches the left identity to white. */
.brand-opening{position:relative;display:block;isolation:isolate;overflow:hidden;height:calc(100svh - var(--brand-header-height))}
.brand-opening .hero.hero-reveal{width:100%;height:100%;min-height:0}
.brand-opening .brand-intro{position:absolute;inset:0 auto 0 0;width:42%;height:100%;z-index:4;pointer-events:none;clip-path:inset(0 0 0 var(--intro-reveal,0px));padding:clamp(24px,4svh,56px) var(--gutter)}
.brand-opening .brand-intro-light{clip-path:inset(0 max(0px,calc(100% - var(--intro-reveal,0px))) 0 0);filter:brightness(0) invert(1)}
.brand-intro .brand-headline{font:300 clamp(32px,min(3.7vw,6svh),64px)/1.06 var(--sans);letter-spacing:-.025em;margin:0;color:var(--green);max-width:15ch;text-wrap:balance}
.hero-reveal .hero-photo-layer:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e8d6d1f5 0%,#e8d6d1e8 30%,#e8d6d180 43%,transparent 61%);pointer-events:none} /* taste-skill-ignore: readable green introductory text on the requested full-width photo. */
.hero-reveal .hero-poster{background:rgba(43,56,54,.85)}
.hero-reveal .poster-wordmark{display:none}
.hero-reveal .poster-photo{right:6%;top:16%;width:43%;height:65%}
.hero-reveal .hero-copy{left:49%;right:var(--gutter);bottom:38px}
.hero-reveal .hero-divider{top:5%;bottom:5%;background:#fff9}
@media(max-width:1100px){.brand-opening .brand-intro{width:45%;padding-inline:28px}.brand-intro .brand-headline{font-size:clamp(30px,4vw,46px)}}
@media(max-width:650px){
 .brand-opening{height:calc(100svh - var(--brand-header-height));min-height:590px}
 .brand-opening .hero.hero-reveal{height:100%;min-height:0}
 .brand-opening .brand-intro{width:100%;height:72%;justify-content:flex-start;padding:30px 20px;gap:18px}
 .brand-intro .brand-headline{font-size:40px;max-width:15ch}
 .brand-intro>.brand-logo{width:190px;margin-bottom:12px}.brand-intro>.brand-union{width:74px;margin-top:10px}
 .hero-reveal .hero-photo-layer:after{background:linear-gradient(180deg,#e8d6d1f5 0%,#e8d6d1e8 35%,#e8d6d180 57%,transparent 78%)} /* taste-skill-ignore: mobile version of the readable introductory photo scrim. */
 .hero-reveal .poster-photo{right:7%;top:60%;width:58%;height:25%}
 .hero-reveal .hero-copy{left:20px;right:20px;bottom:30px}.hero-reveal .hero-copy h2{font-size:30px}
}
@media(max-width:360px){.brand-intro .brand-headline{font-size:34px}.brand-opening{min-height:560px}}
@media(min-width:651px) and (max-height:650px){.brand-intro .brand-headline{font-size:clamp(28px,5.5svh,40px)}}

/* All four supplied reference motifs, upright and without distortion. */
.brand-opening .brand-intro>.brand-union{width:100%;max-width:390px;height:auto;flex:none;transform:none}
.how>.brand-union{width:76px}
@media(max-width:650px){.brand-opening .brand-intro>.brand-union{width:min(100%,290px)}.how>.brand-union{width:62px}}

/* Full UNAI pizza & pasta lockup, using the supplied original proportions. */
body:not(.cabinet-body)>header .logo{width:184px}
.cab-footer .brand-logo{width:140px;max-height:none}
@media(max-width:1100px){body:not(.cabinet-body)>header .logo{width:148px}}
@media(max-width:650px){body:not(.cabinet-body)>header .logo{width:125px}}