.logo-layout-grid {
    display: grid;
    gap: 20px;
    align-items: center;
}
.logo-layout-justified {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.logo-layout-carousel {
    overflow: hidden;
    width: 100%;
}
.logo-item {
    text-align: center;
}
.logo-item img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    transition: filter 0.4s ease, transform 0.4s ease;
}
.logo-layout-carousel .swiper-wrapper {
    transition-timing-function: linear !important;
}

/* Hover Animation States */
.angie-logo-state-bw_to_color .logo-item img {
    filter: grayscale(100%);
}
.angie-logo-state-bw_to_color .logo-item:hover img {
    filter: grayscale(0%);
}

.angie-logo-state-color_to_bw .logo-item img {
    filter: grayscale(0%);
}
.angie-logo-state-color_to_bw .logo-item:hover img {
    filter: grayscale(100%);
}

.angie-logo-state-always_bw .logo-item img {
    filter: grayscale(100%);
}

.angie-logo-state-always_color .logo-item img {
    filter: grayscale(0%);
}