/* Give the desktop logo 10px above; retain the roomier small-screen gaps and tighter lower gap. */
.home-page .site-nav{--home-logo-height:66.7px;--home-logo-gap:calc((var(--header-h) - var(--home-logo-height)) / 2);--home-logo-top:max(10px,calc(var(--home-logo-gap) * 1.3));--home-header-height:calc(var(--home-logo-height) * 1.15 + var(--home-logo-top) + var(--home-logo-gap) * .5);height:var(--home-header-height)}
.home-page .site-nav .brand img,
.home-page .site-nav:not(.nav-scrolled):not(.nav-menu-open) .brand img{height:calc(var(--home-logo-height) * 1.15)}
.home-page .site-nav .nav-inner{height:100%}
.home-page .site-nav .brand{transform:translateY(calc((var(--home-logo-top) - var(--home-logo-gap) * .5) / 2))}
@media(max-width:1100px){.home-page .site-nav{--home-logo-height:55.2px}}
@media(max-width:900px) and (min-width:641px){.home-page .site-nav{--home-logo-height:43.7px}}
@media(max-width:640px){
  .home-page .site-nav{--home-logo-height:41.4px}
  .home-page .nav-toggle{width:min(172px,calc(100vw - 182px))}
  .home-page .nav-panel{top:var(--home-header-height);min-height:calc(100dvh - var(--home-header-height))}
}
/* Crossfade to the same original-colour asset used by the scrolled header. */
.home-page .site-nav .brand{position:relative}
.home-page .site-nav .brand img{transition:opacity 180ms ease}
.home-page .site-nav .brand::after{content:"";position:absolute;inset:0;background:url('/assets/brand/viranda-logo-horizontal.svg') left center / 100% auto no-repeat;pointer-events:none;opacity:0;transition:opacity 180ms ease}
@media(hover:hover) and (pointer:fine){
  .home-page .site-nav .brand:hover img{opacity:0}
  .home-page .site-nav .brand:hover::after{opacity:1}
}
.home-page .site-nav .brand:focus-visible img{opacity:0}
.home-page .site-nav .brand:focus-visible::after{opacity:1}
@media(prefers-reduced-motion:reduce){.home-page .site-nav .brand img,.home-page .site-nav .brand::after{transition:none}}