/* Preserve header layout and the existing orange icon palette. */
html body #menu-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;fill:none}
#menu-btn .burger-top{transform-origin:12px 6px}
#menu-btn .burger-bottom{transform-origin:12px 18px}
#menu-btn svg path{transition:transform 180ms cubic-bezier(.16,1,.3,1),opacity 100ms ease}
#menu-btn[aria-expanded="true"] .burger-top{transform:translateY(6px) rotate(45deg)}
#menu-btn[aria-expanded="true"] .burger-middle{opacity:0}
#menu-btn[aria-expanded="true"] .burger-bottom{transform:translateY(-6px) rotate(-45deg)}
@keyframes stp-mobile-menu-enter{from{opacity:.2;translate:0 -6px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:1050px) and (prefers-reduced-motion:no-preference){
 html body .header .nav.open{animation:stp-mobile-menu-enter 200ms cubic-bezier(.16,1,.3,1);transform-origin:100% 0}
}
@media(prefers-reduced-motion:reduce){
 html body #menu-btn svg path{transition:none}
 html body .header .nav.open{animation:none}
}
