/* notfound tiles — dark band error page with geometric accents over two link tiles (no colors) */
.notfound-tiles {
    isolation: isolate;
}

.notfound-tiles__star {
    font-size: 8rem;
    line-height: 1;
    pointer-events: none;
}

.notfound-tiles__blob {
    width: 20rem;
    height: 20rem;
    left: -8rem;
    bottom: -8rem;
    pointer-events: none;
}

.notfound-tiles__wedge {
    width: 55%;
    height: 40%;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    pointer-events: none;
}

.notfound-tiles__eyebrow {
    letter-spacing: 0.12em;
}

.notfound-tiles__title {
    letter-spacing: -0.02em;
    max-width: 20ch;
    text-wrap: balance;
}

.notfound-tiles__lead {
    max-width: 40rem;
}

.notfound-tiles__card {
    transition: transform 200ms ease;
}

.notfound-tiles__card:hover {
    transform: translateY(-0.25rem);
}

@media (max-width: 767px) {
    .notfound-tiles__star {
        font-size: 4.5rem;
    }
}