/* v5.5: complete compositions, no cropped POS interface. */
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-jiss){height:auto!important;min-height:0!important;aspect-ratio:1253/884!important;align-self:center;background:#f6f7fa!important;box-shadow:0 0 0 1px #ffffff25;transition:box-shadow .4s}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-jiss):hover{box-shadow:0 0 0 2px #d0ff7188,0 20px 65px #0003}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-jiss) .cover-pos-interface{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;border-radius:0!important;animation:none!important;transform:none!important}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-jiss) .cover-art-layer{transform:none!important}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-jiss):is(:hover,:focus-visible,:active) .cover-art-layer{transform:none!important}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-jiss)::after{display:none!important}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-jiss) :is(.cover-corner,.cover-category,.art-open,.art-index,.preview-label){display:none!important}
:is(.showcase-art,.project-art,.row-preview):has(:is(.brand-cover-kalimat,.brand-cover-brixsel,.brand-cover-jabal)){height:auto!important;min-height:0!important;aspect-ratio:1672/941!important;align-self:center}
:is(.showcase-art,.project-art,.row-preview):has(:is(.brand-cover-brixsel,.brand-cover-jabal)) :is(.cover-corner,.cover-category){display:none!important}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-kalimat{background:#eee6da}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-kalimat) .cover-fashion-type{font-size:clamp(19px,4.3cqw,45px);top:53%;left:7%;color:#52402c}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-kalimat) .cover-kalimat-logo{left:7%;top:8%;width:30%;height:35%}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-kalimat) .cover-category{font-size:clamp(7px,1.3cqw,10px);bottom:8%;color:#52402c}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover-kalimat) .cover-corner{display:none}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-mizan .cover-mizan-logo{top:8%;left:8%;height:36%;width:27%;filter:drop-shadow(0 0 12px #3cf2ff22)}
.case-logo[src*="mizan-logo-cutout"],.project-logo[src*="mizan-logo-cutout"],.feature-brand img[src*="mizan-logo-cutout"]{object-fit:contain;background:transparent;border:0;border-radius:0}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-forma{background:#f4efe7;color:#302e26}
.forma-cover-orb{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;left:-12%;top:-35%;background:radial-gradient(circle at 60% 65%,#ffb08c,#e86c43);box-shadow:0 0 0 5cqw #f9dfce}
.forma-cover-title{position:absolute;left:8%;top:28%;font-family:Instrument,Georgia,serif;font-size:clamp(50px,15cqw,140px);letter-spacing:-.06em}
.forma-cover-title span{display:block;font:500 clamp(12px,2.9cqw,27px)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin-top:1.5cqw}
.forma-cover-phone{position:absolute;right:10%;top:7%;width:28%;height:80%;background:#f8f5ed;border:4px solid #322c27;border-radius:22px;overflow:hidden;box-shadow:0 18px 25px #57412f33;transform:rotate(7deg)}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .forma-cover-screen{width:100%;height:100%;object-fit:cover;object-position:top}
@media(prefers-reduced-motion:no-preference){.forma-cover-phone{animation:forma-phone 5s ease-in-out infinite alternate}@keyframes forma-phone{to{translate:0 -2%}}}
@media(prefers-reduced-motion:reduce){.forma-cover-phone{animation:none!important}}