/* Skintelligent Signature Club logo, used on the login card and in the customer and doctor sidebars.
   .brand-logo--white sits on dark backgrounds, .brand-logo--black on light ones.
   The logo rests for 4 seconds, then turns once slowly (2.5 seconds) around its vertical axis. */
.brand-logo {
    position: relative;
    display: inline-block;
    width: 170px;
    max-width: 100%;
    line-height: 0;
    perspective: 800px;
}
.brand-logo img {
    display: block;
    width: 100%;
    height: auto;
    transform-origin: center;
    backface-visibility: visible;
    animation: brand-logo-flip 6.5s cubic-bezier(.45, 0, .25, 1) infinite;
}

/* 4s still (0-61.5%), then a slow 2.5s full turn */
@keyframes brand-logo-flip {
    0%, 61.5% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .brand-logo img { animation: none; }
}