.inits {
    --cgap: 2em;
    --rgap: 4em;
    --ar: 370 / 220
}

.inits a {
    display: flex;
    flex-direction: column;
    height: 100%
}

.inits img {
    border-radius: 1em;
    overflow: hidden
}

.tag {
    margin: 1em 0
}

.inits h2 {
    margin-top: 1em
}

.inits .desc {
    padding: 1em 0;
    margin-top: auto
}

.inits p {
    --lines: 7;
    display: -webkit-box;
    line-clamp: var(--lines);
    box-orient: vertical;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--lines);
}

.inits>:nth-child(n+3) p {
    --lines: 3
}

@media (max-width: 1200px) {
    .inits p {
        --lines:5
    }
}

@media (min-width: 769px) {
    .inits>:first-child {
        --ar:780 / 360;
        grid-column: auto / span 2
    }

    .inits>:first-child img {
        border-radius: 1.2em
    }

    .inits>:first-child .btn {
        width: calc(50% - (var(--cgap) / 2))
    }

    .inits>:first-child p {
        --lines: 2
    }
}

@media (max-width: 992px) {
    .inits p {
        --lines:3
    }
}