* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
    margin: 0;
}

body {
    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: #111;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(0, 0, 0, 0.025),
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fafafa 50%,
            #ffffff 100%
        );
}

.construction {
    min-height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 5vw;
}

.construction-content {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}

.logo {
    width: min(70vw, 18rem);
    height: auto;
}

.accent {
    width: 2.5rem;
    height: 2px;

    margin: 2rem 0 1.5rem;

    background: #b51218;
}

h1 {
    margin: 0;

    font-size: clamp(0.75rem, 1.2vw, 1rem);
    font-weight: 700;

    letter-spacing: 0.22em;
}

.back {
    margin-top: 2rem;

    color: #777;

    font-size: 0.65rem;
    font-weight: 700;

    letter-spacing: 0.18em;

    text-decoration: none;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.back:hover {
    color: #111;
    transform: translateX(-0.25rem);
}