.portfolio-nav{position:relative;display:flex;align-items:center;gap:3px}.portfolio-nav>a{padding:10px 0}.portfolio-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;border:0;background:transparent;color:var(--ink,#112b55);cursor:pointer;border-radius:5px;font-size:15px}.portfolio-toggle:hover{background:#eaf5ff}.portfolio-dropdown{display:none;position:absolute;top:100%;left:-18px;min-width:225px;background:white;padding:9px;border:1px solid #dce8f5;border-radius:14px;box-shadow:0 20px 50px #112b551c;z-index:40}.portfolio-nav.is-open .portfolio-dropdown{display:flex;flex-direction:column;gap:2px}.nav-links .portfolio-dropdown a{display:block;padding:11px 13px;border-radius:8px;white-space:nowrap;font-size:13px}.nav-links .portfolio-dropdown a:hover{background:#f0f6ff}.portfolio-toggle:focus-visible,.portfolio-nav a:focus-visible{outline:3px solid #185ee7;outline-offset:3px}@media(min-width:901px){.portfolio-nav:focus-within .portfolio-dropdown,.portfolio-nav:hover .portfolio-dropdown{display:flex;flex-direction:column}}@media(max-width:900px){.portfolio-nav{display:grid;grid-template-columns:1fr 48px;gap:0}.nav-links .portfolio-nav>a{padding:14px 16px}.portfolio-toggle{width:44px;height:44px}.portfolio-dropdown{position:static;grid-column:1/-1;box-shadow:none;border:0;border-left:2px solid #dce8f5;border-radius:0;margin:0 15px 10px;padding:0 0 0 8px;min-width:0}.nav-links .portfolio-dropdown a{white-space:normal;padding:12px 14px}}