/* Every client logo retains the same complete 700 x 300 image frame. */
body.home-page .home-logo-strip .home-logo-frame{position:relative;display:block;justify-self:center;align-self:center;width:100%;max-width:200px;height:auto;aspect-ratio:700/300;overflow:hidden;flex:none}
body.home-page .home-logo-strip .home-logo-frame>img{position:absolute;display:block;width:100%!important;max-width:none!important;height:100%!important;left:0;top:0;margin:0!important;transform:none!important;object-fit:contain}
body.home-page .home-logo-strip .home-logo-dark-part{display:none!important}
/* Only the dark colour scheme changes the appearance, never the scale. */
html[data-theme=dark] body.corporate-site.home-page .home-logo-strip img{background:transparent!important}
html[data-theme=dark] body.home-page .home-logo-frame:not(.home-logo-fit)>img{filter:invert(1)}
html[data-theme=dark] body.home-page .home-logo-fit{mix-blend-mode:screen}
html[data-theme=dark] body.home-page .home-logo-strip .home-logo-dark-part{display:block!important;filter:invert(1)}
/* Reversed wordmarks have transparent letter shapes within their dark panels. */
html[data-theme=dark] body.corporate-site.home-page .home-logo-fit>img:not(.home-logo-dark-part){background:#fff!important;filter:contrast(2)}
html[data-theme=dark] body.home-page .home-logo-klett>img:not(.home-logo-dark-part){clip-path:inset(23.333333% 26.428571% 20% 49.142857%)}
html[data-theme=dark] body.home-page .home-logo-klett>.home-logo-dark-part{clip-path:inset(23.333333% 50.857143% 20% 24.714286%)}
html[data-theme=dark] body.home-page .home-logo-couleurs>img:not(.home-logo-dark-part){clip-path:inset(14% 20.857143% 50% 20.857143%)}
html[data-theme=dark] body.home-page .home-logo-couleurs>.home-logo-dark-part{clip-path:inset(50% 20.857143% 14% 20.857143%)}