.feature-showcase {
    padding-bottom: 90px;
}

.feature-showcase .section-heading {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: end;
    margin-bottom: 30px;
}

.feature-showcase .section-heading h2,
.feature-showcase .section-heading p {
    margin-bottom: 0;
}

.feature-showcase .section-heading p {
    max-width: 50ch;
    color: var(--muted);
}

.feature-showcase figure > a {
    display: block;
}

.feature-showcase figure img {
    width: 100%;
    height: auto;
    border: 1px solid var(--line);
    border-radius: 20px;
}

.feature-showcase figcaption {
    max-width: none;
}

@media (max-width: 640px) {
    .feature-showcase {
        padding-bottom: 55px;
    }

    .feature-showcase .section-heading {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 22px;
    }
}
