/* Figma menu geometry in a 64px button. All three strokes are one persistent SVG. */
.menu-toggle{
 right:calc(max(24px, (100vw - 1920px)/2 + 195px) + var(--menu-scrollbar,0px));
 padding:0;display:block;gap:0;isolation:isolate;
}
.menu-icon{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.menu-line{
 fill:none;stroke:#fff;stroke-width:3.125;stroke-linecap:round;stroke-linejoin:round;
 vector-effect:non-scaling-stroke;transform-origin:32px 32px;
 transition:transform 360ms cubic-bezier(.4,0,.2,1),opacity 180ms ease;
}
.menu-line-top{transform:translateY(-7.5px)}
.menu-line-middle{transform:scaleX(1)}
.menu-line-bottom{transform:translateY(7.5px)}
/* Exact Figma endpoints: (20,19)–(45,45) and (19,45)–(45,19). */
.is-open .menu-line-top{transform:translateX(.5px) rotate(46.123303deg) scaleX(1.60308345)}
.is-open .menu-line-middle{opacity:0;transform:scaleX(.2)}
.is-open .menu-line-bottom{transform:rotate(-45deg) scaleX(1.6342023)}
body.menu-open{padding-right:var(--menu-scrollbar,0px)}
#brand-menu{background:transparent;isolation:isolate}
#brand-menu::backdrop{background:transparent}
#brand-menu::before{content:"";position:fixed;inset:0;background:#2d23e8;z-index:-1;opacity:0;transition:opacity 360ms cubic-bezier(.4,0,.2,1);pointer-events:none}
#brand-menu .menu-inner{opacity:0;transform:translateY(8px);transition:opacity 220ms ease,transform 360ms cubic-bezier(.4,0,.2,1)}
#brand-menu.is-visible::before,#brand-menu.is-visible .menu-inner{opacity:1}
#brand-menu.is-visible .menu-inner{transform:translateY(0)}
#brand-menu .menu-toggle{position:fixed;color:#fff}
@media(max-width:1199px){.menu-toggle{right:calc(32px + var(--menu-scrollbar,0px))}}
@media(max-width:767px){
 .menu-toggle{right:calc(24px + var(--menu-scrollbar,0px))}
 .menu-line{stroke-width:2.34375}
}
@media(prefers-reduced-motion:reduce){.menu-line,#brand-menu::before,#brand-menu .menu-inner{transition:none}}