.new-teachers-grid {
    --new-teacher-columns: 3;
    display: grid;
    grid-template-columns: repeat(var(--new-teacher-columns), minmax(0, 1fr));
    gap: 20px;
}

.new-teacher-card {
    background: #f1f1f1;
    border-radius: 16px;
    overflow: hidden;
}

.new-teacher-card__media {
    width: 100%;
    aspect-ratio: 4 / 3;
    background: #d9d9d9;
}

.new-teacher-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.new-teacher-card__media--placeholder {
    background: linear-gradient(135deg, #d8d8d8 0%, #c8c8c8 100%);
}

.new-teacher-card__content {
    padding: 18px 20px 20px;
}

.new-teacher-card__name {
    margin: 0;
    font-size: 36px;
    line-height: 1.15;
    color: #000;
    font-weight: 700;
}

.new-teacher-card__subject {
    margin: 10px 0 0;
    color: #df1623;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .new-teacher-card__name {
        font-size: 28px;
    }

    .new-teacher-card__subject {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .new-teachers-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .new-teacher-card__name {
        font-size: 24px;
    }

    .new-teacher-card__subject {
        font-size: 20px;
    }
}