/* The menu is a progressive enhancement: every dish is visible without JS. */
.bourbon-menu-experience{background:#fbf6e9;color:#231f20;position:relative;--menu-top:0px}
.menu-timeline-nav{position:sticky;top:var(--menu-top);z-index:30;background:rgba(251,246,233,.97);backdrop-filter:blur(18px);border-bottom:1px solid #231f2020;padding:0 24px}
.menu-timeline-nav>div{display:flex;justify-content:center;gap:clamp(16px,5vw,70px);max-width:1000px;margin:auto}
.menu-timeline-nav a{display:block;padding:22px 8px 18px;font:600 15px/1.4 'Lato',Arial,sans-serif;letter-spacing:.02em;text-decoration:none;color:#70695e;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}
.menu-timeline-nav a[aria-current]{color:#231f20;border-color:#FDB833}
.menu-scroll-progress{position:absolute;bottom:-1px;left:0;height:2px;background:#FDB833;width:100%;transform:scaleX(var(--menu-progress,0));transform-origin:left;pointer-events:none}
.menu-chapter{padding:clamp(28px,3.5vw,48px) max(20px,6vw) 8px;scroll-margin-top:calc(var(--menu-top) + 80px)}
.menu-chapter-heading{text-align:center;margin:0 auto 22px}
.menu-chapter-heading p{font:600 11px/1.6 'Lato',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;color:#6e6557}
.menu-chapter-heading h2{font:500 clamp(34px,5vw,64px)/1.1 'Playfair Display',Georgia,serif!important;letter-spacing:-.035em;text-transform:none!important;margin:0}
.menu-story{max-width:1060px;margin:auto;position:relative}
.menu-story:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#d9cbb2 5%,#d9cbb2 95%,transparent)}
.menu-story-item{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(50px,9vw,130px);min-height:0;padding:20px 0;border-bottom:1px solid #231f2010}
.menu-story-visual{grid-column:1;grid-row:1;min-width:0;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .7s ease}
.menu-story-visual img{display:block;width:100%;height:clamp(240px,25vw,310px);object-fit:contain;filter:drop-shadow(0 12px 16px #231f2009)}
.menu-story-copy{grid-column:2;grid-row:1;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .7s ease}
.menu-story-item:nth-child(even) .menu-story-visual{grid-column:2}
.menu-story-item:nth-child(even) .menu-story-copy{grid-column:1;text-align:right}
.menu-story-copy h3{font:600 clamp(23px,2.5vw,34px)/1.2 'Lato',Arial,sans-serif!important;letter-spacing:-.035em;text-transform:none!important;margin:12px 0 18px;text-wrap:balance}
.menu-story-copy p{font:400 16px/1.6 'Lato',Arial,sans-serif;margin:0 0 18px;color:#6e6557}
.menu-story-index{font:600 11px 'Lato',Arial,sans-serif;letter-spacing:.14em;color:#897b62}
.menu-order-link{display:inline-flex;align-items:center;gap:26px;padding:13px 19px;min-height:46px;background:#FDB833;border-radius:30px;color:#231f20!important;font:700 13px 'Lato',Arial,sans-serif;text-decoration:none;transition:background .2s}
.menu-order-link:hover{background:#eeb02e}
.menu-story-dot{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#FDB833;box-shadow:0 0 0 7px #fbf6e9;transform:translate(-4px,-4px)}
.menu-motion .menu-story-item:not(.is-revealed) .menu-story-visual{opacity:0;transform:translateX(-45px)}
.menu-motion .menu-story-item:nth-child(even):not(.is-revealed) .menu-story-visual{transform:translateX(45px)}
.menu-motion .menu-story-item:not(.is-revealed) .menu-story-copy{opacity:0;transform:translateY(25px)}
@media(max-width:650px){
.menu-timeline-nav{padding:0 12px}.menu-timeline-nav a{font-size:14px;padding:17px 8px 14px}
.menu-chapter{padding:28px 20px 8px}.menu-chapter-heading{margin-bottom:18px}
.menu-story:before{left:8px}.menu-story-dot{left:8px;top:45%}
.menu-story-item{grid-template-columns:1fr;gap:0;min-height:0;padding:16px 0 24px 28px}
.menu-story-visual,.menu-story-item:nth-child(even) .menu-story-visual{grid-column:1;grid-row:1}
.menu-story-copy,.menu-story-item:nth-child(even) .menu-story-copy{grid-column:1;grid-row:2;text-align:left;padding:0 6px}
.menu-story-visual img{height:clamp(180px,57vw,250px)}.menu-story-copy h3{font-size:25px!important;margin:8px 0 16px}
.menu-story-index{font-size:10px}.menu-motion .menu-story-item:not(.is-revealed) .menu-story-visual{transform:translateX(-22px)}.menu-motion .menu-story-item:nth-child(even):not(.is-revealed) .menu-story-visual{transform:translateX(22px)}
}
@media(prefers-reduced-motion:reduce){.menu-story-visual,.menu-story-copy{transition:none!important;opacity:1!important;transform:none!important}}
@media print{.menu-story-visual,.menu-story-copy{opacity:1!important;transform:none!important}.menu-timeline-nav{position:static}}
/* Clip animated edges without creating an overflow scroller that breaks sticky navigation. */
@supports(overflow:clip){.off-canvas--viewport{overflow:clip}}
.layout--main-content>.bourbon-menu-experience{opacity:1}
.food-category-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 28px;max-width:1000px}
.food-category-nav a{padding:12px 18px;border:1px solid #d9cbb2;border-radius:30px;font:600 13px/1.4 'Lato',Arial,sans-serif;color:#231f20;text-decoration:none}
.food-category-nav a:hover,.food-category-nav a:focus-visible{background:#FDB833;border-color:#FDB833}
.food-category{scroll-margin-top:calc(var(--menu-top) + 90px);margin:0 auto 40px}
.food-category-title{font:600 clamp(26px,3vw,40px)/1.2 'Lato',Arial,sans-serif!important;letter-spacing:-.03em;text-transform:none!important;text-align:center;margin:0 0 16px}
/* Stable native sticky positioning: no translucent repaint or animated offset. */
.menu-timeline-nav{background:#FBF6E9;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none!important;transform:translateZ(0);isolation:isolate}
.menu-timeline-nav a{transition:color .2s,border-color .2s}
.menu-order-link{background-color:#FDB833!important;background-image:none!important}

/* Keep section transitions compact; preserve clear separation between dishes. */
.food-category:last-child{margin-bottom:0}
.menu-story-item:last-child{border-bottom:0}
@media(min-width:651px) and (max-width:1023px){
 .menu-story-item{gap:48px}.menu-story-copy h3{font-size:26px!important}
}
@media(max-width:650px){
 .food-category-nav{gap:8px;margin-bottom:24px}
 .food-category-nav a{padding:10px 14px;min-height:44px;display:flex;align-items:center}
 .food-category{margin-bottom:28px}.food-category-title{margin-bottom:8px}
 .menu-chapter-heading p{margin-bottom:8px}
 .menu-story-copy h3{margin-bottom:12px}
}
/* Compact menu introduction with all category links retained. */
.menu-chapter{padding-top:20px}
.menu-chapter-heading{margin-bottom:14px}
.menu-chapter-heading p{margin-bottom:6px}
.food-category-nav{margin-bottom:18px;gap:8px}
.food-category-title{margin-bottom:8px}
@media(max-width:650px){
 .menu-timeline-nav a{padding:12px 8px 10px}
 .menu-chapter{padding-top:16px}
 .menu-chapter-heading{margin-bottom:12px}
 .menu-chapter-heading p{font-size:9px;letter-spacing:.1em;margin-bottom:4px}
 .menu-chapter-heading h2{font-size:30px!important}
 .food-category-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;max-width:none;margin:0 -20px 14px;padding:0 20px 4px;scroll-padding-inline:20px;-webkit-overflow-scrolling:touch}
 .food-category-nav a{flex:0 0 auto;white-space:nowrap;padding:8px 12px;font-size:12px;min-height:44px}
 .food-category-title{font-size:24px!important;margin-bottom:0}
 .menu-story-item{padding-top:8px}
 .bourbon-menu-experience .menu-story-visual img{height:clamp(180px,57vw,250px)}
}
