/* A photographic menu companion to the approved After Dark hero. */
#menu.menu-section,#menu:target.menu-section{padding:clamp(68px,7vw,110px) max(22px,calc((100vw - 1240px)/2)) clamp(76px,8vw,120px);background:radial-gradient(circle at 78% 2%,#52311d55,transparent 32%),radial-gradient(circle at 5% 72%,#39231877,transparent 38%),#130d0a;color:#f6eddf}
#menu .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,360px);align-items:end;gap:24px;margin-bottom:36px;padding-bottom:30px;border-bottom:1px solid #d5b67a55}
#menu .section-heading::after{width:180px;height:2px;background:#d5b67a}
#menu .section-heading .eyebrow{color:#d5b67a;letter-spacing:.23em}
#menu .section-heading h2{font:500 clamp(52px,6.4vw,92px)/1.05 'Playfair Display',Georgia,serif;letter-spacing:-.05em;color:#f6eddf}
#menu .section-heading>p{max-width:34ch;margin:0 0 7px;color:#cdbda6;font-size:15px;line-height:1.65}
#menu .menu-status{color:#a99579;font-size:12px;letter-spacing:.02em}
#menu .category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:4px 0 18px;margin-bottom:0}
#menu .category-nav a.category-option{position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;padding:0;border:1px solid #c9a86b50;border-radius:2px;background:#261810;color:#f6eddf;text-align:left;box-shadow:0 16px 36px #0004;transition:transform .3s,border-color .3s,box-shadow .3s}
#menu .category-nav a.category-option::after{content:none}
#menu .category-nav a.category-option img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:saturate(.84) brightness(.84);transition:transform .7s,filter .4s}
#menu .category-nav a.category-option:hover,#menu .category-nav a.category-option:focus-visible{border-color:#e5c88e;box-shadow:0 22px 44px #0008;transform:translateY(-4px)}
#menu .category-nav a.category-option:hover img,#menu .category-nav a.category-option:focus-visible img{filter:saturate(.95) brightness(.98);transform:scale(1.045)}
#menu .category-nav a.category-option span{display:flex;min-height:65px;align-items:center;justify-content:flex-start;padding:13px 17px;color:#f6eddf;font:500 clamp(17px,1.5vw,22px)/1.2 'Playfair Display',Georgia,serif;text-align:left;letter-spacing:-.02em}
#menu .category-nav a.menu-category-placeholder::before{position:static;width:100%;height:auto;aspect-ratio:4/3;border:0;border-radius:0;background:radial-gradient(circle at center,#73502e55,transparent 45%),repeating-linear-gradient(45deg,#d5b67a0b 0 1px,transparent 1px 18px),#241710;color:#d5b67a;content:'AL MASHHOOR';font:500 16px 'Playfair Display',Georgia,serif;letter-spacing:.13em}
#menu .category-nav a.menu-category-placeholder span{border-top:1px solid #d5b67a3a}
#menu .menu-category-back{margin:0 0 26px;padding:12px 18px;border:1px solid #d5b67a77;border-radius:2px;background:#241710;color:#efd4a2;font-size:12px;font-weight:700;letter-spacing:.06em}
#menu .menu-category-back:hover{background:#3d2819;border-color:#e5c88e}
#menu .menu-grid .menu-card,#menu .menu-grid .menu-card.menu-dark,#menu .menu-grid .menu-card.menu-sweets,#menu .menu-grid .menu-card.is-active{padding:clamp(25px,3.5vw,52px);border:1px solid #d5b67a42;border-radius:2px;background:linear-gradient(145deg,#271910,#170f0b 74%);box-shadow:0 25px 60px #0005}
#menu .menu-grid .menu-card::before{left:clamp(25px,3.5vw,52px);width:120px;background:linear-gradient(90deg,#d5b67a,transparent)}
#menu .card-heading{display:flex;align-items:center;gap:25px;padding-bottom:25px;border-bottom:1px solid #d5b67a48}
#menu .card-heading h3{margin:0;color:#f6eddf;font:500 clamp(38px,4.4vw,68px)/1.05 'Playfair Display',Georgia,serif;letter-spacing:-.045em}
#menu .card-heading p{margin:9px 0 0;color:#c5b39b;font-size:14px;line-height:1.6}
#menu .menu-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
#menu .menu-list li,#menu .menu-list li:not(.menu-no-photo),#menu .menu-list li.menu-no-photo{display:block;min-width:0;min-height:0;padding:0;border:0;background:none;transform:none}
#menu .menu-list .dish-open{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:start;gap:0 10px;width:100%;height:100%;min-height:0;padding:9px 9px 15px;border:1px solid #d5b67a35;border-radius:2px;background:#1a110d;color:#f6eddf;box-shadow:0 10px 24px #0003;text-align:left;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
#menu .menu-list .dish-open:hover{border-color:#d5b67a99;background:#251810;box-shadow:0 18px 30px #0006;transform:translateY(-3px)}
#menu .menu-list .dish-open:focus-visible{outline:2px solid #efd4a2;outline-offset:3px}
#menu .menu-list .dish-open .menu-photo-frame{grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/10;margin:0 0 14px;overflow:hidden;border:0;border-radius:1px;background:#20140e}
#menu .menu-list .dish-open .menu-thumb{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.88);transition:filter .35s,transform .65s}
#menu .menu-list .dish-open:hover .menu-thumb{filter:saturate(1) brightness(1);transform:scale(1.045)}
#menu .menu-list .dish-open .dish-name{grid-column:1;align-self:start;margin:0 0 0 4px;padding:0;color:#f6eddf;font:600 13px/1.45 'DM Sans',sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}
#menu .menu-list .dish-open b{grid-column:2;justify-self:end;align-self:start;margin:0 4px 0 0;padding:0;border:0;border-radius:0;background:none;color:#d5b67a;font:700 12px/1.45 'DM Sans',sans-serif;white-space:nowrap}
#menu .menu-list li.menu-no-photo .dish-open::before{grid-column:1/-1;display:grid;place-items:center;width:100%;height:auto;aspect-ratio:16/10;margin-bottom:14px;border:1px solid #d5b67a26;background:radial-gradient(circle at center,#62402455,transparent 40%),repeating-linear-gradient(45deg,#d5b67a08 0 1px,transparent 1px 18px),#21150f;color:#b79561;content:'AL MASHHOOR';font:500 14px 'Playfair Display',Georgia,serif;letter-spacing:.13em}
#menu .menu-list li.menu-no-photo .dish-open::before{grid-row:1}
#menu .menu-list li.menu-no-photo .dish-open .dish-name,#menu .menu-list li.menu-no-photo .dish-open b{grid-row:2}
#menu .menu-list li.menu-no-photo .dish-open{height:auto;min-height:74px;align-content:center;padding:16px 13px;border-color:#d5b67a30;background:linear-gradient(110deg,#24170f,#1a110d);box-shadow:none}
#menu .menu-list li.menu-no-photo .dish-open::before{display:none}
#menu .menu-list li.menu-no-photo .dish-open .dish-name,#menu .menu-list li.menu-no-photo .dish-open b{grid-row:1}
#menu .menu-list li.menu-no-photo .dish-open .dish-name{padding-left:12px;border-left:2px solid #d5b67a}
#menu .menu-footnote{margin-top:28px;padding-top:20px;border-top:1px solid #d5b67a3a;color:#bba990;font-size:12px}
@media(max-width:900px){#menu .category-nav{grid-template-columns:repeat(3,minmax(0,1fr))}#menu .menu-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){#menu.menu-section,#menu:target.menu-section{padding:48px 18px 64px}#menu .section-heading{display:block;gap:0;margin-bottom:22px;padding-bottom:23px}#menu .section-heading h2{font-size:clamp(47px,11vw,70px)}#menu .section-heading>p{margin:15px 0 0;font-size:13px}#menu .category-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#menu .category-nav a.category-option span{min-height:53px;padding:9px 11px;font-size:16px}#menu .category-nav a.menu-category-placeholder::before{width:100%;height:auto;font-size:12px}#menu .menu-grid .menu-card,#menu .menu-grid .menu-card.menu-dark,#menu .menu-grid .menu-card.menu-sweets,#menu .menu-grid .menu-card.is-active{padding:20px 14px}#menu .card-heading{gap:12px;padding-bottom:18px}#menu .card-heading h3{font-size:clamp(32px,9vw,48px)}#menu .card-heading p{font-size:12px}#menu .menu-list{gap:10px;margin-top:20px}#menu .menu-list .dish-open{padding:6px 6px 11px}#menu .menu-list .dish-open .menu-photo-frame,#menu .menu-list li.menu-no-photo .dish-open::before{aspect-ratio:4/3;margin-bottom:10px}#menu .menu-list .dish-open .dish-name{font-size:11px;line-height:1.35}#menu .menu-list .dish-open b{font-size:10px;line-height:1.35}}
@media(max-width:380px){#menu .menu-list{grid-template-columns:1fr 1fr}#menu .menu-list .dish-open .dish-name{font-size:10px}}
@media(max-width:640px){#menu .menu-list li.menu-no-photo .dish-open{min-height:62px;padding:11px 7px}#menu .menu-list li.menu-no-photo .dish-open .dish-name{padding-left:7px}}
@media(prefers-reduced-motion:reduce){#menu .category-nav a.category-option,#menu .category-nav img,#menu .menu-list .dish-open,#menu .menu-list .menu-thumb{animation:none!important;transition:none!important}#menu .category-nav a.category-option:hover,#menu .menu-list .dish-open:hover,#menu .menu-list .dish-open:hover .menu-thumb{transform:none!important}}
