.teacher-list, .teacher-list * { box-sizing: border-box; }
.teacher-list { --list-side: calc((100% - 1900px) / 2 + 80px); --card-width: 405px; --photo-height: 400px; --card-gap: 24px; --column-gap: 40px; --row-gap: 60px; --list-bottom: 120px; color: #2a2a2a; background: #fff; }
.teacher-list__grid { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--row-gap) var(--column-gap); padding: 0 var(--list-side) var(--list-bottom); }
.teacher-list__grid[hidden] { display: none; }
.teacher-card { display: flex; flex: 0 0 var(--card-width); flex-direction: column; gap: var(--card-gap); min-width: 0; max-width: 100%; color: inherit; text-decoration: none; }
.teacher-card__photo { display: block; flex: none; width: 100%; height: var(--photo-height); object-fit: cover; object-position: center; }
.teacher-card__photo--empty { background: #ededed; }
.teacher-card__details { display: flex; flex-direction: column; gap: 10px; width: 100%; min-width: 0; }
.teacher-card__name { margin: 0; font-size: 34px; font-weight: 500; line-height: 37px; letter-spacing: -1px; overflow-wrap: break-word; }
.teacher-card__description { margin: 0; font-size: 20px; line-height: 32px; letter-spacing: -.5px; overflow-wrap: break-word; }
.teacher-card__tags { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; }
.teacher-card__tags li { max-width: 100%; padding: 5px 10px; border-radius: 30px; background: #ededed; font-size: 12px; font-weight: 500; line-height: 19px; overflow-wrap: break-word; }
.teacher-card__link { font-size: 18px; font-weight: 500; line-height: 29px; letter-spacing: -.5px; text-decoration: underline; }
.teacher-list--studio { --list-bottom: 40px; }
.teacher-list--studio .teacher-list__grid:first-child { row-gap: 40px; }
.teacher-card--compact-link .teacher-card__link { line-height: 20px; }
.teacher-list--yogatherapy .teacher-list__grid { padding-top: 120px; }
.teacher-list__actions { padding: 1px var(--list-side) 120px; }
.teacher-list__toggle { display: block; width: 100%; height: 70px; padding: 0; border: 1px solid #2a2a2a; border-radius: 0; color: inherit; background: #fff; font: 400 18px/1 Inter, Arial, sans-serif; cursor: pointer; }
.teacher-card:focus-visible, .teacher-list__toggle:focus-visible { outline: 2px solid #2a2a2a; outline-offset: 4px; }
@media (max-width: 1899px) {
    .teacher-list { --list-side: calc((100% - 1200px) / 2 + 20px); --card-width: 260px; --photo-height: 260px; --card-gap: 20px; --list-bottom: 90px; }
    .teacher-card__name { font-size: 24px; line-height: 26px; }
    .teacher-card__description { font-size: 14px; line-height: 22px; }
    .teacher-card__tags li { font-size: 8px; line-height: 12px; }
    .teacher-card__link { font-size: 14px; line-height: 22px; }
    .teacher-list--studio { --list-bottom: 30px; }
    .teacher-card--compact-link .teacher-card__link { line-height: 15px; }
    .teacher-list--yogatherapy .teacher-list__grid { padding-top: 90px; }
    .teacher-list__actions { padding-bottom: 90px; }
    .teacher-list__toggle { height: 46px; font-size: 14px; }
}
@media (max-width: 1199px) {
    .teacher-list { --list-side: calc((100% - 960px) / 2 + 10px); --card-width: 220px; --photo-height: 220px; --column-gap: 20px; --row-gap: 40px; --list-bottom: 60px; }
    .teacher-card__description, .teacher-card__link { font-size: 12px; line-height: 19px; }
    .teacher-list--studio { --list-bottom: 30px; }
    .teacher-card--compact-link .teacher-card__link { line-height: 13px; }
    .teacher-list--yogatherapy .teacher-list__grid { padding-top: 60px; }
    .teacher-list__actions { padding-bottom: 60px; }
}
@media (max-width: 959px) {
    .teacher-list { --list-side: calc((100% - 640px) / 2 + 10px); --card-width: 300px; --photo-height: 300px; --row-gap: 30px; }
    .teacher-list--studio .teacher-list__grid:first-child { row-gap: 30px; }
    .teacher-card--compact-link .teacher-card__link { line-height: 14px; }
}
@media (min-width: 640px) and (max-width: 959px) {
    .teacher-list:not(.teacher-list--studio) .teacher-card--compact-link .teacher-card__link { font-size: 14px; line-height: 17px; }
}
@media (max-width: 639px) {
    .teacher-list { --list-side: 6.25cqw; --card-width: 42.1875cqw; --photo-height: 42.1875cqw; --card-gap: 3.125cqw; --column-gap: 3.125cqw; --row-gap: 9.375cqw; --list-bottom: 9.375cqw; }
    .teacher-card__details { gap: 3.125cqw; }
    .teacher-card__name { font-size: 6.25cqw; line-height: 1.1; letter-spacing: -.3125cqw; }
    .teacher-card__description { font-size: 3.125cqw; line-height: 1.6; letter-spacing: -.15625cqw; }
    .teacher-card__tags { gap: 1.5625cqw; }
    .teacher-card__tags li { padding: 1.5625cqw 3.125cqw; border-radius: 9.375cqw; font-size: 2.5cqw; line-height: 1.55; }
    .teacher-card__link { font-size: 3.125cqw; line-height: 1.6; letter-spacing: -.15625cqw; }
    .teacher-list--studio { --column-gap: 1.5625cqw; --row-gap: 6.25cqw; --card-gap: 6.25cqw; }
    .teacher-list--studio .teacher-list__grid { justify-content: center; }
    .teacher-list--studio .teacher-list__grid:first-child { row-gap: 9.375cqw; }
    .teacher-card--compact-link .teacher-card__link { line-height: 1.2; }
    .teacher-list--yogatherapy .teacher-list__grid { padding-top: 9.375cqw; }
    .teacher-list__actions { padding-top: .3125cqw; padding-bottom: 9.375cqw; }
    .teacher-list__toggle { height: 12.5cqw; border-width: .3125cqw; font-size: 3.125cqw; }
}