.teacher-portrait-wall { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 10px; list-style: none; margin: 0; padding: 0; }
.teacher-portrait-wall li { min-width: 0; }
.teacher-portrait-link { display: block; color: var(--gold-pale); text-decoration: none; }
.teacher-portrait { display: block; aspect-ratio: 1; overflow: hidden; background: #080706; border-radius: 4px 4px 0 0; }
.teachers-figure .teacher-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; border-radius: 0; transition: transform 180ms ease; }
.teacher-portrait-name { display: flex; align-items: center; justify-content: center; min-height: 34px; padding: 6px 3px; background: #080706; border-bottom: 1px solid #765a28; font-size: 13px; font-weight: 600; line-height: 1.3; text-align: center; overflow-wrap: anywhere; }
.teacher-portrait-link:hover .teacher-portrait img { transform: scale(1.025); }
.teacher-portrait-link:hover .teacher-portrait-name { color: #fff; border-color: var(--gold); }
@media (max-width: 1020px) { .teacher-portrait-wall { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 600px) { .teacher-portrait-wall { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 8px; } .teacher-portrait-name { font-size: 12px; min-height: 36px; } }
@media (prefers-reduced-motion: reduce) { .teachers-figure .teacher-portrait img { transition: none; } }