.menu-toggle,.mobile-menu{display:none}.desktop-projects{font-size:13px}
@media(max-width:760px){
.header>nav:not(.mobile-menu),.header>.contact-link,.header>#back-projects,.header>.desktop-projects,.catalog-header>a:not(:first-child){display:none}
.header,.catalog-header{justify-content:space-between;z-index:100}.catalog-header{position:relative}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;width:48px;height:48px;padding:10px;margin-left:auto;background:transparent;border:0;color:#fff}
.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;transition:transform .2s,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)}
.header .mobile-menu,.catalog-header .mobile-menu{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:0;background:#080808;border-bottom:1px solid #333;padding:14px 6vw 24px;max-height:calc(100svh - 100px - env(safe-area-inset-top,0px));overflow-y:auto;box-shadow:0 18px 25px #0005;animation:menu-in .2s ease-out}
.header .mobile-menu[hidden],.catalog-header .mobile-menu[hidden]{display:none}
.header .mobile-menu a,.catalog-header .mobile-menu a{display:block;font:20px Arial,Helvetica,sans-serif;letter-spacing:-.02em;text-transform:none;padding:16px 0;border-bottom:1px solid #ffffff18;min-height:52px;color:#f2f2eb}
.header .mobile-menu a:last-child,.catalog-header .mobile-menu a:last-child{display:block;color:#ef233c;border:0}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span,.mobile-menu{transition:none!important;animation:none!important}}
/* Keep the injected mobile navigation out of desktop flex rules. */
.header .mobile-menu[hidden],.catalog-header .mobile-menu[hidden]{display:none!important}
@media(min-width:761px){.header .mobile-menu,.catalog-header .mobile-menu,.header .menu-toggle,.catalog-header .menu-toggle{display:none!important}}
