.mvface{margin-top:3.5rem;margin-bottom:2.5rem;border-radius:28px;padding:clamp(1.5rem,4vw,3rem);background:radial-gradient(120% 90% at 30% 20%,#12294f 0,#0a1832 55%,#050d1f 100%);border:1px solid rgba(120,160,220,.16);box-shadow:0 30px 80px -40px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05);color:#e7edf8;overflow:hidden}.mvface-head{max-width:46ch;margin-bottom:clamp(1.25rem,3vw,2rem)}.mvface-eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#7f9cd0;margin:0 0 .7rem}.mvface-title{font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:600;line-height:1.05;margin:0 0 .6rem;color:#f4f8ff}.mvface-sub{font-size:.95rem;line-height:1.6;color:#9fb0cc;margin:0}.mvface-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:clamp(1rem,3vw,2.5rem);align-items:center}.mvface-canvas{position:relative;width:100%;min-height:clamp(340px,48vw,540px);aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:radial-gradient(60% 60% at 50% 42%,rgba(60,100,175,.22) 0,rgba(6,15,36,0) 70%),#060f24}.mvface-canvas canvas,.mvface-canvas>div{position:absolute!important;inset:0;width:100%!important;height:100%!important}.mvface-poster{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;border-radius:18px;filter:grayscale(1) contrast(1.03)}.mvface-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#6a83b4}.mvface-loading span{animation:mvface-pulse 1.6s ease-in-out infinite}.mvface-caption{padding:.5rem .25rem}.mvface-name{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;color:#0f172a;margin:0 0 .35rem;line-height:1.1}.mvface-people{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin:0 0 1.1rem}.mvface-person{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:.12rem 0;cursor:pointer;font-family:inherit;text-align:left;font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:600;line-height:1.14;color:#8ea3c8;transition:color .25s ease}.mvface-person:hover{color:#dce7f8}.mvface-person:focus-visible{outline:2px solid #0474cc;outline-offset:3px;border-radius:4px}.mvface-person.is-active{color:#f4f8ff}.mvface-person.is-active:after{content:"";display:block;width:2.2rem;height:3px;margin-top:.35rem;background:#3a93e6;border-radius:2px}.mvface-detail{animation:mvface-detail-in .45s ease both}.mvface-index{font-size:.72rem;letter-spacing:.2em;color:#6f8bbd;margin:0 0 .55rem;font-variant-numeric:tabular-nums}.mvface-role{font-size:.98rem;color:#86d1ff;margin:0 0 .85rem;font-weight:500}.mvface-bio{font-size:.9rem;line-height:1.72;color:#b7c6e0;margin:0;padding-top:.85rem;border-top:1px solid rgba(120,160,220,.16)}@keyframes mvface-detail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mvface-pulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:820px){.mvface-stage{grid-template-columns:1fr}.mvface-canvas{aspect-ratio:4/5}.mvface-caption{text-align:center}.mvface-people{align-items:center}.mvface-bio{text-align:left}}@media (prefers-reduced-motion:reduce){.mvface-detail,.mvface-loading span{animation:none}}