/*.hero {
    position:relative;
    ul {
        display: grid;

        li {
            grid-area: 1/1;
            display: grid;
            place-items: center;
            visibility: hidden;

            figure, h2 {
                grid-area: 1 / 1;
            }
            h2 {
                z-index: 1;
            }
        }
    }

    &:not(.slide-setup-complete) {
        li:first-child {
            visibility: visible;
        }
    }
}*/
.hero {
    position:relative;
    margin-block-start: .6rem;
    overflow: hidden;
}
.hero:not(.slide-setup-complete) .slides li:first-child {
    visibility: visible;
}
.slides {
    display: grid;
}
.slides li {
    margin-block-start: 0;
    grid-area: 1/1;
    display: none;
    place-items: center;
    opacity: 1;
    transform: translateX(0);
    transition: all .2s ease;
}
.slides li.active {
    display: grid;
}
.fade-to-prev .slides li.active {
    @starting-style {
        opacity: 0;
        transform: translateX(-16px);
    }
}
.fade-to-next .slides li.active {
    @starting-style {
        opacity: 0;
        transform: translateX(16px);
    }
}
.slides li figure,
.slides li h2 {
    grid-area: 1 / 1;
}
.slides li img {
    filter: brightness(.8);
}
.slides li h2 {
    z-index: 1;
    padding-inline: var(--wp--preset--spacing--60);
    text-align: center;
}
.slides li h2 a{
    /*background: #ffffff7a;
    border-radius: 6px;
    padding: 10px 6px;
    font-weight: 900;
    color: #334062;*/
    color: #fff;
    line-height: 1.2;
}
.slides-nav button {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
}
.slides-nav button.prev {
    left: 20px;
}
.slides-nav button.next {
    right: 20px;
}
.slides-nav button svg {
    width: 24px;
    height: 24px;
}
.slides-nav button.prev svg {
    filter: drop-shadow(5px 0 0 #fff);
}
.slides-nav button.next svg {
    filter: drop-shadow(-5px 0 0 #fff);
}
@media (max-width: 767px) {
    .slides li img {
        height: 75vh;
    }
}
@media (max-width: 600px) {
    .slides-nav button {
        transform: none;
        top: auto;
        bottom: 2.25rem;
        width: 48px;
        height: 48px;
    }
    .slides-nav button.prev {
        left: 50%;
        transform: translateX(-100%);
    }
    .slides-nav button.next {
        left: 50%;
    }
}
.latest-posts-section {
    gap:0
}
.posts-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 1px;
}
.posts-grid li {
    margin: 0;
    padding: var(--wp--preset--spacing--30);
}
.posts-grid li .wp-block-post-title {
    line-height: 1.3;
}
.posts-grid li:first-child {
    grid-row: span 4;
    display: flex;
    flex-direction: column;
}
.posts-grid li:first-child .post-meta {
    text-align: center;
}
.posts-grid li:first-child .wp-block-post-featured-image {
    flex-grow: 1;
}
.posts-grid li:first-child .wp-block-post-featured-image img {
    height: 100%
}
.posts-grid li:not(:first-child) {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: var(--wp--preset--spacing--30);
}
.posts-grid li:not(:first-child) figure {
    margin-block-end: 0;
}
.posts-grid li:not(:first-child) img {
    aspect-ratio: 1;
    width: 100%;
}
.posts-grid li a {
    text-decoration: none;
    color: inherit;
}
.posts-grid li .wp-block-post-featured-image {
    grid-row: span 2;
    align-self: center;
}
.posts-grid li .wp-block-post-date,
.posts-grid li .wp-block-post-terms {
    font-size: 12px;
    color: oklch(0.67 0 0 / 1);
}
.posts-grid li .wp-block-post-title {
    margin-block-start: var(--wp--preset--spacing--10);
    font-size: var(--wp--preset--font-size--medium);
}
@media (max-width:650px) {
    .posts-grid {
        grid-template-columns: 1fr 1fr;
    }
    .posts-grid li:first-child {
        grid-column: span 2;
        grid-row: span 1;
    }
}
@media (max-width:550px) {
    .posts-grid {
        display: flex;
        flex-direction: column;
    }
}

.latest-posts {
    border-top: 4px solid #ffc1aa;

    li {
        background: oklch(1 0.08 41.26 / 1);
    }
}