.lab-nav{--nav-gutter:clamp(24px,5vw,88px);--nav-dot:#bce0f4;--nav-pill:#dceff8;--nav-pill-hover:#c8e5f4;--nav-cv-ink:#233b48;--nav-focus:#78aed0;position:absolute;top:0;left:0;right:0;z-index:30;padding:30px var(--nav-gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#6B5959;font-family:Urbanist,sans-serif;line-height:1.2;white-space:nowrap;box-sizing:border-box}
.lab-nav--light{color:#6B5959}
.lab-nav--project{color:#877676;--nav-cv-ink:#877676}
.lab-nav--rose{--nav-dot:#e9c3d1;--nav-pill:#f5e3e9;--nav-pill-hover:#eed5df;--nav-focus:#c294a5}
.lab-nav .lab-brand{font-size:24px;font-weight:800;display:flex;align-items:center;gap:10px;letter-spacing:-.6px;color:transparent;background-image:linear-gradient(180deg,#D4C9C9 0%,#C9BEBE 100%);background-clip:text;-webkit-background-clip:text;text-decoration:none}
.lab-nav .lab-brand{position:relative}
.lab-nav .lab-brand::after{content:'';position:absolute;left:0;right:17px;bottom:-4px;height:1px;background:linear-gradient(90deg,#D4C9C9,#C9BEBE);transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.lab-nav .lab-brand:hover::after,.lab-nav .lab-brand:focus-visible::after{transform:scaleX(1)}
.lab-nav .brand-dot{width:7px;height:7px;border-radius:50%;background:var(--nav-dot);flex:none}
.lab-nav nav{display:flex;align-items:center;gap:clamp(22px,3vw,48px);font-size:14px;font-weight:400;letter-spacing:1.2px}
.lab-nav nav a{position:relative;padding:8px 0;color:inherit;text-decoration:none}
.lab-nav nav a::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.lab-nav nav a:hover::after,.lab-nav nav a:focus-visible::after{transform:scaleX(1)}
.lab-nav .nav-utilities{display:inline-flex;align-items:center;gap:18px}
.lab-nav nav .nav-email{display:inline-flex;align-items:center;justify-content:center;width:26px;padding:6px 0}
.lab-nav .nav-email svg{width:16px;height:16px;flex:none}
.lab-nav nav .nav-cv{display:inline-flex;align-items:center;gap:7px;color:var(--nav-cv-ink);background:var(--nav-pill);border-radius:999px;padding:8px 13px;font-size:12px;letter-spacing:1px;transition:background .25s,color .25s}
.lab-nav nav .nav-cv:hover{background:var(--nav-pill-hover)}
.lab-nav nav .nav-cv::after{display:none}
.lab-nav .nav-cv svg{width:13px;height:13px;flex:none}
.lab-nav a:focus-visible{outline:2px solid var(--nav-focus);outline-offset:7px}
.project-switch,.project-switch a[aria-current]{color:#877676}
.project-switch a[aria-current]:after{background:rgba(135,118,118,.5)}
@media(max-width:760px){.lab-nav{padding:24px;flex-wrap:wrap;row-gap:18px}.lab-nav .lab-brand{font-size:20px}.lab-nav nav{width:100%;gap:12px;justify-content:space-between;font-size:11px;letter-spacing:.6px}.lab-nav .brand-dot{width:5px;height:5px}.lab-nav nav .nav-cv{font-size:10px;padding:6px 10px;gap:5px}.lab-nav .nav-cv svg{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.lab-nav nav a::after,.lab-nav nav .nav-cv{transition:none}}
@media(max-width:760px){.lab-nav .nav-utilities{gap:12px}.lab-nav .nav-email svg{width:14px;height:14px}}
@media(max-width:760px){.lab-nav .lab-brand::after{right:15px}}
@media(prefers-reduced-motion:reduce){.lab-nav .lab-brand::after{transition:none}}
.project-switch a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}
.project-switch a:hover::after,.project-switch a:focus-visible::after,.project-switch a[aria-current]::after{transform:scaleX(1)}

.work-switch.project-switch {
  justify-content: center;
  padding: 0;
}
.work-switch-inner {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  width: min(100%, 1440px);
  padding: 12px clamp(24px, 8.333vw, 120px);
}
.work-switch-return,
.work-switch-tabs {
  display: flex;
  gap: clamp(16px, 2.5vw, 42px);
}
@media (max-width: 760px) {
  .work-switch.project-switch { font-size: 10px; }
  .work-switch-inner { padding: 9px 16px; gap: 14px; }
  .work-switch-return, .work-switch-tabs { gap: 12px; }
  .work-switch-return { flex: none; }
  .work-switch-tabs { min-width: 0; overflow-x: auto; scrollbar-width: none; }
}