:root{
  /* ---- Colour ---- */
  --lp-bg:            #000000;  /* body bg rgba(0,0,0,1) */
  --lp-text:          #FFFFFF;  /* --color */
  --lp-accent:        #C49C40;  /* --accent-color, nav text, buttons, rules */
  --lp-accent-hover:  #CEA74C;  /* --button-primary-bg-hover rgba(206,167,76,1) */
  --lp-on-accent:     #000000;  /* --button-primary-color */
  --lp-scrim:         rgba(0,0,0,.30);  /* hero block-bg-color over the photo */
  --lp-modal-blackout:rgba(0,0,0,.75);
  /* LP improvement: muted text for descriptions and allergens (they use pure white for everything) */
  --lp-text-muted:    rgba(255,255,255,.72);

  /* ---- Type (they self-host Archer Light 300 and Book 400 as OTF; swap in a licensed or open equivalent) ---- */
  --lp-font-heading: "Archer-Light", "Zilla Slab", "Roboto Slab", Georgia, serif; /* rendered at weight 300 */
  --lp-font-body:    "Archer-Book", "Zilla Slab", "Roboto Slab", Georgia, serif;
  --lp-fs-body: 16px;   --lp-lh-body: 1.7;            /* 27.2px */
  --lp-fs-h1: 44px;     --lp-lh-h1: 1.2;              /* 52.8px (home) */
  --lp-fs-h1-page: 60px;                              /* menu page title "DINNER", uppercase in the source */
  --lp-fs-h2: 30px;     --lp-lh-h2: 1.2;              /* 36px */
  --lp-fs-lead: 34px;   --lp-lh-lead: 1.7;            /* 57.8px intro statement */
  --lp-fs-heading-mobile: 22px;                       /* forced on mobile: 22–25px */
  --lp-fs-nav: 16px;    --lp-lh-nav: 28px;  --lp-fs-nav-stuck: 14px;
  --lp-fs-nav-mobile-overlay: 22px; --lp-lh-nav-mobile-overlay: 55px;
  --lp-tracking-caps: 1.8px;                          /* nav and buttons, uppercase */
  --lp-fs-button: 16px;

  /* ---- Layout ---- */
  --lp-container-sm: 540px; --lp-container-md: 720px; --lp-container-lg: 960px; --lp-container-xl: 1140px;
  --lp-bp-sm: 576px; --lp-bp-md: 768px; --lp-bp-lg: 992px; --lp-bp-xl: 1200px;
  --lp-nav-h: 70px; --lp-nav-h-stuck: 60px; --lp-nav-pad-x: 20px; --lp-nav-link-pad-x: 17px;
  --lp-logo-w: 40px;
  --lp-hero-min-h: 95vh; --lp-photo-band-min-h: 80vh;
  --lp-btn-w: 250px; --lp-btn-list-w: 280px; --lp-btn-pad-y: 8px;
  --lp-hero-mark-w: 500px; --lp-hero-mark-w-md: 350px; --lp-hero-mark-w-sm: 240px;
  --lp-module-w: 300px; --lp-form-w: 400px; --lp-popup-w: 600px; --lp-popup-w-lg: 800px; --lp-radius-popup: 6px;
  /* Spacing scale (all observed in the source) */
  --lp-space-1: 8px; --lp-space-2: 16px; --lp-space-3: 25px; --lp-space-4: 35px;
  --lp-space-5: 80px;  /* text section padding top and bottom */
  --lp-space-6: 100px; /* feature column padding on mobile */
  --lp-space-7: 200px; /* tablet */
  --lp-space-8: 260px; /* desktop feature column padding top and bottom */
  --lp-menu-item-gap: 16px; /* p margin-bottom between dishes */

  /* ---- Lines ---- */
  --lp-rule: 1px solid var(--lp-accent); /* stuck nav box-shadow 0 1px 0 0 #C49C40; active-link underline 1px */

  /* ---- Motion (exact) ---- */
  --lp-ease: ease;                 /* block entrance default */
  --lp-ease-bg: ease-in-out;       /* background crossfade */
  --lp-dur-ui: .2s;                /* nav, buttons: linear */
  --lp-ease-ui: linear;
  --lp-reveal-scale: .9;           /* entrance from scale(.9) + opacity 0 */
  --lp-reveal-dur-text: .4s;
  --lp-reveal-dur-module: .4s;
  --lp-reveal-dur-hero-mark: .4s;
  --lp-bg-fade-dur: 2s;  --lp-bg-fade-delay: 3s;      /* hero background */
  --lp-bg-fade-dur-band: .9s; --lp-bg-fade-delay-band: 2.5s;
  --lp-hover-img-scale: 1.02; --lp-hover-img-dur: .3s;

  /* ---- Photo scrims (exact gradients) ---- */
  --lp-scrim-hero: radial-gradient(ellipse at center, rgba(0,0,0,0) 69%, rgba(0,0,0,1) 100%),
                   linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 85%, rgba(0,0,0,.85) 100%);
  --lp-scrim-band: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 85%, rgba(0,0,0,1) 100%);
}@media (prefers-reduced-motion: reduce){
  :root{--lp-reveal-scale:1;--lp-reveal-dur-text:0s;--lp-reveal-dur-module:0s;--lp-reveal-dur-hero-mark:0s;--lp-bg-fade-dur:0s;--lp-bg-fade-delay:0s;--lp-hover-img-scale:1}
}

/* ===== Bar Agrikultur ===== */
@font-face{font-family:"Zilla Slab";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/zilla-slab-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Zilla Slab";font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/zilla-slab-latin-300-italic.woff2) format("woff2")}
@font-face{font-family:"Zilla Slab";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/zilla-slab-latin-400-normal.woff2) format("woff2")}
:root{
  /* client override: near-black with the blue of their awning and table cloth; cream from their own site (#FEFFF5) */
  --ink:#0A0C10; --ink-2:#11141A; --card:#151922;
  --cream:#FEFFF5; --text:#FEFFF5; --muted:#B4B8B6;
  --blue:#E8B25E; --blue-hover:#F2C47C; --on-blue:#0A0C10;   /* NAME KEPT, COLOUR CHANGED 3 Nov 2026: --blue is now warm amber (was periwinkle #93AEDD) */
  --lp-bg:var(--ink); --lp-text:var(--cream); --lp-accent:var(--blue); --lp-accent-hover:var(--blue-hover); --lp-on-accent:var(--on-blue);
  --lp-text-muted:var(--muted);
  --lp-font-heading:"Zilla Slab",Georgia,serif; --lp-font-body:"Zilla Slab",Georgia,serif;
  --lp-scrim-hero: radial-gradient(ellipse at center, rgba(10,12,16,0) 69%, rgba(10,12,16,1) 100%),
                   linear-gradient(0deg, rgba(10,12,16,1) 0%, rgba(10,12,16,0) 10%, rgba(10,12,16,0) 85%, rgba(10,12,16,.85) 100%);
  --lp-scrim-band: linear-gradient(180deg, rgba(10,12,16,1) 0%, rgba(10,12,16,0) 15%, rgba(10,12,16,0) 85%, rgba(10,12,16,1) 100%);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{margin:0;background:var(--lp-bg);color:var(--lp-text);font:300 var(--lp-fs-body)/var(--lp-lh-body) var(--lp-font-body);font-weight:400;overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--lp-font-heading);font-weight:300;margin:0}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--blue);color:var(--on-blue);padding:8px 14px;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.caps{text-transform:uppercase;letter-spacing:var(--lp-tracking-caps);font-size:13px}
.blue{color:var(--blue)}
.muted{color:var(--muted)}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--lp-btn-w);min-height:48px;padding:var(--lp-btn-pad-y) 24px;border:1px solid var(--blue);color:var(--blue);background:transparent;text-decoration:none;text-transform:uppercase;letter-spacing:var(--lp-tracking-caps);font:400 var(--lp-fs-button)/1.4 var(--lp-font-body);cursor:pointer;transition:background var(--lp-dur-ui) linear,color var(--lp-dur-ui) linear,border-color var(--lp-dur-ui) linear}
.btn:hover{background:var(--blue);color:var(--on-blue)}
.btn--solid{background:var(--blue);color:var(--on-blue)}
.btn--solid:hover{background:var(--blue-hover);border-color:var(--blue-hover)}

