/* Explain: Layout utility classes for sections and grids. */
.dv-section {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

@media (min-width: 768px) {
    .dv-section {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }
}

.dv-grid-auto {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.dv-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, rgba(42, 32, 22, .9) 0%, rgba(42, 32, 22, .62) 55%, rgba(169, 85, 43, .5) 100%);
}