.p-header__logo {
  display: flex;
  align-items: center;
  position: relative;
}

.p-header__logo-img,
.p-header__logo-svg {
  height: calc( var(--vp-header__height-main) - ( var(--vp-header__spacing-logo) * 2 ) );
  position: relative;
  z-index: 10;
  width: auto;
  transition: var(--v-transition__default);
}

body.is-scrolled .p-header__logo-img,
body.is-scrolled .p-header__logo-svg {
  height: calc( var(--vp-header__height-main--sticky) - ( var(--vp-header__spacing-logo--sticky) * 2 ) );
}

body.is-scrolled .p-header__logo-svg .st0 {
  fill: var(--v-color__1);
}

@media (max-width: 699px) {
  body.is-menu-open .p-header__logo-svg .st0 {
    fill: var(--v-color__1);
  }
}