.home-models {
    border-top: 1px solid #e7ded3;
    background: #fffcf7;
}

.home-models .outcomes-lede { max-width: none; }

.home-model-brands {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem 3rem;
    margin: 1.75rem 0 0;
    padding: 0;
    list-style: none;
}

.home-model-brands li {
    display: flex;
    align-items: center;
    gap: .7rem;
    color: #30251c;
    font-size: 1.15rem;
    font-weight: 650;
    line-height: 1.4;
}

.home-model-brands img { flex: 0 0 32px; width: 32px; height: 32px; object-fit: contain; }

.home-model-directory { margin-top: 2.5rem; }

.home-model-group {
    display: grid;
    grid-template-columns: 12rem minmax(0, 1fr);
    align-items: start;
    gap: 1.75rem;
    padding: 1.4rem 0;
    border-top: 1px solid #e7ded3;
}

.home-model-group:last-child { border-bottom: 1px solid #e7ded3; }

.home-model-group h3 {
    margin: .6rem 0 0;
    color: #30251c;
    font-size: .9rem;
    font-weight: 650;
    line-height: 1.5;
}

.home-model-list {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-model-list li {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    max-width: 100%;
    min-height: 2.65rem;
    padding: .65rem .8rem;
    border: 1px solid #e4d9cd;
    border-radius: .7rem;
    background: #fbf8f3;
    color: #3a3028;
    font-size: .79rem;
    font-weight: 500;
    line-height: 1.4;
}

.home-model-list img {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.home-model-list li span { min-width: 0; overflow-wrap: anywhere; }

.home-model-list .home-model-logo-dark { padding: 2px; border-radius: 4px; background: #17120f; }

@media (max-width: 900px) {
    .home-model-brands { column-gap: 2rem; }
    .home-model-group { grid-template-columns: 9rem minmax(0, 1fr); gap: 1rem; }
}

@media (max-width: 600px) {
    .home-model-brands { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1rem; }
    .home-model-brands li { gap: .6rem; font-size: 1rem; }
    .home-model-brands img { flex-basis: 28px; width: 28px; height: 28px; }
    .home-model-directory { margin-top: 2rem; }
    .home-model-group { grid-template-columns: 1fr; gap: .9rem; padding: 1.2rem 0; }
    .home-model-group h3 { margin: 0; }
    .home-model-list { gap: .5rem; }
    .home-model-list li { padding: .6rem .7rem; font-size: .75rem; }
}