/* ---- header ---- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--lp-nav-h);padding:0 var(--lp-nav-pad-x);display:flex;align-items:center;justify-content:space-between;transition:height .2s linear,background .2s linear,box-shadow .2s linear}
.hdr.is-stuck,.hdr--solid{background:var(--ink);height:var(--lp-nav-h-stuck);box-shadow:0 1px 0 0 var(--blue)}
.hdr__logo{display:block;width:150px;opacity:1}   /* 3 Nov 2026: the name is visible at load (it only appeared after scrolling before) */
.hdr:not(.is-stuck):not(.hdr--solid)::before{content:"";position:absolute;left:0;right:0;top:0;height:150px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,12,16,.82) 0%,rgba(10,12,16,.5) 55%,rgba(10,12,16,0) 100%)}
.hdr__nav{display:flex;align-items:center;gap:0}
.hdr__nav a{color:var(--blue);text-decoration:none;text-transform:uppercase;letter-spacing:var(--lp-tracking-caps);font-size:var(--lp-fs-nav);line-height:var(--lp-lh-nav);padding:0 var(--lp-nav-link-pad-x);transition:color .2s linear,font-size .2s linear}
.hdr.is-stuck .hdr__nav a{font-size:var(--lp-fs-nav-stuck)}
.hdr__nav a:hover{color:var(--cream)}
.hdr__nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.hdr__nav .btn{min-width:0;min-height:40px;margin-left:12px;font-size:inherit}
.hdr__right{display:flex;align-items:center;gap:14px}
.lang{color:var(--blue);text-decoration:none;font-size:13px;letter-spacing:var(--lp-tracking-caps);text-transform:uppercase;padding:10px 4px}
.lang:hover{color:var(--cream)}
.burger{display:none;width:44px;height:44px;border:0;background:none;padding:10px;cursor:pointer}
.burger span{display:block;height:1px;background:var(--blue);margin:7px 0}@media (max-width:991px){.hdr__nav{display:none}.burger{display:block}.hdr__logo{width:130px}}


/* ---- overlay nav ---- */
.ov{position:fixed;inset:0;z-index:60;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s .4s}
.ov.is-open{opacity:1;visibility:visible;transition:opacity .4s ease}
.ov a.l{color:var(--blue);text-decoration:none;text-transform:uppercase;letter-spacing:var(--lp-tracking-caps);font-size:var(--lp-fs-nav-mobile-overlay);line-height:var(--lp-lh-nav-mobile-overlay)}
.ov .btn{margin-top:28px}
.ov__close{position:absolute;top:12px;right:14px;width:44px;height:44px;background:none;border:0;color:var(--blue);font-size:28px;cursor:pointer}
.ov__lang{position:absolute;top:16px;left:20px}
.ov__mark{width:84px;margin-bottom:22px;opacity:.9}

/* ---- hero ---- */
.hero{position:relative;min-height:var(--lp-hero-min-h);display:grid;place-items:center;overflow:hidden;isolation:isolate;text-align:center}
.slides{position:absolute;inset:0;z-index:-2}
.slides picture,.slides img{position:absolute;inset:0;width:100%;height:100%}
.slides img{object-fit:cover;opacity:0;transition:opacity var(--lp-bg-fade-dur) var(--lp-ease-bg)}
.slides img.is-active{opacity:1}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--lp-scrim-hero),linear-gradient(rgba(10,12,16,.5),rgba(10,12,16,.5))}
/* 3 Nov 2026: lighter hero photo. The flat .5 black layer and the heavy vignette are gone; a soft top band keeps the header readable, a bottom band
   keeps the phone buttons readable, a halo behind the white mark and a local scrim behind the address keep them readable on the light wall. */
.hero::before{background:radial-gradient(ellipse at center,rgba(10,12,16,0) 74%,rgba(10,12,16,.62) 100%),linear-gradient(0deg,rgba(10,12,16,.92) 0%,rgba(10,12,16,0) 16%,rgba(10,12,16,0) 88%,rgba(10,12,16,.4) 100%),linear-gradient(rgba(10,12,16,.12),rgba(10,12,16,.12))}
.hero__mark{filter:drop-shadow(0 0 3px rgba(10,12,16,.55)) drop-shadow(0 0 16px rgba(10,12,16,.55))}
.hero__inner{padding:110px 20px 150px;display:flex;flex-direction:column;align-items:center}
.hero__mark{width:min(var(--lp-hero-mark-w),62vw)}
.hero__where{margin:26px 0 30px;color:var(--cream);font-size:15px;letter-spacing:var(--lp-tracking-caps);text-transform:uppercase}
.hero__where i{font-style:normal;color:var(--blue);padding:0 .5em}@media (max-width:767px){.hero__mark{width:var(--lp-hero-mark-w-sm)}.hero__where{font-size:12.5px}.hero__inner{padding:96px 18px 140px}}


/* in-flow action strip (Call · Book · Directions) — never fixed */
.acts{display:grid;grid-template-columns:1fr 1.25fr 1fr;border-top:1px solid rgba(232,178,94,.45);border-bottom:1px solid rgba(232,178,94,.45);background:rgba(10,12,16,.96)}   /* 3 Nov: .72 over a bright section gave grey, amber text on it was 4.48:1 */
.acts a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;color:var(--blue);text-decoration:none;text-transform:uppercase;letter-spacing:var(--lp-tracking-caps);font-size:13px;transition:background .2s linear,color .2s linear}
.acts a+a{border-left:1px solid rgba(232,178,94,.45)}
.acts a.b{background:var(--blue);color:var(--on-blue)}
.acts a:hover{background:var(--blue-hover);color:var(--on-blue)}
.acts svg{width:16px;height:16px;flex:none}
.hero .acts{position:absolute;left:0;right:0;bottom:0}@media (min-width:768px){.hero .acts{display:none}.acts--inline{max-width:640px;margin:0 auto}}


/* ---- reveal ---- */
.rv{opacity:0;transform:scale(var(--lp-reveal-scale));transition:opacity var(--lp-reveal-dur-text) var(--lp-ease),transform var(--lp-reveal-dur-text) var(--lp-ease)}
.rv--m{transition-duration:var(--lp-reveal-dur-module)}
.rv--hero{transition-duration:var(--lp-reveal-dur-hero-mark)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}

/* ---- lead ---- */
.lead{padding:var(--lp-space-5) 20px;max-width:1000px;margin:0 auto;text-align:center}
.lead p{font:300 var(--lp-fs-lead)/var(--lp-lh-lead) var(--lp-font-heading);margin:0}
.lead em{font-style:italic;color:var(--blue)}
.kicker{display:block;margin:0 0 22px;color:var(--blue);font-size:13px;letter-spacing:var(--lp-tracking-caps);text-transform:uppercase}
.rule{width:1px;height:70px;background:var(--blue);margin:0 auto 40px}@media (max-width:767px){.lead p{font-size:24px;line-height:1.55}}


/* ---- photo band ---- */
.band{position:relative;min-height:var(--lp-photo-band-min-h);overflow:hidden;isolation:isolate}
.band .slides img{transition-duration:var(--lp-bg-fade-dur-band)}
.band::after{content:"";position:absolute;inset:0;background:var(--lp-scrim-band);pointer-events:none}
.band__cap{position:absolute;right:max(20px,6vw);bottom:12vh;z-index:2;max-width:300px;text-align:right;font-style:italic;font-weight:300;font-size:18px;color:var(--cream);background:rgba(10,12,16,.86);padding:8px 14px;text-shadow:none}   /* 3 Nov: caption sat directly on the bright cloth photo (1.4:1), now on a solid label */

/* ---- feature split (asymmetric) ---- */
.feat{display:grid;grid-template-columns:5fr 7fr;align-items:center;max-width:1300px;margin:0 auto;padding:var(--lp-space-8) 20px;gap:7vw}
.feat h2{font-size:clamp(34px,4.2vw,60px);line-height:1.08;margin-bottom:28px}
.feat h2 em{font-style:italic;color:var(--blue)}
.feat p{margin:0 0 16px;max-width:430px}
.feat .btn{margin-top:22px}
.feat__img{position:relative;overflow:hidden}
.feat__img img{width:100%;transition:transform var(--lp-hover-img-dur) ease}
.feat__img figcaption{margin-top:12px;font-size:13px;color:var(--muted);font-style:italic}@media (hover:hover){.scale-hover:hover img{transform:scale(var(--lp-hover-img-scale))}}
@media (max-width:991px){.feat{grid-template-columns:1fr;padding:var(--lp-space-6) 20px;gap:48px}}


/* ---- plates: the blue table ---- */
.table{padding:var(--lp-space-5) 20px var(--lp-space-8);max-width:1300px;margin:0 auto}
.table__head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;border-bottom:1px solid rgba(232,178,94,.35);padding-bottom:18px;margin-bottom:60px}
.table__head h2{font-size:clamp(40px,6vw,92px);line-height:.95;letter-spacing:-.01em}
.table__head h2 em{font-style:italic;color:var(--blue)}
.table__head a{color:var(--blue);text-decoration:none;letter-spacing:var(--lp-tracking-caps);text-transform:uppercase;font-size:13px;padding:12px 0}
.table__head a:hover{color:var(--cream)}
.plates{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.plates figure{margin:0;overflow:hidden}
.plates img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform var(--lp-hover-img-dur) ease}
.p1{grid-column:1/6}.p2{grid-column:7/10;margin-top:120px!important}.p3{grid-column:10/13;margin-top:20px!important}
.p4{grid-column:2/5;margin-top:-40px!important}.p5{grid-column:6/12;margin-top:60px!important}
.p6{grid-column:1/4;margin-top:40px!important}.p7{grid-column:4/8;margin-top:-80px!important}.p8{grid-column:9/13;margin-top:-20px!important}
.plates__note{grid-column:9/13;align-self:start;margin-top:-180px;font-size:15px;color:var(--muted)}@media (max-width:767px){.plates{grid-template-columns:1fr 1fr;gap:10px}
 .plates figure{grid-column:auto;margin-top:0!important}
 .p1,.p5{grid-column:1/3!important}
 .p1{order:1}.p2{order:2}.p3{order:3}.plates__note{order:4;grid-column:1/3;margin:6px 0 8px;font-style:italic}.p5{order:5}.p4{order:6}.p6{order:7}.p7{order:8}.p8{order:9;display:block}
 .table{padding-bottom:var(--lp-space-5)}.table__head{margin-bottom:28px}}


