/* Al Dente, Concept A: "La Trattoria di Lark Lane". Shared by index.html and menu.html. */

/* ---------- Fonts (self-hosted, instanced: see fonts/instance_fonts.py) ---------- */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 500;font-display:swap;src:url("/fonts/fraunces-roman.woff2?v=5ad33f74") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A3,U+00A9,U+00AE,U+00B0,U+00B7,U+00BD,U+00C0-00FF,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2026,U+20AC,U+2212}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:400;font-display:swap;src:url("/fonts/fraunces-italic.woff2?v=255f120f") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A3,U+00A9,U+00AE,U+00B0,U+00B7,U+00BD,U+00C0-00FF,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2026,U+20AC,U+2212}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 600;font-display:swap;src:url("/fonts/figtree.woff2?v=b8e0c082") format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A3,U+00A9,U+00AE,U+00B0,U+00B7,U+00BD,U+00C0-00FF,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2026,U+20AC,U+2212}
/* Metric-matched fallbacks, measured in the browser against the real fonts (web font width / fallback width),
   so the font swap keeps every line break and baseline (CLS 0). Text sizes: */
@font-face{font-family:"Fraunces fallback";src:local("Georgia");size-adjust:105.8%;ascent-override:92.4%;descent-override:24.1%;line-gap-override:0%}
@font-face{font-family:"Fraunces fallback";font-style:italic;src:local("Georgia Italic"),local("Georgia-Italic");size-adjust:97.9%;ascent-override:99.9%;descent-override:26.0%;line-gap-override:0%}
@font-face{font-family:"Figtree fallback";src:local("Arial"),local("Helvetica Neue");size-adjust:99.9%;ascent-override:95.1%;descent-override:25.0%;line-gap-override:0%}
/* Fraunces is narrower at display optical sizes, so the hero title gets its own fallbacks (phone, tablet, desktop) */
@font-face{font-family:"Fraunces hero S";src:local("Georgia");size-adjust:100.4%;ascent-override:97.4%;descent-override:25.4%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero S";font-style:italic;src:local("Georgia Italic"),local("Georgia-Italic");size-adjust:94.0%;ascent-override:104.0%;descent-override:27.1%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero M";src:local("Georgia");size-adjust:88.3%;ascent-override:110.8%;descent-override:28.9%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero M";font-style:italic;src:local("Georgia Italic"),local("Georgia-Italic");size-adjust:83.9%;ascent-override:116.6%;descent-override:30.4%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero L";src:local("Georgia");size-adjust:85.9%;ascent-override:113.9%;descent-override:29.7%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero L";font-style:italic;src:local("Georgia Italic"),local("Georgia-Italic");size-adjust:82.0%;ascent-override:119.3%;descent-override:31.1%;line-gap-override:0%}

/* Android has neither Georgia nor Arial: the same idea against Noto Serif and Roboto (perf-seo/work/fallback_metrics.py) */
@font-face{font-family:"Fraunces fallback android";src:local("Noto Serif"),local("NotoSerif-Regular");size-adjust:97.4%;ascent-override:100.4%;descent-override:26.2%;line-gap-override:0%}
@font-face{font-family:"Fraunces fallback android";font-style:italic;src:local("Noto Serif Italic"),local("NotoSerif-Italic");size-adjust:95.7%;ascent-override:102.2%;descent-override:26.6%;line-gap-override:0%}
@font-face{font-family:"Figtree fallback android";src:local("Roboto"),local("Roboto-Regular");size-adjust:100.2%;ascent-override:94.8%;descent-override:24.9%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero S android";src:local("Noto Serif"),local("NotoSerif-Regular");size-adjust:92.4%;ascent-override:105.8%;descent-override:27.6%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero S android";font-style:italic;src:local("Noto Serif Italic"),local("NotoSerif-Italic");size-adjust:91.5%;ascent-override:106.9%;descent-override:27.9%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero M android";src:local("Noto Serif"),local("NotoSerif-Regular");size-adjust:82%;ascent-override:119.3%;descent-override:31.1%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero M android";font-style:italic;src:local("Noto Serif Italic"),local("NotoSerif-Italic");size-adjust:80.9%;ascent-override:120.9%;descent-override:31.5%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero L android";src:local("Noto Serif"),local("NotoSerif-Regular");size-adjust:79.8%;ascent-override:122.6%;descent-override:32%;line-gap-override:0%}
@font-face{font-family:"Fraunces hero L android";font-style:italic;src:local("Noto Serif Italic"),local("NotoSerif-Italic");size-adjust:78.6%;ascent-override:124.4%;descent-override:32.4%;line-gap-override:0%}

/* ---------- Tokens ---------- */
:root{
  --paper:#F6EFE2;
  --paper-deep:#EEE4D1;
  --paper-edge:#E2D4BA;
  --ink:#1E2721;
  --ink-2:#47503F;
  --ink-3:#5A5D4E;
  --basil:#0E6B3A;
  --basil-deep:#0C3B24;
  --basil-mist:#D9E3D0;
  --tomato:#C8452F;
  --tomato-ink:#B23A26;
  --cream-on-green:#F3EBDC;
  --rule:rgba(30,39,33,.2);
  --rule-soft:rgba(30,39,33,.12);

  --f-display:"Fraunces","Fraunces fallback","Fraunces fallback android",Georgia,"Times New Roman",serif;
  --f-text:"Figtree","Figtree fallback","Figtree fallback android",Arial,system-ui,sans-serif;

  --step--1:.8125rem;
  --step-0:clamp(1rem,.96rem + .2vw,1.0625rem);
  --step-1:clamp(1.1875rem,1.08rem + .5vw,1.4375rem);
  --step-2:clamp(1.5rem,1.25rem + 1.1vw,2.125rem);
  --step-3:clamp(2.125rem,1.45rem + 3vw,3.875rem);
  --step-4:clamp(2.75rem,1.6rem + 5.2vw,5.75rem);
  --step-5:clamp(3.1rem,1.55rem + 7.4vw,7.6rem);

  --gutter:clamp(20px,5vw,64px);
  --max:1320px;
  --col-gap:clamp(16px,2.4vw,36px);
  --section:clamp(72px,10vw,152px);
  --header-h:60px;
  --bar-h:0px;
  color-scheme:light;
}
@media (min-width:1000px){:root{--header-h:78px}}
@media (max-width:999.98px){:root{--bar-h:64px}}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);scroll-padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px) + 16px)}
body{margin:0;background-color:var(--paper);
  /* a whisper of paper grain */
  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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .16 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  color:var(--ink);font-family:var(--f-text);font-size:var(--step-0);line-height:1.6;font-synthesis:none;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px))}
img,svg,video,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-color:var(--basil)}
p,h1,h2,h3,h4,figure,blockquote,dl,dd,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:400;line-height:1.05;letter-spacing:-.015em;text-wrap:balance}
p,li,dd,figcaption,.fig-cap{text-wrap:pretty}
em,i{font-style:italic}
abbr[title]{text-decoration:none}
:focus-visible{outline:2px solid var(--basil);outline-offset:3px;border-radius:2px}
::selection{background:var(--basil);color:var(--paper)}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
[hidden]{display:none!important}
html:has(dialog[open]){overflow:hidden}
.linklike{display:inline;padding:0 2px;border:0;background:none;font:inherit;font-weight:600;color:var(--basil);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:3px;text-decoration:none;font-weight:600}
.skip:focus{top:12px}

