/* Load after the page stylesheet. Scope: real photo portraits only. */
.ck .lv.portrait-treated{isolation:isolate;cursor:default;background:#fff;display:block;width:100%!important;max-width:440px;height:auto!important;aspect-ratio:1}
.ck .lv.portrait-treated>pre.ascii{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none}
.ck .lv.portrait-treated>img,
.ck .troupe .lv.portrait-treated>img,
.ck .lv.portrait-treated.peek>img,
.ck .lv.portrait-treated.live>img{
 opacity:1!important;filter:grayscale(1)!important;mix-blend-mode:normal!important;
 -webkit-mask-image:var(--portrait-mask,none)!important;mask-image:var(--portrait-mask,none)!important;-webkit-mask-size:100% 100%!important;mask-size:100% 100%!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
 animation:none!important;transform:none!important;clip-path:none!important;
 object-fit:cover;object-position:50% 34%;transition:none!important;
}
.ck .lv.portrait-treated>.portrait-code{
 position:absolute;z-index:2;left:50%;top:0;width:50%;height:100%;
 pointer-events:none;user-select:none;display:block;opacity:1;
 box-sizing:border-box;overflow:hidden;background:#fff;
}
@media(prefers-reduced-motion:reduce){.ck .lv.portrait-treated *{animation:none!important;transition:none!important}}
.ck .troupe .lv.portrait-treated{max-width:160px}

.ck .portrait-code>.portrait-mask-art{position:absolute;width:280%;height:140%;max-width:none;left:-140%;top:-20%;object-fit:fill;opacity:1;filter:none;mix-blend-mode:normal;pointer-events:none}
.ck .play-face .lv.portrait-treated{max-width:440px}

/* Rejected graphic experiment: keep shared page photo-only until sample approval. */
.ck .lv.portrait-treated>.portrait-code{display:none!important}
