.latest-posts {
    position: relative;
}

.latest-posts__inner {
    min-height: 1px;
}

.latest-posts__intro {
    text-align: center;
}

.latest-posts__intro > * {
    margin-inline: auto;
}

.latest-posts__heading {
    margin: 0 auto;
    text-align: center;
}

.latest-posts__card-heading {
    margin: 0;
}

.latest-posts__intro-text {
    margin-bottom: 0;
}

.latest-posts__intro-text > :first-child {
    margin-top: 0;
}

.latest-posts__intro-text > :last-child {
    margin-bottom: 0;
}

.latest-posts__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    row-gap: var(--space-xxl);
}

.latest-posts__grid.latest-posts__grid {
    --block-column-gap: var(--space-xxl);
}

.latest-posts__grid--two.latest-posts__grid--two {
    --block-column-gap: var(--space-s);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.latest-posts__item {
    min-width: 0;
}

.latest-posts .latest-posts__link,
.latest-posts .latest-posts__link:hover,
.latest-posts .latest-posts__link:focus,
.latest-posts .latest-posts__link:active,
.latest-posts .latest-posts__link:visited {
    color: inherit;
    display: block;
    text-decoration: none;
    text-decoration-line: none !important;
}

.latest-posts__card {
    --block-card-stack-gap: 0;
    min-width: 0;
    transition: transform 350ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.latest-posts__item:hover .latest-posts__card,
.latest-posts__item:focus-within .latest-posts__card {
    transform: translateY(-0.375rem);
}

.latest-posts__media {
    aspect-ratio: 608 / 405;
    border-radius: 0.375rem;
    display: block;
    overflow: hidden;
}

.latest-posts__image,
.latest-posts__image-placeholder {
    display: block;
    height: 100%;
    width: 100%;
}

.latest-posts__image {
    object-fit: cover;
}

.latest-posts__image-placeholder {
    background: var(--color-light-grey, #f2f2f2);
}

.latest-posts__media + .latest-posts__meta,
.latest-posts__media + .latest-posts__card-heading {
    margin-top: 2rem;
}

.latest-posts__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.latest-posts__category.base-theme-button-link--transparent-rounded {
    color: inherit;
    font-size: var(--font-size-s);
    padding-bottom: 6px;
    padding-top: 6px;
}

.latest-posts__card-heading + .latest-posts__excerpt {
    margin-top: var(--content-heading-to-text-gap);
}

.latest-posts__excerpt {
    margin-bottom: 0;
}

.latest-posts__read-more {
    --btn-link-style-with-chevron-transition-duration: 350ms;
    align-items: center;
    display: inline-flex;
    margin-top: 1.25rem;
    width: fit-content;
}

.latest-posts__read-more-label {
    display: inline-block;
    transition: transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

.latest-posts__item:hover .latest-posts__read-more,
.latest-posts__item:focus-within .latest-posts__read-more {
    transform: translateY(0.375rem);
}

.latest-posts__item:hover .latest-posts__read-more-label,
.latest-posts__item:focus-within .latest-posts__read-more-label,
.latest-posts__item:hover .latest-posts__read-more::after,
.latest-posts__item:focus-within .latest-posts__read-more::after {
    transform: translateY(-0.375rem);
}

.latest-posts__item:hover .latest-posts__read-more:hover::after,
.latest-posts__item:focus-within .latest-posts__read-more:focus-visible::after {
    transform: translate(4px, -0.375rem);
}

.latest-posts__inner.latest-posts__inner > .latest-posts__buttons {
    justify-content: center;
    margin-block-start: 5rem;
    margin-top: 5rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .latest-posts__grid--two.latest-posts__grid--two {
        --block-column-gap: var(--space-m);
    }
}

@media (max-width: 900px) {
    .latest-posts__grid.latest-posts__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .latest-posts__grid.latest-posts__grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .latest-posts__card,
    .latest-posts__read-more,
    .latest-posts__read-more-label {
        transition: none !important;
    }

    .latest-posts__item:hover .latest-posts__card,
    .latest-posts__item:focus-within .latest-posts__card,
    .latest-posts__item:hover .latest-posts__read-more,
    .latest-posts__item:focus-within .latest-posts__read-more,
    .latest-posts__item:hover .latest-posts__read-more-label,
    .latest-posts__item:focus-within .latest-posts__read-more-label,
    .latest-posts__item:hover .latest-posts__read-more::after,
    .latest-posts__item:focus-within .latest-posts__read-more::after {
        transform: none;
    }
}