.topbar { background: #1c1e21; color: rgba(255,255,255,.8); font-size: 10px; }
.topbar__inner, .topbar__contacts { display: flex; align-items: center; }
.topbar__inner { min-height: 36px; justify-content: space-between; gap: 20px; }
.topbar__inner a { transition: color .2s; }
.topbar__inner a:hover { color: white; }
.topbar__contacts { gap: clamp(15px, 2.5vw, 34px); }
.topbar__icon { margin-right: 5px; color: var(--color-gold); font-size: 13px; }
.site-header { position: sticky; z-index: 80; top: 0; border-bottom: 1px solid rgba(25,27,32,.07); background: rgba(255,255,255,.96); backdrop-filter: blur(14px); transition: box-shadow .25s; }
.site-header.is-scrolled { box-shadow: 0 8px 24px rgba(25,27,32,.08); }
.header__inner { display: flex; min-height: 88px; align-items: center; justify-content: space-between; gap: 22px; }
.brand { display: inline-flex; flex-shrink: 0; align-items: center; gap: 9px; }
.brand__mark { position: relative; display: block; width: 65px; height: 57px; flex: 0 0 auto; overflow: hidden; }
.brand__mark img { position: absolute; top: 50%; left: 50%; width: 150px; max-width: none; height: auto; transform: translate(-50%, -50%); }
.brand__text { display: flex; flex-direction: column; gap: 3px; }
.brand__text strong { color: var(--color-ink); font: 800 14px/1.25 var(--font-heading); letter-spacing: -.035em; white-space: nowrap; }
.brand__text > span { color: #737078; font-size: 9px; font-weight: 700; letter-spacing: .1em; white-space: nowrap; }
.brand__text i { color: var(--color-red); font-style: normal; }
.primary-nav { display: flex; align-items: center; gap: clamp(14px, 2.1vw, 30px); }
.primary-nav a { position: relative; padding-block: 9px; color: #424248; font-size: 11px; font-weight: 700; transition: color .2s; }
.primary-nav a::after { position: absolute; right: 0; bottom: 2px; left: 0; height: 2px; transform: scaleX(0); transform-origin: left; background: var(--color-red); content: ""; transition: transform .25s var(--ease-out); }
.primary-nav a:hover, .primary-nav a.is-active { color: var(--color-red); }
.primary-nav a:hover::after, .primary-nav a.is-active::after { transform: scaleX(1); }
.header-cta { display: inline-flex; min-height: 40px; flex-shrink: 0; align-items: center; gap: 9px; padding-inline: 14px; border: 1px solid var(--color-line); border-radius: 3px; font-size: 10px; font-weight: 700; transition: border-color .2s, color .2s, background .2s; }
.header-cta span { color: var(--color-red); }
.header-cta:hover { border-color: var(--color-ink); background: var(--color-ink); color: white; }
.nav-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; border: 1px solid var(--color-line); border-radius: 4px; background: white; cursor: pointer; }
.nav-toggle span { width: 18px; height: 2px; background: var(--color-ink); transition: transform .2s; }
.nav-toggle[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }