/* Info portrait: immediate image swap without blur, scaling or distortion. */
body.page-id-14 .info-portrait,
body.page-template-default .info-portrait {
  position: relative;
  overflow: hidden !important;
  aspect-ratio: 3 / 4;
  background: var(--fwm-surface, transparent) !important;
  animation: none !important;
}

.info-portrait > .info-portrait__image {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

.info-portrait > .info-portrait__image--a {
  z-index: 1;
  opacity: 1 !important;
}

.info-portrait > .info-portrait__image--b {
  z-index: 2;
  opacity: 0 !important;
}

.info-portrait:hover > .info-portrait__image--a,
.info-portrait:focus-visible > .info-portrait__image--a {
  opacity: 0 !important;
}

.info-portrait:hover > .info-portrait__image--b,
.info-portrait:focus-visible > .info-portrait__image--b {
  opacity: 1 !important;
}

/* On desktop the logo follows the visual centre of the first menu line. */
@media (min-width: 621px) {
  body.home:not(.is-leaving) .site-branding {
    top: var(--fwm-repair-home-logo-y, calc(50% - 34px)) !important;
    transform: translateY(-50%) !important;
  }
}