.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none;overflow:visible}
.menu-toggle,.mobile-contact{display:none}
@media(max-width:800px){
 header{position:relative;flex-wrap:wrap;gap:0;padding:20px 5%;isolation:isolate}
 header .logo{width:145px;max-width:calc(100% - 75px)}
 header .logo img{display:block;width:100%;height:auto}
 header>.button.small{display:none}
 .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:48px;height:48px;margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--fg)}
 .menu-toggle span{display:block;width:21px;height:2px;background:currentColor;transition:transform .25s}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
 header nav{display:none;width:100%;flex:0 0 100%;flex-direction:column;gap:0!important;padding:20px 0 0;font-size:20px}
 header nav.is-open{display:flex;animation:menu-enter .25s ease-out}
 header nav a{padding:15px 0;border-top:1px solid var(--line);line-height:1.4}
 header nav .mobile-contact{display:block;color:var(--lime)}
 .burst-trigger .ui-icon{width:26px;height:26px}
 .mode-options{padding-right:0;gap:7px}
 .creative-switch .mode-options button{padding:10px 13px}
}
@keyframes menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){header nav.is-open{animation:none}.menu-toggle span{transition:none}}