[class*="__grid"]>*,.spread__pages>*,.dogs>*{min-width:0}
.nowrap{white-space:nowrap}
.wrap{width:100%;max-width:calc(var(--max) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}

/* ---------- Ornaments & small type ---------- */
.orn{color:var(--basil);flex:none}
.orn *{vector-effect:non-scaling-stroke}
.kicker{font:600 var(--step--1)/1.3 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.kicker i,.kicker em{font:italic 400 1.0625rem/1 var(--f-display);letter-spacing:0;text-transform:none;color:var(--basil)}
.it{font-family:var(--f-display);font-style:italic;font-weight:400}

.folio{display:flex;align-items:center;gap:14px;margin-bottom:clamp(32px,5vw,64px);font:600 .75rem/1.2 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.folio__no{font:italic 400 1.0625rem/1 var(--f-display);letter-spacing:0;text-transform:none;color:var(--basil);white-space:nowrap}
.folio__rule{flex:1;height:1px;background:var(--rule);min-width:24px}
.folio__name{white-space:nowrap}
.folio__name i{font:italic 400 1rem/1 var(--f-display);letter-spacing:0;text-transform:none;color:var(--ink-2);margin-left:.35em}
.folio__aside{display:none}
@media (max-width:389.98px){.folio__name i{display:none}}
@media (min-width:700px){.folio__aside{display:block;white-space:nowrap}}

.h2{font-size:var(--step-3);line-height:1.02;letter-spacing:-.02em}
.h2 em{color:var(--basil)}
.lede{font:italic 400 var(--step-1)/1.45 var(--f-display);color:var(--ink-2);max-width:21.8em}
.prose{max-width:39.7em}
.prose p+p{margin-top:1em}
.prose a{color:var(--basil)}

/* Placeholders: visibly not real content */
.placeholder{display:inline;font:500 .8125rem/1.55 var(--f-text);letter-spacing:.01em;font-style:normal;color:#7A2E1F;
  background:repeating-linear-gradient(-45deg,rgba(200,69,47,.11) 0 5px,rgba(200,69,47,.04) 5px 10px);
  outline:1px dashed rgba(178,58,38,.65);outline-offset:1px;padding:.12em .4em;border-radius:2px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.on-green .placeholder,.colophon .placeholder{color:#FFE3DA;background:repeating-linear-gradient(-45deg,rgba(255,180,160,.16) 0 5px,rgba(255,180,160,.06) 5px 10px);outline-color:rgba(255,200,185,.7)}

/* ---------- Buttons: printed tickets with an inner keyline ---------- */
.btn{--bg:transparent;--fg:var(--ink);--line:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.75em 1.35em;
  border-radius:3px;background:var(--bg);color:var(--fg);border:1.5px solid var(--line);
  font:600 .9375rem/1.1 var(--f-text);letter-spacing:.02em;text-decoration:none;cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.btn svg{width:1.05em;height:1.05em;flex:none;transition:transform .25s ease}
.btn:hover svg{transform:translateX(3px)}
.btn--basil{--bg:var(--basil);--fg:var(--paper);--line:var(--basil);box-shadow:inset 0 0 0 3px var(--basil),inset 0 0 0 4px rgba(246,239,226,.55)}
.btn--basil:hover{--bg:var(--basil-deep);--line:var(--basil-deep);box-shadow:inset 0 0 0 3px var(--basil-deep),inset 0 0 0 4px rgba(246,239,226,.55)}
.btn--line:hover{--bg:var(--ink);--fg:var(--paper)}
.btn--paper{--bg:var(--paper);--fg:var(--basil-deep);--line:var(--paper);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px rgba(12,59,36,.45)}
.btn--paper:hover{--bg:#fff;--line:#fff;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px rgba(12,59,36,.45)}
.btn--ghost-light{--fg:var(--paper);--line:rgba(246,239,226,.7)}
.btn--ghost-light:hover{--bg:var(--paper);--fg:var(--basil-deep);--line:var(--paper)}
.btn--lg{min-height:54px;padding:.9em 1.6em;font-size:1rem}
.link-arrow{display:inline-flex;align-items:center;gap:.45em;min-height:44px;font-weight:600;color:var(--basil);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em}
.link-arrow svg{width:1em;height:1em;transition:transform .25s ease}
.link-arrow:hover svg{transform:translateX(3px)}

/* ---------- Arch frames (the trattoria doorway) ---------- */
.arch{position:relative;overflow:hidden;border-radius:999px 999px 0 0;background:var(--paper-deep);aspect-ratio:var(--ar,2/3)}
.arch img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.hold .arch img[loading="lazy"]:not(.cover__plate img){display:none}
.arch--round{border-radius:50%;aspect-ratio:1}
.arch--top{border-radius:clamp(40px,8vw,120px) clamp(40px,8vw,120px) 0 0}
.moulding{position:relative;padding:10px 10px 0}
.moulding::before{content:"";position:absolute;inset:0;border:1px solid var(--rule);border-bottom:0;border-radius:999px 999px 0 0;pointer-events:none}
.moulding--round{padding:9px}
.moulding--round::before{border-radius:50%;border-bottom:1px solid var(--rule)}
.fig-cap{display:flex;gap:.6em;align-items:baseline;margin-top:12px;font:italic 400 .9375rem/1.4 var(--f-display);color:var(--ink-2)}
.fig-cap b{font:600 .6875rem/1 var(--f-text);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--basil);white-space:nowrap}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .arch img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  .arch:hover img,a:hover .arch img{transform:scale(1.035)}
}

/* ---------- Header / masthead ---------- */
.masthead{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--rule-soft)}
.masthead__bar{display:flex;align-items:center;gap:24px;height:var(--header-h)}
.masthead__logo{display:block;flex:none;color:var(--basil);padding:0}
.masthead__logo:focus-visible{outline-offset:1px}
.masthead__logo img{width:104px;height:auto}
.masthead__nav{display:none;margin-left:auto}
.masthead__nav ul{display:flex;gap:6px}
.masthead__nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-weight:500;font-size:.9688rem;text-decoration:none;color:var(--ink);background-image:linear-gradient(var(--basil),var(--basil));background-size:0 1px;background-repeat:no-repeat;background-position:12px calc(100% - 9px);transition:background-size .3s ease}
.masthead__nav a:hover,.masthead__nav a[aria-current="page"]{background-size:calc(100% - 24px) 1px}
.masthead__actions{display:none;align-items:center;gap:18px}
.masthead__tel{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;font-size:.9375rem;text-decoration:none;font-variant-numeric:tabular-nums}
.masthead__tel svg{width:17px;height:17px;color:var(--basil)}
.masthead__tel:hover{color:var(--basil)}
@media (min-width:1000px){
  .masthead__logo img{width:124px}
  .masthead__nav{display:block}
  .masthead__actions{display:flex}
  .contents{display:none}
}

/* Mobile "Contents" sheet: a magazine contents page in a <details> (works without JS) */
.contents{margin-left:auto}
.contents>summary{list-style:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px 0 12px;cursor:pointer;font:600 .8125rem/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase}
.contents>summary::-webkit-details-marker{display:none}
.contents__icon{position:relative;width:22px;height:12px}
.contents__icon::before,.contents__icon::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .25s ease,top .25s ease}
.contents__icon::before{top:2px}.contents__icon::after{top:9px}
.contents[open] .contents__icon::before{top:5px;transform:rotate(45deg)}
.contents[open] .contents__icon::after{top:5px;transform:rotate(-45deg)}
.contents__sheet{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:0 30px 40px -30px rgba(30,39,33,.45);padding:12px var(--gutter) 24px;max-height:calc(100dvh - var(--header-h) - var(--bar-h) - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain}
.contents__sheet ol{counter-reset:c}
.contents__sheet li>a{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--rule-soft);text-decoration:none;font:400 1.5rem/1.15 var(--f-display)}
.contents__sheet li>a span{font:italic 400 .9375rem/1 var(--f-display);color:var(--basil);min-width:3.4em}
.contents__sub{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:-10px 0 0;padding:0 0 4px calc(.9375rem * 3.4 + 14px);border-bottom:1px solid var(--rule-soft);font:italic 400 1.0625rem/1 var(--f-display);color:var(--ink-3)}
.contents__sub a{display:inline-flex;align-items:center;min-height:44px;color:var(--basil);text-underline-offset:.2em}
.contents__sheet li:has(.contents__sub)>a{border-bottom:0}
@media (max-width:999.98px){html:has(.contents[open]){overflow:hidden}}
.contents__sheet .contents__cta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:20px}
.contents__cta .btn{padding-inline:.8em}

/* ---------- Cover (hero) ---------- */
.cover{position:relative;padding:clamp(20px,3vw,36px) 0 clamp(40px,6vw,88px)}
.cover__runner{display:none}
.cover__grid{display:grid;gap:28px}
.cover__kicker{margin-bottom:16px}
.cover__title{font-family:"Fraunces","Fraunces hero S","Fraunces hero S android",Georgia,serif;font-size:var(--step-5);line-height:.94;letter-spacing:-.03em;font-weight:380;max-width:6.95em}
.cover__title em{color:var(--basil);letter-spacing:-.02em;padding-right:.04em}
.cover__lede{margin-top:clamp(18px,2.4vw,28px);font:italic 400 var(--step-1)/1.45 var(--f-display);color:var(--ink-2);max-width:19.8em}
.cover__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,3vw,34px)}
.cover__call{margin-top:6px;font-size:.9375rem;color:var(--ink-2)}
.cover__call a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.cover__figure{position:relative;width:min(84%,560px);justify-self:end;margin-top:4px}
.cover__figure .arch{--ar:4/5;--pos:50% 62%}
.cover__plate{display:none}
.cover__plate img{--pos:50% 58%}
.cover__figure .fig-cap{justify-content:flex-end;text-align:right}
.seal{position:absolute;width:clamp(96px,11.5vw,164px);aspect-ratio:1;left:-11%;top:30%;color:var(--tomato-ink);transform:rotate(-12deg)}
.seal svg{position:absolute;inset:0;width:100%;height:100%}
.seal__face{filter:drop-shadow(0 6px 10px rgba(30,39,33,.12))}
.seal__text{font:600 13.2px/1 var(--f-text);letter-spacing:.2em;fill:currentColor}
.seal__since{font:italic 400 19px/1 var(--f-display);fill:currentColor}
.seal__year{font:400 46px/1 var(--f-display);letter-spacing:-.02em;fill:currentColor}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:scroll()){
    .seal__ring{will-change:transform;animation:seal-spin linear both;animation-timeline:scroll(root);animation-range:0 100vh}
    @keyframes seal-spin{to{transform:rotate(180deg)}}
  }
}
@media (min-width:900px){
  .cover__runner{display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;margin-bottom:clamp(28px,4vw,56px);border-bottom:1px solid var(--rule);font:600 .75rem/1 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
  .cover__runner i{font:italic 400 1rem/1 var(--f-display);letter-spacing:0;text-transform:none;color:var(--basil)}
  .cover__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:center}
  .cover__text{grid-column:1/span 7;padding-bottom:4vw}
  .cover__figure{grid-column:8/-1;width:100%;margin:0}
  .cover__plate{display:block;position:absolute;width:38%;left:-26%;bottom:13%;}
  .cover__plate .arch{box-shadow:0 0 0 8px var(--paper),0 20px 40px -18px rgba(30,39,33,.45)}
  .seal{left:-15%;top:12%}
}
@media (min-width:600px){.cover__title{font-family:"Fraunces","Fraunces hero M","Fraunces hero M android",Georgia,serif}}
@media (min-width:1100px){.cover__title{font-family:"Fraunces","Fraunces hero L","Fraunces hero L android",Georgia,serif}}
@media (min-width:1200px){.cover__title{max-width:5.7em}}

