.home-principles .values {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.home-principles .value {
    display: flex;
    gap: 1.1rem;
    padding: 1.6rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .1);
    transition: all .32s var(--k-ease);
}

.home-principles .value:hover {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(227, 6, 19, .35);
    transform: translateY(-5px);
}

.home-principles .value__num {
    font-family: 'Oswald', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    color: var(--k-red-light);
    flex-shrink: 0;
    width: 42px;
}

.home-principles .value h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 .5rem;
}

.home-principles .value p {
    font-size: .93rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, .62);
    margin: 0;
}


.home-principles .value > div { min-width: 0; overflow-wrap: anywhere; }
@media(max-width: 991px) { .home-principles .values { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 640px) { .home-principles .values { grid-template-columns: minmax(0, 1fr); } }