.teachers-section.eclipse-section{color:#fff;background:#0a0a0a;flex-direction:column;width:100vw;max-width:100vw;min-height:max(100svh,680px);margin-left:calc(50% - 50vw);display:flex;position:relative;overflow-x:clip}.eclipse-section>.container{z-index:3;position:relative}.eclipse-section .section-heading>span{color:#d4d4d4}.eclipse-section .section-heading h2{color:#fff}.eclipse-section>.tr-reveal{flex-direction:column;flex:1;display:flex}.tr-wrap{flex-direction:column;flex:1;justify-content:center;padding:24px 0 8px;display:flex;position:relative;overflow-x:clip}.tr-halo{width:calc(var(--tr-h) * 1.6);height:calc(var(--tr-h) * 1.6);pointer-events:none;z-index:0;background:radial-gradient(closest-side,#ffffff29,#ffffff0f 55%,#fff0);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tr-scene{z-index:2;perspective:var(--tr-persp);perspective-origin:50%;height:calc(var(--tr-h) + 80px);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;position:relative}.tr-scene.is-dragging{cursor:grabbing}.tr-scene:focus-visible{outline-offset:6px;border-radius:24px;outline:2px solid #f5f5f5}.tr-stage{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.tr-slide{left:calc(var(--tr-w) / -2);top:calc(var(--tr-h) / -2);width:var(--tr-w);height:var(--tr-h);backface-visibility:hidden;border-radius:24px;position:absolute}.tr-blur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0a0a0a59;border-radius:24px;position:absolute;inset:0}.tr-specks{pointer-events:none;z-index:0;position:absolute;inset:0}.tr-specks i{opacity:.2;background:#f5f5f5;border-radius:50%;animation:5s ease-in-out infinite alternate tr-twinkle;position:absolute}@keyframes tr-twinkle{0%{opacity:.1}to{opacity:.7}}.tr-card{box-sizing:border-box;color:#0a0a0a;background:#fff;border:1px solid #e5e5e5;border-radius:24px;flex-direction:column;height:100%;padding:22px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.tr-perf{pointer-events:none;justify-content:space-between;display:flex;position:absolute;left:16px;right:16px}.tr-perf.top{top:7px}.tr-perf.bottom{bottom:7px}.tr-perf i{opacity:.35;background:#404040;border-radius:1px;width:6px;height:6px}.tr-photo{background:#f5f5f5;border-radius:16px;flex:0 0 60%;justify-content:center;align-items:flex-end;min-height:0;display:flex;overflow:hidden}.tr-photo img{object-fit:cover;filter:grayscale();width:100%;height:100%}.tr-sil{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:78%;height:92%;display:block}.tr-sil .a{stroke:#404040}.tr-sil .b{stroke:#a3a3a3}.tr-sil .c{stroke:#d4d4d4}.tr-text{flex-direction:column;flex:1;min-height:0;padding:14px 4px 0;display:flex}.tr-label{color:#404040;letter-spacing:.04em;font-size:13px;font-weight:500;display:block}.tr-trait{font-family:var(--font-display,Sora),sans-serif;color:#0a0a0a;overflow-wrap:anywhere;margin:4px 0 6px;font-size:clamp(22px,2.2vw,28px);font-weight:700;line-height:1.1}.tr-desc{color:#404040;margin:0;font-size:15px;line-height:1.45}.tr-tag{color:#404040;white-space:nowrap;border:1px solid #d4d4d4;border-radius:999px;margin-top:10px;padding:5px 12px;font-size:12px;display:inline-flex}.tr-paused{z-index:2;text-align:center;color:#d4d4d4;min-height:20px;margin:4px 0 0;font-size:13px;position:relative}.tr-dots{z-index:2;justify-content:center;display:flex;position:relative}.tr-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.tr-dot span{background:#737373;border-radius:50%;width:10px;height:10px;transition:transform .3s}.tr-dot.is-active span{background:#fff;transform:scale(1.2)}.tr-dot:focus-visible{border-radius:50%;outline:2px solid #f5f5f5}.tr-wrap.is-reduced{justify-content:flex-start}.tr-row{scroll-snap-type:x mandatory;padding:8px max(16px,calc(50% - var(--tr-w) / 2)) 24px;outline:none;gap:16px;display:flex;overflow-x:auto}.tr-row:focus-visible{outline:2px solid #f5f5f5}.tr-row-slide{flex:0 0 var(--tr-w);height:var(--tr-h);scroll-snap-align:center}@media (width<=767px){.tr-trait{font-size:22px}.tr-desc{font-size:14px}}@media (height<=500px) and (orientation:landscape){.tr-scene{height:calc(var(--tr-h) + 40px)}}