@import url('./case-art/home-fitness.css');
@import url('./case-art/lab-field.css');
@import url('./case-art/coffee-air.css');

.case-art{position:relative;width:100%;height:100%;overflow:hidden;container-type:inline-size;isolation:isolate;text-align:left;font-family:var(--body,'PingFang SC',sans-serif)}
.case-art-canvas{position:absolute;inset:0}
.case-art-canvas img{display:block;max-width:none;filter:none!important;transition:none!important;transform:none!important}
.case-art-canvas p,.case-art-canvas strong,.case-art-canvas span{margin-block:0}
.work-media.has-case-art,.work-section.is-horizontal .work-media.has-case-art,.work-section.is-static .work-media.has-case-art{height:auto;aspect-ratio:8/5;background:#10201e}
.work-section.is-horizontal .work-card.has-designed-art{width:min(66vw,900px,76.8vh)}
.work-card.has-designed-art.is-image-error .work-media::after{display:none}
.case-art-canvas img.art-image-unavailable{visibility:hidden}

/* Brand identity is independent of the product screenshots and their captions. */
.case-art .art-brand{position:absolute;left:5.5%;top:4.8%;z-index:5;line-height:0}
.case-art .art-brand img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:left center}
.case-art .art-brand--vaillant{width:18%;aspect-ratio:843.8/220.3}
.case-art .art-brand--tcl{width:8%;aspect-ratio:68/24}
.case-art .art-brand--haiken{width:15.55%;aspect-ratio:430/80}
.case-art .art-brand--haiken img{height:auto;aspect-ratio:430/80;filter:brightness(0) invert(1)!important}