/* Compact menu artwork shares the mockup's slate and copper palette. */
.page-heading.menu-illustrated{position:relative;isolation:isolate;overflow:hidden;min-height:148px;padding:24px 26px;border:1px solid var(--line);border-radius:var(--radius);background:#172126;align-items:center}
.menu-illustrated .menu-heading-art{position:absolute;inset:0 0 0 auto;width:64%;height:100%;object-fit:cover;object-position:70% 50%;z-index:-2;pointer-events:none}
.menu-illustrated::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172126 0%,#172126f5 28%,#172126b8 48%,#17212614 74%,#17212638 100%);z-index:-1;pointer-events:none}
.menu-illustrated>div:first-of-type{max-width:64%;min-width:0}
.menu-illustrated .eyebrow{color:#adc2c1}
.menu-illustrated h1{text-shadow:0 2px 12px #10191c;overflow-wrap:anywhere}
.menu-illustrated>div:first-of-type>p:last-child{color:#c6d2cf;line-height:1.55;max-width:550px}
.menu-illustrated .heading-actions{align-self:flex-start;flex-shrink:0;padding:5px 7px;border-radius:8px;background:#142024bd;backdrop-filter:blur(8px)}
@media(max-width:1100px){.menu-illustrated .menu-heading-art{width:70%}.menu-illustrated>div:first-of-type{max-width:72%}}
@media(max-width:759px){
 .page-heading.menu-illustrated{min-height:150px;padding:20px 18px;gap:8px}
 .menu-illustrated .menu-heading-art{width:100%;object-position:68% 50%;opacity:.72}
 .menu-illustrated::after{background:linear-gradient(90deg,#172126f5 0%,#172126d9 34%,#17212675 72%,#17212645),linear-gradient(0deg,#17212688,transparent)}
 .menu-illustrated>div:first-of-type{max-width:calc(100% - 42px)}
 .menu-illustrated .heading-actions{padding:0;background:transparent;backdrop-filter:none}
 .menu-illustrated .heading-actions .icon-button{background:#172126b8}
 .menu-illustrated h1{font-size:clamp(24px,7.7vw,32px)}
 .menu-illustrated>div:first-of-type>p:last-child{font-size:10px}
}