:root{color-scheme:light;--cream:#f2ecd5;--orange:#dc5a0b;--ink:#29251f;--line:#d3c6aa}
*{box-sizing:border-box}
html{background:var(--cream);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:Tahoma,Arial,sans-serif}
a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.landing{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,40%);grid-template-rows:1fr 1fr;min-height:100vh;min-height:100svh;direction:ltr;border-top:7px solid var(--orange)}
.brand{grid-column:2;grid-row:1;display:flex;align-items:flex-end;justify-content:center;padding:48px 32px 0;direction:rtl}
.brand>img{display:block;width:min(100%,430px);height:auto;mix-blend-mode:darken}
.sandwich-photo{grid-column:1;grid-row:1/3;position:relative;overflow:hidden;background:#26342a;min-height:600px}
.sandwich-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:42% 50%;display:block}
.links{grid-column:2;grid-row:2;direction:rtl;display:flex;flex-direction:column;align-items:center;padding:30px 38px 48px}
.menu-link{width:min(100%,350px);min-height:74px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--orange);color:#fff8e9;text-decoration:none;border:1px solid var(--orange);border-radius:3px;transition:background-color .18s,transform .18s}
.menu-link>span:first-child{font-size:1.7rem;font-weight:700;line-height:1.5}
.menu-english{font-size:.9375rem;letter-spacing:.13em;font-family:Arial,sans-serif;font-weight:700}
.menu-link:hover{background:#b74606;border-color:#b74606;transform:translateY(-2px)}
.socials{width:100%;margin-top:36px;text-align:center}
.handle{font-family:Arial,sans-serif;font-size:1rem;letter-spacing:.06em;margin:0 0 18px}
.social-links{direction:ltr;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.social-links>a{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background-color .18s,border-color .18s,transform .18s}
.social-links>a:hover{background:#e7dcc2;border-color:var(--orange);transform:translateY(-3px)}
.social-links img{display:block;opacity:.85}
@media(min-width:1600px){.brand>img{width:480px;max-width:100%}.menu-link{width:380px}}
@media(max-width:850px){
  .landing{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;border-top-width:5px}
  .brand{grid-column:1;grid-row:1;padding:12px 24px 10px;align-items:center}
  .brand>img{width:min(62vw,270px)}
  .sandwich-photo{grid-column:1;grid-row:2;min-height:0;aspect-ratio:1.5}
  .sandwich-photo>img{object-fit:contain;object-position:center}
  .links{grid-column:1;grid-row:3;padding:25px 24px 32px}
  .menu-link{min-height:66px;width:min(100%,420px);padding:12px 24px}
  .menu-link>span:first-child{font-size:1.5rem}
  .socials{margin-top:23px}
  .handle{margin-bottom:13px}
  .social-links{gap:10px}
}
@media(prefers-reduced-motion:reduce){a{transition:none!important}}

/* The menu is the unaltered PDF, displayed without viewer controls. */
.menu-page{background:var(--cream)}
.pdf-menu{width:100%;max-width:840px;margin:0 auto;overflow:hidden}
.pdf-tile{position:relative;display:block;width:100%;margin:0;padding:0;overflow:hidden;background:var(--cream)}
.pdf-tile>img{display:block;width:100%;height:auto}
.pdf-tile>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.pdf-fallback{border:0;width:100%;height:100vh}
@media print{.pdf-menu{max-width:none}.pdf-tile{break-inside:avoid}}