/* MAKfam — site styles */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400 800;font-stretch:100%;font-display:optional;src:url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9H6as8bTXq_nANBjzKo3IeZx8z6up5BeSl5jBNz_19PpbpMXuECpwUxJBOm_OJWiawA1Xp.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body{font-size:1.0625rem}
h1,h2,h3{letter-spacing:-.025em}
h2{font-weight:800}

/* header */
.site-header{background:#fff}
.brand img{height:60px;width:auto}
:root{--header-h:76px}
.nav a{color:var(--ink);font-weight:600;font-size:1rem}
.btn{border-radius:999px;font-weight:700;min-height:48px}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{filter:brightness(1.07)}
.nav a.btn-red,.nav a.btn-red:hover{color:#fff}
.btn-ink{background:var(--ink);color:#fff}
.btn-light{background:#fff;color:var(--ink);border-color:var(--ink)}
.btn-light:hover{background:var(--ink);color:#fff}

/* hero: the restaurant's own photo + sage panel */
.mk-hero{display:grid;grid-template-columns:1fr;background:var(--sage)}
.mk-hero__photo{margin:0;overflow:hidden;aspect-ratio:16/10;max-height:300px;width:100%;background:#d9cfc0}
.mk-hero__photo img{width:100%;height:100%;object-fit:cover;animation:mk-settle 1.2s var(--ease) both}
@keyframes mk-settle{from{transform:scale(1.06)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.mk-hero__photo img{animation:none}}
.mk-hero__panel{padding:clamp(1.5rem,5vw,4rem) var(--gutter);color:var(--ink);display:flex;flex-direction:column;justify-content:center}
.mk-hero h1{font-size:clamp(2.3rem,1.6rem + 3.6vw,4.6rem);line-height:1;margin-bottom:var(--s-4)}
@media(min-width:900px){.mk-hero h1{max-width:12ch}}
.mk-hero .lede{color:var(--ink);font-size:var(--fs-lg);max-width:40ch}
.mk-today{font-weight:700;font-size:var(--fs-lg);margin:var(--s-4) 0 0}
.mk-today span{font-weight:400}
.mk-hero .actions{margin-top:var(--s-4);display:flex;flex-wrap:wrap;gap:var(--s-3)}
@media(max-width:899px){.mk-hero__panel{padding-block:1.25rem 1.75rem}.mk-today{margin-top:var(--s-3)}.mk-hero__photo{max-height:240px}}
@media(min-width:900px){
  .mk-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:min(82vh,760px)}
  .mk-hero__photo{aspect-ratio:auto;max-height:none;height:auto}
}

/* story */
.mk-story{display:grid;gap:var(--s-7);align-items:center}
@media(min-width:900px){.mk-story{grid-template-columns:1.25fr 1fr}}
.mk-quote{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,1.3rem + 2.6vw,3.4rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 var(--s-6);max-width:20ch}
.mk-quote cite{display:block;font-style:normal;font-weight:400;font-size:var(--fs-md);letter-spacing:0;margin-top:var(--s-4);color:var(--ink-2)}
.mk-story figure{margin:0}
.mk-story figure img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}

/* menu board */
.mk-board{background:var(--brand);color:#fff}
.mk-board h2{color:#fff;margin-bottom:var(--s-3)}
.mk-board .intro{color:#e3eee9;max-width:52ch;margin-bottom:var(--s-7)}
.mk-cols{display:grid;gap:var(--s-7) var(--s-7);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.mk-cols h3{font-size:var(--fs-xl);color:var(--accent);margin-bottom:var(--s-2)}
.mk-cols .note{color:#e3eee9;font-size:var(--fs-sm);margin-bottom:var(--s-4)}
.mk-items{list-style:none;margin:0;padding:0}
.mk-items li{padding:var(--s-3) 0;border-top:1px solid rgba(255,255,255,.22)}
.mk-items .row{display:flex;justify-content:space-between;gap:var(--s-4);align-items:baseline;font-weight:700;font-size:var(--fs-lg)}
.mk-items .row b{font-weight:700;color:#fff;white-space:nowrap}
.mk-items p{margin:.2em 0 0;color:#e3eee9;font-size:var(--fs-sm)}
.mk-board .actions{margin-top:var(--s-7);display:flex;flex-wrap:wrap;gap:var(--s-3)}
.mk-board a:not(.btn){color:#fff}

/* full menu page */
.menu-page .mk-items li{border-top-color:var(--line)}
.menu-page .mk-items .row b{color:var(--ink)}
.menu-page .mk-items p{color:var(--ink-2)}
.menu-page .mk-cols h2{font-size:var(--fs-xl);color:var(--brand);margin-bottom:var(--s-2)}
.menu-page .note{color:var(--ink-2);font-size:var(--fs-sm)}
.allergens{font-size:var(--fs-xs);color:var(--ink-3)}

/* walk-in + visit */
.mk-visit{background:var(--mist)}
.mk-visit-grid{display:grid;gap:var(--s-7)}
@media(min-width:900px){.mk-visit-grid{grid-template-columns:1fr 1fr}}
.mk-steps{margin:0 0 var(--s-6);padding-left:1.2em}
.mk-steps li{margin-bottom:var(--s-3);max-width:60ch}
.hours{font-size:var(--fs-md);gap:.35em var(--s-5)}
.hours dt{color:var(--ink)}
.mk-visit figure{margin:0}
.mk-visit figure img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius)}
.map{aspect-ratio:16/10;margin-top:var(--s-4);border-color:var(--line)}
.mk-address{font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--s-2)}

/* MSG band */
.mk-msg{display:grid;gap:var(--s-6);align-items:center}
@media(min-width:800px){.mk-msg{grid-template-columns:minmax(0,320px) 1fr}}
.mk-msg img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}
.mk-msg h2{font-size:clamp(2rem,1.4rem + 2.6vw,3.6rem);line-height:1}

/* inner pages */
.page-head{background:var(--sage);padding-block:clamp(2.5rem,6vw,4.5rem)}
.page-head h1{font-size:clamp(2.3rem,1.6rem + 3vw,4rem);line-height:1;margin-bottom:var(--s-3)}
.page-head .lede{color:var(--ink)}
.prose p,.prose li{max-width:65ch}
.prose h2{font-size:var(--fs-xl);margin-top:var(--s-7)}
.press-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.press-list li{padding:var(--s-4) 0;border-bottom:1px solid var(--line)}
.press-list a{font-weight:700;font-size:var(--fs-lg);text-decoration:none;color:var(--ink)}
.press-list a:hover{text-decoration:underline}
.press-list span{display:block;color:var(--ink-2);font-size:var(--fs-sm)}
.wide-photo{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);margin-block:var(--s-6)}
.two-photos{display:grid;gap:var(--s-4);grid-template-columns:1fr 1fr;margin-block:var(--s-6)}
.two-photos img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}

/* footer */
.site-footer{background:var(--ink);color:#d6e3dd}
.site-footer .brand img{height:64px;width:auto}
.footer-bottom{color:#b5c6bf}