.latest {
    --acc: var(--pink);
    padding: 52px 0 56px;
    border-bottom: 1px solid var(--line);
}

.latest-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.latest-head h2 {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    line-height: 1;
}

.latest-head p {
    margin: 10px 0 0;
    color: var(--mute);
    font-size: .95rem;
}

.latest-grid .guide-card-media {
    aspect-ratio: 3 / 2;
}

.latest-grid .guide-card-meta {
    color: var(--pink);
}

.latest-grid .guide-card:hover {
    border-color: var(--pink);
}

@media (max-width: 620px) {
    .latest {
        padding: 42px 0 46px;
    }

    .latest-head {
        display: block;
    }

    .latest-head .reel-all {
        display: inline-block;
        margin-top: 14px;
    }
}
