/* Production student portraits float while the orbit rings rotate; labels stay upright. */
.student-network{position:relative;isolation:isolate;width:100%;max-width:590px;aspect-ratio:1;margin-inline:auto;background:#fff;border-radius:12px;overflow:hidden;container-type:inline-size}
.student-network-map{position:absolute;inset:20% 0;width:100%;height:60%;object-fit:contain;opacity:.6;z-index:-1}
.student-network-center{position:absolute;inset:34% 24%;display:grid;place-items:center;text-align:center;font-size:clamp(18px,5cqi,30px);font-weight:700;line-height:1.4;text-wrap:balance;background:radial-gradient(ellipse,rgba(153,202,58,.12),transparent 70%)}
.student-network-rings{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.student-network-ring{fill:none;stroke:#89b64f;stroke-width:2;stroke-dasharray:10 5;opacity:.65;transform-box:view-box;transform-origin:center;animation:student-network-rotate 30s linear infinite}
.student-network-ring:nth-child(2){animation-duration:40s;animation-direction:reverse}
.student-network-member{position:absolute;width:19%;transform:translate(-50%,-50%);text-align:center}
.student-network-person{animation:student-network-float 3s ease-in-out infinite}
.student-network-portrait{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 16px #0002}
.student-network-label{display:block;position:relative;left:50%;width:max-content;transform:translateX(-50%);margin-top:5px;font-size:clamp(12px,2.8cqi,16px);font-weight:600;line-height:1.5;white-space:nowrap}
.student-network-hk{left:22%;top:15%}.student-network-tw{left:74%;top:14%}
.student-network-th{left:54%;top:29%;width:13%}.student-network-jp{left:79%;top:59%;width:13%}
.student-network-kr{left:13%;top:57%}.student-network-cn{left:49%;top:86%;width:15%}
.student-network-th .student-network-person{animation-delay:-.5s}.student-network-jp .student-network-person{animation-delay:-1s}
.student-network-kr .student-network-person{animation-delay:-1.5s}.student-network-cn .student-network-person{animation-delay:-2s}
.student-network-tw .student-network-person{animation-delay:-2.5s}
.student-network-icon{position:absolute;width:9%;height:auto;pointer-events:none}
.student-network-icon-one{left:24%;top:37%}.student-network-icon-two{right:5%;top:33%}
.student-network-icon-three{left:22%;bottom:14%}.student-network-icon-four{right:16%;bottom:16%}
@keyframes student-network-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes student-network-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.student-network-person,.student-network-ring{animation:none}}