/* Shared three-part navigation: pages / centered identity / reciprocal brand. */
body .header .navigation .navigation-inner { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); grid-template-areas:"pages identity brand"; align-items:center; gap:24px; }
.header .vf-desktop-nav { grid-area:pages; display:flex; align-items:center; gap:clamp(18px,2vw,35px); min-width:0; }
.header .vf-desktop-nav .vf-header-link { color:inherit; font-family:var(--vf-font-family); font-size:13px; font-weight:500; line-height:1.3; letter-spacing:.015em; text-decoration:none; white-space:nowrap; text-transform:none; }
.header .vf-desktop-nav .vf-header-link:hover,.header .vf-desktop-nav .vf-header-link[aria-current="page"] { text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
body:is(.vf-films-page,.vf-studio-page) .header .navigation .navigation-inner .logo-wrapper { grid-area:identity; justify-self:center; margin:0; }
body .header .navigation .navigation-inner>.vf-brand-switch { grid-area:brand; justify-self:end; width:auto; min-width:106px; margin:0; }
body .header .navigation .navigation-inner>.vf-menu-toggle { display:none; grid-area:menu; justify-self:end; margin:0; }
.header .vf-desktop-nav a:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
@media(max-width:1040px) {
 body .header .navigation .navigation-inner { grid-template-areas:"identity menu"; grid-template-columns:auto minmax(0,1fr); gap:12px; }
 .header .vf-desktop-nav { display:none; }
 body .header .navigation .navigation-inner>.vf-brand-switch { display:none; }
 body .header .navigation .navigation-inner>.vf-menu-toggle { display:inline-flex; color:inherit; }
 body:is(.vf-films-page,.vf-studio-page) .header .navigation .navigation-inner .logo-wrapper { justify-self:start; }
}
@media(max-width:360px) {
 body .header .navigation .navigation-inner { gap:8px; }
 body .header .navigation .navigation-inner>.vf-brand-switch { font-size:10px; padding-inline:6px; gap:5px; }
 body .header .navigation .navigation-inner>.vf-menu-toggle { font-size:11px; gap:6px; }
 body.vf-studio-page .header .navigation .navigation-inner .vf-brand-wordmark { font-size:26px; }
 body.vf-studio-page .header .navigation .navigation-inner .vf-brand-wordmark>span { font-size:11px; }
}