/* ---------- Oggi: Today at Al Dente ---------- */
.today{padding-bottom:var(--section)}
.today__card{position:relative;display:grid;border-top:3px double var(--ink);border-bottom:1px solid var(--ink);background:var(--paper-deep)}
.today__head{display:flex;align-items:center;gap:14px;padding:18px 18px 16px;border-bottom:1px solid var(--rule)}
.today__head .orn{width:40px;height:40px}
.today__oggi{font:italic 400 2.5rem/1 var(--f-display);color:var(--basil);letter-spacing:-.02em}
.today__title{font:600 .75rem/1.35 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.today__date{display:block;margin-top:4px;font:400 1.1875rem/1.2 var(--f-display);letter-spacing:0;text-transform:none;color:var(--ink)}
.today__date:empty{display:none}
.today__list{display:grid;grid-template-columns:1fr 1fr}
.today__list>div{padding:16px 18px;border-bottom:1px solid var(--rule-soft)}
.today__list>div{grid-column:1/-1}
.today__list dt{font:600 .6875rem/1.3 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.today__list dd{font:400 1.0625rem/1.35 var(--f-display);color:var(--ink)}
.today__list dd em{color:var(--basil)}
.today__list .is-wide{grid-column:1/-1;border-right:0!important}
.today__lunch [data-lunch-status]{display:block;font-size:1.25rem;line-height:1.3}
.today__price{display:block;margin-top:4px;font:600 .875rem/1.4 var(--f-text);font-variant-numeric:tabular-nums;color:var(--ink)}
.today__lunch a{display:inline-flex;align-items:center;min-height:44px;font:600 .875rem/1.2 var(--f-text);color:var(--basil)}
.today__lunch small{display:block;font:400 .75rem/1.4 var(--f-text);color:var(--ink-3)}
.today__cta{padding:16px 18px 18px}
.today__cta .btn{width:100%}
@media (min-width:760px){
  .today__list{grid-template-columns:1.5fr 1fr 1fr}
  .today__list>div,.today__list .is-wide{grid-column:auto;border-bottom:0;border-right:1px solid var(--rule-soft)!important}
  .today__list>div:last-child{border-right:0!important}
}
@media (min-width:1100px){
  .today__card{grid-template-columns:auto 1fr auto;align-items:stretch}
  .today__head{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:22px 30px 22px 26px;border-bottom:0;border-right:1px solid var(--rule);min-width:240px}
  .today__head .orn{position:absolute;left:128px;top:16px;width:30px;height:30px}
  .today__oggi{font-size:3.25rem}
  .today__list>div{padding:22px 24px;display:flex;flex-direction:column;justify-content:center}
  .today__list>div:last-child{border-right:1px solid var(--rule)!important}
  .today__cta{display:flex;align-items:center;padding:20px 26px}
  .today__cta .btn{width:auto}
}

/* ---------- Story ---------- */
.story{padding-bottom:var(--section)}
.story__grid{display:grid;gap:40px}
.story__figs{position:relative;padding-bottom:18%}
.story__fig-a{width:74%}
.story__fig-a .arch{--ar:3/4;--pos:50% 40%}
.story__fig-b{position:absolute;right:0;bottom:0;width:46%}
.story__fig-b .arch{--ar:2/3;box-shadow:0 0 0 8px var(--paper)}
.story__text .h2{margin-bottom:clamp(20px,3vw,32px)}
.dropcap .lead-in{font:600 .8em/1 var(--f-text);letter-spacing:.1em;text-transform:uppercase}
.dropcap::first-letter{float:left;font:400 4.15em/.82 var(--f-display);color:var(--basil);margin:.07em .06em 0 -.03em}
@supports (initial-letter:3) or (-webkit-initial-letter:3){.dropcap::first-letter{float:none;font-size:1em;line-height:inherit;margin:0 .05em 0 0;-webkit-initial-letter:3;initial-letter:3}}
.story__sign{display:flex;align-items:center;gap:14px;margin-top:28px;font:italic 400 1.125rem/1.3 var(--f-display);color:var(--ink-2)}
.story__sign .orn{width:110px}
@media (min-width:900px){
  .story__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:center}
  .story__figs{grid-column:1/span 6;padding-bottom:14%}
  .story__text{grid-column:8/-1}
}

/* ---------- Made here / Sourced from (the spread) ---------- */
.spread{padding-bottom:var(--section)}
.spread__title{text-align:center;margin:0 auto clamp(28px,4vw,48px);max-width:10.2em}
.spread__pages{position:relative;display:grid;background:var(--paper-deep);border:1px solid var(--rule-soft);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 30px 60px -40px rgba(30,39,33,.35)}
.spread__page{position:relative;padding:clamp(28px,5vw,64px) clamp(22px,4.5vw,64px)}
.spread__page .kicker{display:block;margin-bottom:6px}
.spread__page h3{font-size:var(--step-2);margin-bottom:22px}
.spread__page--made{border-bottom:1px dashed var(--rule)}
.spread__quote{font:italic 400 clamp(1.75rem,1.25rem + 2.2vw,2.75rem)/1.12 var(--f-display);letter-spacing:-.015em;color:var(--ink);max-width:9em}
.spread__quote::before{content:"\201C";content:"\201C" / "";display:block;height:.42em;margin-bottom:.12em;font:400 3em/1 var(--f-display);color:var(--tomato)}
.spread__bread{display:flex;gap:18px;align-items:flex-start;margin-top:30px;max-width:25.6em}
.spread__bread .orn{width:34px;height:auto;margin-top:2px}
.spread__bread p{font-size:1.0625rem}
.spread__bread strong{font:400 1.25rem/1.3 var(--f-display);display:block;margin-bottom:4px}
.spread__plate{display:grid;place-items:center;padding:8px 0 4px}
.spread__plate .moulding{width:min(62%,300px)}
.stamps{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:14px 0 28px}
.stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:10px 6px 9px;border:1.5px solid var(--basil);outline:1px solid var(--basil);outline-offset:3px;border-radius:4px;color:var(--basil);transform:rotate(var(--r,-2deg))}
.stamp small{font:600 .5625rem/1 var(--f-text);letter-spacing:.24em;text-transform:uppercase}
.stamp span{font:italic 400 1.625rem/1.05 var(--f-display);letter-spacing:-.01em}
@media (min-width:900px){.stamps{max-width:400px;gap:16px 18px}.stamp{padding:12px 8px 11px}}
.stamp:nth-child(2){--r:1.5deg}.stamp:nth-child(3){--r:-1deg}.stamp:nth-child(4){--r:2.2deg}
.spread__intro{max-width:23em}
.spread__find{margin-top:16px;font:italic 400 1.0625rem/1.45 var(--f-display);color:var(--ink-2);max-width:25.6em}
.provisions{margin-top:6px;border-top:1px solid var(--rule)}
.provisions li{display:flex;align-items:baseline;gap:10px;padding:10px 0;border-bottom:1px solid var(--rule-soft);font:400 1.1875rem/1.3 var(--f-display)}
.provisions li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--basil);transform:translateY(-.2em)}
.spread__after{display:flex;gap:16px;align-items:flex-start;margin-top:26px;padding:16px 18px;border:1px solid var(--rule);background:var(--paper)}
.spread__after p{font-size:.9688rem;color:var(--ink-2)}
.spread__after .orn{width:46px;height:auto}
.spread__after strong{display:block;font:italic 400 1.125rem/1.3 var(--f-display);color:var(--ink);margin-bottom:2px}
@media (min-width:900px){
  .spread__pages{grid-template-columns:1fr 1fr}
  .spread__pages::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:44px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(30,39,33,.07) 46%,rgba(30,39,33,.14) 50%,rgba(255,255,255,.35) 51%,transparent)}
  .spread__page--made{border-bottom:0;padding-right:clamp(80px,9vw,150px)}
  .spread__page--sourced{padding-left:clamp(80px,9vw,150px)}
  .spread__plate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:clamp(150px,15vw,210px);padding:0}
  .spread__plate .moulding{width:100%}
  .spread__plate .arch{box-shadow:0 18px 30px -16px rgba(30,39,33,.5)}
  .spread__quote{font-size:clamp(2.5rem,1.4rem + 2.4vw,3.6rem);max-width:7.7em}
  .spread__bread{margin-top:40px}
}


