.header .nav-portfolio{position:relative;flex:none}
.header nav .portfolio-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:96px;height:52px;padding:8px 16px;line-height:1.3;white-space:nowrap;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--cream);font:inherit;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.header nav .portfolio-toggle:is(:hover,[aria-current],[aria-expanded="true"]){color:var(--espresso);background:var(--cream);border-color:var(--cream);box-shadow:0 4px 12px #0002}
.portfolio-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.portfolio-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.header .portfolio-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:280px;max-width:calc(100vw - 32px);margin:0;padding:7px;list-style:none;border:1px solid #caa08959;border-radius:12px;background:#231c17;box-shadow:0 20px 45px #0006,inset 0 1px 0 #e9d4b112;z-index:2}
.header .portfolio-menu[hidden]{display:none}
.header nav .portfolio-menu a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;width:100%;height:auto;min-height:46px;padding:12px 13px;border:0;border-radius:6px;font-size:12px;line-height:1.5;text-align:left;white-space:normal;background:transparent;color:var(--cream);box-shadow:none}
.header nav .portfolio-menu a span{flex:none;font-size:16px;font-weight:400;color:var(--rose)}
.header nav .portfolio-menu a:is(:hover,:focus-visible,[aria-current]){background:#e9d4b118;color:#fff6e8;box-shadow:none}
@media(max-width:760px){
  .header nav{max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain}
  .header .nav-portfolio{width:100%}
  .header nav>.nav-link{justify-content:flex-start;text-align:left}
  .header nav .portfolio-toggle{width:100%;height:46px;min-height:46px;justify-content:space-between;padding:12px 16px;font-size:14px}
  .header .portfolio-menu{position:static;transform:none;width:100%;max-width:none;margin:6px 0 4px;padding:2px 0 2px 12px;border:0;border-left:1px solid #caa08959;border-radius:0;background:transparent;box-shadow:none}
  .header nav .portfolio-menu a{min-height:44px;padding:10px 14px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.portfolio-toggle svg{transition:none}}