.table-experience .menu-tabs button.active { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.menu-tabs { position: relative; grid-column: 2 / -1; width: 100%; border-bottom: 0; min-width: 0; }
.menu-tabs::after { content: ''; position: absolute; z-index: 0; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--line); }
.menu-tabs::before { content: ''; position: absolute; z-index: 2; left: 0; bottom: 0; width: 25%; height: 2px; background: var(--orange); transform: translateX(calc(var(--menu-index, 0) * 100%)); transition: transform .42s cubic-bezier(.22,.7,.2,1); }
.menu-tabs button.active { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.menu-tabs button { position: relative; z-index: 1; }
.menu-items { grid-column: 2 / -1; width: 100%; overflow: hidden; min-width: 0; touch-action: pan-y; }
.menu-panel { animation-duration: .42s; animation-timing-function: cubic-bezier(.22,.7,.2,1); }
.menu-items.swipe-next .menu-panel { animation-name: menu-slide-next; }
.menu-items.swipe-prev .menu-panel { animation-name: menu-slide-prev; }
@keyframes menu-slide-next { from { opacity: 0; transform: translateX(36px); } to { opacity: 1; transform: translateX(0); } }
@keyframes menu-slide-prev { from { opacity: 0; transform: translateX(-36px); } to { opacity: 1; transform: translateX(0); } }
.table-experience { --paper:#f5eee3; --ink:#2c1b17; --orange:#b45f3d; --line:rgba(44,27,23,.2); background:var(--paper); color:var(--ink); }.table-experience .site-header { font-family:'DM Mono',monospace; }.table-experience .site-header nav { display:flex; gap:30px; font:.65rem 'DM Mono',monospace; text-transform:uppercase; }.table-experience .site-header nav a:hover { color:var(--orange); }.restaurant-hero { min-height:680px; padding-top:75px; padding-bottom:100px; display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:9vw; }.restaurant-hero h1 { font:400 clamp(4.7rem,9vw,9rem)/.8 Georgia,serif; letter-spacing:-.1em; margin:0 0 35px; }.restaurant-hero h1 em,.menu-intro h2 em,.reservation-copy h2 em { color:var(--orange); font-style:italic; }.restaurant-hero .intro { max-width:390px; font:1.1rem/1.5 Georgia,serif; }.table-experience .button { border-radius:28px; border-color:var(--orange); }.hero-photo { height:490px; position:relative; overflow:hidden; border-radius:48% 48% 0 0; transform:rotate(3deg); }.hero-photo img { width:100%; height:100%; object-fit:cover; filter:saturate(.72); }.hero-photo span { position:absolute; bottom:20px; left:22px; color:white; font:.6rem 'DM Mono',monospace; }.menu-section { padding-top:115px; padding-bottom:130px; display:grid; grid-template-columns:.65fr 1.35fr; gap:8vw; }.menu-intro h2,.reservation-copy h2 { font:400 clamp(3rem,5vw,5rem)/.9 Georgia,serif; letter-spacing:-.08em; margin:0 0 28px; }.menu-intro > p:last-child { max-width:290px; font:1rem/1.5 Georgia,serif; }.menu-tabs { grid-column:2; display:flex; gap:24px; border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:14px; }.menu-tabs button,.slots button { border:0; background:none; color:var(--ink); cursor:pointer; padding:0; font:.66rem 'DM Mono',monospace; text-transform:uppercase; }.menu-tabs button.active { color:var(--orange); border-bottom:2px solid var(--orange); padding-bottom:15px; margin-bottom:-17px; }.menu-items { grid-column:2; }.dish { display:flex; justify-content:space-between; gap:25px; padding:24px 0; border-bottom:1px solid var(--line); }.dish h3 { font:1.25rem Georgia,serif; margin:0 0 6px; }.dish p { margin:0; font:.77rem 'DM Mono',monospace; color:#77655f; }.dish strong { color:var(--orange); font:1rem 'DM Mono',monospace; white-space:nowrap; }.reservation-section { background:var(--ink); color:var(--paper); }.reservation { padding-top:105px; padding-bottom:105px; display:grid; grid-template-columns:1fr 1fr; gap:10vw; }.reservation-copy p:last-child { max-width:310px; color:#bbaea6; font:1rem/1.5 Georgia,serif; }.reservation-copy h2 { color:var(--paper); }.booking-form,.table-experience #booking-form { display:grid; gap:22px; align-content:center; }.booking-form label,.table-experience #booking-form label { color:var(--orange); font:.6rem 'DM Mono',monospace; text-transform:uppercase; }.table-experience #booking-form input,.table-experience #booking-form select { display:block; width:100%; padding:13px 0; border:0; border-bottom:1px solid #6c554d; outline:0; background:transparent; color:var(--paper); }.table-experience #booking-form option { color:var(--ink); }.table-experience fieldset { border:0; padding:0; margin:0; }.table-experience legend { color:var(--orange); font:.6rem 'DM Mono',monospace; text-transform:uppercase; margin-bottom:13px; }.slots { display:flex; gap:9px; flex-wrap:wrap; }.slots button { color:var(--paper); border:1px solid #6c554d; padding:11px 14px; }.slots button:hover,.slots button.selected { color:var(--ink); background:var(--orange); border-color:var(--orange); }.booking-status { color:var(--orange); font:.75rem/1.4 'DM Mono',monospace; }.table-experience .footer { background:var(--paper); }.table-experience .footer .logo { color:var(--ink); }
+@media(max-width:760px){.table-experience .site-header nav{display:none}.restaurant-hero{display:block;padding-top:70px;padding-bottom:85px}.restaurant-hero h1{font-size:clamp(4.5rem,20vw,7rem)}.hero-photo{width:82%;height:390px;margin:60px 0 0 auto}.menu-section,.reservation{display:block;padding-top:85px;padding-bottom:85px}.menu-tabs{margin-top:55px;gap:15px;overflow:auto}.menu-tabs button{white-space:nowrap}.menu-items{margin-top:15px}.dish h3{font-size:1.05rem}.dish p{font-size:.65rem}.reservation form{margin-top:55px}.table-experience .footer{padding-top:25px}}
