/* Etersoft: login page logo (elephant + wordmark) */
html body.task-login #logo {
    max-height: none;
    height: clamp(120px, 26vh, 240px);
    opacity: 1;
    transform-origin: center bottom;
    transition: transform .25s ease;
}

html body.task-login #logo:hover {
    transform: scale(1.15);
}

@media (prefers-reduced-motion: reduce) {
    html body.task-login #logo {
        transition: none;
    }
}