/* Explain: Layout utilities and section styling. */
.section {
    padding-block: 4.5rem;
}

@media (max-width: 640px) {
    .section {
        padding-block: 3rem;
    }
}

.hero-scrim {
    background: linear-gradient(180deg, rgba(24, 21, 17, .4) 0%, rgba(24, 21, 17, .72) 100%);
}

.link-more {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .9rem;
    color: var(--accent-color);
}

.link-more:hover {
    text-decoration: underline;
}

.container-luxe {
    width: 100%;
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 1rem;
}