@keyframes gridDrift {
    from {
        background-position: 0 0
    }

    to {
        background-position: 36px 36px
    }
}

@keyframes rise {
    from {
        opacity: 0;
        transform: translateY(14px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width: 768px) {

    h1,
    h2 {
        font-size: 28px !important;
    }
}

.grid-canvas {
    background-image: linear-gradient(rgba(31, 76, 61, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 76, 61, .08) 1px, transparent 1px);
    background-size: 36px 36px
}

.grid-motion {
    animation: gridDrift 18s linear infinite
}

.reveal {
    animation: rise .65s ease both
}

.menu-open {
    display: flex !important
}

.slot-active {
    background: #d8a928 !important;
    color: #132f27 !important;
    border-color: #d8a928 !important
}

.article-hidden {
    display: none !important
}