/* ---- press ---- */
.press{padding:var(--lp-space-5) 20px;text-align:center;border-top:1px solid rgba(232,178,94,.2);border-bottom:1px solid rgba(232,178,94,.2);background:var(--ink-2)}
.press__lvl{font:300 italic clamp(36px,5vw,64px)/1.1 var(--lp-font-heading);color:var(--blue);margin:8px 0 18px}
.press p{max-width:640px;margin:0 auto 10px}
.press small{display:block;margin-top:14px;color:var(--muted);font-size:13px;letter-spacing:.06em}

/* ---- visit ---- */
.visit{display:grid;grid-template-columns:1fr 1fr;min-height:90vh}
.visit__img{position:relative;overflow:hidden}
.visit__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.visit__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,16,0) 75%,var(--ink) 100%)}
.visit__body{padding:var(--lp-space-7) 6vw var(--lp-space-5)}
.visit h2{font-size:var(--lp-fs-h1-page);text-transform:uppercase;line-height:1;margin-bottom:40px}
.visit dl{display:grid;grid-template-columns:auto 1fr;gap:6px 30px;margin:0 0 34px;font-variant-numeric:tabular-nums}
.visit dt{color:var(--blue);text-transform:uppercase;letter-spacing:var(--lp-tracking-caps);font-size:13px;padding-top:3px}
.visit dd{margin:0}
.visit p{max-width:460px}
.visit .acts{margin:30px 0 0}@media (max-width:991px){.visit{grid-template-columns:1fr}.visit__img{min-height:56vh}.visit__img::after{background:linear-gradient(0deg,var(--ink) 0%,rgba(10,12,16,0) 30%)}.visit__body{padding:50px 20px 80px}.visit h2{font-size:44px}}
@media (min-width:768px){.visit .acts{display:none}}


/* ---- footer ---- */
.ftr{border-top:1px solid var(--blue);padding:var(--lp-space-5) 20px 40px;text-align:center}
.ftr__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1140px;margin:0 auto}
.ftr h2{font-size:13px;letter-spacing:var(--lp-tracking-caps);text-transform:uppercase;color:var(--blue);font-weight:400;margin-bottom:18px}
.ftr p{margin:0 0 6px}
.ftr a{text-decoration:none;border-bottom:1px solid rgba(232,178,94,.4)}
.ftr a:hover{color:var(--blue)}
.ftr .btn{border-bottom:1px solid var(--blue);min-width:var(--lp-btn-list-w);margin-top:14px}
.ftr__hours{font-variant-numeric:tabular-nums}
.ftr__legal{margin-top:70px;font-size:13px;color:var(--muted)}
.ftr__mark{width:110px;margin:0 auto 50px;opacity:.85}@media (max-width:767px){.ftr__cols{grid-template-columns:1fr;gap:46px}}


/* ---- menu page: SplitMenu ---- */
.split{display:grid;grid-template-columns:1fr 1fr;padding-top:var(--lp-nav-h-stuck)}
.split__img{position:sticky;top:var(--lp-nav-h-stuck);height:calc(100vh - var(--lp-nav-h-stuck));overflow:hidden}
.split__img img{width:100%;height:100%;object-fit:cover}
.split__col{padding:90px 7vw 120px 6vw;min-width:0}
.split h1{font-size:var(--lp-fs-h1-page);text-transform:uppercase;line-height:1;letter-spacing:.02em}
.split__sub{margin:16px 0 0;color:var(--muted);max-width:520px}
.tabs{position:sticky;top:var(--lp-nav-h-stuck);z-index:5;display:flex;gap:4px;overflow-x:auto;margin:44px -6vw 0;padding:0 6vw;background:var(--ink);border-bottom:1px solid rgba(232,178,94,.35);scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:none;padding:16px 14px 14px;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:var(--lp-tracking-caps);font-size:13px;border-bottom:1px solid transparent;margin-bottom:-1px;transition:color .2s linear,border-color .2s linear}
.tabs a:first-child{padding-left:0}
.tabs a:hover{color:var(--cream)}
.tabs a.is-on{color:var(--blue);border-color:var(--blue)}
.course{padding-top:56px;scroll-margin-top:120px}
.course h2{font-size:13px;letter-spacing:var(--lp-tracking-caps);text-transform:uppercase;color:var(--blue);font-weight:400;margin-bottom:22px;font-variant:small-caps}
.dish{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:baseline;margin-bottom:var(--lp-menu-item-gap);padding-bottom:var(--lp-menu-item-gap);border-bottom:1px solid rgba(254,255,245,.08)}
.dish .dn{font:400 18px/1.55 var(--lp-font-body)}
.dish .price{font-weight:400;font-variant-numeric:tabular-nums;text-align:right;min-width:3ch}
.dish .price:empty{display:none}
.menu-cta{margin-top:56px}
.menu-cta .acts{margin-top:0}
.menu-cta .btn{margin-bottom:16px}@media (max-width:991px){.split{grid-template-columns:1fr}.split__img{position:relative;top:0;height:34vh}.split__col{padding:40px 20px 80px}.split h1{font-size:44px}.tabs{margin:30px -20px 0;padding:0 20px}}
@media (min-width:768px){.menu-cta .acts{display:none}}
@media (max-width:767px){.menu-cta .btn{display:none}}


/* ---- booking sheet ---- */
@keyframes pop{from{opacity:0;transform:translateY(10px)}}

/* ---- cookie card (top-right under nav, small) ---- */
.cc{position:fixed;top:78px;right:16px;z-index:40;width:min(300px,calc(100vw - 32px));background:var(--card);border:1px solid rgba(232,178,94,.5);padding:14px 16px;font-size:14px;line-height:1.5;display:flex;gap:12px;align-items:flex-start}
.cc[hidden]{display:none}
.cc p{margin:0;flex:1}
.cc button{flex:none;background:none;border:1px solid var(--blue);color:var(--blue);padding:4px 10px;min-height:32px;cursor:pointer;font:inherit;text-transform:uppercase;letter-spacing:1.2px;font-size:12px}
.cc button:hover{background:var(--blue);color:var(--on-blue)}

.e404{min-height:80vh;display:grid;place-items:center;text-align:center;padding:120px 20px}
.e404 h1{font-size:var(--lp-fs-h1-page);text-transform:uppercase}@media (max-width:767px){.hero__where i:last-of-type{display:none}.hero__where span:last-child{display:block;margin-top:4px;color:var(--blue)}.hero__inner>.btn{display:none}}


/* booking sheet v2: a note from the bar */

/* ===== menu v3: the blackboard ===== */
:root{--board:#16191C;--chalk:#F2F1EA}
.board{position:relative;margin:40px 0 0;padding:20px 34px 40px;background-color:var(--board);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
 radial-gradient(ellipse 60% 30% at 30% 18%,rgba(242,241,234,.045),transparent 70%),radial-gradient(ellipse 50% 25% at 75% 70%,rgba(242,241,234,.035),transparent 70%);
 box-shadow:inset 0 0 0 1px rgba(232,178,94,.35),inset 0 0 0 7px var(--board),inset 0 0 0 8px rgba(232,178,94,.18),inset 0 0 60px rgba(0,0,0,.45)}
.board .course{padding-top:44px}
.board .course h2{font:300 italic 34px/1.15 var(--lp-font-heading);color:var(--chalk);text-transform:none;letter-spacing:0;font-variant:normal;display:inline-block;padding-bottom:12px;margin-bottom:22px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='8' viewBox='0 0 200 8'%3E%3Cpath d='M1 5 C 40 2, 70 7, 110 4 S 170 3, 199 5' fill='none' stroke='%23E8B25E' stroke-width='1.6' stroke-linecap='round' opacity='.9'/%3E%3C/svg%3E") left bottom/100% 8px no-repeat}
.board .dish{border-bottom:0;background:linear-gradient(90deg,rgba(242,241,234,.16) 50%,transparent 0) left bottom/9px 1px repeat-x;padding-bottom:18px;margin-bottom:18px}
.board .dn{font:300 21px/1.4 var(--lp-font-heading);color:var(--chalk);text-shadow:0 0 1px rgba(242,241,234,.45);letter-spacing:.01em}
.board .dd{margin:6px 0 0;font-style:italic;font-weight:300;color:var(--muted);font-size:16px;line-height:1.55}
.dish--sig .dn::after{content:attr(data-tag);display:inline-block;margin-left:12px;padding:1px 9px;border:1px solid var(--blue);border-radius:999px;font:400 11px/1.6 var(--lp-font-body);letter-spacing:var(--lp-tracking-caps);text-transform:uppercase;color:var(--blue);vertical-align:4px;text-shadow:none;transform:rotate(-2deg)}
.board__plates{display:flex;gap:14px;margin:34px 0 0}
.board__plates picture{flex:1}
.board__plates img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;opacity:.92}
.course--price p{margin:0 0 8px;color:var(--chalk);font-size:18px;font-weight:300}
.course--price p.small{margin-top:14px;font-size:14px;font-style:italic;color:var(--muted)}@media (max-width:767px){.board{margin:28px -6px 0;padding:8px 20px 30px}.board .course h2{font-size:28px}.board .dn{font-size:19px}.dish--sig .dn::after{margin-left:8px}}


/* booking sheet B2 (final): tablecloth photo, centred roundel, italic welcome */

/* menu final (M5): key lines + labelled review prices */
.keys{margin:30px 0 0;scroll-margin-top:130px}
.key{display:flex;align-items:center;gap:14px;margin:0;padding:16px 0;border-top:1px solid rgba(232,178,94,.35);font:300 25px/1.25 var(--lp-font-heading)}
.key::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;border:1px solid var(--blue)}
.key--rec{color:var(--cream);font-style:italic}
.key--range{color:var(--blue);border-bottom:1px solid rgba(232,178,94,.35);font-variant-numeric:tabular-nums}
.key--range::before{background:var(--blue)}
.board .price{color:var(--chalk);font:400 18px/1.4 var(--lp-font-body);white-space:nowrap}@media (max-width:767px){.key{font-size:21px;padding:13px 0}}
@media (max-width:991px){.split__img{height:22vh}.split__col{padding-top:28px}.split h1{font-size:40px}.split__sub{font-size:15px;line-height:1.55;margin-top:10px}.keys{margin-top:18px}.tabs{margin-top:18px}}
@media (max-width:991px){.split__img{height:18vh}}

