/* 자매 링 — 루트 brand-family.css 의 링 부분 사본(2026-11-04). 루트를 고치면 여기도 같이.
   믹스앤핏·핏픽스·라라랜드맘·숏츠UGC·웹스튜디오·뷰휠 폴더에 같은 파일. */
/* Keep the existing ring and its gesture behavior; expand each chip into a homepage preview. */
.avvm-family.avvm-family--previews{--family-radius:340px;padding-top:36px;background:radial-gradient(ellipse at 50% 52%,#30322c55,transparent 62%)}
.avvm-family--previews .avvm-family__head{font-size:11px;opacity:.7;margin-bottom:18px}
.avvm-family--previews .avvm-family__stage{height:500px;perspective:1250px;isolation:isolate}
.avvm-family--previews .avvm-family__stage:after{content:"";position:absolute;bottom:20px;left:15%;right:15%;height:60px;border-radius:50%;background:radial-gradient(ellipse,#0008,transparent 70%);pointer-events:none;z-index:-1}
.avvm-family--previews .avvm-family__ring{width:224px;height:316px}
.avvm-family--previews .avvm-family__ring a{padding:6px;gap:0;justify-content:flex-start;border-color:#d9e0cb66;border-radius:15px;background:linear-gradient(140deg,#34382fee,#141612ee);box-shadow:0 20px 35px #0005,inset 1px 1px #fff2}
.avvm-family__preview{display:block;position:relative;width:100%;aspect-ratio:1280/1472;overflow:hidden;border-radius:9px;background:#151616;flex:none}
.avvm-family__preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none;user-select:none;-webkit-user-drag:none}
.avvm-family__preview iframe{position:absolute;left:0;top:0;width:1280px;height:1472px;border:0;transform:scale(var(--family-preview-scale,.1640625));transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .4s ease}
.avvm-family__preview.is-live iframe{opacity:1}
.avvm-family__preview video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0}
.avvm-family__preview.is-live video{opacity:1}
.avvm-family__preview--contain img,.avvm-family__preview--contain video{object-fit:contain;object-position:center}
.avvm-family__caption{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;gap:4px;padding:8px 7px}
.avvm-family--previews .avvm-family__ring i{font-size:10px;white-space:normal;line-height:1.3}
.avvm-family--previews .avvm-family__ring b{font-size:13px;white-space:nowrap}
.avvm-family--previews a:focus-visible{outline:2px solid #d9fb3d;outline-offset:5px}
.avvm-family--previews .avvm-family__follow{margin-top:22px}
.avvm-family__contact{color:#d9fb3d!important}
/* 밝은 바탕 사이트(웹스튜디오·라라랜드맘·뷰휠)에서는 연두가 안 보여 짙은 올리브로 — 링이 물려받은 글자색이 어두우면 --light 를 붙인다 */
.avvm-family--light .avvm-family__contact{color:#4b5d00!important}
/* 시작가 — 2026-10-06 (MIXnFIT 추가와 함께) */
.avvm-family__price{display:block;font-size:10.5px;font-weight:800;color:#d9fb3d;white-space:nowrap;letter-spacing:.01em}
/* 루트 밖은 AVVM.STUDIO 칸까지 아홉 칸 — 이웃 카드가 겹치지 않게 링을 조금 넓힌다(2026-11-04) */
.avvm-family--previews[data-count="9"]{--family-radius:372px}
@media(max-width:700px){
  .avvm-family.avvm-family--previews{--family-radius:180px;padding-top:28px}
  .avvm-family--previews[data-count="9"]{--family-radius:200px}
  .avvm-family--previews .avvm-family__stage{height:335px;perspective:1000px}
  .avvm-family--previews .avvm-family__ring{width:148px;height:228px}
  .avvm-family--previews .avvm-family__ring a{padding:4px;border-radius:11px}
  .avvm-family--previews .avvm-family__ring b{font-size:10px;letter-spacing:0}
  .avvm-family--previews .avvm-family__ring i{font-size:8px}
  .avvm-family__caption{padding:7px 5px;gap:3px}
  .avvm-family__preview{border-radius:7px}
  .avvm-family--previews .avvm-family__follow{font-size:12px;gap:12px}
  .avvm-family__sns{gap:2px 10px}
}
@media(prefers-reduced-motion:reduce){
  .avvm-family--previews .avvm-family__stage{display:none}
  .avvm-family--previews .avvm-family__grid{display:flex;gap:14px}
  .avvm-family--previews .avvm-family__grid a{width:180px;max-width:calc(50% - 7px);padding:5px;background:#181b17;color:#eef1f4}
  .avvm-family--previews .avvm-family__grid b{font-size:11px;white-space:nowrap}
  .avvm-family--previews .avvm-family__grid i{font-size:10px}
}
.lumi-reveal{background:#080a09!important}
.lumi-reveal img,.lumi-reveal video{object-fit:cover!important;mask-image:radial-gradient(circle,#000 64%,transparent 68%);mask-size:20% 12.5%;-webkit-mask-image:radial-gradient(circle,#000 64%,transparent 68%);-webkit-mask-size:20% 12.5%}
.lumi-reveal::after{content:"TIME /\A REVEALED";white-space:pre;position:absolute;left:6%;top:20%;color:#f1eee5;font:900 25px/.88 Arial,sans-serif;letter-spacing:-1.5px;pointer-events:none;z-index:2;text-align:left}
@media(max-width:700px){.lumi-reveal::after{font-size:17px;letter-spacing:-1px}}