.site-header { position: absolute; z-index: 10; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 64px; padding: 0 5.5vw; border-bottom: 1px solid rgba(255,255,255,.14); background: linear-gradient(90deg, rgba(10, 27, 43, .64), rgba(10, 27, 43, .34)); color: #fff; box-shadow: 0 3px 12px rgba(4, 14, 23, .10); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background-color .25s, box-shadow .25s, color .25s; }
.site-header.is-pinned { position: fixed; }
.site-header.is-scrolled { position: fixed; border-bottom-color: var(--line); background: rgba(255, 255, 255, 0.97); color: var(--ink); box-shadow: 0 1px 0 var(--line); }
.logo { display: inline-flex; align-items: center; gap: 9px; font: 600 36px Outfit, sans-serif; letter-spacing: -.04em; }
.logo:hover { color: var(--accent); transform: translateY(-2px); }
.main-nav { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 500; }
.main-nav a:hover { color: var(--accent); }
.nav-pages { position: relative; padding-left: 20px; border-left: 1px solid currentColor; }
.nav-pages summary { display: block; cursor: pointer; list-style: none; }
.nav-pages summary::-webkit-details-marker { display: none; }
.nav-pages summary::marker { content: ''; }
.nav-pages-list { position: absolute; top: calc(100% + 16px); right: -18px; display: grid; min-width: 180px; padding: 12px 16px; border: 1px solid var(--line); background: #fff; box-shadow: 0 12px 28px rgba(4, 14, 23, .15); color: var(--ink); }
.nav-pages-list a { padding: 8px 0; color: var(--ink) !important; white-space: nowrap; }
.nav-pages-list a + a { border-top: 1px solid var(--line); }
.nav-pages-list a:hover, .nav-pages-list a:focus-visible { color: var(--accent) !important; }
.nav-contact { padding: 10px 17px; border: 1px solid currentColor; background: rgba(10, 27, 43, .14); box-shadow: 0 2px 7px rgba(4, 14, 23, .10); }
.site-header.is-scrolled .main-nav a { color: var(--ink); }
.site-header.is-scrolled .nav-contact { border-color: var(--ink); background: #fff; color: var(--ink); }
.site-header.is-scrolled .main-nav .nav-contact { color: var(--ink); }
.nav-contact:hover, .nav-contact:focus-visible { background: var(--accent); border-color: var(--accent); color: var(--ink) !important; box-shadow: 0 6px 14px rgba(4, 14, 23, .18); transform: translateY(-2px); }
.site-header.is-scrolled .main-nav .nav-contact:hover, .site-header.is-scrolled .main-nav .nav-contact:focus-visible { background: var(--accent); border-color: var(--accent); color: var(--ink) !important; }
.menu-toggle { display: none; }