.rb-maintenance {
    position: relative;

    min-height: 100vh;

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

    padding: 40px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #111318,
            #252a32
        );

    color: #ffffff;
}


.rb-maintenance::before {

    content: "";

    position: absolute;
    inset: 0;

    background:
        var(--rb-maintenance-image);

    background-size: cover;
    background-position: center;

    opacity: 0;

}


.rb-maintenance__overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,10,13,.96),
            rgba(8,10,13,.72),
            rgba(8,10,13,.45)
        );

}


.rb-maintenance__content {

    position: relative;
    z-index: 1;

    width: min(
        100%,
        760px
    );

    text-align: center;

}


.rb-maintenance__logo {

    display: flex;

    justify-content: center;

    margin-bottom: 36px;

}


.rb-maintenance__logo img {

    width: auto;

    height: 96px;

    max-width: 320px;

}


.rb-maintenance__eyebrow {

    display: inline-block;

    margin-bottom: 16px;


    font-size: 12px;

    font-weight: 900;

    letter-spacing: .14em;

    text-transform: uppercase;

    color: #ff514c;

}


.rb-maintenance h1 {

    margin: 0 0 22px;


    font-size: clamp(
        42px,
        6vw,
        76px
    );


    line-height: .98;

    letter-spacing:
        -0.055em;

}


.rb-maintenance p {

    max-width: 620px;

    margin:
        0 auto 34px;


    font-size: clamp(
        18px,
        2vw,
        22px
    );


    color:
        rgba(
            255,
            255,
            255,
            .78
        );

}


.rb-maintenance__custom {

    margin-top: 30px;

}


.rb-maintenance__status {

    display: inline-flex;

    align-items: center;

    gap: 10px;


    margin-top: 42px;

    padding:
        12px
        22px;


    border-radius:
        999px;


    background:
        rgba(
            255,
            255,
            255,
            .08
        );


    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .12
        );


    font-size: 14px;

    font-weight: 700;

}


.rb-maintenance__status span {

    width: 9px;

    height: 9px;


    border-radius:
        50%;


    background:
        #ff514c;

}


@media (max-width:640px) {


    .rb-maintenance {

        padding:
            24px;

    }


    .rb-maintenance__logo img {

        height:
            72px;

    }


    .rb-maintenance h1 {

        font-size:
            42px;

    }

}