/* ---------- The menu as a contents page ---------- */
.carte{padding-bottom:var(--section)}
.carte__grid{display:grid;gap:48px}
.carte__intro .h2{margin-bottom:18px}
.toc{margin-top:clamp(26px,4vw,40px);border-top:1px solid var(--ink)}
.toc li{border-bottom:1px solid var(--rule-soft)}
.toc a{display:grid;grid-template-columns:2.4em auto 1fr auto;align-items:baseline;gap:0 12px;padding:14px 0;text-decoration:none}
.toc__n{font:italic 400 1rem/1 var(--f-display);color:var(--basil)}
.toc__t{font:400 clamp(1.375rem,1.1rem + 1.2vw,1.875rem)/1.15 var(--f-display);letter-spacing:-.01em;transition:color .2s}
.toc__lead{align-self:baseline;height:4px;margin-bottom:.15em;min-width:20px;opacity:.75;background:radial-gradient(circle,var(--ink-3) 1px,transparent 1.35px) 0 100%/6px 4px space no-repeat}
.toc__p{font:500 .875rem/1 var(--f-text);font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap}
.toc a:hover .toc__t{color:var(--basil)}
.toc a:hover .toc__lead{opacity:1}
@media (max-width:599.98px){.toc__t{font-size:1.25rem}.toc__p{font-size:.8125rem}.toc a{gap:0 10px;grid-template-columns:2em auto 1fr auto}}
.toc__sub{display:block;grid-column:2/-1;margin-top:3px;font:italic 400 .9375rem/1.35 var(--f-display);color:var(--ink-2)}
.diet-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:.875rem;color:var(--ink-2)}
.diet-legend span{display:inline-flex;align-items:center;gap:7px}
.carte__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:28px}
.carte__figs{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.carte__figs figure:nth-child(even){margin-top:22%}
.carte__figs .arch{--ar:2/3}
.carte__press{margin-top:clamp(40px,6vw,72px);padding-top:22px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.carte__press blockquote p{font:italic 400 clamp(1.25rem,1rem + 1vw,1.75rem)/1.3 var(--f-display)}
.carte__press figcaption{font-size:.875rem;color:var(--ink-2)}
.carte__press figcaption a{color:var(--basil)}
@media (min-width:900px){
  .carte__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}
  .carte__intro{grid-column:1/span 6}
  .carte__figs{grid-column:8/-1;gap:22px}
}

/* Dietary marks (shared with the menu page) */
.diet{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.9em;padding:0 .38em;border:1px solid currentColor;border-radius:999px;font:700 .625rem/1 var(--f-text);letter-spacing:.06em;color:var(--basil);vertical-align:.2em;background:rgba(255,255,255,.35)}
.diet--gf{color:#6B5A1F}
.diet--ve{color:var(--basil);background:var(--basil-mist)}

/* ---------- Drinks: the green page ---------- */
.bar{position:relative;background:var(--basil-deep);color:var(--cream-on-green);padding:var(--section) 0;overflow:hidden}
.bar .folio{color:rgba(243,235,220,.78)}
.bar .folio__no{color:#E9D9A6}
.bar .folio__rule{background:rgba(243,235,220,.25)}
.bar .folio__name i{color:rgba(243,235,220,.78)}
.bar__grid{display:grid;gap:48px}
.bar .h2 em{color:#E9D9A6}
.bar__text .prose{margin-top:20px;color:rgba(243,235,220,.9)}
.bar__lemon{width:110px;color:#E9D9A6;margin-bottom:18px}
.bar__list{margin-top:28px;border-top:1px solid rgba(243,235,220,.3)}
.bar__list li{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(243,235,220,.16)}
.bar__list b{font:400 1.3125rem/1.2 var(--f-display)}
.bar__list span{font:500 .9375rem/1 var(--f-text);font-variant-numeric:tabular-nums;color:#E9D9A6}
.bar__list small{grid-column:1/-1;font-size:.875rem;color:rgba(243,235,220,.78)}
.bar__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.bar__figs{position:relative;padding-bottom:20%}
.bar__fig-a{width:70%;margin-left:auto}
.bar__fig-a .arch{--ar:2/3}
.bar__fig-b{position:absolute;left:0;bottom:0;width:44%}
.bar__fig-b .arch{box-shadow:0 0 0 8px var(--basil-deep)}
.bar .moulding::before{border-color:rgba(243,235,220,.35)}
.bar .fig-cap{color:rgba(243,235,220,.82);justify-content:flex-end;text-align:right;width:fit-content;max-width:58%;margin-left:auto}
.bar .fig-cap b{color:#E9D9A6}
.bar a:not(.btn){color:#F3EBDC}
.bar :focus-visible{outline-color:#E9D9A6}
@media (min-width:900px){
  .bar__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:center}
  .bar__figs{grid-column:1/span 6;grid-row:1}
  .bar__text{grid-column:8/-1;grid-row:1}
}

/* ---------- Occasions ---------- */
.occasions{padding:var(--section) 0}
.occ__grid{display:grid;gap:36px}
.occ__num{display:block;font:300 clamp(5.5rem,3rem + 13vw,13rem)/.8 var(--f-display);letter-spacing:-.05em;color:var(--basil)}
.occ__num span{font-style:italic;font-weight:400;color:var(--tomato);margin:0 .02em}
.occ__unit{display:block;margin-top:14px;font:600 .75rem/1.3 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.occ__text .h2{margin-bottom:20px}
.occ__list{display:flex;flex-wrap:wrap;gap:0;margin:24px 0 0;border-top:1px solid var(--rule)}
.occ__list li{display:flex;gap:.3em;flex:1 1 100%;padding:12px 0;border-bottom:1px solid var(--rule-soft);font:400 1.1875rem/1.3 var(--f-display)}
.occ__list li::before{content:"\2014";content:"\2014" / "";flex:none;color:var(--basil)}
@media (min-width:600px){.occ__list li{flex-basis:50%}}
.occ__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.occ__fig .arch{--ar:3/2;--pos:50% 55%}
.occ__fig{position:relative}
.xmas{position:relative;margin-top:8px;padding:26px 24px 24px;background:var(--paper);border:1px solid var(--tomato);outline:1px solid var(--tomato);outline-offset:-7px;box-shadow:0 22px 40px -28px rgba(30,39,33,.5)}
.xmas__tag{position:absolute;top:-13px;left:22px;padding:5px 10px;background:var(--tomato-ink);color:#FFF6EE;font:600 .6875rem/1 var(--f-text);letter-spacing:.18em;text-transform:uppercase}
.xmas h3{font-size:var(--step-2);margin-bottom:10px}
.xmas h3 em{color:var(--tomato-ink)}
.xmas p{color:var(--ink-2)}
.xmas .btn{margin-top:18px}
@media (min-width:900px){
  .occ__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}
  .occ__big{grid-column:1/span 6;align-self:center}
  .occ__text{grid-column:7/-1}
  .occ__fig{grid-column:1/span 8;margin-top:24px}
  .xmas{grid-column:9/-1;align-self:end;margin:0 0 -30px -60%;transform:rotate(1.5deg)}
}

/* Riservato: a table card for good dogs */
.dogs{display:grid;gap:0;margin-top:var(--section);align-items:center}
.dogs__photo .arch{--ar:3/2;--pos:50% 60%}
.riservato{position:relative;justify-self:center;width:min(100%,400px);margin-top:-56px;padding:30px 28px 26px;text-align:center;background:#FBF7EF;border:1px solid var(--rule);box-shadow:0 2px 0 var(--paper-edge),0 30px 50px -30px rgba(30,39,33,.55);transform:rotate(-2deg)}
.riservato::before{content:"";position:absolute;inset:7px;border:1px solid var(--rule);pointer-events:none}
.riservato h3{font-weight:400}
.riservato__word{display:block;font:600 .875rem/1 var(--f-text);letter-spacing:.42em;text-transform:uppercase;padding-left:.42em;color:var(--ink)}
.riservato__for{display:block;margin-top:8px;font:italic 400 2rem/1 var(--f-display);color:var(--basil)}
.riservato__dog{width:118px;margin:14px auto 10px;color:var(--ink)}
.riservato p{font-size:.9688rem;color:var(--ink-2);max-width:19.2em;margin-inline:auto}
.riservato p+p{margin-top:8px}
.dog-tail{transform-origin:30px 97px}
@media (prefers-reduced-motion:no-preference){
  .riservato:hover .dog-tail{animation:wag .5s ease-in-out 3}
  @keyframes wag{0%,100%{transform:rotate(0)}50%{transform:rotate(-16deg)}}
}
@media (min-width:900px){
  .dogs{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}
  .dogs__photo{grid-column:4/-1;grid-row:1}
  .riservato{grid-column:1/span 5;grid-row:1;justify-self:start;margin:0;z-index:2}
}

/* ---------- Press ---------- */
.press{padding-bottom:var(--section)}
.press__quote{text-align:center;max-width:1000px;margin:0 auto}
.press__quote svg{width:56px;margin:0 auto 18px;color:var(--tomato)}
.press__quote blockquote p{font:400 var(--step-4)/1.02 var(--f-display);letter-spacing:-.025em;text-wrap:balance}
.press__quote blockquote em{color:var(--basil)}
.press__quote figcaption{margin-top:24px;font-size:.9375rem;color:var(--ink-2)}
.press__quote figcaption cite{font:italic 400 1.0625rem var(--f-display);color:var(--ink)}
.press__quote figcaption a{color:var(--basil)}
.press__meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 28px;margin-top:34px;padding-top:24px;border-top:1px solid var(--rule)}

/* ---------- Visit ---------- */
.visit{padding-bottom:var(--section)}
.visit__grid{display:grid;gap:44px}
.plaque{display:inline-grid;place-items:center;width:132px;aspect-ratio:3/4;margin-bottom:26px;padding:14px;border-radius:999px 999px 6px 6px;background:#FBF8F1;border:2px solid var(--basil);box-shadow:inset 0 0 0 5px #FBF8F1,inset 0 0 0 6px var(--basil),0 16px 26px -18px rgba(30,39,33,.6);color:var(--basil);text-align:center}
.plaque b{display:block;font:400 4.25rem/.9 var(--f-display);letter-spacing:-.04em}
.plaque small{display:block;margin-top:6px;font:italic 400 .9375rem/1.1 var(--f-display)}
.visit__lede{margin-top:16px;font:italic 400 var(--step-1)/1.4 var(--f-display);color:var(--ink-2)}
.facts{margin-top:28px;border-top:1px solid var(--ink)}
.facts>div{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--rule-soft)}
@media (min-width:600px){.facts>div{grid-template-columns:8.5em minmax(0,1fr);gap:12px;padding:14px 0}}
.facts dt{font:600 .6875rem/1.9 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.facts dd{min-width:0;font-size:1.0625rem;overflow-wrap:anywhere}
.facts address{font-style:normal}
.facts a{position:relative;color:var(--basil);font-weight:600}
.facts a::after{content:"";position:absolute;inset:-13px -4px}
.visit__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.visit__fig .arch{--ar:4/5;--pos:50% 50%}
@media (min-width:900px){
  .visit__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:center}
  .visit__text{grid-column:1/span 6}
  .visit__fig{grid-column:8/-1}
}

/* ---------- Colophon (footer) ---------- */
.colophon{background:var(--basil-deep);color:var(--cream-on-green);padding:clamp(56px,8vw,104px) 0 calc(28px + env(safe-area-inset-bottom,0px))}
.colophon a{color:var(--cream-on-green)}
.colophon :focus-visible{outline-color:#E9D9A6}
.colophon__top{display:grid;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(243,235,220,.22)}
.colophon__logo img{width:180px}
.colophon__line{margin-top:16px;font:italic 400 1.25rem/1.4 var(--f-display);color:rgba(243,235,220,.88);max-width:16.6em}
.colophon__cols{display:grid;gap:30px;overflow-wrap:anywhere}
.colophon h2{font:600 .6875rem/1 var(--f-text);letter-spacing:.18em;text-transform:uppercase;color:#E9D9A6;margin-bottom:14px}
.colophon__cols p,.colophon__cols li{font-size:.9688rem;line-height:1.7;color:rgba(243,235,220,.9)}
.colophon__cols li a{display:inline-flex;align-items:center;min-height:44px;text-decoration-color:rgba(243,235,220,.4)}
.colophon__cols address{font-style:normal}
.colophon__links{display:flex;flex-direction:column;align-items:flex-start}
.colophon__links a{display:inline-flex;align-items:center;min-height:44px}
.colophon__legal{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;padding-top:22px;font-size:.8125rem;color:rgba(243,235,220,.78)}
.colophon__set{font:italic 400 .9375rem/1.3 var(--f-display);color:rgba(243,235,220,.85)}
.colophon__credit{display:inline-flex;align-items:center;gap:.3em;font:italic 400 .9375rem/1.3 var(--f-display);color:rgba(243,235,220,.85)}
.colophon__credit a{color:#F3EBDC;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.colophon__credit a:hover{color:#E9D9A6}
.colophon__heart{width:.95em;height:.95em;flex:none;fill:#E2604A;transform-origin:50% 60%}
@media (prefers-reduced-motion:no-preference){.colophon__heart{animation:heartbeat 1.6s ease-in-out infinite}}
@keyframes heartbeat{0%,40%,100%{transform:scale(1)}10%{transform:scale(1.18)}20%{transform:scale(1.04)}30%{transform:scale(1.14)}}
@media print{.colophon__credit{display:none}}
.colophon__fine{margin-left:auto;font:italic 400 2rem/1 var(--f-display);color:#E9D9A6}
@media (min-width:900px){
  .colophon__top{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}
  .colophon__brand{grid-column:1/span 4}
  .colophon__cols{grid-column:6/-1;grid-template-columns:repeat(3,1fr)}
}

/* ---------- Mobile action bar (thumb zone) ---------- */
.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;align-items:stretch;gap:2px;
  padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--rule);box-shadow:0 -10px 30px -18px rgba(30,39,33,.35)}
.actionbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;min-width:0;text-align:center;overflow-wrap:anywhere;border-radius:3px;text-decoration:none;font:600 .6875rem/1 var(--f-text);letter-spacing:.06em;color:var(--ink)}
.actionbar a svg{width:21px;height:21px;color:var(--basil)}
.actionbar .actionbar__book{flex-direction:row;gap:8px;background:var(--basil);color:var(--paper);font-size:.9375rem;letter-spacing:.02em;box-shadow:inset 0 0 0 3px var(--basil),inset 0 0 0 4px rgba(246,239,226,.5)}
.actionbar .actionbar__book svg{color:var(--paper);width:18px;height:18px}
.actionbar a:active{background:var(--paper-deep)}
.actionbar .actionbar__book:active{background:var(--basil-deep)}
@media (min-width:1000px){.actionbar{display:none}}

/* ---------- Booking sheet (dialog, ResDiary loads only on click) ---------- */
.booking{width:min(560px,100vw - 24px);height:min(820px,100dvh - 48px);max-height:min(860px,100dvh - 24px);padding:0;border:0;border-radius:4px;background:var(--paper);color:var(--ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.55);overflow:hidden}
.booking[open]{display:flex;flex-direction:column}
.booking::backdrop{background:rgba(20,28,22,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.booking__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 14px 12px 22px;border-bottom:3px double var(--ink)}
.booking__head h2{font-size:1.625rem}
.booking__head h2 em{color:var(--basil)}
.booking__close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #7E8076;border-radius:3px;background:transparent;color:var(--ink);cursor:pointer}
.booking__close:hover{background:var(--paper-deep)}
.booking__close svg{width:18px;height:18px}
.booking__body{position:relative;flex:1;min-height:0;background:#fff}
.booking__body iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.booking__wait{position:absolute;inset:0;display:grid;place-items:center;font:italic 400 1.125rem var(--f-display);color:var(--ink-2)}
.booking__foot{padding:12px 22px 16px;font-size:.875rem;color:var(--ink-2);border-top:1px solid var(--rule-soft)}
.booking__foot a{color:var(--basil);font-weight:600}
.booking__short{display:none}
@media (max-width:599.98px),(max-height:600px){.booking{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}}
@media (max-height:600px){.booking__head{padding-block:6px}.booking__head h2{font-size:1.25rem}.booking__foot{padding-block:8px}}
@media (max-width:599.98px){.booking__long{display:none}.booking__short{display:inline}.booking__foot{padding:8px 16px 10px;text-align:center}.booking__foot a{display:inline-flex;align-items:center;min-height:44px}}

/* ---------- Tablet (600–899px): keep photographs in proportion ---------- */
@media (min-width:600px) and (max-width:899.98px){
  .cover__figure{width:min(68%,430px)}
  .story__figs{max-width:560px}
  .carte__figs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .carte__figs figure:nth-child(even){margin-top:18%}
  .bar__figs{max-width:520px}
  .visit__fig{max-width:460px}
  .spread__plate .moulding{width:240px}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ---------- Home: the spritz card on the green page ---------- */
.spritz{margin-top:28px}
.spritz__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding-bottom:10px;font:600 .8125rem/1.3 var(--f-text);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#E9D9A6}
.spritz__head span:first-child{font:italic 400 1.1875rem/1.2 var(--f-display);letter-spacing:0;color:var(--cream-on-green)}
.spritz .bar__list{margin-top:0}
.spritz .bar__list li{grid-template-columns:1fr}
@media (min-width:600px){.spritz .bar__list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}}

/* ======================= MENU PAGE ======================= */
.page-menu{--mtabs-h:56px;--msec-h:48px;scroll-padding-top:calc(var(--mtabs-real,calc(var(--mtabs-h) + 2px)) + var(--msec-h) + 14px)}
.page-menu .masthead{position:relative}
/* Page cover: compact, so the dishes start on the first screen */
.mcover{padding:12px 0 14px}
.mcover__folio{display:none}
.mcover__title{font-size:2.5rem;line-height:1;letter-spacing:-.03em;font-weight:360}
.mcover__title em{color:var(--basil)}
.mcover__lede{margin-top:4px;font:italic 400 1rem/1.4 var(--f-display);color:var(--ink-2)}
.mcover__more{display:none}
@media (min-width:900px){
  .mcover{padding:18px 0 26px}
  .mcover__folio{display:flex;margin-bottom:18px}
  .mcover__row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px}
  .mcover__title{font-size:clamp(3.5rem,2rem + 3vw,5rem);line-height:.9}
  .mcover__lede{max-width:31em;margin:0 0 .35em;font-size:1.1875rem;text-align:right}
  .mcover__more{display:inline}
}

/* Sticky menu tabs */
.mtabs{position:sticky;top:0;z-index:45;background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
.mtabs__bar{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;min-height:var(--mtabs-h)}
.mtabs__nav{flex:0 1 auto;min-width:0}
.mtabs__list{display:flex;flex-wrap:wrap;min-width:0}
.mtab{position:relative;display:inline-flex;align-items:center;min-height:var(--mtabs-h);padding:0 9px;font:400 1.0625rem/1 var(--f-display);text-decoration:none;color:var(--ink);transition:color .2s}
.mtab::after{content:"";position:absolute;left:9px;right:9px;bottom:-1px;height:2px;background:var(--basil);transform:scaleX(0);transition:transform .25s ease}
.mtab:hover{color:var(--basil)}
.mtab[aria-current]{color:var(--basil);font-style:italic}
.mtab[aria-current]::after{transform:scaleX(1)}
.mtabs__list li:first-child .mtab{padding-left:0}
.mtabs__list li:first-child .mtab::after{left:0}
.mtabs__filter{position:relative;margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;padding:0 10px;border:1px solid #7E8076;border-radius:3px;background:transparent;color:var(--ink);font:600 .75rem/1 var(--f-text);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.mtabs__filter svg{width:20px;height:20px;color:var(--basil)}
.mtabs__filter.is-active{border-color:var(--basil)}
.mtabs__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mtabs__count:empty{display:none}
.mtabs__count{position:absolute;top:-4px;right:-7px;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--tomato-ink);color:#fff;font-size:.6875rem;letter-spacing:0;box-shadow:0 0 0 2px var(--paper)}
.mtools{display:none;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:4px 0 14px}
.mtabs.is-open .mtools{display:flex}
.mtools__chips{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:599.98px){.chip{font-size:.8125rem}}
.chip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 11px 0 7px;border:1px solid #7E8076;border-radius:3px;background:var(--paper);color:var(--ink);font:500 .875rem/1 var(--f-text);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.chip:hover{border-color:var(--basil)}
.chip[aria-pressed="true"]{background:var(--basil);border-color:var(--basil);color:var(--paper)}
.chip[aria-pressed="true"] .diet{color:var(--paper);border-color:rgba(246,239,226,.8);background:transparent}
.msearch{flex:1 1 220px}
.msearch input{width:100%;min-height:44px;padding:0 12px 0 38px;border:1px solid #7E8076;border-radius:3px;font:400 1rem/1 var(--f-text);color:var(--ink);
  background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2347503F' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E") no-repeat 11px 50%/18px}
.msearch input::placeholder{color:var(--ink-3)}
.msearch input:focus{outline:2px solid var(--basil);outline-offset:1px;border-color:var(--basil)}
.mstatus{padding-top:6px;padding-bottom:6px;border-top:1px dashed var(--rule);font-size:.875rem;line-height:1.45;color:var(--ink-2)}
.mstatus b{color:var(--ink);font-weight:600}
.mstatus .linklike{position:relative;min-height:32px}
.mstatus .linklike::after{content:"";position:absolute;inset:-6px -8px}
.mstatus__note{display:none}
@media (min-width:600px){.mstatus__note{display:inline}.chip{gap:8px;padding:0 14px 0 9px}}
@media (min-width:600px){.mtabs__label{position:static!important;width:auto;height:auto;overflow:visible;clip:auto}.mtab{padding:0 14px}.mtab::after{left:14px;right:14px}}
@media (min-width:1000px){
  .mtabs__filter{display:none}
  .js .mtools{display:flex;flex-wrap:nowrap;width:auto;margin-left:auto;padding:0}
  .mtools__chips{flex-wrap:nowrap}
  .chip{white-space:nowrap}
  .msearch{flex:0 1 200px}
  .mtab{font-size:1.125rem;padding:0 12px}
  .mtab::after{left:12px;right:12px}
}
@media (min-width:1200px){
  .msearch{flex-basis:270px}
  .mtab{font-size:1.1875rem;padding:0 16px}
  .mtab::after{left:16px;right:16px}
}

/* One menu */
.menu{padding-top:16px}
.menu+.menu{margin-top:clamp(40px,6vw,72px);padding-top:clamp(28px,4vw,48px);border-top:1px solid var(--rule)}
/* Each menu opens with a compact strip: thumbnail arch | kicker, title, PDF | marks */
.menu__head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 14px;padding-bottom:14px}
.menu__photo{width:52px}
.menu__photo .arch{--ar:2/3}
.menu__id{min-width:0}
.menu__kicker{display:flex;align-items:center;gap:8px;font:italic 400 .9375rem/1.2 var(--f-display);color:var(--basil)}
.menu__sprig{width:46px;height:16px}
.menu__title{margin-top:1px;font-size:clamp(1.875rem,1.35rem + 2.2vw,3.25rem);line-height:1;letter-spacing:-.025em;font-weight:380}
.menu__pdf{position:relative;display:inline-flex;align-items:center;gap:5px;margin-top:4px;font:600 .8125rem/1.3 var(--f-text);color:var(--basil);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}
.menu__pdf::after{content:"";position:absolute;inset:-14px -6px}
.menu__pdf svg{width:14px;height:14px}
.menu__meta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.menu__legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:.8125rem;line-height:1.3;color:var(--ink-2)}
.menu__legend .lg{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.menu__legend .chilli svg{width:15px;height:15px}
.prix{display:flex;flex-wrap:wrap;gap:8px}
.prix span{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:-4px;background:var(--paper)}
.prix small{font:600 .6875rem/1 var(--f-text);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.prix b{font:400 1.25rem/1 var(--f-display);color:var(--basil)}
.menu__when{display:flex;flex-wrap:wrap;gap:0 10px;font:italic 400 .9375rem/1.4 var(--f-display);color:var(--ink-2)}
@media (min-width:900px){
  .menu{padding-top:28px}
  .menu__head{grid-template-columns:auto minmax(0,1fr) auto;gap:12px 24px;padding-bottom:20px}
  .menu__photo{width:84px}
  .menu__kicker{font-size:1.0625rem}
  .menu__sprig{width:58px;height:20px}
  .menu__meta{grid-column:auto;justify-content:flex-end;max-width:620px}
  .menu__legend{justify-content:flex-end}
  .menu__when{justify-content:flex-end;flex-basis:100%}
}

/* Section nav, sticky only while its own menu is on screen */
.msecnav{position:sticky;top:var(--mtabs-real,calc(var(--mtabs-h) + 2px));z-index:40;background:var(--paper);border-bottom:1px solid var(--rule-soft)}
.msecnav ul{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-inline:max(var(--gutter),calc((100% - var(--max)) / 2));scroll-padding-inline:var(--gutter)}
.msecnav ul::-webkit-scrollbar{display:none}
.msecnav li{flex:none}
.msecnav a{position:relative;display:inline-flex;align-items:center;min-height:var(--msec-h);padding:0 12px;font:500 .875rem/1 var(--f-text);letter-spacing:.02em;white-space:nowrap;text-decoration:none;color:var(--ink-2)}
.msecnav li:first-child a{padding-left:0}
.msecnav a:hover{color:var(--ink)}
.msecnav a:focus-visible{outline-offset:-4px}
.msecnav a[aria-current]{color:var(--basil);font-weight:600}
.msecnav a[aria-current]::before{content:"";position:absolute;left:50%;bottom:8px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--basil)}
.msecnav li:first-child a[aria-current]::before{left:calc(50% - 6px)}

/* Sections, printed-menu style */
.menu__body{padding-bottom:8px}
.msec{padding-top:clamp(40px,6vw,72px)}
.menu__body>.msec:first-child{padding-top:clamp(18px,2.4vw,30px)}
.msec__title{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,18px);font-size:clamp(1.75rem,1.3rem + 1.8vw,2.625rem);line-height:1.05;letter-spacing:-.02em;text-align:center}
.msec__orn{width:clamp(40px,6vw,64px);height:auto;flex:none}
.msec__orn--l{transform:scaleX(-1)}
.msec__note{max-width:40rem;margin:10px auto 0;text-align:center;font:italic 400 1.0625rem/1.5 var(--f-display);color:var(--ink-2)}
.msec__note a{color:var(--basil)}
.msec__guide{max-width:40rem;margin:10px auto 0;text-align:center;font-size:.8125rem;line-height:1.5;color:var(--ink-3)}
.items{margin:clamp(12px,2vw,24px) auto 0;max-width:46rem}
.item{break-inside:avoid;padding:10px 0 13px}
.item__row{display:flex;align-items:baseline;align-items:last baseline;gap:8px}
.item__extras li::after{content:"";order:1;flex:1 1 auto;min-width:18px;height:4px;background:radial-gradient(circle,var(--ink-3) 1px,transparent 1.35px) 0 100%/6px 4px repeat-x;opacity:.75}
.item__extras .item__p{order:2}
.item__row:not(.item__row--np) .item__name{flex:1 1 auto;overflow:hidden}
.item__row:not(.item__row--np) .item__name::after{content:"";display:inline-block;width:100vw;margin-right:-100vw;margin-left:8px;height:4px;background:radial-gradient(circle,var(--ink-3) 1px,transparent 1.35px) 0 100%/6px 4px repeat-x;opacity:.75}
.item__name{min-width:0;font:500 1.1875rem/1.28 var(--f-display);letter-spacing:-.005em}
.item__p{flex:none;font:600 .9375rem/1.2 var(--f-text);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.item__p--multi{display:flex;gap:12px}
.item__p--multi small,.item__p--supp small{font-weight:500;font-size:.75rem;letter-spacing:.04em;color:var(--ink-3);margin-right:2px}
.item__desc{margin-top:3px;max-width:39.7em;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}
.item__origin{font:600 .6875rem/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--basil);margin-right:.7em}
.item__opts{margin-top:4px;font:italic 400 .9375rem/1.45 var(--f-display);color:var(--ink-2)}
.item__extras{margin-top:6px}
.item__extras li{display:flex;align-items:baseline;gap:8px;font-size:.875rem;color:var(--ink-2)}
.item__extras .item__p{font-size:.875rem;color:var(--ink)}
.items--cols{--pw:3.9rem}
@media (min-width:600px){.items--cols{--pw:4.6rem}}
.items--cols .item__p{width:var(--pw)}
.item__nil{display:inline-block;width:10px;height:1px;background:var(--rule);vertical-align:middle}
.cols{display:flex;justify-content:flex-end;gap:8px;max-width:46rem;margin:clamp(18px,3vw,30px) auto -8px;font:600 .6875rem/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.cols{--pw:3.9rem}
@media (min-width:600px){.cols{--pw:4.6rem}}
.cols span{width:var(--pw);text-align:right}
.cols span:first-child{flex:1;width:auto}
.cols+.items{margin-top:8px}
.marks{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;margin-left:.45em;vertical-align:.14em}
.marks .diet{vertical-align:0}
.chilli{display:inline-flex;color:var(--tomato)}
.chilli svg{width:17px;height:17px}
.new{display:inline-flex;align-items:center;height:19px;padding:0 7px 1px;border-radius:2px;background:var(--tomato-ink);color:#fff;font:italic 400 .8125rem/1 var(--f-display);letter-spacing:.01em}
.diet--o{color:var(--ink-2)}
.taste{display:flex;width:fit-content;margin-top:7px}
.taste__scale{display:inline-flex;align-items:center;gap:7px;font:600 .625rem/1 var(--f-text);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.taste__dots{--n:9;--on:0;display:inline-block;width:calc(var(--n) * 9px - 3px);height:8px;background:radial-gradient(circle at 3px 4px,var(--basil) 3.6px,transparent 4px) calc(var(--on) * 9px) 0/8px 8px no-repeat,radial-gradient(circle at 3px 4px,transparent 1.9px,var(--ink-3) 2.1px 2.9px,transparent 3.1px) 0 0/9px 8px repeat-x}
.taste__dots--ra,.taste__dots--rb,.taste__dots--rc,.taste__dots--rd,.taste__dots--re{--n:5}
.taste__dots--w2{--on:1}
.taste__dots--w3{--on:2}
.taste__dots--w4{--on:3}
.taste__dots--w5{--on:4}
.taste__dots--w6{--on:5}
.taste__dots--w7{--on:6}
.taste__dots--w8{--on:7}
.taste__dots--w9{--on:8}
.taste__dots--rb{--on:1}
.taste__dots--rc{--on:2}
.taste__dots--rd{--on:3}
.taste__dots--re{--on:4}
.taste .visually-hidden{text-transform:none}
.msub{margin-top:clamp(26px,4vw,40px)}
.msub__title{text-align:center;font:italic 400 1.625rem/1.1 var(--f-display);color:var(--basil)}
.msub .msec__note{margin-top:4px}
.msub .items{margin-top:12px}
.menu__notes{max-width:44rem;margin:clamp(44px,6vw,72px) auto 0;padding:22px 24px 20px;border:1px solid var(--rule);outline:1px solid var(--rule-soft);outline-offset:-6px;background:var(--paper-deep);text-align:center}
.menu__notes h3{font:600 .75rem/1 var(--f-text);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px}
.menu__notes p{font-size:.9375rem;line-height:1.55;color:var(--ink-2)}
.menu__notes p+p{margin-top:4px}
.menu__none{max-width:40rem;margin:28px auto 0;padding:18px 20px;border:1px dashed var(--rule);text-align:center;font:italic 400 1.0625rem/1.5 var(--f-display);color:var(--ink-2)}
@media (min-width:900px){
  .items:not(.items--cols):not(.items--short){max-width:none;columns:2;column-gap:clamp(56px,7vw,112px);column-rule:1px solid var(--rule-soft)}
}

/* End of the menus */
.mfoot{margin-top:clamp(64px,9vw,128px);padding-top:clamp(40px,6vw,72px);padding-bottom:var(--section);border-top:3px double var(--ink);text-align:center}
.mfoot__title{font-size:var(--step-3);letter-spacing:-.02em}
.mfoot__title em{color:var(--basil)}
.mfoot p{max-width:29.4em;margin:14px auto 0;color:var(--ink-2)}
.mfoot__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}

/* ---------- Print: the menu page prints as a paper menu ---------- */
@media print{
  .menu .item[hidden],.menu .msub[hidden],.menu .msec[hidden],.menu .menu__notes[hidden]{display:block!important}
  .menu .menu__none,.mstatus{display:none!important}
  @page{size:A4;margin:12mm 13mm}
  html{font-size:13px}
  body{color:#000}
  .colophon,.menu__pdf,.mcover__more{display:none!important}
  .menu{break-before:auto}
  .menu+.menu{break-before:page}
  .mcover{padding:0 0 4pt}
  .mcover__title{font-size:26pt}
  .menu__head{padding-bottom:4pt}
  .menu__title{font-size:22pt}
  .msec{padding-top:12pt}
  .msec__title{font-size:16pt}
  .msec__orn{width:34px}
  .item{padding:3pt 0 4pt}
  .item__name{font-size:11pt}
  .item__desc,.item__opts{font-size:9pt;line-height:1.35}
  .items--cols,.cols{max-width:none}
  .menu__notes{margin-top:12pt;padding:8pt 10pt}
  main::after{content:"Al Dente Restaurant & Bar \00b7 1 Lark Lane, Liverpool L17 8UN \00b7 0151 727 2111 \00b7 aldenterestaurant.co.uk";display:block;margin-top:14pt;text-align:center;font:600 8pt/1.4 var(--f-text)}
  body{background:#fff;padding:0}
  .skip,.masthead,.actionbar,.mtabs,.msecnav,.menu__photo,.mfoot,.contents,.booking,.cover__actions,.today__cta,.bar__actions,.occ__actions,.visit__actions{display:none!important}
  .menu{padding-top:0}
  .menu+.menu{border-top:0;margin-top:0}
  .mcover{padding-bottom:12pt}
  .msec{padding-top:18pt}
  .msec__title{break-after:avoid}
  .item,.menu__notes,.prix{break-inside:avoid}
  .items:not(.items--cols):not(.items--short){columns:2;column-gap:28pt}
  a{text-decoration:none}
  .bar,.colophon{background:#fff;color:#1E2721}
}

/* ======================= AUDIT ROUND (after the page styles, so these win) ======================= */
/* ---------- Small pieces added in the audit round ---------- */
.lost{padding-block:var(--section)}
.lost .occ__list{max-width:36rem;margin-bottom:28px}
.press__quote .press__also p{margin-top:18px;font:italic 400 var(--step-1)/1.4 var(--f-display);color:var(--ink-2);text-wrap:balance}
.tguide{max-width:40rem;margin:clamp(24px,3vw,36px) auto 0;padding:14px 18px;border:1px solid var(--rule);background:var(--paper-deep);text-align:center}
.tguide__title{font:600 .75rem/1 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.tguide .msec__guide{margin:0}
.msec__ph{margin-top:10px;text-align:center}

/* ---------- Keyboard focus inside the sticky menu bars (A11Y-03) ---------- */
/* The bar's own controls sit inside the scroll-padding zone, so Chrome would scroll the page on every Tab. */
.page-menu :is(.mtabs,.msecnav) :is(a,button,input){
  scroll-margin-top:calc(-1 * (var(--mtabs-real,58px) + var(--msec-h) + 14px));
  scroll-margin-bottom:calc(var(--mtabs-real,58px) + var(--msec-h) + 14px)}

/* ---------- Very narrow screens: the filter button stays on the tab row (A11Y-04) ---------- */
@media (max-width:359.98px){
  .mtab{padding:0 5px;font-size:.9375rem}.mtab::after{left:5px;right:5px}
  .mtabs__list li:first-child .mtab{padding-left:0}.mtabs__list li:first-child .mtab::after{left:0}
  .mtabs__bar{column-gap:4px}}
/* ---------- Short viewports (400 % zoom, landscape phones): only the menu tab bar stays sticky (A11Y-04) ---------- */
@media (max-height:500px){
  .masthead,.msecnav{position:relative;top:auto}
  .actionbar{position:static}
  :root{--bar-h:0px}
  .page-menu{--msec-h:0px}}

/* ---------- Windows contrast themes (A11Y-10, A11Y-21) ---------- */
@media (forced-colors:active){
  .chip[aria-pressed="true"]{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}
  .chip[aria-pressed="true"] .diet{color:HighlightText;border-color:HighlightText}
  .mtab[aria-current]::after,.msecnav a[aria-current]::before,.contents__icon::before,.contents__icon::after{forced-color-adjust:none;background:CanvasText}
  .item__row .item__name::after,.item__extras li::after,.toc__lead{forced-color-adjust:none;background-image:radial-gradient(circle,CanvasText 1px,transparent 1.35px)}
  .taste__dots{forced-color-adjust:none;background:radial-gradient(circle at 3px 4px,CanvasText 3.6px,transparent 4px) calc(var(--on) * 9px) 0/8px 8px no-repeat,radial-gradient(circle at 3px 4px,transparent 1.9px,CanvasText 2.1px 2.9px,transparent 3.1px) 0 0/9px 8px repeat-x}
  .actionbar__book,.new{border:1px solid}
}

/* ---------- Visual QA round (audit-a/visual) ---------- */
/* VIS-01 (a), VIS-03: nothing forces the page wider (footer band at 900-1199 px, 200 % text, long labels) */
@media (min-width:900px) and (max-width:1199.98px){.colophon__brand,.colophon__cols{grid-column:1/-1}}
.folio__name{white-space:normal;text-align:right;min-width:0}
@media (max-width:1099.98px){.today__card{grid-template-columns:minmax(0,1fr)}}
.today__head{flex-wrap:wrap}
.toc__p{white-space:normal;text-align:right}
/* large text (200 %): a long title or dish name breaks rather than widening the page */
.toc__t,.toc__sub{overflow-wrap:break-word}
@media (max-width:599.98px),(min-width:900px){.carte__figs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.colophon a[href^="mailto"],.facts a[href^="mailto"]{overflow-wrap:anywhere}
.cover__title{font-size:min(var(--step-5),16vw)}
.occ__num{font-size:min(clamp(5.5rem,3rem + 13vw,13rem),28vw)}
.msec__title>span{min-width:0}
/* VIS-05: the seal clears the title at 900-1199 px */
@media (min-width:900px) and (max-width:1199.98px){.seal{left:-8%}}
/* VIS-06: the Fig. 2 caption stays clear of the overlapping family photo */
@media (max-width:899.98px){.story__fig-a .fig-cap{max-width:calc(73% - 16px)}}
/* VIS-07: no hole between the two rows of dish photos */
@media (min-width:900px){.carte__figs{align-self:center}}
/* VIS-08: menu heads keep their title, kicker and PDF link on one line at 900-1100 px */
@media (min-width:900px){
  .menu__head{grid-template-columns:auto max-content minmax(0,1fr)}
  .menu__kicker,.menu__title,.menu__pdf{white-space:nowrap}
  .menu__meta{justify-self:end}
  .mcover__title{flex:none;white-space:nowrap}
}
/* VIS-09: one tab row on 320-374 px phones */
@media (max-width:374.98px){.mtab{font-size:.9375rem;padding:0 6px}.mtab::after{left:6px;right:6px}.mtabs__bar{column-gap:4px}}
/* VIS-10: jumping to a menu does not leave the previous menu's section row showing */
.page-menu .menu{scroll-margin-top:-50px}
/* VIS-11: dishes on the first screen of small phones (the page title stays for screen readers) */
@media (max-width:599.98px){
  .mcover{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0}
  .menu__head{grid-template-columns:minmax(0,1fr);gap:4px;padding-bottom:8px}
  .menu__photo{display:none}
  .menu__title{font-size:1.75rem}
  .menu__body>.msec:first-child{padding-top:10px}
}
/* VIS-16: captions as one balanced paragraph */
.fig-cap{display:block;text-wrap:balance}
.fig-cap b{margin-right:.6em}
/* VIS-17: shared baselines */
.folio{align-items:baseline}
.folio__rule{align-self:center}
.cover__runner{align-items:baseline}
@media (min-width:600px){.facts>div{align-items:baseline}}
/* VIS-18: footer type */
.colophon__cols address{font-size:.9688rem;line-height:1.7}
.colophon__cols li a,.colophon__links a{align-items:flex-start}
/* VIS-19: spritz rows top-aligned */
.spritz .bar__list li{align-content:start}
/* VIS-21: measure */
.prose{max-width:33em}
.items--cols .item__desc{max-width:33em}
.msec__guide{max-width:28rem;margin-inline:auto}
/* VIS-22: the kicker's separator only where it shares a line */
@media (max-width:599.98px){.kicker__dot{display:none}}
/* VIS-23: stacked buttons share a width on small phones */
@media (max-width:599.98px){.cover__actions .btn,.occ__actions .btn,.visit__actions .btn{flex:1 1 auto}}
/* VIS-25: every button is a keylined ticket, with a pressed state */
.btn--line{box-shadow:inset 0 0 0 3px var(--bg,var(--paper)),inset 0 0 0 4px rgba(30,39,33,.3)}
.btn--line:hover{box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 4px rgba(246,239,226,.45)}
.btn:active{transform:translateY(1px)}
/* VIS-26: focus rings inside the stuck bars are not clipped */
.mtab:focus-visible{outline-offset:-4px}
/* VIS-28: the spread on 320-399 px phones */
@media (max-width:399.98px){.spread__bread,.spread__after{flex-direction:column;gap:6px}}
.stamp small{text-align:center}
/* VIS-29: optical alignment of the big numerals and the cover line */
.occ__num{margin-left:-.045em}
.cover__title{margin-left:-.025em}

/* ---------- Confirmed facts: hours, company, privacy page ---------- */
.today__hours small{display:block;margin-top:4px;font:400 .75rem/1.4 var(--f-text);color:var(--ink-3)}
.today__hours a{color:var(--basil)}
.facts__line{display:block}
.facts__note{display:block;margin-top:2px;font-size:.8125rem;color:var(--ink-3)}
.xmas__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.xmas__actions .btn{margin-top:0}
.colophon__privacy{display:inline-flex;align-items:center;min-height:44px;color:var(--cream-on-green)}
.colophon__company{flex:1 1 32em;color:rgba(243,235,220,.78)}
.legal{padding-bottom:var(--section)}
.legal .folio{margin-top:clamp(20px,3vw,36px)}
.legal__title{max-width:14em}
.legal__updated{margin-top:12px;font:italic 400 1.0625rem/1.4 var(--f-display);color:var(--ink-2)}
.legal__body{margin-top:clamp(24px,3vw,40px);max-width:36em}
.legal__body h2{margin:2em 0 .5em;font-size:var(--step-2);letter-spacing:-.01em}
.legal__body ul{margin:.6em 0 1em;padding-left:1.2em;list-style:disc}
.legal__body li{margin:.25em 0}
.legal__body li::marker{color:var(--basil)}
.legal__body a{color:var(--basil);overflow-wrap:anywhere}
/* the hero kicker's two halves stack on phones, and may wrap themselves at very large text sizes */
@media (max-width:599.98px){.cover__kicker .nowrap{display:block;white-space:normal}}
/* Large text (200 %) on a narrow phone: a word wider than its box breaks instead of widening the page.
   break-word only acts on an overflowing word, so it changes nothing at normal sizes (and not min-content). */
body{overflow-wrap:break-word}
/* ...and the masthead logo gives way (it is not text) before the Contents label pushes the bar past the screen. */
.masthead__logo{flex:0 1 auto;min-width:0}
.masthead__logo img{max-width:100%}
/* Photos from img/ (manifest.json): each file is cut to its frame, so they sit at 50% 50%. */
.cover__figure .arch,.story__fig-a .arch,.story__fig-b .arch,.occ__fig .arch{--pos:50% 50%}
@media (max-width:899.98px){.cover__figure .arch{--ar:1}}
.story__fig-a .arch{--ar:3/5}

/* ---------- Good to know (FAQ under Find us; text and FAQPage JSON-LD generated by build_menu.py) ---------- */
.faq{margin-top:clamp(48px,6vw,88px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--ink)}
.faq__title{margin:0 0 6px;font:400 var(--step-2)/1.15 var(--f-display);color:var(--ink)}
.faq__title i{margin-left:.35em;font-size:.62em;font-style:italic;color:var(--basil)}
.faq__list{display:grid;align-items:start;column-gap:clamp(32px,5vw,72px)}
.faq__col{min-width:0}
@media (min-width:900px){.faq__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.faq__item{border-bottom:1px solid var(--rule-soft)}
.faq__item>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font:400 var(--step-1)/1.3 var(--f-display);letter-spacing:normal;text-transform:none;color:var(--ink)}
.faq__item>summary::-webkit-details-marker{display:none}
.faq__item>summary::after{content:"+";flex:none;font:300 1.6em/1 var(--f-display);color:var(--basil);transition:transform .2s}
.faq__item[open]>summary::after{transform:rotate(45deg)}
.faq__item>summary:hover{color:var(--basil)}
.faq__item>p{margin:0 0 18px;max-width:38em;color:var(--ink-2)}
.faq__item a{color:var(--basil);font-weight:600}
@media (prefers-reduced-motion:reduce){.faq__item>summary::after{transition:none}}