@media (max-width: 1100px) {

    html,
    body {
        background-color: var(--bg);
        background: var(--bg);

    }

    .brand-mark {
        background-color: var(--accent);
        background: var(--accent);
    }

    .cta-box {
        background-color: rgba(124, 199, 255, 0.10);
        background: rgba(124, 199, 255, 0.10);
    }

    .card {
        backdrop-filter: inherit;
    }

    .site-header {
        backdrop-filter: inherit
    }

    .hero-copy,
    .hero-panel {
        backdrop-filter: inherit
    }

    .info-card {
        backdrop-filter: inherit
    }
}