.status {
    min-height: 78svh;
    padding-block: 196px 96px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
}

.status--code {
    margin: 0;
    color: var(--gold-soft);
    font: 24px/1 'GOST', sans-serif;
    letter-spacing: .15em;
}

.status h1 {
    max-width: 20ch;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.15;
}

.status--message {
    max-width: 48ch;
    margin: 0;
    font-size: 22px;
    line-height: 1.5;
    color: var(--text-soft);
}

.status .patch {
    max-width: 100%;
    line-height: 1.2;
}

@media (max-width: 760px) {
    .status {
        padding-block: 200px 64px;
    }
}