/* Loaded exclusively by the second, independent CMS menu preview. Brand tokens unchanged. */
.menu-preview-page .mp-shell {
 background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 10%,var(--mp-surface)),var(--mp-surface) 47%,color-mix(in srgb,var(--brand-accent) 7%,var(--mp-surface)));
 border-color:color-mix(in srgb,var(--brand-dark-text) 18%,var(--mp-line));
 box-shadow:0 2px 3px #0002,0 16px 28px #0003,0 34px 55px #0003,inset 0 1px 0 #ffffff20,inset 0 -3px 0 #0003;
}
[data-public-theme="light"] .menu-preview-page .mp-shell {
 background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 4%,var(--mp-surface)),var(--mp-surface) 52%);
 border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--mp-surface));
 box-shadow:0 2px 3px #1420440c,0 16px 28px #14204416,0 34px 55px #1420441a,inset 0 1px 0 #fff,inset 0 -3px 0 #14204409;
}
.menu-preview-page .mp-shell::before {opacity:.035;}
.menu-preview-page .mp-categories {
 background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--brand-accent) 23%,transparent),transparent 70%),linear-gradient(155deg,color-mix(in srgb,var(--brand-primary) 26%,var(--mp-soft)),var(--mp-soft));
 box-shadow:inset 0 1px 0 #ffffff16,inset -1px 0 0 #ffffff0c,5px 0 14px #0001;
}
[data-public-theme="light"] .menu-preview-page .mp-categories {
 background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--brand-accent) 14%,transparent),transparent 75%),linear-gradient(155deg,var(--mp-soft),color-mix(in srgb,var(--brand-primary) 10%,var(--mp-surface)));
 box-shadow:inset 0 1px 0 #fff,inset -1px 0 0 #fff9,5px 0 14px #14204409;
}
.menu-preview-page .mp-category[data-active="true"] button {
 background:linear-gradient(135deg,color-mix(in srgb,var(--brand-accent) 23%,var(--mp-surface)),color-mix(in srgb,var(--brand-primary) 12%,var(--mp-surface)));
 box-shadow:inset 3px 0 var(--brand-accent),inset 0 1px 0 #ffffff22,0 3px 6px #0002;
}
.menu-preview-page .public-nav-icon,.menu-preview-page .mp-logo {
 background:linear-gradient(145deg,color-mix(in srgb,var(--mp-surface) 60%,var(--mp-soft)),var(--mp-soft));
 box-shadow:inset 0 1px 0 #ffffff20,0 2px 3px #0001;
}
.menu-preview-page .mp-contact.mp-project-card {
 background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--mp-feature-accent) 17%,transparent),transparent 48%),linear-gradient(155deg,var(--brand-dark-surface-elevated),var(--brand-dark-surface));
 color:var(--brand-dark-text);border:1px solid color-mix(in srgb,var(--mp-feature-accent) 25%,var(--brand-dark-border));
 box-shadow:inset 0 1px 0 #ffffff22,inset 0 -2px 0 #0003,0 6px 10px #0002,0 14px 26px #0002;
}
.menu-preview-page .mp-project-heading h2,.menu-preview-page .mp-feature-wordmark {color:var(--brand-dark-text);}
/* A dark showcase uses its CMS-supplied dark logo even on the light page. */
.menu-preview-page .mp-project-card .mp-logo-light {display:none;}
.menu-preview-page .mp-project-card .mp-logo-dark {display:block;}
.menu-preview-page .mp-project-art .mp-contact-image {filter:drop-shadow(0 8px 8px #0003);}
.menu-preview-page .mp-project-card .mp-contact-action {
 box-shadow:inset 0 1px 0 #ffffff40,inset 0 -2px 0 #0002,0 4px 8px #0003;
 transition:transform 160ms ease-out;
}
.menu-preview-page .mp-project-card .mp-contact-action:hover {transform:translateY(-1px);}
.menu-preview-page .mp-group-grid>.mp-group {border-radius:8px;}
@media (prefers-reduced-motion:reduce) {
 .menu-preview-page .mp-project-card .mp-contact-action {transition:none;transform:none;}
}