/* Shared nav chrome (sticky header, links, dropdown) */
a { color: inherit; }
.mono { font-family: 'JetBrains Mono', monospace; }
.site-nav { position: sticky; top: 0; z-index: 100; background: rgba(245, 242, 234, 0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); transition: box-shadow 0.35s ease; }
.site-nav.scrolled { box-shadow: 0 10px 30px -14px rgba(31, 29, 24, 0.18); }
.nav-bar { transition: padding 0.35s cubic-bezier(0.22, 0.61, 0.36, 1); }
.site-nav.scrolled .nav-bar { padding-top: 18px !important; padding-bottom: 18px !important; }
.nav-link { color: #5e5d54; text-decoration: none; position: relative; transition: color 0.25s ease; }
.nav-link::after { content: ''; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background: #b85c2e; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; }
.nav-link:hover { color: #1f1d18; }
.nav-link:hover::after { transform: scaleX(1); }
.nav-link.on { color: #1f1d18; }
.nav-link.on::after { transform: scaleX(1); }
.nav-links { display: flex; align-items: center; gap: 28px; }
.nav-contact-m { display: none; }
.nav-burger { display: none; background: none; border: none; font-size: 22px; cursor: pointer; color: #1f1d18; }
.nav-dd { position: relative; }
.nav-dd-btn { background: none; border: none; font: inherit; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.nav-dd-car { font-size: 10px; opacity: 0.6; }
.nav-dd-menu { position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%) translateY(6px); min-width: 280px; background: #f5f2ea; border: 0.5px solid #d4cebe; border-radius: 10px; padding: 8px; opacity: 0; visibility: hidden; transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s; box-shadow: 0 16px 40px -12px rgba(31, 29, 24, 0.12); z-index: 200; }
.nav-dd:hover .nav-dd-menu, .nav-dd:focus-within .nav-dd-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.nav-dd-item { display: block; padding: 12px 14px; border-radius: 8px; text-decoration: none; transition: background 0.2s ease; }
.nav-dd-item:hover { background: #ece7d8; }
.nav-dd-t { display: block; font-size: 13px; font-weight: 500; color: #1f1d18; margin-bottom: 2px; }
.nav-dd-s { display: block; font-size: 11px; color: #5e5d54; line-height: 1.4; }
@media (max-width: 960px) {
  .nav-burger { display: block; }
  .nav-links { position: fixed; inset: 0; top: 72px; background: rgba(245, 242, 234, 0.98); flex-direction: column; align-items: stretch; padding: 24px 32px; gap: 0; transform: translateX(100%); transition: transform 0.35s ease; z-index: 99; overflow-y: auto; }
  .nav-links.open { transform: translateX(0); }
  .nav-link { padding: 16px 0; border-bottom: 0.5px solid #d4cebe; }
  .nav-contact-m { display: block; }
  .nav-dd-menu { position: static; transform: none; opacity: 1; visibility: visible; box-shadow: none; border: none; padding-left: 12px; display: none; }
  .nav-dd.open .nav-dd-menu { display: block; }
}