/* Shared navigation: matches giuseppeastarita.com; independent of page typography. */
.site-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 400; background: #1a1a2e; border-bottom: 2px solid #c9a84c; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; height: 56px; font-family: 'Source Sans 3', system-ui, sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.site-nav::-webkit-scrollbar { display: none; }
.site-nav a { cursor: pointer; }
.site-nav-brand { font-family: 'Playfair Display', Georgia, serif; font-size: 16.8px; font-weight: 600; color: #c9a84c; text-decoration: none; }
.site-nav-brand em { color: rgba(255,255,255,0.5); font-style: normal; font-weight: 400; }
.site-nav-brand, .site-nav-items { flex: 0 0 auto; }
.site-nav-items { display: flex; list-style: none; margin: 0; padding: 0; min-width: max-content; }
.site-nav-items li { margin: 0; padding: 0; }
.site-nav-items a { display: block; padding: 0 17.6px; height: 56px; line-height: 56px; color: rgba(255,255,255,0.75); font-size: 13.44px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 600; text-decoration: none; transition: color 0.15s, background 0.15s; }
.site-nav-items a:hover, .site-nav-items a.active, .site-nav-items a:focus-visible { color: #c9a84c; background: rgba(255,255,255,0.04); outline: none; }
@media (max-width: 900px) { .site-nav { justify-content: flex-start; gap: 16px; padding: 0 20px; } .site-nav-items a { padding: 0 11.2px; font-size: 12.16px; } .site-nav-brand { font-size: 15.2px; } }
@media (max-width: 640px) { .site-nav-brand { min-width: max-content; } .site-nav-brand em { display: inline !important; } .site-nav-items a { padding: 0 8px; font-size: 11.2px; letter-spacing: 0.03em; } }