.page-not-found {
    padding-top: 80px;
    padding-bottom: 160px;
    text-align: center;

    @media (min-width: 960px) {
        padding-top: 140px;
        padding-bottom: 240px;
    }

    .not-found-code {
        font-size: clamp(7rem, 30vw, 22rem);
        line-height: 0.85;
        margin-bottom: 56px;
    }

    .not-found-body {
        max-width: 560px;
        margin: 40px auto 64px;
        color: var(--color-cream);
    }
}