.demo-design-bayana{--by-bg:#f6f1ea;--by-surface:#fff;--by-text:#121110;--by-muted:#6f6860;--by-faint:#b8afa4;--by-accent:#c17f54;--by-accent-hot:#d4654a;--by-ink:#0c0b0a;--by-gold-gradient:linear-gradient(145deg, #948048 0%, #9d8950 30%, #a59458 50%, #9d8950 70%, #948048 100%);--by-gold-solid:#9d8950;--by-gold-gradient-btn:linear-gradient(135deg, #6e5834 0%, #8a7648 30%, #b89a50 52%, #9d8950 78%, #807048 100%);--by-line:#12111017;--by-shadow:0 2px 4px #1211100a, 0 16px 40px #12111014;--by-alcove-r:clamp(1.85rem, 8vw, 3rem);--by-alcove-a:0 var(--by-alcove-r) 0 var(--by-alcove-r);--by-alcove-b:var(--by-alcove-r) 0 var(--by-alcove-r) 0;--by-alcove-r-inset:max(.75rem, calc(var(--by-alcove-r) - .65rem));--by-alcove-a-inset:0 var(--by-alcove-r-inset) 0 var(--by-alcove-r-inset);--by-alcove-b-inset:var(--by-alcove-r-inset) 0 var(--by-alcove-r-inset) 0;--by-serif:var(--font-cormorant,"Cormorant Garamond", Georgia, serif);--by-sans:var(--font-geist-sans,"Helvetica Neue", Helvetica, Arial, sans-serif);--by-display:var(--by-sans);--menu-text:var(--by-text);--menu-text-muted:var(--by-muted);--menu-surface:var(--by-bg);--menu-surface-muted:#fffcf7b8;--menu-border:#9d895029;--menu-color-primary:var(--by-gold-solid);--menu-color-primary-soft:#9d89501f;--menu-font-heading:var(--by-display);--menu-font-body:var(--by-sans);--hero-max-height:100svh;--hero-spacer-height:100svh;--hero-spacer-compact:100svh;--hero-height:100svh;--hero-content-shift:0px;--hero-progress:0;background:var(--by-bg);min-height:100dvh;color:var(--by-text);font-family:var(--by-sans);font-size:calc(15px * var(--menu-font-scale,1));-webkit-font-smoothing:antialiased;isolation:isolate;font-weight:400;line-height:1.55;position:relative}.demo-design-bayana .coverGrain{z-index:0;pointer-events:none;opacity:1;mix-blend-mode:multiply;background-image:url(/textures/white-wall.webp);background-size:220px;position:absolute;inset:0}.demo-design-bayana .coverHeroSpacer,.demo-design-bayana .coverContent,.demo-design-bayana .shell,.demo-design-bayana .coverToolbar--solo{z-index:1;position:relative}.demo-design-bayana *,.demo-design-bayana :before,.demo-design-bayana :after{box-sizing:border-box}.demo-design-bayana .coverToolbar{z-index:5;padding:.75rem 1.25rem;padding-top:max(.75rem, env(safe-area-inset-top));pointer-events:none;background:0 0;border:none;justify-content:flex-end;display:flex;position:absolute;top:0;left:0;right:0}.demo-design-bayana .coverToolbar>*{pointer-events:auto}.demo-design-bayana .coverToolbar--solo{padding-top:max(.75rem, env(safe-area-inset-top));position:sticky;top:0}.demo-design-bayana .menu-lang--glass .menu-lang__trigger,.demo-design-bayana .menu-lang--glass .menu-lang__panel,.demo-design-bayana .menu-lang--surface .menu-lang__trigger,.demo-design-bayana .menu-lang--surface .menu-lang__panel,.demo-design-bayana .menu-lang--embedded .menu-lang__panel{-webkit-backdrop-filter:none;backdrop-filter:none}.demo-design-bayana .menu-lang--glass .menu-lang__trigger,.demo-design-bayana .menu-lang--glass .menu-lang__panel{background:var(--by-surface);border:1px solid var(--menu-border);color:var(--by-ink)}.demo-design-bayana .menu-lang--glass .menu-lang__option:hover{background:var(--by-bg)}.demo-design-bayana .menu-lang--glass .menu-lang__option[aria-selected=true]{background:#ede8df}.demo-design-bayana .menu-lang--cover .menu-lang__trigger{background:var(--by-surface);border:1px solid var(--menu-border)}.demo-design-bayana .menu-lang--cover .menu-lang__trigger:hover{background:var(--by-bg);border-color:#9d895047}.demo-design-bayana .menu-lang--cover .menu-lang__panel,.demo-design-bayana .menu-lang--surface .menu-lang__trigger,.demo-design-bayana .menu-lang--surface .menu-lang__panel,.demo-design-bayana .menu-lang--embedded .menu-lang__panel{background:var(--by-surface);border:1px solid var(--menu-border)}.demo-design-bayana .menu-lang--cover .menu-lang__option:hover,.demo-design-bayana .menu-lang--surface .menu-lang__option:hover,.demo-design-bayana .menu-lang--embedded .menu-lang__option:hover{background:var(--by-bg)}.demo-design-bayana .menu-lang--cover .menu-lang__option[aria-selected=true],.demo-design-bayana .menu-lang--surface .menu-lang__option[aria-selected=true],.demo-design-bayana .menu-lang--embedded .menu-lang__option[aria-selected=true]{background:#ede8df}.demo-design-bayana .coverHeroSpacer{width:100%;height:var(--hero-spacer-height,var(--hero-max-height));margin-bottom:calc(var(--hero-spacer-compact,var(--hero-spacer-height)) - var(--hero-spacer-height));pointer-events:none}.demo-design-bayana .coverHero{z-index:20;width:100%;height:var(--hero-height);backface-visibility:hidden;contain:layout style paint;background:#14120f;position:fixed;top:0;left:0;right:0;overflow:hidden;transform:translateZ(0)}.demo-design-bayana[data-hero-collapsed=true] .coverHero{box-shadow:0 8px 28px #14120f2e}.demo-design-bayana .coverHeroMedia{z-index:1;opacity:0;animation:2s cubic-bezier(.22,1,.36,1) .15s forwards coverHeroMediaIn;position:absolute;inset:0}.demo-design-bayana .coverHeroMedia img,.demo-design-bayana .coverHeroMedia video{object-fit:cover;filter:saturate(1.12)contrast(1.04);width:100%;height:100%}.demo-design-bayana .coverHeroOverlay{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(#0c0a0861 0%,#0c0a0880 45%,#0c0a089e 100%);animation:2s cubic-bezier(.22,1,.36,1) .15s forwards coverHeroMediaIn;position:absolute;inset:0}@keyframes coverHeroMediaIn{0%{opacity:0}to{opacity:1}}@keyframes coverHeroLogoIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-design-bayana .coverHeroMedia,.demo-design-bayana .coverHeroOverlay,.demo-design-bayana .coverHeroLogo{opacity:1;animation:none}}.demo-design-bayana .coverHeroLogo{z-index:5;transform:translate(-50%, -50%) scale(calc(.52 + (1 - var(--hero-progress)) * .48));pointer-events:none;opacity:0;justify-content:center;width:min(72%,14rem);animation:1.4s .55s forwards coverHeroLogoIn;display:flex;position:absolute;top:50%;left:50%}.demo-design-bayana .coverHeroLogo .logo{object-fit:contain;filter:drop-shadow(0 4px 18px #00000073);width:100%;height:auto}.demo-design-bayana .coverScrollHint{z-index:25;left:50%;bottom:max(3.5rem, calc(env(safe-area-inset-bottom) + 2.85rem));-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);min-height:3rem;font-family:var(--by-display);letter-spacing:.2em;text-transform:uppercase;color:#faf9f6f2;cursor:pointer;opacity:0;white-space:nowrap;background:#14120f57;border:1px solid #faf9f647;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.85rem;font-size:.72rem;font-weight:800;line-height:1;transition:opacity .35s,transform .35s,background .25s,border-color .25s;animation:1s 1.05s forwards coverHeroLogoIn,2.4s ease-in-out 1.8s infinite coverScrollHintFloat;display:inline-flex;position:fixed;transform:translate(-50%)}.demo-design-bayana .coverScrollHint:hover{background:#14120f75;border-color:#faf9f66b}.demo-design-bayana[data-scroll-hint-hidden=true] .coverScrollHint{opacity:0;pointer-events:none;animation:none;transform:translate(-50%)translateY(.35rem)}.demo-design-bayana[data-scroll-hint-dismissed=true]:not([data-scroll-hint-hidden=true]) .coverScrollHint{opacity:1;animation:2.4s ease-in-out infinite coverScrollHintFloat}@keyframes coverScrollHintFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(.28rem)}}@media (prefers-reduced-motion:reduce){.demo-design-bayana .coverScrollHint{animation:10ms forwards coverHeroLogoIn}.demo-design-bayana[data-scroll-hint-hidden=true] .coverScrollHint{transform:translate(-50%)}.demo-design-bayana[data-scroll-hint-dismissed=true]:not([data-scroll-hint-hidden=true]) .coverScrollHint{animation:none;transform:translate(-50%)}}.demo-design-bayana .coverContent{position:relative;overflow:hidden}.demo-design-bayana .coverContentSandFrame{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.demo-design-bayana .coverContentSand{pointer-events:none;background-image:linear-gradient(#f6f1ea57, #f6f1ea57), var(--cover-sand-url,url(/demo-design/media/textures/sand-overlay.png));background-position:top,top;background-repeat:no-repeat,repeat;background-size:auto,320px;position:absolute;inset:0}@media (max-width:767px){.demo-design-bayana .coverContentSand{background-image:linear-gradient(#f6f1ea57, #f6f1ea57), var(--cover-sand-mobile-url,url(/demo-design/media/textures/sand-overlay-vertical.png));background-repeat:no-repeat,repeat-y;background-size:auto,100%;width:auto;height:auto;inset:0;transform:none}}.demo-design-bayana .coverContent .shell{z-index:1;position:relative}.demo-design-bayana .shell{max-width:26rem;margin:0 auto;padding:0 1.5rem 4rem}.demo-design-bayana .shellWithHero{background:0 0;margin-top:0}.demo-design-bayana[data-hero-phase=collapsing] .coverContent--hero{transform:translate3d(0, var(--hero-content-shift), 0);will-change:transform}.demo-design-bayana .shellWithHero .brand{margin-bottom:0;padding-top:2.25rem}.demo-design-bayana .brand{text-align:center;margin-bottom:0;padding-top:.5rem}.demo-design-bayana .brandIntro{flex-direction:column;align-items:center;gap:0;display:flex}.demo-design-bayana .logoWrap{justify-content:center;margin-bottom:1.5rem;display:flex}.demo-design-bayana .logo{object-fit:contain;width:5rem;height:5rem}.demo-design-bayana .restaurantName{font-family:var(--by-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--by-ink);text-wrap:balance;margin:0;font-size:clamp(3em,14vw,4.25em);font-weight:800;line-height:.92}.demo-design-bayana .restaurantName:has(.restaurantLogo){width:clamp(18rem,72vw,25.5rem);height:clamp(18rem,72vw,25.5rem);margin-inline:auto;line-height:0;overflow:hidden}.demo-design-bayana .restaurantName .restaurantLogo{aspect-ratio:1;object-fit:contain;width:100%;height:100%;display:block;transform:scale(1.18)}.demo-design-bayana .shellWithHero .restaurantName{letter-spacing:-.025em;font-size:clamp(2.75em,13vw,3.85em)}.demo-design-bayana .tagline{max-width:24rem;font-family:var(--by-display);letter-spacing:.01em;text-transform:none;color:var(--by-ink);text-align:center;text-wrap:balance;margin:.75rem auto 0;font-size:clamp(.95rem,2.6vw,1.08rem);font-style:normal;font-weight:700;line-height:1.5}.demo-design-bayana .coverMenuHead{text-align:center;margin:4rem 0 2rem}.demo-design-bayana .coverMenuHeadTitle{scroll-margin-top:calc(7rem + .75rem + env(safe-area-inset-top,0px));font-family:var(--by-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--by-ink);margin:0;font-size:clamp(2.35em,10vw,3.1em);font-weight:800;line-height:.95}.demo-design-bayana .menuNav{counter-reset:bayana-card;flex-direction:column;gap:1.85rem;margin:0;padding:0;display:flex}.demo-design-bayana .menuCard{border-radius:var(--by-alcove-a);background:var(--by-surface);width:100%;box-shadow:var(--by-shadow);text-align:left;color:inherit;cursor:pointer;border:none;padding:0;transition:box-shadow .3s,transform .3s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden}.demo-design-bayana .menuCard:nth-child(2n){border-radius:var(--by-alcove-b)}.demo-design-bayana .menuCard:hover:not(:disabled){transform:translateY(-4px)scale(1.01);box-shadow:0 8px 20px #1211101a,0 24px 56px #12111024}.demo-design-bayana .menuCard:disabled{opacity:.35;cursor:not-allowed}.demo-design-bayana .menuCardMedia{aspect-ratio:4/5;--card-parallax-y:0px;background:#e8e0d6;width:100%;min-height:13.5rem;display:block;position:relative;overflow:hidden}.demo-design-bayana .menuCardMedia:before{counter-increment:bayana-card;content:counter(bayana-card, decimal-leading-zero);z-index:2;font-family:var(--by-display);letter-spacing:.08em;color:#ffffffeb;text-shadow:0 2px 12px #00000059;pointer-events:none;font-size:.68em;font-weight:800;line-height:1;position:absolute;top:1rem;left:1rem}.demo-design-bayana .menuCard:nth-child(2n) .menuCardMedia:before{left:auto;right:1rem}.demo-design-bayana .menuCardMedia img{transform:translate3d(0, var(--card-parallax-y), 0) scale(1.16);will-change:transform}@media (prefers-reduced-motion:reduce){.demo-design-bayana .menuCardMedia img{will-change:auto;transform:none}}.demo-design-bayana .menuCard:hover:not(:disabled) .menuCardMedia img{transform:translate3d(0, var(--card-parallax-y), 0) scale(1.22);transition:transform .45s}.demo-design-bayana .menuCardScrim{pointer-events:none;background:linear-gradient(#0000 28%,#0c0a0859 58%,#0c0a08d1 100%);position:absolute;inset:0}.demo-design-bayana .menuCardCaption{inset-inline:0;z-index:1;color:#faf9f6;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem 1.35rem 1.25rem;display:flex;position:absolute;bottom:0}.demo-design-bayana .menuCardBody{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem;display:flex}.demo-design-bayana .menuCardTitle{font-family:var(--by-display);letter-spacing:-.02em;text-transform:uppercase;font-size:1.35em;font-weight:800;line-height:1}.demo-design-bayana .menuCardCaption .menuCardTitle{letter-spacing:-.025em;text-shadow:0 2px 16px #00000059;font-size:clamp(1.65em,6vw,1.95em)}.demo-design-bayana .menuCardSubtitle{font-family:var(--by-display);letter-spacing:.16em;text-transform:uppercase;opacity:.9;font-size:.62em;font-weight:600}.demo-design-bayana .menuCardCaption .menuCardSubtitle{color:#faf9f6d9}.demo-design-bayana .menuCardBody .menuCardSubtitle{color:var(--by-muted);text-transform:none;letter-spacing:.03em}.demo-design-bayana .coverTail{margin-top:3.75rem;position:relative}.demo-design-bayana .coverVisit{margin:0}.demo-design-bayana .coverVisitHead{text-align:center;margin:0 0 2rem}.demo-design-bayana .coverVisitHeadTitle{font-family:var(--by-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--by-ink);margin:0;font-size:clamp(2.1em,9vw,2.85em);font-weight:800;line-height:.95}.demo-design-bayana .coverVisitMap{margin-bottom:1.75rem}.demo-design-bayana .coverVisitAddress{text-align:center;text-wrap:balance;max-width:22rem;margin:1rem auto 0;padding:0;font-style:normal}.demo-design-bayana .coverVisitAddress a{font-family:var(--by-display);letter-spacing:.04em;text-transform:uppercase;color:var(--by-ink);font-size:.88em;font-weight:700;line-height:1.55;text-decoration:none;transition:opacity .2s;display:inline-block}.demo-design-bayana .coverVisitAddress a:hover{opacity:.72}.demo-design-bayana .coverVisitAddress--solo{margin:0 auto 1.75rem}.demo-design-bayana .coverVisitMapFrame{border-radius:var(--by-alcove-a);background:#e8e4dc;position:relative;overflow:clip;box-shadow:inset 0 0 0 1px #9a84682e,0 1px 2px #1c1b1808,0 16px 48px #1c1b1812}.demo-design-bayana .coverVisitMapFrame:before{content:"";z-index:2;border-radius:var(--by-alcove-a-inset);pointer-events:none;border:1px solid #faf9f659;position:absolute;inset:.55rem}.demo-design-bayana .coverVisitMapFrame .cover-loc__map-canvas{width:100%;height:168px;display:block}.demo-design-bayana .coverVisitMapScrim{z-index:1;pointer-events:none;background:linear-gradient(#0000 38%,#14120f14 62%,#14120f6b 100%);position:absolute;inset:0}.demo-design-bayana .coverVisitMapLabel{z-index:3;font-family:var(--by-display);letter-spacing:.2em;text-transform:uppercase;color:#faf9f6f2;text-shadow:0 2px 10px #0006;pointer-events:none;margin:0;font-size:.72em;font-style:normal;font-weight:800;position:absolute;bottom:.95rem;left:1.15rem}.demo-design-bayana .coverVisitCard{border-radius:var(--by-alcove-b);background:var(--by-surface);box-shadow:var(--by-shadow);border:none;overflow:hidden}.demo-design-bayana .coverVisitHours{padding:1.5rem 1.25rem 1.35rem}.demo-design-bayana .coverVisitHoursHead{flex-direction:column;align-items:center;gap:.7rem;margin-bottom:1.1rem;display:flex}.demo-design-bayana .coverVisitHoursMark{background:var(--by-gold-gradient);border-radius:999px;width:1.75rem;height:2px;display:block}.demo-design-bayana .coverVisitScheduleNote{font-family:var(--by-display);letter-spacing:.22em;text-transform:uppercase;text-align:center;color:var(--by-muted);margin:0;font-size:.62em;font-style:normal;font-weight:700}.demo-design-bayana .coverVisitScheduleList{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.demo-design-bayana .coverVisitScheduleRow{background:#f6f1eab8;border-radius:.85rem;justify-content:space-between;align-items:baseline;gap:1rem;padding:.82rem 1rem;display:flex}.demo-design-bayana .coverVisitScheduleName{min-width:0;font-family:var(--by-display);letter-spacing:.12em;text-transform:uppercase;text-align:left;color:var(--by-ink);font-size:.68em;font-weight:800}.demo-design-bayana .coverVisitScheduleTime{font-family:var(--by-display);letter-spacing:.12em;font-variant-numeric:tabular-nums;text-transform:uppercase;color:var(--by-ink);white-space:nowrap;flex-shrink:0;font-size:.68em;font-weight:800}.demo-design-bayana .coverVisitScheduleFallback{text-align:center;color:var(--by-ink);margin:0;font-size:.84em;font-weight:400;line-height:1.7}.demo-design-bayana .coverVisitActions{border-top:1px solid var(--by-line);flex-direction:column;gap:0;display:flex}.demo-design-bayana .coverVisitBtn{width:100%;min-height:3.25rem;font-family:var(--by-display);letter-spacing:.18em;text-transform:uppercase;text-align:center;border-radius:0;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.35rem;font-size:.62em;font-weight:800;text-decoration:none;transition:border-color .25s,color .25s,background .25s,box-shadow .25s,transform .25s;display:flex}.demo-design-bayana .coverVisitBtnIcon{flex-shrink:0;width:.95rem;height:.95rem}.demo-design-bayana .coverVisitBtn--primary{background-color:var(--by-gold-solid);background-image:var(--by-gold-gradient-btn);color:#fff;-webkit-text-fill-color:#fff;border:none}.demo-design-bayana .coverVisitBtn--primary:hover{filter:brightness(1.06)}.demo-design-bayana .coverVisitBtn--ghost{border:none;border-top:1px solid var(--by-line);color:var(--by-ink);background:0 0;font-weight:700}.demo-design-bayana .coverVisitBtn--ghost:hover{color:var(--by-ink);background:#f6f1ead9}.demo-design-bayana .coverVisitActions:has(>:only-child) .coverVisitBtn--primary{border-radius:0}.demo-design-bayana .coverVisitActions:has(>:only-child) .coverVisitBtn--ghost{border-top:none}.demo-design-bayana .footerNote{font-family:var(--by-sans);text-align:center;color:var(--by-ink);text-wrap:balance;background:0 0;border:none;border-radius:0;margin:2.25rem 0 0;padding:0;font-size:.78em;font-style:normal;font-weight:500;line-height:1.65;position:relative}.demo-design-bayana .coverFooter{margin-top:2.75rem;padding-top:0}html:has(.demo-design-bayana.menuPage){scrollbar-width:none}html:has(.demo-design-bayana.menuPage)::-webkit-scrollbar{display:none}.demo-design-frame__card:has(.demo-design-bayana.menuPage){scrollbar-width:none}.demo-design-frame__card:has(.demo-design-bayana.menuPage)::-webkit-scrollbar{display:none}.demo-design-bayana.menuPage{isolation:isolate;position:relative}.demo-design-bayana.menuPage .menuPageSandFrame{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.demo-design-bayana.menuPage .menuPageSand{pointer-events:none;background-image:linear-gradient(#f6f1ea57, #f6f1ea57), var(--cover-sand-url,url(/demo-design/media/textures/sand-overlay.png));background-position:top,top;background-repeat:no-repeat,repeat-x;background-size:auto,auto 100%;width:calc(100cqh + 4px);height:calc(100cqw + 4px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}@media (max-width:767px){.demo-design-bayana.menuPage .menuPageSand{background-image:linear-gradient(#f6f1ea57, #f6f1ea57), var(--cover-sand-mobile-url,url(/demo-design/media/textures/sand-overlay-vertical.png));background-repeat:no-repeat,repeat-y;background-size:auto,100%;width:auto;height:auto;inset:0;transform:none}}@supports not (width:1cqh){@media (min-width:768px){.demo-design-bayana.menuPage .menuPageSand{background-repeat:no-repeat,repeat-y;background-size:auto,100%;width:auto;height:auto;inset:0;transform:none}}}.demo-design-bayana.menuPage .menuPageShell{z-index:1;position:relative}.demo-design-bayana.menuPage .menu-toolbar{z-index:30;top:0;box-sizing:border-box;width:100%;font-size:calc(15px * var(--menu-font-scale,1));-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:1px solid #0000;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:sticky;inset-inline:0}.demo-design-bayana.menuPage[data-toolbar-scrolled=true] .menu-toolbar{background:color-mix(in srgb, var(--by-gold-solid) 20%, #f6f1eaeb);-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);border-bottom-color:#9d89503d}.demo-design-bayana .menu-toolbar__btn{font-size:.8125em}.demo-design-bayana .menu-toolbar__back-text{font-family:var(--by-display);letter-spacing:.12em;text-transform:uppercase;font-size:.95em;font-weight:700}.demo-design-bayana .menuIntro{text-align:center;margin:2.5rem 0 3rem}.demo-design-bayana.menuPage .menuIntro{margin:3.25rem 0 2.5rem}.demo-design-bayana .menuTitle{font-family:var(--by-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--by-ink);margin:0;font-size:clamp(2.35em,10vw,3rem);font-weight:800;line-height:.95}.demo-design-bayana .menuSubtitle{font-family:var(--by-display);color:var(--by-accent-hot);letter-spacing:.16em;text-transform:uppercase;margin:.85rem 0 0;font-size:.68em;font-weight:600}.demo-design-bayana .boardSection{margin-bottom:4rem}.demo-design-bayana.menuPage .boardSection{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:4.5rem;padding:0;position:static;overflow:visible}.demo-design-bayana.menuPage .boardSectionName{border-bottom:none;margin-bottom:0;padding-bottom:0}.demo-design-bayana.menuPage .boardSectionName:not(:has(+.boardSectionDesc)){margin-bottom:1.15rem}.demo-design-bayana.menuPage .boardSectionDesc{margin:.15rem 0 1.15rem}.demo-design-bayana.menuPage .item{border-bottom:none;padding:1.1rem 0}.demo-design-bayana.menuPage .itemList .item:first-child{padding-top:.5rem}.demo-design-bayana.menuPage .formula{text-align:center;border-radius:var(--by-alcove-a);background:linear-gradient(160deg,#fffcf7d1 0%,#faf4eaad 100%);border:1px solid #9d895024;margin-bottom:4rem;padding:1.35rem 1.15rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 2px 4px #12111008,0 12px 32px #1211100d}.demo-design-bayana.menuPage .formula:before{content:"";z-index:0;opacity:.55;background-image:linear-gradient(#f6f1ea47, #f6f1ea47), var(--menu-card-texture-url,url(/demo-design/media/textures/concrete-wall.webp));mix-blend-mode:multiply;pointer-events:none;background-position:50%,50%;background-repeat:no-repeat,repeat;background-size:auto,280px;position:absolute;inset:0}.demo-design-bayana.menuPage .formula>*{z-index:1;position:relative}.demo-design-bayana.menuPage .formulaHead{flex-direction:column;align-items:center;gap:.4rem}.demo-design-bayana.menuPage .formulaName{letter-spacing:.08em}.demo-design-bayana.menuPage .badgeLegend{border-radius:var(--by-alcove-b);background:#fffcf78c;border:1px solid #9d89501a;padding:1.15rem 1rem}.demo-design-bayana.menuPage .legal{border-top-color:#9d89501f}.demo-design-bayana.menuPage :is(.menuTitle,.menuSubtitle,.boardSectionDesc,.itemName,.itemStatus,.itemDesc,.variantRow,.options,.options li,.formulaName,.formulaTag,.formulaExtras,.formulaExtras li,.formulaStepTitle,.formulaSteps,.formulaSteps li,.badgeLegendTitle,.badgeLegendList,.badgeLegendList li,.empty,.legal,.legal p){-webkit-text-fill-color:currentColor;background-image:none;-webkit-background-clip:border-box;background-clip:border-box}.demo-design-bayana.menuPage .menuTitle{color:var(--by-ink)}.demo-design-bayana.menuPage .menuSubtitle{color:var(--by-muted);letter-spacing:.12em;margin-top:.45rem;font-weight:700}.demo-design-bayana.menuPage .boardSectionDesc{color:var(--by-muted);font-weight:400}.demo-design-bayana.menuPage .itemName,.demo-design-bayana.menuPage .formulaName{color:var(--by-ink)}.demo-design-bayana.menuPage .itemDesc,.demo-design-bayana.menuPage .variantRow,.demo-design-bayana.menuPage .options,.demo-design-bayana.menuPage .formulaExtras{color:var(--by-muted)}.demo-design-bayana.menuPage .formulaStepTitle{color:var(--by-ink);font-weight:600}.demo-design-bayana.menuPage .itemStatus{color:var(--by-faint)}.demo-design-bayana.menuPage .itemBadge{-webkit-text-fill-color:currentColor;color:var(--by-gold-solid);background-image:none;-webkit-background-clip:border-box;background-clip:border-box}.demo-design-bayana.menuPage .itemPrice{color:var(--by-gold-solid)}.demo-design-bayana.menuPage .badgeLegendTitle{color:var(--by-faint)}.demo-design-bayana.menuPage .badgeLegendList,.demo-design-bayana.menuPage .badgeLegendList li{color:var(--by-muted)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.demo-design-bayana.menuPage :is(.boardSectionName,.itemPrice,.formulaHead .itemPrice){background-image:var(--by-gold-gradient);-webkit-text-fill-color:transparent;color:var(--by-gold-solid);-webkit-background-clip:text;background-clip:text}}.demo-design-bayana .boardSectionName{font-family:var(--by-display);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--by-ink);margin:0 0 1.25rem;font-size:.92em;font-weight:800}.demo-design-bayana .boardSectionDesc{color:var(--by-muted);text-align:center;margin:-.75rem 0 1.5rem;font-size:.82em;font-weight:300;line-height:1.6}.demo-design-bayana .itemList{margin:0;padding:0;list-style:none}.demo-design-bayana .item{border-bottom:1px solid var(--by-line);gap:1.15rem;padding:1.35rem 0;display:flex}.demo-design-bayana .item:first-child{padding-top:0}.demo-design-bayana .item:last-child{border-bottom:none;padding-bottom:0}.demo-design-bayana .itemUnavailable{opacity:.4}.demo-design-bayana .itemImageWrap{border-radius:var(--by-alcove-a);background:#e8e0d6;flex-shrink:0;width:3.75rem;height:3.75rem;position:relative;overflow:hidden}.demo-design-bayana .itemImageBtn{cursor:zoom-in;border:none;padding:0;transition:opacity .2s,transform .2s;display:block}.demo-design-bayana .itemImageBtn:hover{opacity:.92}.demo-design-bayana .itemImageBtn:focus-visible{outline:2px solid var(--by-gold-solid);outline-offset:2px}.demo-design-bayana.bayana-image-lightbox{z-index:60;padding:1.25rem;padding-top:max(1.25rem, env(safe-area-inset-top));padding-bottom:max(1.25rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0b0ac7;justify-content:center;align-items:center;animation:.22s bayanaLightboxIn;display:flex;position:fixed;inset:0}@keyframes bayanaLightboxIn{0%{opacity:0}to{opacity:1}}.demo-design-bayana.bayana-image-lightbox .bayana-image-lightbox__close{top:max(.85rem, env(safe-area-inset-top));z-index:2;color:#faf9f6;cursor:pointer;background:#0c0b0a8c;border:1px solid #faf9f647;border-radius:999px;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;font-size:1.35rem;line-height:1;transition:background .2s,border-color .2s;display:flex;position:absolute;right:.85rem}.demo-design-bayana.bayana-image-lightbox .bayana-image-lightbox__close:hover{background:#0c0b0ac7;border-color:#faf9f673}.demo-design-bayana.bayana-image-lightbox .bayana-image-lightbox__frame{border-radius:var(--by-alcove-a);background:#14120f;max-width:min(92vw,32rem);max-height:min(80svh,100svh - 5rem);line-height:0;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #faf9f61f,0 24px 64px #0000006b}.demo-design-bayana.bayana-image-lightbox .bayana-image-lightbox__img{width:auto;max-width:min(92vw,32rem);height:auto;max-height:min(80svh,100svh - 5rem);display:block}.demo-design-bayana .itemContent{flex:1;min-width:0}.demo-design-bayana .itemHead{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.demo-design-bayana .itemName{min-width:0;font-family:var(--by-display);letter-spacing:-.01em;text-transform:uppercase;flex:1;margin:0;font-size:.95em;font-weight:700;line-height:1.3}.demo-design-bayana .itemPrice{font-family:var(--by-display);font-variant-numeric:tabular-nums;color:var(--by-accent-hot);letter-spacing:.02em;flex-shrink:0;font-size:.82em;font-weight:700}.demo-design-bayana .itemMeta{flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin-top:.4rem;display:flex}.demo-design-bayana .itemBadge{font-family:var(--by-display);letter-spacing:.1em;text-transform:uppercase;color:var(--by-accent-hot);font-size:.56em;font-weight:700}.demo-design-bayana .itemStatus{color:var(--by-muted);font-size:.75em;font-style:italic}.demo-design-bayana .itemDesc{color:var(--by-muted);margin:.45rem 0 0;font-size:.82em;font-weight:300;line-height:1.6}.demo-design-bayana .variantRow{color:var(--by-muted);justify-content:space-between;gap:1rem;margin-top:.4rem;padding-left:.25rem;font-size:.82em;display:flex}.demo-design-bayana .options{color:var(--by-muted);margin:.5rem 0 0;padding:0;font-size:.78em;line-height:1.55;list-style:none}.demo-design-bayana .options li+li{margin-top:.25rem}.demo-design-bayana .formula{border-top:1px solid var(--by-line);border-bottom:1px solid var(--by-line);margin-bottom:3.5rem;padding:1.5rem 0}.demo-design-bayana .formulaHead{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.demo-design-bayana .formulaName{font-family:var(--by-display);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:1em;font-weight:800}.demo-design-bayana .formulaTag{font-family:var(--by-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--by-accent);margin-left:.5rem;font-size:.58em;font-weight:400}.demo-design-bayana .formulaSteps{margin:1rem 0 0;padding:0;font-size:.82em;list-style:none}.demo-design-bayana .formulaSteps li+li{margin-top:.6rem}.demo-design-bayana .formulaExtras{color:var(--by-muted);margin:1rem 0 0;padding:0;font-size:.78em;list-style:none}.demo-design-bayana .formulaExtras li+li{margin-top:.25rem}.demo-design-bayana .formulaStepTitle{color:var(--by-text);letter-spacing:.02em;font-weight:400}.demo-design-bayana .badgeLegend{border-top:1px solid var(--by-line);margin-top:2.5rem;padding-top:1.5rem}.demo-design-bayana .badgeLegendTitle{letter-spacing:.2em;text-transform:uppercase;color:var(--by-faint);margin:0 0 .75rem;font-size:.6em;font-weight:400}.demo-design-bayana .badgeLegendList{color:var(--by-muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;font-size:.74em;list-style:none;display:flex}.demo-design-bayana .legal{border-top:1px solid var(--by-line);color:var(--by-ink);margin-top:3rem;padding-top:1.5rem;font-size:.7em;line-height:1.7}.demo-design-bayana .legal p{margin:.3rem 0}.demo-design-bayana .empty{text-align:center;color:var(--by-muted);padding:4rem 0}.demo-design-bayana .coverFooter .menu-social{gap:1.15rem;margin-top:1.5rem}.demo-design-bayana .coverFooter .menu-social__link:not(.menu-social__link--icon){letter-spacing:.18em;color:var(--by-muted)}.demo-design-bayana .coverFooter .menu-social__link:not(.menu-social__link--icon):hover{color:var(--by-accent)}.demo-design-bayana .coverFooter .menu-social__brand{letter-spacing:.14em;text-transform:uppercase;margin-top:.35rem;font-size:.56em}.demo-design-bayana .menu-social{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;padding:0;display:flex}.demo-design-bayana .menu-social__links{flex-wrap:wrap;justify-content:center;gap:.85rem;display:flex}.demo-design-bayana .menu-social__link{letter-spacing:.14em;text-transform:uppercase;color:var(--by-muted);align-items:center;gap:.35rem;font-size:.62em;font-weight:400;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.demo-design-bayana .menu-social__link--icon{width:2.85rem;height:2.85rem;color:var(--by-gold-solid);background:#fffcf7b8;border:1px solid #9d895038;border-radius:999px;justify-content:center;padding:0}.demo-design-bayana .menu-social__icon{width:1.2rem;height:1.2rem}.demo-design-bayana .menu-social__link--icon:hover{color:var(--by-ink);background:#fffcf7f2;border-color:#9d89506b}.demo-design-bayana .menu-social__brand{color:var(--by-ink);font-size:.6em}.demo-design-bayana .bayana-allergen-footer{margin-top:1.15rem;padding:0}.demo-design-bayana .bayana-allergen-trigger--link{min-height:auto;font-family:var(--by-display);letter-spacing:.14em;text-transform:uppercase;text-underline-offset:.2em;color:var(--by-muted);background:0 0;border:none;border-radius:0;align-items:center;padding:0;font-size:1.15em;font-weight:400;text-decoration:underline;transition:color .15s,filter .15s;display:inline-flex}.demo-design-bayana .bayana-allergen-trigger--link:hover{filter:brightness(1.14);background:0 0;border:none}.demo-design-bayana .bayana-allergen-trigger{border-radius:var(--by-alcove-b);min-height:2.65rem;font-family:var(--by-display);letter-spacing:.16em;text-transform:uppercase;color:var(--by-ink);background:#fffcf7b8;border:1px solid #9d895038;justify-content:center;align-items:center;padding:.65rem 1.15rem;font-size:.58em;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.demo-design-bayana .bayana-allergen-trigger:hover{color:var(--by-gold-solid);background:#fffcf7f2;border-color:#9d89506b}.bayana-allergen-sheet{--by-bg:#f6f1ea;--by-text:#121110;--by-muted:#6f6860;--by-ink:#0c0b0a;--by-gold-solid:#9d8950;--by-display:var(--font-geist-sans,"Helvetica Neue", Helvetica, Arial, sans-serif);--by-sans:var(--font-geist-sans,"Helvetica Neue", Helvetica, Arial, sans-serif);--by-alcove-r:clamp(1.85rem, 8vw, 3rem);--by-alcove-a:0 var(--by-alcove-r) 0 var(--by-alcove-r);--menu-text:var(--by-text);--menu-text-muted:var(--by-muted);--menu-surface:var(--by-bg);--menu-border:#9d895029;--menu-color-primary-soft:#9d89501f;--menu-font-heading:var(--by-display);--menu-font-body:var(--by-sans);z-index:50;border-radius:var(--by-alcove-a) var(--by-alcove-a) 0 0;min-height:0;font-family:var(--by-sans);color:var(--by-text);background:linear-gradient(165deg,#fffcf7f5 0%,#faf4eaeb 100%);border:1px solid #9d89502e;border-bottom:none;position:fixed;box-shadow:inset 0 1px #ffffffbf,0 -10px 40px #1211101a}.bayana-allergen-sheet .menu-allergen-sheet__header{text-align:center;padding-top:1.35rem;padding-bottom:.35rem}.bayana-allergen-sheet .menu-allergen-sheet__title{font-family:var(--by-display);letter-spacing:.1em;text-transform:uppercase;color:var(--by-ink);font-size:1.05rem;font-weight:800}.bayana-allergen-sheet .menu-allergen-sheet__description{font-family:var(--by-sans);color:var(--by-muted);margin-top:.55rem;font-size:.82rem;line-height:1.55}.bayana-allergen-sheet .menu-allergen-sheet__body{padding-inline:1.15rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom))}.bayana-allergen-sheet .menu-allergen-sheet__section-title{font-family:var(--by-display);letter-spacing:.12em;text-transform:uppercase;color:var(--by-gold-solid);font-size:.72rem;font-weight:800}.bayana-allergen-sheet .menu-allergen-sheet__item{border-bottom:1px solid #9d89501a;padding:.85rem 0}.bayana-allergen-sheet .menu-allergen-sheet__item:last-child{border-bottom:none}.bayana-allergen-sheet .menu-allergen-sheet__item-name{font-family:var(--by-display);letter-spacing:.03em;text-transform:uppercase;color:var(--by-ink);font-size:.88rem;font-weight:700}.bayana-allergen-sheet .menu-allergen-sheet__tag{font-family:var(--by-display);letter-spacing:.08em;text-transform:uppercase;color:var(--by-ink);background:#9d895014;border:1px solid #9d895033;border-radius:999px;font-size:.62rem;font-weight:700}.bayana-allergen-sheet>button{width:2.25rem;height:2.25rem;color:var(--by-ink);opacity:1;background:#fffcf7e0;border:1px solid #9d89502e;border-radius:999px;top:.85rem;right:.85rem}.bayana-allergen-sheet>button:hover{color:var(--by-gold-solid);background:#fffcf7}.demo-design-bayana button[class*=allergen],.demo-design-bayana a[class*=allergen]{color:var(--by-muted)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.demo-design-bayana :is(.restaurantName,.coverMenuHeadTitle,.coverVisitHeadTitle,.coverFooter .menu-social__link:not(.menu-social__link--icon),.bayana-allergen-trigger--link,.menu-social__link:not(.menu-social__link--icon),button[class*=allergen]:not(.bayana-allergen-trigger),a[class*=allergen]){background-image:var(--by-gold-gradient);-webkit-text-fill-color:transparent;color:var(--by-gold-solid);-webkit-background-clip:text;background-clip:text}.demo-design-bayana :is(.menu-social__link:not(.menu-social__link--icon),.coverFooter .menu-social__link:not(.menu-social__link--icon),.bayana-allergen-trigger--link,button[class*=allergen]:not(.bayana-allergen-trigger),a[class*=allergen]):hover{filter:brightness(1.14)}}.demo-design-bayana .tagline,.demo-design-bayana :is(.coverVisitAddress a,.footerNote,.legal,.legal p,.menu-social__brand,.coverFooter .menu-social__brand),.demo-design-bayana .coverVisitCard :is(.coverVisitScheduleNote,.coverVisitScheduleName,.coverVisitScheduleTime,.coverVisitScheduleFallback),.demo-design-bayana .bayana-allergen-trigger{-webkit-text-fill-color:currentColor;color:var(--by-ink);background-image:none;-webkit-background-clip:border-box;background-clip:border-box}.demo-design-bayana .menuNav,.demo-design-bayana .menuNav *,.demo-design-bayana .menu-social__link--icon,.demo-design-bayana .coverVisitBtn--ghost,.demo-design-bayana .coverVisitMapLabel,.demo-design-bayana .coverScrollHint,.demo-design-bayana .coverToolbar,.demo-design-bayana .coverToolbar :not(.lang-flag),.demo-design-bayana .menu-toolbar,.demo-design-bayana .menu-toolbar :not(.lang-flag){-webkit-text-fill-color:currentColor;background-image:none;-webkit-background-clip:border-box;background-clip:border-box}.demo-design-bayana .coverVisitBtn--primary{background-image:var(--by-gold-gradient-btn);-webkit-text-fill-color:#fff;color:#fff;-webkit-background-clip:border-box;background-clip:border-box}.demo-design-view-transition{min-height:100%;position:relative}.demo-design-view-transition__backdrop{z-index:0;pointer-events:none;opacity:0;filter:blur();background-color:#f6f1ea;background-image:linear-gradient(#f6f1ea57, #f6f1ea57), var(--cover-sand-url,url(/demo-design/media/textures/sand-overlay.png));background-position:top,top;background-repeat:no-repeat,repeat;background-size:auto,320px;transition:opacity .22s,filter .22s;position:absolute;inset:0}.demo-design-view-transition__backdrop:after{content:"";mix-blend-mode:multiply;background-image:url(/textures/white-wall.webp);background-size:220px;position:absolute;inset:0}.demo-design-view-transition[data-transitioning=true] .demo-design-view-transition__backdrop{opacity:1;filter:blur(14px)}.demo-design-view-transition>.demo-design-bayana{z-index:1;transition:opacity .22s;position:relative}.demo-design-view-transition[data-fade=out]>.demo-design-bayana{opacity:0;pointer-events:none}@media (max-width:767px){.demo-design-view-transition__backdrop{background-image:linear-gradient(#f6f1ea57, #f6f1ea57), var(--cover-sand-mobile-url,url(/demo-design/media/textures/sand-overlay-vertical.png));background-repeat:no-repeat,repeat-y;background-size:auto,100%}}@media (prefers-reduced-motion:reduce){.demo-design-view-transition__backdrop{transition:none}.demo-design-view-transition[data-transitioning=true] .demo-design-view-transition__backdrop{filter:none}.demo-design-view-transition>.demo-design-bayana{transition:none}}@media (min-width:1024px){.demo-design-frame__card .demo-design-view-transition__backdrop{background-image:linear-gradient(#f6f1ea57, #f6f1ea57), var(--cover-sand-mobile-url,url(/demo-design/media/textures/sand-overlay-vertical.png));background-repeat:no-repeat,repeat-y;background-size:auto,100%}}.demo-design-frame,.demo-design-frame__card{width:100%}@media (min-width:1024px){html.demo-design-frame-lock,html.demo-design-frame-lock body{height:100%;overflow:hidden}.demo-design-frame{background:#fff;align-items:stretch;height:100dvh;padding:1.25rem 1.5rem;display:flex;overflow:hidden}.demo-design-frame__card{overscroll-behavior:contain;width:100%;max-width:58rem;max-height:100%;box-shadow:var(--by-shadow);-webkit-overflow-scrolling:touch;border-radius:2rem;flex:1;margin-inline:auto;position:relative;overflow:clip auto}.demo-design-frame__card>.demo-design-bayana{--frame-inline-gutter:2.75rem;min-height:auto}.demo-design-frame__card .coverToolbar,.demo-design-frame__card .menu-toolbar{padding-inline:var(--frame-inline-gutter)}.demo-design-frame__card .coverContentSand,.demo-design-frame__card .menuPageSand{background-image:linear-gradient(#f6f1ea57, #f6f1ea57), var(--cover-sand-mobile-url,url(/demo-design/media/textures/sand-overlay-vertical.png));background-position:top,top;background-repeat:no-repeat,repeat-y;background-size:auto,100%;width:auto;height:auto;inset:0;transform:none}.demo-design-frame__card .shell{max-width:100%;padding-inline:var(--frame-inline-gutter,2.75rem)}.demo-design-frame__card .menuNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.75rem;display:grid}.demo-design-frame__card .coverVisitMapFrame .cover-loc__map-canvas{height:280px}.demo-design-frame__card .menuCardMedia{aspect-ratio:3/4;min-height:10rem}}