/* =========================
   PAGE SECTION (GLOBAL)
   ========================= */

.page-section {
    max-width: 1500px;
    padding-left: 48px;
    padding-right: 48px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .page-section {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* =========================
   GLOBAL DEPTH & LIGHT
   ========================= */

.page-wrapper {
    background:
        linear-gradient(to bottom,
            rgba(255, 255, 255, 0.015),
            transparent 30%);
}

.page-wrapper {
    padding-top: var(--nav-height);
    min-height: calc(100vh - var(--nav-height));
}