.landing-grid {
    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px
        );
    background-size:
        80px 80px,
        80px 80px;
    background-position: 0 0;
    opacity: 0.7;
    mask-image: linear-gradient(
        to bottom,
        black 0%,
        black 30%,
        transparent 80%
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        black 0%,
        black 30%,
        transparent 80%
    );
}

.page-grid-shell {
    position: relative;
    isolation: isolate;
}

.page-grid-overlay {
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: clamp(24rem, 72vh, 44rem);
    pointer-events: none;
    z-index: 0;
}

.page-grid-content {
    position: relative;
    z-index: 1;
}

html[data-theme="light"] .landing-grid {
    opacity: 0.45;
    background-image:
        linear-gradient(
            rgba(15, 23, 42, 0.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(15, 23, 42, 0.045) 1px,
            transparent 1px
        );
}