/* notfound compass — primary card with a layered compass badge and soft circles */
.notfound-compass__panel {
    isolation: isolate;
}

.notfound-compass__circle {
    pointer-events: none;
}

.notfound-compass__circle--top {
    width: 14rem;
    height: 14rem;
    transform: translate(-4rem, -4rem);
}

.notfound-compass__circle--bottom {
    width: 10rem;
    height: 10rem;
    transform: translate(2rem, 3rem);
}

.notfound-compass__stack {
    width: 8rem;
    height: 8rem;
}

.notfound-compass__ring {
    width: 8rem;
    height: 8rem;
    transform: rotate(-8deg) scale(1.1);
}

.notfound-compass__badge {
    width: 6.5rem;
    height: 6.5rem;
    font-size: 2rem;
}

.notfound-compass__title {
    letter-spacing: -0.02em;
    text-wrap: balance;
}

@media (max-width: 767.98px) {
    .notfound-compass__circle--top {
        width: 8rem;
        height: 8rem;
    }

    .notfound-compass__circle--bottom {
        width: 6rem;
        height: 6rem;
    }
}