.portfolio-header-actions{display:flex;align-items:center;justify-self:end;gap:14px;white-space:nowrap}.portfolio-menu-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;color:inherit;background:none;border:0;flex-shrink:0}.portfolio-menu-button svg{width:24px;height:24px;transition:transform .2s ease}.portfolio-menu-button[aria-expanded=true] svg{transform:rotate(90deg)}
.portfolio-menu{position:fixed;top:84px;right:3%;z-index:45;width:min(340px,calc(100vw - 36px));background:#101010;color:#f5f5f2;border:1px solid #444;padding:20px 24px;text-align:start;border-radius:8px;animation:portfolio-menu-in .18s ease both}.portfolio-menu[hidden]{display:none}.portfolio-menu p{font:11px/1.5 Arial,sans-serif;letter-spacing:1px;color:#999;margin:0 0 12px}.portfolio-menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;font:16px/1.5 Arial,sans-serif;min-height:48px;padding-block:10px;border-bottom:1px solid #333;transition:color .16s ease}.portfolio-menu a:hover,.portfolio-menu a:focus-visible{color:#f33449}.portfolio-menu a:last-child{border:0;margin-top:10px;color:#f33449}.portfolio-menu svg{width:18px;height:18px;flex-shrink:0}.portfolio-menu[dir=rtl]{right:auto;left:3%}.portfolio-nav-leaving{opacity:0;transition:opacity .14s ease}
@keyframes portfolio-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.portfolio-header-actions{gap:4px}.portfolio-menu-button{width:36px;height:44px;padding:8px 5px}.portfolio-menu{top:78px;right:18px;padding:18px 20px}.portfolio-menu[dir=rtl]{left:18px}.portfolio-menu a{min-height:52px;font-size:16px}.direction-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:space-between;gap:6px}.direction-links .direction-label{grid-column:1/-1}.direction-links a{font-size:clamp(10px,2.85vw,13px);white-space:nowrap;min-height:44px;gap:0;letter-spacing:-.2px}.direction-links a svg{display:none}}
@media(prefers-reduced-motion:reduce){.portfolio-menu,.portfolio-menu-button svg,.portfolio-nav-leaving{animation:none;transition:none}}

/* Place the menu next to the language selector; preserve all three header anchors. */
.language-picker .portfolio-menu-button{position:absolute;top:0;inset-inline-start:-48px;width:44px;height:44px;padding:9px;color:var(--red);border:0;background:transparent;font-family:Arial,sans-serif}
.language-picker .portfolio-menu-button svg{transform:none;width:24px;height:24px}
.language-picker .portfolio-menu-button[aria-expanded=true] svg{transform:rotate(90deg)}

.direction-short{display:none}
@media(max-width:650px){.direction-links .direction-long{display:none}.direction-links .direction-short{display:inline}}