/* ===== own booking flow (inside the B2 sheet) ===== */
/* ===== live menu style: S2 (tablecloth + cream framed card) with S4 key lines ===== */
:root{--paper:#F6F2E6;--paper-ink:#1E2230;--paper-muted:#565A64;--paper-blue:#8F4B12;--navy:#1E2A44;--navy-text:#C9D3E6;--s4-ink:#1A1A1A;--s4-muted:#666666;--paper-rule:#CFC7B2}
main.split{background:var(--ink)}
.split__col{background:var(--ink) url(../images/plate-26-bg-720.webp) 0 0/900px auto;padding:30px 16px 60px}
.split__col{background-image:image-set(url(../images/plate-26-bg-720.avif) type("image/avif"),url(../images/plate-26-bg-720.webp) type("image/webp"))}
.split__col>h1,.split__col>.split__sub,.split__col>.keys{background:var(--paper);margin:0;padding-left:26px;padding-right:26px}
.split__col>h1{padding-top:30px;color:var(--paper-ink);font-style:italic;text-transform:none;font-size:46px;letter-spacing:0}
.split__col>.split__sub{color:var(--paper-muted);padding-top:12px;padding-bottom:4px;max-width:none}
/* S4 key lines inside the card */
.split__col>.keys{padding-top:30px;padding-bottom:30px;box-shadow:0 1px 0 0 var(--paper-rule)}
.split .key{display:block;border-top:1px solid #DDDDD6;font:300 22px/1.3 var(--lp-font-heading);padding:22px 0;color:var(--s4-ink);font-style:normal}
.split .key::before{display:none}
.split .key--range{color:var(--s4-ink);font-variant:small-caps;font-variant-numeric:oldstyle-nums;letter-spacing:.02em;border-bottom:1px solid #DDDDD6}
/* navy tabs */
.split .tabs{background:var(--navy);margin:0;padding:0 14px;border:0}
.split .tabs a{color:var(--navy-text)}.split .tabs a:hover{color:var(--cream)}.split .tabs a.is-on{color:var(--cream);border-color:var(--cream)}
/* cream framed card */
.split .board{margin-top:0;background:var(--paper);background-image:none;box-shadow:none;outline:1px solid var(--paper-blue);outline-offset:-10px;padding:26px 26px 36px}
.split .board .course h2{background:none;color:var(--paper-blue);font-size:30px;padding-bottom:4px}
.split .board .dn{color:var(--paper-ink);text-shadow:none}.split .board .dd{color:var(--paper-muted)}.split .board .price{color:var(--paper-ink)}
.split .board .dish{background:linear-gradient(90deg,var(--paper-rule) 50%,transparent 0) left bottom/6px 1px repeat-x} .split .dish--sig .dn::after{color:var(--paper-blue);border-color:var(--paper-blue)}

.split .board__plates img{opacity:1}
.split .menu-cta{background:var(--ink);padding:26px 20px;margin-top:0}@media (min-width:992px){.split__col{padding:50px 5vw 90px}.split .tabs{margin:0;padding:0 26px}}
@media (max-width:991px){.split__img{display:none}.split__col{padding-top:22px}}


/* menu nav A: sliding underline indicator (overflow-x:clip on body keeps .tabs sticky) */
.split .tabs{position:sticky;box-shadow:0 10px 20px -12px rgba(0,0,0,.7)}
.split .tabs a{position:relative;z-index:1;border-color:transparent!important;transition:color .3s}
.tabs__ind{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--cream);pointer-events:none;transition:transform .4s cubic-bezier(.6,0,.2,1),width .4s cubic-bezier(.6,0,.2,1)}
.tabs__ind::after{content:'';position:absolute;left:50%;bottom:2px;margin-left:-4px;border:4px solid transparent;border-bottom-color:var(--cream)}@media (prefers-reduced-motion:reduce){.tabs__ind{transition:none}}


/* desktop menu M-B: centred card, photo prints each side, rotated graph-paper grid (>=1200px only) */
.mb-side{display:none}@media (min-width:1200px){
main.split{grid-template-columns:1fr minmax(600px,700px) 1fr;column-gap:0;background:#1A2436;position:relative;isolation:isolate;clip-path:inset(0)}
main.split::before{content:'';position:fixed;left:50%;top:50%;width:300vmax;height:300vmax;margin:-150vmax 0 0 -150vmax;transform:rotate(20deg);z-index:-1;pointer-events:none;background-color:#1A2436;background-image:linear-gradient(rgba(201,211,230,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(201,211,230,.10) 1px,transparent 1px),linear-gradient(rgba(201,211,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(201,211,230,.045) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:-1px -1px}
.split__img{display:none}
.split__col{background:none!important;padding:56px 40px 100px!important;grid-column:2;grid-row:1} .split__col>h1,.split .board{box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}

.mb-side{display:flex;position:sticky;top:var(--lp-nav-h-stuck);height:calc(100vh - var(--lp-nav-h-stuck));flex-direction:column;justify-content:center;align-items:center;gap:40px;align-self:start;grid-row:1}
.mb-side--l{grid-column:1}.mb-side--r{grid-column:3}
.print{margin:0;background:#F6F2E6;padding:12px 12px 34px;width:min(78%,300px);box-shadow:0 18px 34px -14px rgba(0,0,0,.65),0 2px 4px rgba(0,0,0,.25);position:relative}
.print img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.print figcaption{position:absolute;bottom:9px;left:0;right:0;text-align:center;font:italic 13px var(--lp-font-heading);color:#565A64}
.print--l{transform:rotate(-3deg)}.print--l2{transform:rotate(2deg) translateX(30px)}.print--r{transform:rotate(2.5deg)}.print--r2{transform:rotate(-2deg) translateX(-30px)}
}


/* ===== v2 (12 Oct 2026): booking, kitchen, press, desktop width, motion ===== */
/* action strip: Book first, no clipping */
.acts{grid-template-columns:1.3fr 1fr 1fr}
.acts a{font-size:12.5px;letter-spacing:1.2px;white-space:nowrap;padding:0 6px;gap:6px}@media (max-width:380px){.acts a{font-size:11.5px;letter-spacing:.8px}.acts svg{width:14px;height:14px}}

.btn--solid{background:var(--blue);color:var(--on-blue)!important;border-color:var(--blue)}
.btn--solid:hover{background:var(--blue-hover);border-color:var(--blue-hover)}
/* signature cloth rule */
.bk,.ftr{position:relative}
.bk::before,.ftr::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:url(../images/cloth-2400.webp) 0 50%/auto 230px repeat-x;background-image:image-set(url(../images/cloth-2400.avif) type("image/avif"),url(../images/cloth-2400.webp) type("image/webp"));opacity:.9}
/* how it works */
/* booking section: asymmetric, fills wide screens */
.bk{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6vw;max-width:1680px;margin:0 auto;padding:var(--lp-space-7) 5vw var(--lp-space-7)}@media (max-width:1199px){.bk{grid-template-columns:1fr;gap:44px}}
@media (max-width:767px){.bk{padding:70px 20px}}

/* kitchen: one hero plate + tidy row, no gaps */
.table{max-width:1680px;padding:var(--lp-space-6) 5vw var(--lp-space-6)}
.kx{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:5vw;align-items:end}
.kx__hero{margin:0;overflow:hidden}
.kx__hero img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform var(--lp-hover-img-dur) ease}
.kx__text h2{font-size:clamp(48px,7vw,128px);line-height:.92;letter-spacing:-.01em;margin:0 0 30px}
.kx__text h2 em{font-style:italic;color:var(--blue)}
.kx__note{max-width:420px;color:var(--muted);font-style:italic;margin:0 0 26px}
.kx__link{display:inline-block;color:var(--cream);font-size:15px;letter-spacing:var(--lp-tracking-caps);text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:6px;padding:10px 0}
.kx__link:hover{color:var(--blue)}
.table .plates{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:18px}
.table .plates figure{margin:0!important;grid-column:auto!important;order:0!important}@media (max-width:767px){.kx{grid-template-columns:1fr;gap:30px}.kx__text h2{margin-bottom:18px}.table{padding:70px 20px}.table .plates{grid-template-columns:repeat(3,1fr);gap:8px}}

/* press: textured cloth, big italic level, no quote marks */
.press{position:relative;overflow:hidden;padding:clamp(90px,12vw,200px) 20px;background:var(--ink)}
.press__bg{position:absolute;inset:0;background:url(../images/cloth-2400.webp) 50% 50%/auto 140% repeat-x;background-image:image-set(url(../images/cloth-2400.avif) type("image/avif"),url(../images/cloth-2400.webp) type("image/webp"));opacity:.16;filter:grayscale(.2)}
.press__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(10,12,16,.35) 0%,rgba(10,12,16,.95) 75%)}
.press__in{position:relative;max-width:1100px;margin:0 auto}
.press__lvl{font:300 italic clamp(54px,9vw,150px)/1 var(--lp-font-heading);color:var(--cream);margin:14px 0 30px}
.press__q{font:300 clamp(19px,1.6vw,26px)/1.6 var(--lp-font-heading);max-width:780px;margin:0 auto 18px}
/* desktop width: lead statement asymmetric on wide screens */@media (min-width:1200px){.lead{max-width:1500px;padding-left:5vw;padding-right:5vw;text-align:left;display:grid;grid-template-columns:2fr 8fr;column-gap:4vw;align-items:start}.lead .rule{display:none}.lead .kicker{grid-column:1;margin-top:14px}.lead p{grid-column:2;font-size:clamp(34px,2.6vw,46px)}}

/* menu: chalk-honest mono dish lines, end-of-menu booking moment */
.split .board .dn{font:400 15.5px/1.6 ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:.01em}
.split .board .dd{font-size:15px}
.split .key--range{font-variant:normal;font-style:italic;font-size:19px}
.split .tabs{justify-content:flex-start}.split .tabs a{padding-left:12px;padding-right:12px;font-size:12.5px;letter-spacing:1.4px}
.split .menu-cta{background:var(--paper);color:var(--paper-ink);padding:44px 26px 40px;margin-top:22px;text-align:left}
.split .menu-cta .kicker{color:var(--paper-blue)}
.split .menu-cta h2{font:300 clamp(34px,3.4vw,46px)/1.1 var(--lp-font-heading);color:var(--paper-ink);margin:6px 0 12px}
.split .menu-cta h2 em{font-style:italic;color:var(--paper-blue)}
.split .menu-cta>p{color:var(--paper-muted);margin:0 0 22px}
.split .menu-cta .btn{display:inline-block!important;margin:0 0 6px}
.split .menu-cta .acts{margin-top:22px}
/* booking sheet rules */
.e404{position:relative;background:linear-gradient(rgba(10,12,16,.72),rgba(10,12,16,.9)),url(../images/hero-bar-1400.webp) 50% 50%/cover no-repeat}
.bk::before{left:50%;right:auto;width:100vw;transform:translateX(-50%)}
.kx{align-items:center}
.hero__where small{font-size:inherit}@media (max-width:767px){.hero__where small{display:block;font-size:11px;margin-top:4px;color:var(--cream);opacity:.85}.hero__where small::first-letter{color:transparent}}


/* ===== v3 (13 Oct 2026): gallery, visit, footer, overlay, booking flow, 404 ===== */
/* kitchen gallery */
.kx__hero{position:relative;aspect-ratio:1;background:var(--ink-2)}
.kx__hero picture{position:absolute;inset:0;opacity:0;transition:opacity .4s ease-in-out}
.kx__hero picture.is-on{opacity:1}
.kx__hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.thumb{display:block;padding:0;margin:0;border:0;background:none;cursor:pointer;position:relative;overflow:hidden;outline:1px solid transparent;outline-offset:4px;transition:outline-color .2s linear,opacity .2s linear}
.thumb img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s ease}
.thumb::after{content:"";position:absolute;inset:0;background:rgba(10,12,16,.28);transition:background .2s linear}@media (hover:hover){.thumb:hover img{transform:scale(1.04)}.thumb:hover::after{background:rgba(10,12,16,0)}.thumb:hover{outline-color:rgba(232,178,94,.6)}}

.thumb.is-on{outline:2px solid var(--blue)}.thumb.is-on::after{background:rgba(10,12,16,0)}
.thumb:focus-visible{outline:2px solid var(--cream)}@media (prefers-reduced-motion:reduce){.kx__hero picture{transition:none}}

/* visit */
.visit__body{display:flex;flex-direction:column;justify-content:center}
.visit__addr{margin:0 0 26px;max-width:none!important}
.visit__addr a{display:block;font:300 italic clamp(40px,4.6vw,84px)/1 var(--lp-font-heading);color:var(--cream);text-decoration:none}
.visit__addr a:hover{color:var(--blue)}
.visit__addr span{display:block;margin-top:12px;color:var(--muted);letter-spacing:.06em}
.tonight{display:inline-flex;gap:10px;align-items:baseline;margin:0 0 30px;padding:10px 16px;border:1px solid rgba(232,178,94,.45);font-size:15px}
.tonight b{font-weight:400;color:var(--blue);text-transform:uppercase;letter-spacing:var(--lp-tracking-caps);font-size:12.5px}
.tonight[hidden]{display:none}
.visit h2{font-size:13px!important;letter-spacing:var(--lp-tracking-caps);color:var(--blue);margin-bottom:18px!important}@media (min-width:1600px){.visit__body{padding-left:7vw}}

/* footer: left-aligned editorial, brand column */
.ftr{text-align:left;padding:clamp(70px,8vw,130px) 5vw 34px;border-top:0}
.ftr__cols{grid-template-columns:1.3fr 1fr 1fr 1fr;max-width:1680px;gap:5vw;align-items:start}
.ftr__brand p{font:300 italic 26px/1.25 var(--lp-font-heading);margin:18px 0 22px;color:var(--cream)}
.ftr__mark{margin:0;width:96px}
.ftr .btn{min-width:0}
.ftr__brand .btn{margin-top:0;border-bottom:1px solid var(--blue)}
.ftr__legal{max-width:1680px;margin:70px auto 0;padding-top:22px;border-top:1px solid rgba(232,178,94,.2);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ftr__legal p{margin:0}
.ftr__legal nav{display:flex;gap:22px;flex-wrap:wrap}
.ftr__legal nav a{border:0;color:var(--muted);font-size:13px;letter-spacing:1.2px;text-transform:uppercase}
.ftr__legal nav a:hover{color:var(--cream)}@media (max-width:991px){.ftr__cols{grid-template-columns:1fr 1fr;gap:46px}}
@media (max-width:767px){.ftr__cols{grid-template-columns:1fr}.ftr{padding:70px 22px 30px}}

/* overlay */
.ov__info{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:14px;color:var(--muted);margin:0}
.ov__info a{color:var(--cream)}
.ov::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:url(../images/cloth-2400.webp) 0 50%/auto 230px repeat-x;background-image:image-set(url(../images/cloth-2400.avif) type("image/avif"),url(../images/cloth-2400.webp) type("image/webp"))}
/* booking flow: solid panel, readable, days wrap on desktop */
/* 404 */
.e404>div{max-width:760px;text-align:left}
.e404 h1{font:300 italic clamp(48px,7vw,110px)/1 var(--lp-font-heading)!important;text-transform:none!important;margin:10px 0 18px}
.e404__links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.e404{place-items:center start;padding-left:max(20px,8vw)!important}@media (max-width:767px){.visit__body>p:has(>.btn){display:none}}

.table .plates .thumb{grid-column:auto!important;margin:0!important;order:0!important;width:100%}
.thumb picture{display:block}.table .plates .thumb img{width:100%;height:auto}

/* ===== P2a booking (13 Oct 2026) ===== */
.sc{font-variant:small-caps;text-transform:lowercase;letter-spacing:.12em;font-size:14.5px}
dialog.bkp{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#0A0C10;color:var(--cream);overflow:auto}
dialog.bkp::backdrop{background:#0A0C10}
.bkp__in{display:grid;grid-template-columns:1fr 1fr;min-height:100%}
.bkp__ph{position:relative;overflow:hidden}.bkp__ph picture,.bkp__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%}
.bkp__f{padding:28px 7vw 60px;max-width:660px;display:flex;flex-direction:column;justify-content:center;position:relative}
.bkp__top{position:absolute;top:24px;left:7vw;right:5vw;display:flex;justify-content:space-between;align-items:center}
.bkp__x{background:none;border:0;color:var(--cream);cursor:pointer;padding:10px 0;font-family:inherit}
.bkp__x:hover{color:var(--blue)}
.bkp h2{font:300 40px/1.1 var(--lp-font-heading);margin:0 0 30px}
.bkp__form{display:grid;gap:26px;margin:0 0 30px}
.bkp__form label{display:block}.bkp__form label span{display:block;margin-bottom:6px;color:rgba(254,255,245,.62)}
.bkp__form select{-webkit-appearance:none;appearance:none;width:100%;font:inherit;font-size:17px;color:inherit;background-color:transparent;border:0;border-bottom:1px solid rgba(254,255,245,.55);border-radius:0;padding:10px 30px 10px 0;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.bkp__form select:focus-visible{outline:1px solid var(--cream);outline-offset:3px}
.bkp__form option{color:#111}
.bkp__go{display:block;text-align:center;text-decoration:none;background:var(--cream);color:#0A0C10;padding:16px;font-size:15px;transition:background .2s linear}
.bkp__go:hover{background:#fff}
.bkp__small{margin-top:30px;border-top:1px solid rgba(254,255,245,.2);padding-top:20px;font-size:14.5px;line-height:1.7;color:rgba(254,255,245,.72)}
.bkp__small p{margin:0 0 10px}.bkp__small a{color:inherit}@media (max-width:991px){.bkp__in{grid-template-columns:1fr;grid-template-rows:30vh auto}.bkp__f{padding:76px 22px 50px;justify-content:flex-start}.bkp__top{top:18px;left:22px;right:22px}.bkp h2{font-size:32px}.bkp__ph{order:-1}.bkp__f{order:0}}
@media (max-width:991px){.bkp__in{display:flex;flex-direction:column}.bkp__ph{height:30vh;flex:none}.bkp__top{position:absolute;top:18px}}

/* fixes 13 Oct: plain booking section, restrained press, pinned close */
.bk--plain{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:7vw;align-items:start}
.bk--plain h2{font-size:clamp(36px,3.8vw,64px);line-height:1.06;margin:0}.bk--plain h2 em{font-style:italic;color:var(--blue)}
.bk__r{max-width:600px;border-top:1px solid rgba(254,255,245,.2);padding-top:26px}
.bk__r p{margin:0 0 18px;line-height:1.7}
.bk__lead{font-size:18px;color:var(--cream)}
.bk__go{display:inline-block!important;padding:16px 40px!important;margin:6px 0 8px}
.bk__link{color:var(--blue);text-decoration:none;border-bottom:1px solid;white-space:nowrap}
.bk__small{font-size:14.5px;color:rgba(254,255,245,.65)}.bk__small a{color:inherit}
@media (max-width:991px){.bk--plain{grid-template-columns:1fr;gap:26px}.bk__go{display:block!important;text-align:center}}
.press{padding:clamp(70px,8vw,120px) 20px}
.press__lvl{font:300 italic clamp(30px,3vw,44px)/1.15 var(--lp-font-heading)!important;color:var(--cream);margin:10px 0 20px!important}
.press__q{font-size:clamp(17px,1.25vw,20px)!important;max-width:640px}
.press__bg{opacity:.08}
.split .menu-cta .bkp__go{display:inline-block;padding:16px 40px;margin:4px 0 14px}
.cta__small{font-size:14px;color:var(--paper-muted);margin:0 0 10px}.cta__small a{color:var(--paper-blue)}
@media (max-width:767px){.split .menu-cta .bkp__go{display:block}}
@media (max-width:991px){.bkp__top{position:fixed!important;top:0;left:0;right:0;z-index:5;padding:14px 18px;background:#0A0C10;border-bottom:1px solid rgba(254,255,245,.15)}.bkp__ph{margin-top:52px}.bkp__f{padding-top:30px!important}}
.press__lvl{margin:10px auto 20px!important}
.split .menu-cta .bkp__go{background:var(--paper-ink);color:var(--paper)}.split .menu-cta .bkp__go:hover{background:#000}
.bk--plain{padding-top:var(--lp-space-6);padding-bottom:var(--lp-space-6)}
/* menu side prints: bigger, fill gutter, height-capped so two fit the sticky column */
@media (min-width:1200px){
.mb-side{gap:clamp(24px,3vh,44px);padding:0 2vw}
.print{width:min(88%,calc((100vh - var(--lp-nav-h-stuck) - 150px)/2),520px);padding:14px 14px 38px}
.print--l2{transform:rotate(2deg) translateX(4%)}.print--r2{transform:rotate(-2deg) translateX(-4%)}
}

/* P2a inline calendar */
.cal>.sc{display:block;margin-bottom:6px;color:rgba(254,255,245,.62)}
.cal__hd{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.cal__m{margin:0;font-size:15px;letter-spacing:1.6px;text-transform:uppercase;color:var(--cream)}
.cal__nav{font:inherit;font-size:26px;line-height:1;width:44px;height:44px;background:none;border:0;color:var(--cream);cursor:pointer}
.cal__nav:disabled{opacity:.2;cursor:default}
.cal__g{width:100%;border-collapse:collapse;table-layout:fixed}
.cal__g th{font-weight:400;font-size:12px;letter-spacing:1.2px;padding:0 0 8px;color:rgba(254,255,245,.7);text-align:center}
.cal__g td{padding:0;border:1px solid rgba(254,255,245,.16);text-align:center}
.cal__d{display:block;width:100%;height:42px;font:inherit;font-size:15px;background:none;border:0;color:var(--cream);cursor:pointer;font-variant-numeric:tabular-nums}
.cal__d:hover:not(:disabled){background:rgba(254,255,245,.08)}
.cal__d:disabled{color:rgba(254,255,245,.42);cursor:default}
.cal__d.is-out{color:rgba(254,255,245,.22)}
.cal__d.is-today{text-decoration:underline;text-underline-offset:4px}
.cal__d.is-sel{background:var(--cream);color:#111}
.cal__d:focus-visible,.cal__nav:focus-visible{outline:2px solid var(--cream);outline-offset:-4px}
.cal__d.is-sel:focus-visible{outline-color:#111}
@media (max-width:420px){.cal__d{height:40px;font-size:14px}}
@media (min-width:992px){.bkp__f{padding-top:84px;justify-content:safe center}}
.bkp__help{margin:8px 0 0;font-size:14px;line-height:1.5;color:rgba(254,255,245,.78)}.bkp__help a{color:inherit}.bkp__go[hidden]{display:none!important}
/* tabs never clip on desktop: wrap instead of hidden horizontal scroll */
.split .tabs.tabs{flex-wrap:wrap;overflow:visible}.split .tabs .tabs__ind{display:none}.split .tabs.tabs a.is-on{border-color:var(--cream)!important;border-bottom-width:2px}

/* ---- 2026-10-19: sell-ready pass ---- */
/* hero meta line: legible over the bar photo at every width (soft local scrim + shadow, same type) */
.hero__where{position:relative;z-index:0;padding:10px 26px;text-shadow:0 1px 2px rgba(10,12,16,.9),0 0 12px rgba(10,12,16,.7)}
.hero__where::before{content:"";position:absolute;inset:-22px -70px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(10,12,16,.88) 0%,rgba(10,12,16,.74) 55%,rgba(10,12,16,0) 100%)}
@media (max-width:767px){.hero__where{padding:8px 10px}.hero__where::before{inset:-16px -18px}}
/* 3 Nov 2026: the address is readable at load (it was 12.5 px on the phone); its local scrim is an even soft box, not a radial that thins at the ends */
/* 4 Nov: a firmer backing, so the bottles and glasses on the bar do not show through the address and hours */
.hero__where::before{inset:-10px -48px;background:rgba(10,12,16,.92);filter:blur(10px);border-radius:14px}
@media (max-width:767px){.hero__where::before{inset:-4px -26px}}
/* the Book / Directions / Call bar inside the narrow menu card: longer English labels clipped "Call" at 390 px */
@media (max-width:767px){.split .menu-cta .acts{grid-template-columns:1.2fr 1.3fr .7fr}.split .menu-cta .acts a{font-size:11.5px;letter-spacing:.5px;padding:0 4px;gap:0}.split .menu-cta .acts svg{display:none}}
.hero__where{font-size:17px;letter-spacing:1.4px;font-weight:400}
@media (max-width:767px){.hero__where{font-size:15px;letter-spacing:1px}.hero__where small{font-size:13px!important;opacity:1!important}}
/* tap targets >= 24px at 390 without changing line rhythm */
.hdr>a[aria-label]{display:flex;align-items:center;min-height:44px}
.cta__small a{padding-block:4px}
.bk__link,.bk__small a,.visit dd a,.visit__body p a,.ftr p a,.ftr__legal nav a{padding-block:3px}
.ftr__legal nav a{display:inline-block;min-height:24px;line-height:18px}
/* primary booking button: layered light, Bar Agrikultur amber, square edge */
.btn--solid,.btn[data-book]{background:linear-gradient(180deg,#F2C37E 0%,#E0A44F 100%);color:var(--on-blue);border-color:#E0A44F;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(10,12,16,.2),0 1px 2px rgba(0,0,0,.42),0 8px 18px -10px rgba(232,178,94,.3);
 transition:box-shadow .15s linear,transform .15s linear,border-color .15s linear,color .15s linear}
.btn--solid:hover,.btn[data-book]:hover{background:linear-gradient(180deg,#F7D190 0%,#EBB462 100%);border-color:#EBB462;color:var(--on-blue)}
.btn--solid:active,.btn[data-book]:active{transform:translateY(2px);box-shadow:inset 0 2px 4px rgba(10,12,16,.32),0 0 0 rgba(0,0,0,0)}
.acts a.b{background:linear-gradient(180deg,#F2C37E 0%,#E0A44F 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(10,12,16,.18),0 1px 2px rgba(0,0,0,.35),0 0 14px -6px rgba(232,178,94,.25);transition:box-shadow .15s linear,transform .15s linear}
.acts a.b:hover{background:linear-gradient(180deg,#F7D190 0%,#EBB462 100%)}
.acts a.b:active{transform:translateY(2px);box-shadow:inset 0 2px 4px rgba(10,12,16,.32)}
@media (prefers-reduced-motion:reduce){.btn--solid:active,.btn[data-book]:active,.acts a.b:active{transform:none}}
/* hero meta: kitchen hours sit inline on desktop, on their own line below 1024 (no orphaned "23", no stray dot) */
.hero__where small::before{content:"\00a0·\00a0";color:var(--blue)}
.hero__where small::first-letter{color:inherit}
@media (max-width:1023px){.hero__where small{display:block;margin-top:6px}.hero__where small::before{content:none}}
/* booking sheet photo: centre the crop; on desktop pin it to the screen height so the plate isn't pushed below the fold by the taller form */
.bkp__ph picture,.bkp__ph img{object-position:50% 50%}@media (min-width:992px){.bkp__ph{position:sticky;top:0;height:100dvh;align-self:start}}

/* ==LIFT-START== */
/* ---- engine feel kit (5 Nov 2026, from runs/2026-11-05-quality-bar.md: the "smoother" layer) ----
   On when site/design.py says FEEL = True (default from the engine version that turns it on for all).
   - expo easing tokens for every state change (no plain "ease", no .2 s colour flips)
   - page transitions between our own pages (cross-document View Transitions; browsers without them just navigate)
   - text links draw their underline away and back; buttons fill on the same slow curve
   - the glide on wheel scroll lives in feel.js; this file only hands scroll-behavior over to it
   Patterns may read html.lp-scrolled (page moved past 80 px) and html.lp-down (scrolling down) for a header that behaves. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.625,.05,0,1);--d-fast:.25s;--d-base:.55s;--d-slow:1.1s;
 --rv-ease:var(--ease-out)}
html.lp-smooth{scroll-behavior:auto}
/* browser surfaces carry the design too (craft floor, 6 Nov): selection, caret, scrollbar, focus offset, tabular figures */
::selection{background:var(--c-accent);color:var(--c-accent-ink,var(--c-paper))}
html{caret-color:var(--c-accent);scrollbar-color:var(--c-soft,var(--c-ink)) transparent;accent-color:var(--c-accent)}
.price,time,.hours{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:lp-vt-out .32s var(--ease-io) both}
 ::view-transition-new(root){animation:lp-vt-in .6s var(--ease-out) both}
 .btn{transition:background-color var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out),border-color var(--d-base) var(--ease-out)}
 .tl{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 10px)/100% 1px no-repeat;
  transition:background-size var(--d-base) var(--ease-io),color var(--d-base) var(--ease-out)}
 .tl:hover{background-size:0 1px;background-position:100% calc(100% - 10px)}
 .fold>summary::after{transition:transform var(--d-base) var(--ease-out)}
}
@keyframes lp-vt-out{to{opacity:0;transform:translate3d(0,-10px,0)}}
@keyframes lp-vt-in{from{opacity:0;transform:translate3d(0,18px,0)}}


/* ===== lift 6 Nov 2026 (craft pass): one quiet first screen, 6 sizes + 3 text steps, one label voice, feel-kit easing ===== */
:root{--lp-ease:var(--ease-out);--lp-ease-bg:var(--ease-io);--lp-tracking-caps:.1em;--lp-hover-img-dur:var(--d-slow);
 --f-s:13px;--f-m:16px;--f-l:18px;--f-md:clamp(30px,2.6vw,40px);--f-lg:clamp(40px,4.6vw,68px);--f-xl:clamp(48px,7vw,104px)}
html{scroll-behavior:smooth}
body{font-size:var(--f-m)}

/* labels: tracked caps only for small labels; nav, buttons and action strips are sentence case */
.btn,.hdr__nav a,.acts a,.ov a.l,.kx__link,.table__head a,.ftr__legal nav a,.cc button{text-transform:none;letter-spacing:.01em}
.btn{font-size:var(--f-m)}
.hdr__nav a{font-size:var(--f-m);color:var(--cream)}
.hdr.is-stuck .hdr__nav a{font-size:var(--f-m)}
.hdr__nav a:hover{color:var(--blue)}
.hdr__nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--blue)}
.hdr__nav .btn{color:var(--on-blue)}.hdr__nav .btn:hover{color:var(--on-blue)}
.lang{color:var(--cream);font-size:var(--f-s)}.lang:hover{color:var(--blue)}
.kicker,.visit dt,.ftr h2,.lang,.tonight b{font-size:var(--f-s);letter-spacing:var(--lp-tracking-caps)}
.burger span{background:var(--cream)}
.ov a.l{font-size:26px;color:var(--cream)}
.ov a.l:hover{color:var(--blue)}

/* easing: no plain ease, no .2s linear flips */
.hdr{transition:height var(--d-base) var(--ease-out),background-color var(--d-base) var(--ease-out),box-shadow var(--d-base) var(--ease-out),transform var(--d-base) var(--ease-io)}
.hdr__nav a,.lang,.tabs a,.kx__link,.table__head a,.ftr a,.bk__link,.visit__addr a,.cal__d,.bkp__x,.cal__nav{transition:color var(--d-base) var(--ease-out),border-color var(--d-base) var(--ease-out),background-color var(--d-base) var(--ease-out)}
.acts a{transition:background-color var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out)}
.ov{transition:opacity var(--d-base) var(--ease-out),visibility 0s var(--d-base)}.ov.is-open{transition:opacity var(--d-base) var(--ease-out)}
.bkp__go{transition:background-color var(--d-base) var(--ease-out)}
.kx__hero picture{transition:opacity var(--d-slow) var(--ease-io)}
.kx__hero img,.thumb img{transition:transform var(--d-slow) var(--ease-out)}
.thumb{transition:outline-color var(--d-base) var(--ease-out),opacity var(--d-base) var(--ease-out)}
.thumb::after{transition:background-color var(--d-base) var(--ease-out)}
.tabs__ind{transition:transform var(--d-base) var(--ease-io),width var(--d-base) var(--ease-io)}
.split .tabs a{transition:color var(--d-base) var(--ease-out)}
.rv{opacity:0;transform:translate3d(0,16px,0);transition:opacity var(--d-slow) var(--ease-out),transform var(--d-slow) var(--ease-out)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.hdr{transition:none}}
/* header: hides while reading down, returns on the way up (home only; the menu page keeps its sticky tabs) */
@media (prefers-reduced-motion:no-preference){html.lp-down .hdr:not(.hdr--solid){transform:translate3d(0,-100%,0)}}

/* the one filled button: flat amber, no layered light */
.btn--solid,.btn[data-book]{background:var(--blue);border-color:var(--blue);color:var(--on-blue);box-shadow:none;
 transition:background-color var(--d-base) var(--ease-out),border-color var(--d-base) var(--ease-out),color var(--d-base) var(--ease-out),transform var(--d-fast) var(--ease-out)}
.btn--solid:hover,.btn[data-book]:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:var(--on-blue)}
.btn--solid:active,.btn[data-book]:active{transform:translateY(1px);box-shadow:none}
.acts{border-color:rgba(254,255,245,.16);grid-template-columns:1.3fr 1fr 1fr}
.acts a{color:var(--cream);font-size:var(--f-m);letter-spacing:.01em}
.acts a+a{border-left-color:rgba(254,255,245,.16)}
.acts a.b,.acts a.b:hover{background:var(--blue);box-shadow:none;color:var(--on-blue)}
.acts a.b:hover{background:var(--blue-hover)}
.acts a:hover{background:rgba(254,255,245,.08);color:var(--cream)}
.acts a.b:active{transform:none;box-shadow:none}
.acts svg{width:16px;height:16px}
@media (max-width:380px){.acts a{font-size:15px;letter-spacing:0}.acts svg{display:none}}

/* first screen: the name (their mark), one quiet today line, one filled button, one text link */
.hero__inner{padding:110px 20px 120px}
.hero__where{font-size:var(--f-m);letter-spacing:.02em;text-transform:none;font-weight:400;margin:20px 0 26px;padding:9px 22px}
.hero__where i{color:var(--cream);opacity:.7}
.hero__where small{font-size:inherit}
.hero__link{margin:18px 0 0;display:none}
@media (min-width:768px){.hero__link{display:inline-block;color:var(--cream);font-size:var(--f-m);padding:8px 0;text-shadow:0 1px 3px rgba(10,12,16,.7)}}
.hero__link{position:relative;z-index:0;padding:8px 20px;text-shadow:none}
.hero__link{background-color:rgba(10,12,16,.94);padding:8px 20px 10px}
.hero__link.tl{background-image:linear-gradient(currentColor,currentColor);background-size:calc(100% - 40px) 1px;background-position:20px calc(100% - 8px);background-repeat:no-repeat}
.hero__link.tl:hover{background-size:0 1px;background-position:calc(100% - 20px) calc(100% - 8px)}@media (max-width:767px){
 .hero__where{font-size:var(--f-m);letter-spacing:.01em;padding:8px 14px;margin:18px 0 0}
 .hero__where span:last-child{color:var(--cream);margin-top:2px}
 .hero__where small{font-size:var(--f-m)!important;margin-top:2px}
 .hero .slides img{object-position:44% 50%}
 .hero__inner{padding:96px 18px 110px}}
.hero__where small::before{color:var(--cream);opacity:.7}
/* photo never enlarged: above its 2100 px it sits centred and fades into the dark */
@media (min-width:2101px){.hero .slides{inset:0 auto 0 50%;width:2100px;transform:translateX(-50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}}

/* rhythm: tall quiet text band, one full-bleed photo band, a tight booking line */
.rule{display:none}
.lead{padding:var(--lp-space-6) 20px}
.lead p{font-size:var(--f-md);line-height:1.5}
.lead em{color:inherit;font-style:normal}
@media (min-width:1200px){.lead{min-height:78svh;align-content:center;padding-top:clamp(120px,14vw,260px);padding-bottom:clamp(120px,14vw,260px)}.lead p{font-size:clamp(34px,2.9vw,52px);line-height:1.4}}
@media (max-width:767px){.lead{padding:72px 22px}.lead p{font-size:24px;line-height:1.45;text-align:left}.band{min-height:62svh}}
.band__cap{font-size:var(--f-m)}
.bk--plain{padding-top:clamp(70px,8vw,130px);padding-bottom:clamp(70px,8vw,130px)}
.bk--plain h2{font-size:var(--f-lg);line-height:1.02;letter-spacing:-.025em}
.bk--plain h2 em,.menu-cta h2 em{font-style:normal;color:inherit}
.bk__lead{font-size:var(--f-l)}
.bk__small{font-size:var(--f-m)}
.bk__link{border-bottom:0;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
@media (max-width:767px){.bk--plain{padding:56px 22px 52px;gap:22px}.bk__small{display:none}.bk--plain h2{font-size:38px}.bk__r{padding-top:20px}.bk__r p{margin-bottom:14px}}
.bk__go{font-size:var(--f-m);padding:16px 36px!important}
.bkp__go.sc,.bkp__x.sc{font-variant:normal;text-transform:none;letter-spacing:.01em;font-size:var(--f-m)}
.bk .bkp__go{background:var(--blue);color:var(--on-blue);transition:background-color var(--d-base) var(--ease-out)}
.bk .bkp__go:hover{background:var(--blue-hover)}

/* kitchen */
.kx__text h2{font-size:var(--f-xl);letter-spacing:-.03em;line-height:.94}
.kx__note{font-size:var(--f-m)}
.kx__link{font-size:var(--f-m);text-decoration:none}
@media (max-width:767px){.table{padding:56px 20px 44px}.kx__text h2{font-size:64px}.kx{gap:22px}}

/* press */
.press{padding:clamp(80px,10vw,170px) 20px}
.press__lvl{font-size:clamp(34px,2.9vw,52px)!important;letter-spacing:-.02em}
@media (max-width:767px){.press__lvl{font-size:24px!important}}
.press__q{font-size:var(--f-l)!important}
.press small{font-size:var(--f-s);letter-spacing:.02em}
@media (max-width:767px){.press{padding:64px 22px}}

/* visit */
.visit__addr a{font-size:var(--f-lg);letter-spacing:-.025em}
.visit__addr span,.visit dd,.visit p{font-size:var(--f-m)}
.tonight{border:0;padding:0;font-size:var(--f-m)}
.tonight b{color:var(--blue)}
@media (max-width:767px){.visit__addr a{font-size:38px}}
@media (max-width:991px){.visit__img{min-height:44vh}.visit__body{padding:44px 22px 64px}}

/* footer */
.ftr__brand p{font-size:22px}
.ftr .btn{font-size:var(--f-m)}
.ftr__legal nav a{font-size:var(--f-s);letter-spacing:.02em}
@media (max-width:767px){.ftr{padding:56px 22px 28px}.ftr__cols{gap:34px}.ftr__legal{margin-top:44px}}

/* menu page: typeset, one voice (no monospace, no dotted rule under every dish, dividers between groups only) */
.split h1,.split__col>h1{font-size:46px;letter-spacing:-.025em;line-height:.98}
.split__sub{font-size:var(--f-m)}
.split .key,.split .key--range{font-size:22px;line-height:1.3}
.split .tabs a{font-size:var(--f-s);letter-spacing:var(--lp-tracking-caps);text-transform:uppercase}
.split .board .dn,.board .dn{font:400 var(--f-l)/1.4 var(--lp-font-heading);letter-spacing:0}
.split .board .dd{font-size:var(--f-m);line-height:1.5;margin-top:4px}
.split .board .dish,.board .dish{background:none;border:0;padding:0;margin:0 0 20px}
.split .board .course{padding-top:34px}
.split .board .course+.course{border-top:1px solid var(--paper-rule);margin-top:34px;padding-top:34px}
.split .board .course h2{font-size:30px;letter-spacing:-.01em;margin-bottom:20px}
.dish--sig .dn::after{transform:none;font-size:var(--f-s);letter-spacing:var(--lp-tracking-caps)}
.split .menu-cta h2{font-size:46px;letter-spacing:-.025em}
.split .menu-cta .kicker{font-size:var(--f-s)}
.cta__small{font-size:var(--f-m)}
.print figcaption{font-size:var(--f-s)}
@media (min-width:1200px){.print--l,.print--l2,.print--r,.print--r2{transform:none}.print{box-shadow:0 18px 34px -18px rgba(0,0,0,.6)}}
@media (max-width:767px){.split h1,.split__col>h1{font-size:40px}.split .key,.split .key--range{font-size:22px}.split .menu-cta h2{font-size:30px}.split .menu-cta .acts a{font-size:var(--f-s)}}
.bkp__go{font-size:var(--f-m)}
.e404 h1{letter-spacing:-.025em}
.bkp__small,.bkp__help{font-size:var(--f-m)}

/* ===== polish 6 Nov 2026 ===== */
/* secondary text tinted from the ink ground (blue-grey), not plain grey */
:root{--muted:#AEB6C3;--paper-muted:#505768}
/* hero: the hours line and the text link sit on the same crisp ink plate (no smudge) */
.hero__where::before{inset:0;filter:none;border-radius:0;background:rgba(10,12,16,.94)}
@media (max-width:767px){.hero__where::before{inset:0}}
.hero__where{padding:10px 24px}
/* the one signature: their willow cloth is laid across the bar before the visit block */
.runner{--p:1;position:relative;height:clamp(72px,9vw,150px);background:var(--ink);overflow:hidden}
.runner i{position:absolute;inset:0;display:block;background:url(../images/cloth-2400.webp) 0 50%/auto 230px repeat-x;
 background-image:image-set(url(../images/cloth-2400.avif) type("image/avif"),url(../images/cloth-2400.webp) type("image/webp"));
 background-position:calc(var(--p)*-480px) 50%;clip-path:inset(0 calc((1 - var(--p))*100%) 0 0);box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.runner::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:rgba(232,178,94,.35)}
/* spacing: more air above a heading than below, tight groups */
.kx__text h2,.bk--plain h2,.visit h2{margin-bottom:.4em}
.kx__text h2{margin-top:0}
.visit h2{margin-bottom:22px}
.press__lvl{margin:0 0 22px}
.lead p{max-width:34ch}
@media (max-width:767px){.lead p{max-width:none}}
/* states */
.btn:focus-visible,.acts a:focus-visible,.bkp__go:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.thumb:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.dish .dn{overflow-wrap:anywhere}/* photos never enlarged: the 1200 px plate band sits at its native width and fades into the dark on wide screens */
@media (min-width:1201px){.band .slides{inset:0 auto 0 50%;width:1200px;transform:translateX(-50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.band__cap{right:max(20px,calc(50% - 560px))}}
.cal__nav svg,.ov__close svg{display:block;margin:auto}