/* checkpoint lost — 404 banner under the overlay header (no colors) */
.checkpoint-lost {
    padding: 160px 0 70px;
}

.checkpoint-lost__glow {
    opacity: 0.3;
    background-image: radial-gradient(at 100% 100%, currentColor 0%, transparent 60%);
}

.checkpoint-lost__code {
    font-size: 110px;
    letter-spacing: 0.04em;
}

.checkpoint-lost__kicker-icon {
    font-size: 13px;
}

.checkpoint-lost__kicker {
    font-size: 13px;
    letter-spacing: 2.5px;
}

.checkpoint-lost__title {
    font-size: 36px;
    line-height: 1.2;
}

.checkpoint-lost__lead {
    font-size: 14px;
    line-height: 1.8;
}

.checkpoint-lost__btn {
    font-size: 14px;
    line-height: 1.2;
    padding: 15px 30px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

@media (min-width: 768px) {
    .checkpoint-lost {
        padding-top: 180px;
    }

    .checkpoint-lost__code {
        font-size: 160px;
    }

    .checkpoint-lost__title {
        font-size: 49px;
    }

    .checkpoint-lost__lead,
    .checkpoint-lost__btn {
        font-size: 15px;
    }
}

@media (min-width: 1024px) {
    .checkpoint-lost {
        padding: 250px 0 100px;
    }

    .checkpoint-lost__code {
        font-size: 200px;
    }

    .checkpoint-lost__title {
        font-size: 62px;
    }

    .checkpoint-lost__lead {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .checkpoint-lost__btn {
        transition: none;
    }
}

