.f-desktop-nav .f-portfolio-nav{min-height:44px;color:inherit;display:inline-flex;align-items:center;position:relative;font-size:.875rem;text-decoration:none;white-space:nowrap}
.f-desktop-nav .f-portfolio-nav::after{content:"";background:var(--f-red);transform-origin:0;height:2px;transition:transform .18s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}
.f-desktop-nav .f-portfolio-nav:hover::after{transform:scaleX(1)}
.f-menu nav .f-portfolio-nav{border:0;border-top:1px solid var(--f-rule);width:100%;color:inherit;text-align:left;background:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:1.5rem;display:flex;text-decoration:none}
.f-menu nav .f-portfolio-nav span:first-child{color:var(--f-red);margin-right:auto;font-size:.875rem}
.f-portfolio-nav:focus-visible{outline:3px solid var(--f-red);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.f-desktop-nav .f-portfolio-nav::after{transition:none}}