/* Photo-led Menu concept. Product photographs stay still, rectangular and unobstructed. */
body[data-page="letter-concept"] .menu-story{background:var(--color-steam-cream)}
.ms-overture{padding:100px 8vw;display:grid;grid-template-columns:1fr 2.8fr;gap:32px}
body[data-page="letter-concept"] .ms-overture>p{font:italic 28px var(--font-accent)!important;color:var(--color-terracotta)!important;transform:rotate(-4deg)}
body[data-page="letter-concept"] .ms-overture h2{font:800 clamp(44px,6vw,90px)/1 var(--font-display)!important;letter-spacing:-.05em}
.ms-overture h2 em{font-family:var(--font-accent);font-weight:400}
.ms-overture>div{grid-column:2;display:flex;gap:40px;align-items:end;justify-content:space-between}
.ms-overture>div p{max-width:36ch}.ms-overture>div span{font-size:10px;line-height:1.8;max-width:19ch;letter-spacing:.1em}
body[data-page="letter-concept"] .menu-story .menu-filter-wh{position:sticky;top:92px;z-index:15;margin:0;padding:16px 5vw;display:flex;gap:10px;border-top:1px solid var(--color-linen);border-bottom:1px solid var(--color-linen);background:var(--color-steam-cream)}
body[data-page="letter-concept"] .menu-story .menu-filter-wh button{padding:12px 20px;border-radius:0;background:transparent;color:var(--color-dark-roast)!important;border:0;border-bottom:2px solid transparent}
body[data-page="letter-concept"] .menu-story .menu-filter-wh button:is(.active,:hover,:focus-visible){color:var(--color-terracotta)!important;border-bottom-color:var(--color-terracotta);background:transparent}
.menu-story .menu-filter-wh>span{margin-left:auto}
body[data-page="letter-concept"] .menu-story #menuSections{padding:0 5vw 70px}
body[data-page="letter-concept"] .menu-story .menu-category-wh{padding:70px 0 0!important;scroll-margin-top:170px}
body[data-page="letter-concept"] .menu-story .menu-category-wh>header{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;border:0;padding:0 0 40px}
body[data-page="letter-concept"] .menu-story .menu-category-wh>header h2{font:800 clamp(70px,10vw,150px)/.95 var(--font-display)!important;letter-spacing:-.065em}
body[data-page="letter-concept"] .menu-story .menu-category-wh>header p{max-width:42ch;font-size:16px!important;color:var(--color-dark-roast)!important}
body[data-page="letter-concept"] .menu-story .menu-products-wh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 24px;margin:0}
body[data-page="letter-concept"] .menu-story #menu-letter .menu-products-wh{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}
body[data-page="letter-concept"] .menu-story .menu-products-wh .menu-product-wh{display:flex!important;flex-direction:column;min-width:0;padding:0!important;background:transparent!important;border:0!important}
body[data-page="letter-concept"] .menu-story .menu-product-img{aspect-ratio:4/5;height:auto!important;width:100%;border-radius:0!important;clip-path:none!important;transform:none!important;overflow:hidden}
body[data-page="letter-concept"] .menu-story #menu-letter .menu-product-img{aspect-ratio:1}
body[data-page="letter-concept"] .menu-story .menu-product-img image-slot,body[data-page="letter-concept"] .menu-story .menu-product-img img{border-radius:0!important;clip-path:none!important;transform:none!important;transition:none!important;object-fit:cover!important}
body[data-page="letter-concept"] .menu-story .menu-product-wh h3{font:800 clamp(24px,2.6vw,40px)/1.05 var(--font-display)!important;margin:22px 0 12px!important;letter-spacing:-.035em}
body[data-page="letter-concept"] .menu-story .menu-recipe{font-size:14px!important;line-height:1.6!important;min-height:0;max-width:48ch}
body[data-page="letter-concept"] .menu-story .menu-product-note{margin-top:auto!important;padding-top:24px;font-size:10px!important}
body[data-page="letter-concept"] .menu-story .menu-product-price{border-top:1px solid var(--color-linen)!important;padding-top:12px!important}
body[data-page="letter-concept"] .menu-story .menu-product-price strong{font-size:30px}
body[data-page="letter-concept"] .menu-story .menu-kcal{top:auto!important;bottom:12px!important;right:12px!important;border-radius:0!important}
body[data-page="letter-concept"] .menu-story #menu-ps>header{margin:90px -5vw 56px;padding:70px 5vw;background:var(--color-terracotta);color:var(--color-steam-cream)}
body[data-page="letter-concept"] .menu-story #menu-ps>header :is(h2,p){color:var(--color-steam-cream)!important}
body[data-page="letter-concept"] .menu-story :is(#menu-black,#menu-white,#menu-green,#menu-strong){background:transparent!important;color:var(--color-dark-roast)!important;transform:none;padding:20px 0!important;margin:44px 0 28px!important;width:100%;border:0;border-top:1px solid var(--color-linen);font:500 14px var(--font-body)!important;letter-spacing:.15em;text-transform:uppercase}
body[data-page="letter-concept"] .menu-story #menu-green{color:var(--color-ceremonial)!important}
.ms-signoff{padding:100px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:5vw;background:var(--color-oat)}
.ms-signoff>span{font:800 clamp(130px,22vw,330px)/.8 var(--font-display);letter-spacing:-.085em;color:var(--color-terracotta)}
.ms-signoff p:first-child{font-size:10px!important;letter-spacing:.15em}
body[data-page="letter-concept"] .ms-signoff h2{font:800 clamp(40px,5vw,76px)/1 var(--font-display)!important;margin:28px 0!important;letter-spacing:-.04em}
.ms-signoff h2 em{font-family:var(--font-accent);font-weight:400}.ms-signoff .lc-button{margin-top:30px;background:var(--color-terracotta);color:var(--color-steam-cream)!important}
.ms-next{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:32px 5vw 56px}
.ms-next a{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid var(--color-linen);padding:24px 0}
.ms-next a>span:first-child{grid-column:1/-1;font-size:10px;letter-spacing:.12em}.ms-next strong{font:700 24px var(--font-display)}
.menu-story :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ms-enter{animation:ms-arrive .9s cubic-bezier(.2,.7,.3,1) both}
@keyframes ms-arrive{from{opacity:.2;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes ms-drift{from{transform:scale(1.04)}to{transform:scale(1.12)}}
body.lc-motion-paused .menu-story *{animation-play-state:paused!important}
@media(max-width:850px){
.ms-cinema{height:calc(100svh - 120px);min-height:620px;padding:24px 24px 110px}.ms-cinema-top{font-size:8px;letter-spacing:.08em}.ms-scenes img{object-position:52% center}
body[data-page="letter-concept"] .ms-cinema h1{font-size:clamp(62px,13vw,105px)!important;line-height:.95}
.ms-cinema h1 em{margin:10px 0 0}.ms-cinema-bottom{align-items:start;flex-direction:column;gap:12px}.ms-cinema-bottom p{font-size:24px!important}.ms-cinema-bottom a{gap:32px}.ms-scene-controls{left:24px;right:24px}
.ms-overture{padding:56px 24px;grid-template-columns:1fr;gap:28px}.ms-overture>div{grid-column:1;display:block}.ms-overture>div span{display:block;margin-top:24px;max-width:none}
body[data-page="letter-concept"] .menu-story .menu-filter-wh{top:120px;padding:10px 16px;gap:0;overflow-x:auto}
body[data-page="letter-concept"] .menu-story .menu-filter-wh button{font-size:12px;padding:10px 12px}
body[data-page="letter-concept"] .menu-story #menuSections{padding:0 24px 48px}
body[data-page="letter-concept"] .menu-story .menu-category-wh>header{grid-template-columns:1fr;gap:24px}
body[data-page="letter-concept"] .menu-story .menu-products-wh,body[data-page="letter-concept"] .menu-story #menu-letter .menu-products-wh{grid-template-columns:1fr 1fr!important;gap:36px 18px}
body[data-page="letter-concept"] .menu-story #menu-ps>header{margin:28px -24px 36px;padding:48px 24px}
.ms-signoff{padding:56px 24px;grid-template-columns:1fr;gap:36px}.ms-signoff>span{font-size:130px}.ms-next{padding:16px 24px 40px;grid-template-columns:1fr;gap:0}
}
@media(max-width:540px){body[data-page="letter-concept"] .menu-story .menu-products-wh,body[data-page="letter-concept"] .menu-story #menu-letter .menu-products-wh{grid-template-columns:1fr!important}body[data-page="letter-concept"] .menu-story .menu-product-img{aspect-ratio:1!important}}
@media(prefers-reduced-motion:reduce){.menu-story *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}


body[data-page="letter-concept"] .menu-story .menu-products-wh{column-gap:24px!important;row-gap:56px!important}
body[data-page="letter-concept"] .menu-story #menu-letter .menu-products-wh{column-gap:32px!important}
@media(min-width:851px){body[data-page="letter-concept"] .menu-story .menu-category-wh>header h2{font-size:clamp(70px,7.5vw,112px)!important}}
@media(max-width:850px){body[data-page="letter-concept"] .menu-story .menu-filter-wh{top:137px}}
/* One drink, one invitation: a static menu cover. */
.ms-menu-cover{display:grid;grid-template-columns:1fr 1.1fr;min-height:calc(100svh - 92px);background:var(--color-steam-cream)}
.ms-menu-copy{display:flex;flex-direction:column;padding:48px 5vw 32px;justify-content:center}
body[data-page="letter-concept"] .ms-menu-eyebrow{font-size:11px!important;letter-spacing:.15em;color:var(--color-terracotta)!important;margin-bottom:50px!important}
body[data-page="letter-concept"] .ms-menu-cover h1{font:800 clamp(60px,7vw,108px)/.96 var(--font-display)!important;letter-spacing:-.055em;margin:0!important}
.ms-menu-cover h1 em{font-family:var(--font-accent);font-weight:400;white-space:nowrap}
body[data-page="letter-concept"] .ms-menu-deck{font-size:18px!important;line-height:1.6!important;margin:30px 0!important}
.ms-menu-open{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:340px;border-bottom:2px solid var(--color-terracotta);padding:18px 0;color:var(--color-terracotta)!important;font-weight:600}
.ms-menu-open span{font-size:32px;transition:transform .25s}.ms-menu-open:hover span{transform:translate(4px,4px)}
.ms-menu-foot{margin-top:64px}.ms-menu-foot>span{font-size:10px;letter-spacing:.12em}.ms-menu-foot p{font-size:11px!important;margin-top:10px!important}
.ms-menu-photo{position:relative;margin:0;min-height:660px;overflow:hidden;background:var(--color-oat)}
.ms-menu-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ms-menu-photo figcaption{position:absolute;bottom:24px;left:24px;right:24px;background:var(--color-steam-cream);padding:18px 22px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.ms-menu-photo figcaption>span{font-size:9px;letter-spacing:.12em}.ms-menu-photo figcaption>span:first-child{grid-column:1/-1}.ms-menu-photo strong{font:700 26px var(--font-display)}
@media(max-width:850px){
.ms-menu-cover{grid-template-columns:1fr;min-height:0}.ms-menu-copy{padding:32px 24px}
body[data-page="letter-concept"] .ms-menu-eyebrow{margin-bottom:28px!important}
body[data-page="letter-concept"] .ms-menu-cover h1{font-size:clamp(58px,11vw,90px)!important}
body[data-page="letter-concept"] .ms-menu-deck{margin:22px 0!important;font-size:16px!important}
.ms-menu-foot{margin-top:26px}.ms-menu-photo{min-height:0;aspect-ratio:1}.ms-menu-photo figcaption{left:16px;right:16px;bottom:16px;padding:14px}.ms-menu-photo strong{font-size:23px}
}
.ms-chapter-break{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 5vw;background:var(--color-terracotta);color:var(--color-steam-cream);font:500 10px var(--font-body);letter-spacing:.12em}
.ms-chapter-break span:nth-child(2){font-size:32px}
@media(max-width:540px){.ms-chapter-break{padding:20px 24px;font-size:8px}}
