/* Articles */

.post-card .card-image {
    aspect-ratio: 0.9375;
}
.post-card .card-image img {
    width: 100%;
    height: 100%;
    background-color: white;
    object-fit: cover;
}
.post-card .title {
    font-size: 2rem;
    letter-spacing: normal;
}
.post-card .card-image::after {
    content: '';
    position: absolute;
    inset: 60% 0 0;
    background: linear-gradient(to bottom, rgba(217, 217, 217, 0), rgba(132, 133, 147, 0.42) 33%, #0f1333);
}
.post-card .card-date {
    padding: 0.25rem 0.75rem;
    font-size: .75rem;
    letter-spacing: 0.5%;
}
.post-card .card-body {
    background-color: white;
    color: var(--wp--preset--color--color-2);
    transition: background-color 0.5s, color 0.5s;
}
.post-card:hover .card-body {
    background-color: var(--wp--preset--color--color-2);
    color: white;
}


/* Solutions */

.solution-card .card-image {
    aspect-ratio: 2;
}
.solution-card .card-image img {
    width: 100%;
    height: 100%;
    background: var(--wp--preset--color--color-2);
    object-fit: cover;
}
.solution-card .taxonomy {
    padding: 0.25rem 0.75rem;
    border: 1px solid var(--wp--preset--color--color-1);
    border-radius: 5rem;
    color: var(--wp--preset--color--color-1);
    font-size: 1rem;
    font-weight: bold;
    white-space: nowrap;
}
.solution-card .card-body {
    background-color: white;
    color: var(--wp--preset--color--color-2);
    transition: background-color 0.5s, color 0.5s;
}


/* Services */

.service-card .card-image {
    aspect-ratio: 1.7;
}
.service-card .card-image img {
    width: 100%;
    height: 100%;
    background: var(--wp--preset--color--color-2);
    object-fit: cover;
}
.service-card .card-body {
    background-color: var(--wp--preset--color--color-2);
    color: white;
}