/* ========= Responsive ========= */
@media (max-width: 768px) {
    /* Fullscreen blur on mobile */
    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--color-box-bg);
        backdrop-filter: blur(var(--blur-strength));
        -webkit-backdrop-filter: blur(var(--blur-strength));
        z-index: 0;
    }

    /* Keep content above blur */
    .wrapper {
        position: relative;
        z-index: 1;
    }

    /* Boxes become transparent on mobile */
    .box {
        background: none;
        border: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        padding: 20px 10px;
    }
}