.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown-trigger{appearance:none;border:0;background:transparent;color:#c7c4bc;font:10px var(--mono);letter-spacing:.04em;white-space:nowrap;padding:0;cursor:pointer}.nav-dropdown-trigger span{color:var(--brass);font-size:14px;margin-left:4px;display:inline-block;transition:transform .2s var(--ease)}.nav-dropdown:hover .nav-dropdown-trigger,.nav-dropdown.active .nav-dropdown-trigger,.nav-dropdown.open .nav-dropdown-trigger{color:var(--paper)}.nav-dropdown.open .nav-dropdown-trigger span{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 18px);left:50%;width:210px;transform:translate(-50%, -8px);opacity:0;visibility:hidden;background:#171717;border:1px solid var(--line);box-shadow:0 18px 38px rgba(0,0,0,.35);padding:8px;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-dropdown-menu a{display:grid;grid-template-columns:26px 1fr 18px;align-items:center;gap:10px;padding:12px 10px;color:#c7c4bc;font:10px var(--mono);letter-spacing:.04em}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#292929;color:var(--paper)}.nav-dropdown-menu a span{color:var(--brass);font-size:9px}.nav-dropdown-menu a b{font-size:15px;color:var(--brass);font-weight:400}.nav-dropdown.active .nav-dropdown-trigger:after{position:absolute;content:"";left:0;right:20px;bottom:-7px;height:1px;background:var(--brass)}
@media(max-width:900px){.nav-dropdown{display:block;width:100%}.nav-dropdown-trigger{font-size:11px;padding:0;width:100%;text-align:left}.nav-dropdown-trigger span{float:right;margin-right:4px}.nav-dropdown-menu{position:static;width:100%;transform:none;opacity:1;visibility:visible;display:none;margin-top:12px;box-shadow:none;background:#1d1d1c}.nav-dropdown.open .nav-dropdown-menu{display:block;transform:none}.nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown.open:hover .nav-dropdown-menu{display:block}.nav-dropdown.active .nav-dropdown-trigger:after{display:none}.nav-dropdown-menu a{font-size:11px;padding:14px 12px}}