/* Reserve image space before lazy loading. Ratios match the current site artwork. */
#nav-logo img,
#footer_logo img {
    aspect-ratio: 210 / 39.015;
    height: auto;
}

#footer_logo .footer-logo {
    display: block;
    width: 210px;
    max-width: 100%;
    aspect-ratio: 210 / 39.015;
}

#footer_logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#SolutionArea .ele-pic {
    aspect-ratio: 308 / 492;
    height: auto;
}

#SolutionArea .icon-box img {
    width: 90px;
    aspect-ratio: 1 / 1;
    height: auto;
    align-self: flex-start;
}

#SolutionArea .Solution_SwiPic_slide .product > a {
    display: block;
    aspect-ratio: 410 / 300;
}

/* Match active.js slidesPerView/spaceBetween before Swiper initializes. */
#SolutionArea .Solution_SwiPic_slide:not(.swiper-container-initialized):not(.swiper-initialized) .swiper-slide {
    width: calc((100% - 2px) / 1.2);
    margin-right: 10px;
}

@media (min-width: 575px) {
    #SolutionArea .Solution_SwiPic_slide:not(.swiper-container-initialized):not(.swiper-initialized) .swiper-slide {
        width: calc((100% - 12px) / 2.2);
    }
}

@media (min-width: 991px) {
    #SolutionArea .Solution_SwiPic_slide:not(.swiper-container-initialized):not(.swiper-initialized) .swiper-slide {
        width: calc((100% - 16px) / 2.6);
    }
}

#SolutionArea .Solution_SwiPic_slide .product img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#InnovationArea .pic-box img.d-md-block {
    aspect-ratio: 1758 / 600;
    height: auto;
}

#InnovationArea .pic-box img.d-md-none {
    aspect-ratio: 1 / 1;
    height: auto;
}

#ApplicationArea_lg .project-item img,
#ApplicationArea_xs .project-item img {
    aspect-ratio: 1051 / 559;
    height: auto;
}