.professor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 22px}.professor-card{text-align:center;position:relative}.professor-orbit{width:clamp(150px,16vw,230px);aspect-ratio:1;border-radius:50%;margin:auto;padding:7px;background:conic-gradient(from 40deg,var(--terra),#f1c0a8,var(--ink),var(--terra));box-shadow:0 0 0 1px #b85f4b55,0 18px 40px #55302725;transition:.45s;position:relative}.professor-orbit:before{content:'';position:absolute;inset:-11px;border:1px solid var(--terra);border-radius:50%;border-left-color:transparent;border-right-color:transparent;transform:rotate(22deg);transition:.45s}.professor-card:hover .professor-orbit{transform:scale(1.06) rotate(3deg);box-shadow:0 0 0 8px #b85f4b16,0 24px 50px #55302740}.professor-card:hover .professor-orbit:before{transform:rotate(160deg)}.professor-image{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--terra)}.professor-image img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;transform:scale(3.15);filter:saturate(.88);transition:.45s}.professor-card:hover .professor-image img{transform:scale(3.4);filter:saturate(1.08) contrast(1.03)}.professor-copy{padding-top:23px}.professor-copy h3{font-size:24px}.professor-copy p{font-size:13px;color:var(--muted);margin:7px 0}.professor-hover{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) translateY(8px);opacity:0;background:#211d1ee8;color:#fff;padding:10px 14px;border-radius:99px;font-size:11px;white-space:nowrap;transition:.35s;pointer-events:none}.professor-card:hover .professor-hover{opacity:1;transform:translate(-50%,-50%) translateY(0)}@media(max-width:800px){.professor-grid{grid-template-columns:repeat(2,1fr);gap:38px 18px}.professor-orbit{width:clamp(130px,38vw,190px)}.professor-copy h3{font-size:20px}.professor-copy p{font-size:12px}.professor-hover{display:none}}