/* Portfolio navigation, isolated from legacy Bootstrap page styles. */
nav.site-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 72px;border-bottom:.5px solid #e8e8e8;position:sticky;top:0;background:#fff;z-index:100;max-width:1280px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-sizing:border-box}
nav.site-nav *{box-sizing:border-box}
nav.site-nav .nav-logo{font-size:15px;font-weight:800;color:#0a0a0a;letter-spacing:-.02em;text-decoration:none}
nav.site-nav .nav-links{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
nav.site-nav .nav-links li{margin:0;padding:0}
nav.site-nav .nav-links a{font-size:12px;font-weight:500;color:#999;text-decoration:none;transition:color .15s}
nav.site-nav .nav-links a:hover{color:#0a0a0a}
nav.site-nav .nav-links img{width:20px;height:20px;vertical-align:middle;opacity:.5;transition:opacity .15s}
nav.site-nav .nav-links a:hover img{opacity:1}
@media(max-width:768px){nav.site-nav{padding:16px 32px}}