.brand{display:inline-flex;align-items:center}.brand::before{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:9px;border-radius:50%;color:#35234f;background:#f2cf73;content:"yma";font-size:12px;font-weight:800;letter-spacing:-.04em;line-height:1;text-transform:lowercase}
.mobile-nav-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #d8e2e8;border-radius:9px;color:#261838;background:#fff;font:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer}.mobile-nav-toggle .fa-xmark{display:none}.mobile-nav-toggle[aria-expanded=true] .fa-bars{display:none}.mobile-nav-toggle[aria-expanded=true] .fa-xmark{display:inline-block}

@media (max-width:620px){
  .top-nav{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:0;padding:14px 16px}
  .mobile-nav-toggle{display:inline-flex;margin-left:auto}
  .top-nav>nav#primary-nav{display:none!important;flex:0 0 100%;width:100%;margin-top:14px;padding-top:8px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #d8e2e8}
  .top-nav>nav#primary-nav.mobile-nav-open{display:flex!important}
  .top-nav>nav#primary-nav>a{display:block;width:100%;padding:12px 0;border-bottom:1px solid #edf1f3;font-size:16px}
  .top-nav>nav#primary-nav>.nav-menu{width:100%}
  .top-nav>nav#primary-nav>.nav-menu>.nav-menu-toggle{display:flex;width:100%;justify-content:space-between;padding:12px 0}
  .top-nav>nav#primary-nav>.nav-menu>.nav-menu-panel{position:static;min-width:0;margin:0 0 4px;padding:4px 0 4px 14px;border:0;border-left:2px solid #d8e2e8;border-radius:0;box-shadow:none}
  .top-nav>nav#primary-nav>.nav-menu>.nav-menu-panel a{padding:9px 12px}
  .top-nav>nav#primary-nav>a:last-child{border-bottom:0}
}

/* Collapse the navigation before the desktop links become cramped. */
@media (min-width:621px) and (max-width:1000px) {
 .top-nav { flex-wrap: wrap; align-items: center; gap: 0; padding: 16px 20px; }
 .mobile-nav-toggle { display: inline-flex; margin-left: auto; }
 .top-nav > nav#primary-nav { display: none !important; flex: 0 0 100%; width: 100%; margin-top: 14px; padding-top: 8px; flex-direction: column; align-items: stretch; gap: 0; border-top: 1px solid #d8e2e8; }
 .top-nav > nav#primary-nav.mobile-nav-open { display: flex !important; }
 .top-nav > nav#primary-nav > a, .top-nav > nav#primary-nav > .nav-menu { width: 100%; }
 .top-nav > nav#primary-nav > a, .top-nav > nav#primary-nav > .nav-menu > .nav-menu-toggle { padding: 12px 0; }
 .top-nav > nav#primary-nav > .nav-menu > .nav-menu-toggle { display: flex; width: 100%; justify-content: space-between; }
 .top-nav > nav#primary-nav > .nav-menu > .nav-menu-panel { position: static; margin: 0 0 8px; box-shadow: none; }
}
.mobile-nav-toggle:focus-visible { outline: 3px solid #35234f; outline-offset: 3px; }
.brand::before { flex-shrink: 0; }
@media (max-width:360px) {
 .top-nav > .brand { font-size: 16px; }
 .top-nav > .brand::before { width: 30px; height: 30px; margin-right: 6px; font-size: 11px; }
 .mobile-nav-toggle { padding: 9px; gap: 6px; }
}