[data-mm-header]{
  --mm-bg:#ffffff;
  --mm-text:#2e1065;
  --mm-primary:#7c3aed;
  --mm-overlay-bg:rgba(46,16,101,0.55);
}


.site-header__logo{display:flex;align-items:center;margin-right:auto}
@media (min-width:768px){
  .site-header__nav ul li a{
    font-family:'Work Sans',sans-serif;
    font-weight:600;
    font-size:var(--fluid-font-sm);
    letter-spacing:.01em;
    color:var(--text-primary);
    padding:.6rem 1rem;
    position:relative;
  }
  .site-header__nav ul li a::after{
    content:"";
    position:absolute;
    left:1rem;right:1rem;bottom:.3rem;
    height:2px;background:var(--accent);
    transform:scaleX(0);transform-origin:left;
    transition:transform .25s ease;
  }
  .site-header__nav ul li a:hover::after{transform:scaleX(1)}
}
.site-header__actions{display:flex;align-items:center;gap:var(--fluid-space-2)}


[data-mm-toggle]{margin-left:var(--fluid-space-2)}
[data-mm-toggle] span{border-radius:2px;background:var(--accent)}
[data-mm-toggle]:hover span{background:var(--accent-hover)}


[data-mm-close]{color:var(--accent)}


[data-mm-menu] ul li a{font-family:'Work Sans',sans-serif;font-weight:600}
[data-mm-menu] ul li a:hover{color:var(--accent)!important}