.menu-toggle{display:none;width:48px;height:48px;padding:11px;background:var(--yellow);border:2px solid var(--ink);border-radius:13px;box-shadow:3px 3px 0 var(--ink);cursor:pointer}
.menu-toggle span{display:block;width:100%;height:3px;margin:4px 0;background:var(--ink);border-radius:4px;transition:transform .3s,opacity .2s}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-backdrop{position:fixed;z-index:89;inset:0;background:rgba(23,36,70,.55);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.mobile-menu{position:fixed;z-index:90;top:0;right:0;width:min(420px,92vw);height:100dvh;padding:1.2rem;display:flex;flex-direction:column;background:var(--cream);border-left:2px solid var(--ink);box-shadow:-12px 0 0 rgba(23,36,70,.18);transform:translateX(110%);visibility:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),visibility .45s}
.menu-open{overflow:hidden}
.menu-open .menu-backdrop{opacity:1;visibility:visible}
.menu-open .mobile-menu{transform:translateX(0);visibility:visible}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:.3rem 0 1rem;font-size:.72rem;font-weight:900;letter-spacing:.16em}
.menu-close{width:44px;height:44px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--coral);color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.mobile-menu nav{display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.mobile-menu nav a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.5rem;padding:1.15rem .2rem;border-bottom:2px solid var(--ink);font:400 clamp(1.55rem,7vw,2.2rem) var(--display);transition:padding .2s,color .2s}
.mobile-menu nav a:hover{padding-left:.65rem;color:var(--coral)}
.mobile-menu nav small{font:800 .65rem var(--body)}
.mobile-menu nav b{font:700 1.1rem var(--body)}
.mobile-menu-contact{margin-top:auto;padding:1.15rem;background:var(--yellow);border:2px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink)}
.mobile-menu-contact p{margin:0 0 .8rem;font-size:.87rem;font-weight:800}
.mobile-menu-contact a{display:block;padding:.45rem 0;font-weight:900}
@media(max-width:900px){.header .desktop-nav,.header-call{display:none}.menu-toggle{display:block}}
@media(prefers-reduced-motion:reduce){.menu-toggle span,.menu-backdrop,.mobile-menu{transition:none}}