/* v0.4.2: official uploaded logo and conflict-free Hero motion */
.header .identity{flex:0 1 320px;min-width:155px;max-width:320px;overflow:visible}
.ciie-brand{display:flex;align-items:center;justify-content:flex-start;max-width:100%;min-height:68px;text-decoration:none}
.ciie-brand img{display:block;width:clamp(170px,19vw,315px);height:auto;max-height:67px;object-fit:contain;object-position:left center}
[dir=rtl] .ciie-brand img{object-position:right center}
.ciie-footer-brand{flex:0 1 215px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:12px;background:#f9faf9;box-shadow:0 6px 20px #0002}
.ciie-footer-brand img{display:block;width:190px;max-width:100%;height:auto;object-fit:contain}
/* Fixed media frame coordinates; movement is vertical CSS translate only. */
#hero-pics .pic{translate:0 var(--ciie-pic-y,0px);transform:none!important;animation:none!important;will-change:translate;backface-visibility:hidden;contain:paint}
#hero-pics .pic img{transform:none!important;translate:none!important;animation:none!important;width:100%;height:100%;object-fit:cover;object-position:center;will-change:auto}
#hero-pics{isolation:isolate;overflow:visible}
#hero-pics .pic.one{z-index:1}#hero-pics .pic.two{z-index:2}#hero-pics .pic.three{z-index:3}
@media(max-width:1100px){.header .identity{flex-basis:240px}.ciie-brand img{width:min(230px,27vw)}}
@media(max-width:650px){.header .identity{flex-basis:auto;min-width:0}.ciie-brand{min-height:44px}.ciie-brand img{width:clamp(118px,34vw,175px);max-height:49px}.ciie-footer-brand img{width:185px}#hero-pics .pic{translate:none!important}}
@media(prefers-reduced-motion:reduce){#hero-pics .pic{translate:none!important;will-change:auto}}