.menu-modal{position:fixed;inset:0;z-index:130;display:none;background:rgba(20,14,7,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px}
.menu-modal.open{display:flex}
.mm-card{position:relative;background:var(--cream);max-width:640px;width:100%;max-height:88vh;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(20,14,7,.6);display:flex;flex-direction:column;animation:mmIn .3s cubic-bezier(.2,.7,.3,1)}
@keyframes mmIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.mm-x{position:absolute;top:14px;right:16px;z-index:3;width:40px;height:40px;border-radius:50%;border:none;background:rgba(251,245,239,.92);color:var(--ink);font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:0 4px 14px -6px rgba(74,52,21,.5);transition:transform .2s}
.mm-x:hover{transform:scale(1.08)}
.mm-scroll{overflow-y:auto;padding:40px 34px 32px}
.mm-kicker{font-family:'Hanken Grotesk',sans-serif;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep)}
.mm-title{font-family:'Prata','Marcellus',serif;font-weight:600;font-size:2rem;line-height:1.05;margin:6px 0 12px;color:var(--ink)}
.mm-intro{font-family:'Hanken Grotesk',sans-serif;font-size:.85rem;line-height:1.6;color:var(--ink-soft);font-weight:300}
.mm-sec{margin-top:24px}
.mm-sec h4{font-family:'Hanken Grotesk',sans-serif;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--hair)}
.mm-secnote{font-family:'Hanken Grotesk',sans-serif;font-size:.7rem;letter-spacing:.05em;color:var(--ink-soft);font-style:italic;margin:-6px 0 12px}
.mm-item{margin:0 0 11px}
.mm-item b{font-family:'Prata','Marcellus',serif;font-weight:600;font-size:1.1rem;color:var(--ink);line-height:1.2}
.mm-item span{display:block;font-family:'Hanken Grotesk',sans-serif;font-size:.76rem;color:var(--ink-soft);font-weight:300;margin-top:2px;letter-spacing:.01em}
.mm-note{margin-top:24px;padding-top:16px;border-top:1px solid var(--hair);font-family:'Hanken Grotesk',sans-serif;font-size:.72rem;letter-spacing:.05em;color:var(--gold-deep);font-style:italic}
.mm-cta{margin-top:26px}
.mm-cta .btn{width:100%}
@media(max-width:560px){.mm-scroll{padding:36px 22px 26px}.mm-title{font-size:1.7rem}}