html:not(.desktop-window) #brandHome .adaptive-logo{
  transform:perspective(160px) rotateY(0deg);
  transform-origin:center;
  backface-visibility:visible;
  transition:transform 480ms ease-in-out;
  pointer-events:none;
}
html:not(.desktop-window) #brandHome .adaptive-logo.mobile-coin-flipped{
  transform:perspective(160px) rotateY(180deg);
}
@media(prefers-reduced-motion:reduce){
  html:not(.desktop-window) #brandHome .adaptive-logo{transition:none;transform:none}
}
/* Every page and theme uses the same unmodified portrait and one-pixel circle. */
img.adaptive-logo[src="assets/brand-portrait.jpeg"]{object-fit:cover;object-position:center top;border-radius:50%;background:#fff;outline:1px solid var(--ui-line-color);outline-offset:-1px}
.site-title #brandHome img.adaptive-logo{object-fit:cover;object-position:center top}