/* Shared navigation across portfolio pages. */
.nav{position:fixed;inset:0 0 auto;z-index:20;isolation:isolate;display:flex;align-items:center;justify-content:space-between;max-width:none;width:100%;height:72px;margin:0;padding:14px max(36px,calc((100vw - 1118px)/2));background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(5,22,34,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:var(--nav-progress,1);pointer-events:none}
.nav .nav-inner{display:contents}.nav .nav-home,.nav .nav-inner>a{display:flex;align-items:center;min-width:145px;height:44px}.nav .nav-home img,.nav .brand-logo{display:block;width:145px;height:43px;object-fit:contain;object-position:left center}
.nav .nav-links{display:flex;gap:30px}.nav .nav-links a{font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:800;text-decoration:none;color:white}.nav .nav-links a:hover,.nav .nav-links a:focus-visible{color:#13acff}
.hero .nav{--nav-progress:0}
.projects-page{padding-top:72px}
@media(max-width:700px){.nav{padding:14px 20px}.nav .nav-home,.nav .nav-inner>a{min-width:120px}.nav .nav-home img,.nav .brand-logo{width:120px}.nav .nav-links{gap:16px}.nav .nav-links a{font-size:14px}}
@media(max-width:400px){.nav .nav-links{gap:12px}}