.flex-content.collection {
    padding: 6.5rem 0;
}
.flex-content.collection + .flex-content.collection {
    background-color: #e8e7e2;
}

.flex-content.collection .row {
    --bs-gutter-x: 3rem;
}

.flex-content.collection .titles:not(:has(.eyebrow)) {
    border-bottom: solid 1px #d3d1cd;
    padding-bottom: 1.25rem !important;
    margin-bottom: 2.5rem;
}

.flex-content.collection .titles:not(:has(.eyebrow)) .main-title {
    font-size: 1.875rem;
}

.flex-content.collection .image {
    line-height: 0;
    aspect-ratio: 4/5;
}
.flex-content.collection .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all .7s cubic-bezier(0, 0, .2, 1);
}
.flex-content.collection .box:focus .image img,
.flex-content.collection .box:hover .image img {
    scale: 1.03;
}

.flex-content.collection .box h3 {
    transition: all .15s cubic-bezier(0, 0, .2, 1);
}
.flex-content.collection .box:focus h3,
.flex-content.collection .box:hover h3 {
    color: var(--gold);
}

.flex-content.collection .box .link {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    color: var(--gold);
    font-size: .875rem;
    letter-spacing: .18em;
    transition: all .15s cubic-bezier(0, 0, .2, 1);
}
.flex-content.collection .box .link svg {
    width: 14px;
    height: 14px;
}
.flex-content.collection .box:focus .link,
.flex-content.collection .box:hover .link {
    color: #9a6a00;
}


@media (max-width: 575px) {
    .flex-content.collection {
        padding: 3rem 0;
    }
}