/* Explain: Layout utilities for section padding and grids. */
.section-pad {
    padding-block: clamp(4rem, 8vw, 7rem);
}

.directory-grid {
    display: grid;
    gap: 1.35rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

@media (max-width: 767px) {
    .layered-frame::before,
    .layered-frame::after {
        display: none;
    }
}