/* JLJAM OS 7.9.3 | Artist portrait collection. Original, user-provided photography. */
:root{--cin-portrait-glow:rgba(185,128,255,.34)}
.cin-artist-gallery .cin-face-photo{
  min-height:255px!important; padding:18px 19px 19px!important;
  justify-content:flex-end!important;gap:3px!important;
  border:1px solid #f2ddff62!important;
  border-radius:26px!important;
  background:radial-gradient(ellipse at 60% 5%,#8655bd84,transparent 65%),#191025!important;
  box-shadow:0 28px 52px #0007,inset 0 1px #fff5!important;
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease!important;
}
.cin-artist-gallery .cin-face-photo:before{z-index:0;inset:0;width:100%;height:45%;transform:none;background:linear-gradient(180deg,#f9eaff1a,transparent 70%);pointer-events:none}
.cin-artist-gallery .cin-face-photo:after{content:'';position:absolute;inset:0;z-index:0;width:100%;height:100%;background:linear-gradient(180deg,#0807180c 12%,#0b071327 40%,#0d0712e9 100%);pointer-events:none}
.cin-face-photo .cin-face-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-1;display:block;filter:saturate(1.03);transform:scale(1.01);transition:transform .45s ease}
.cin-face-photo[data-roster-portrait='lysee'] .cin-face-portrait{object-position:53% 33%}
.cin-face-photo[data-roster-portrait='adam'] .cin-face-portrait{object-position:50% 31%}
.cin-face-photo[data-roster-portrait='natalie'] .cin-face-portrait{object-position:51% 30%}
.cin-face-photo[data-roster-portrait='blu'] .cin-face-portrait{object-fit:contain;object-position:center bottom;transform:scale(1.03);filter:drop-shadow(0 14px 26px #0009)}
.cin-face-photo .cin-face-art{display:none!important}
.cin-face-photo .cin-face-label{display:block;z-index:2;position:relative;color:#eee0ffb8;font-size:22px;letter-spacing:.18em;font-weight:890;text-shadow:0 2px 8px #05030c}
.cin-face-photo .cin-face-name{z-index:2;position:relative;font-size:clamp(22px,2.05vw,32px);color:#fff;text-shadow:0 3px 14px #090313}
.cin-face-photo .cin-face-arrow{z-index:2;right:19px;bottom:20px;color:#fff;filter:drop-shadow(0 2px 9px #1b0b32)}
.cin-face-fallback .cin-face-label{font-size:22px;letter-spacing:.13em;color:#dfcafa}
@media(hover:hover){.cin-artist-gallery .cin-face-photo:hover{transform:translateY(-5px);box-shadow:0 30px 62px #000a,0 0 33px #9e67ec30!important;border-color:#f9ecffa6!important}.cin-face-photo:hover .cin-face-portrait{transform:scale(1.06)}.cin-face-photo[data-roster-portrait='blu']:hover .cin-face-portrait{transform:scale(1.07)}}
/* Portrait photographs also replace the old monogram boxes in the Home talent bento. */
.cin-mini-face .artist-avatar{position:relative!important}
.cin-mini-face .artist-avatar img,.cin-face-art .artist-avatar img{object-fit:cover!important;object-position:50% 30%!important}
.cin-mini-face .artist-avatar img[src*='/blu-avatar.webp']{object-fit:contain!important;background:radial-gradient(circle at 50% 50%,#784e986b,#1a1030)!important}
/* Spotlight: artist first, controls later. */
.cin-artist-cover:has(.cin-artist-cover-image){background:radial-gradient(ellipse at 82% 40%,#aa72e25b,transparent 54%),linear-gradient(130deg,#3f275e,#0d0919)!important}
.cin-artist-cover-image{object-position:52% 33%;opacity:.94!important;filter:saturate(1.04)!important}
.cin-artist-cover[data-roster-portrait='lysee'] .cin-artist-cover-image{object-position:53% 31%}
.cin-artist-cover[data-roster-portrait='adam'] .cin-artist-cover-image{object-position:52% 29%}
.cin-artist-cover[data-roster-portrait='natalie'] .cin-artist-cover-image{object-position:50% 30%}
.cin-artist-cover[data-roster-portrait='blu'] .cin-artist-cover-image{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 33px #0009)!important}
.cin-artist-cover-sheen{background:linear-gradient(90deg,#26153bf3 0%,#211431dc 36%,#170d2733 77%),linear-gradient(0deg,#110c20d9,transparent 75%)!important}
/* Accessible fallback and conservative mobile framing. */
@media(max-width:700px){
 .cin-artist-gallery .cin-face-photo{min-height:225px!important;padding:13px 14px 16px!important;border-radius:21px!important}
 .cin-face-photo .cin-face-label{font-size:22px;letter-spacing:.11em}
 .cin-face-photo .cin-face-name{font-size:clamp(22px,5.1vw,27px);line-height:1.15;padding-right:12px}
 .cin-face-photo .cin-face-arrow{right:13px;bottom:14px;font-size:22px}
 .cin-artist-cover-image{inset:0 0 0 31%!important;width:69%!important;opacity:.92!important}
 .cin-artist-cover-sheen{background:linear-gradient(90deg,#261538ef,#211432c9 44%,#180f2930 90%),linear-gradient(0deg,#130c20e4,transparent 70%)!important}
}
@media(max-width:360px){.cin-artist-gallery .cin-face-photo{min-height:208px!important;padding:12px 11px!important}.cin-face-photo .cin-face-name{font-size:22px}}
@media(prefers-reduced-motion:reduce){.cin-face-photo,.cin-face-photo .cin-face-portrait{transition:none!important}}
