.error-page {
    display: grid;
    min-height: min(48rem, calc(100vh - 9rem));
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 22%, rgb(175 31 41 / .12), transparent 20rem),
        linear-gradient(135deg, #f8f7f4 0%, #fff 48%, #edf2f4 100%);
    padding: clamp(4rem, 10vw, 8rem) 1.25rem;
    text-align: center;
}

.error-page__inner {
    width: min(100%, 48rem);
}

.error-page__code {
    margin: 0;
    color: rgb(23 35 51 / .08);
    font-family: var(--font-display);
    font-size: clamp(7rem, 24vw, 15rem);
    font-weight: 500;
    letter-spacing: -.08em;
    line-height: .75;
}

.error-page .eyebrow {
    margin-top: 1rem;
}

.error-page h1 {
    max-width: 34rem;
    margin-inline: auto;
    font-size: clamp(2.2rem, 5vw, 4.2rem);
}

.error-page p:not(.eyebrow) {
    max-width: 30rem;
    margin-inline: auto;
    color: var(--color-muted);
}

.error-page__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
}

.maintenance-page {
    min-height: min(42rem, calc(100vh - 9rem));
}