.brand__mark {
    block-size: auto;
    max-block-size: 3rem;
}

.error-page {
    display: grid;
    min-block-size: min(62vh, 34rem);
    place-content: center;
    gap: var(--space-4);
    padding-block: var(--space-8);
    text-align: center;
}

.error-page__code {
    margin: 0;
    color: var(--action-primary);
    font-size: var(--text-sm);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.error-page h1 {
    max-inline-size: 42rem;
    margin: 0 auto;
    font-size: var(--text-xl);
    line-height: var(--leading-tight);
}

.error-page__message {
    max-inline-size: 42rem;
    margin: 0 auto;
    color: var(--text-secondary);
}

.error-page__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-3);
    margin-block-start: var(--space-3);
}