.franz-service-card,
.franz-brand-item,
.franz-service-benefit-card,
.franz-service-faq-item {
    transition:
        transform var(--motion-duration, 200ms) var(--motion-ease, ease),
        box-shadow var(--motion-duration, 200ms) var(--motion-ease, ease),
        opacity var(--motion-duration, 200ms) var(--motion-ease, ease);
}

.franz-service-card:hover,
.franz-service-benefit-card:hover {
    transform: translateY(calc(var(--motion-lift, 4px) * -1));
}

.franz-brand-item:hover {
    transform: translateY(calc(var(--motion-lift, 4px) * -0.75));
    opacity: 0.7;
}

.franz-service-faq-item:hover {
    transform: translateX(var(--motion-lift, 4px));
}

@media (prefers-reduced-motion: reduce) {
    .franz-service-card,
    .franz-brand-item,
    .franz-service-benefit-card,
    .franz-service-faq-item {
        transition: none;
    }

    .franz-service-card:hover,
    .franz-service-benefit-card:hover,
    .franz-brand-item:hover,
    .franz-service-faq-item:hover {
        transform: none;
    }
}