html,
body{
    margin:0 !important;
    padding:0 !important;
    width:100%;
    height:100%;
    overflow:hidden !important;
    background:#000;
}

.verra-coming{
    position:fixed;
    inset:0;
    width:100vw;
    height:100dvh;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:
        radial-gradient(circle at center, rgba(122,27,6,.20), transparent 52%),
        #000;
    font-family:Georgia,"Times New Roman",serif;
}

.verra-box{
    width:min(680px, 86vw);
    max-height:88dvh;
    transform:scale(clamp(.62, 1.05 - ((720px - 100dvh) / 900), 1));
    transform-origin:center center;
}

.verra-logo{
    width:min(430px, 62vw);
    margin:0 auto 20px;
    color:#b8944f;
    line-height:0;
}

.verra-logo svg{
    width:100%;
    height:auto;
    display:block;
}

.verra-logo svg *{
    fill:currentColor !important;
}

.verra-title{
    color:#f5f2ed;
    font-size:clamp(46px, 6.5vw, 92px);
    line-height:1;
    font-weight:400;
    letter-spacing:.18em;
    text-transform:uppercase;
    margin:0;
}

.verra-line{
    width:90px;
    height:1px;
    background:#b8944f;
    margin:18px auto;
}

.verra-text{
    color:rgba(245,242,237,.78);
    font-size:clamp(15px, 1.6vw, 18px);
    line-height:1.6;
    max-width:640px;
    margin:0 auto;
}

.verra-soon{
    margin-top:24px;
    color:#b8944f;
    letter-spacing:.45em;
    text-transform:uppercase;
    font-size:13px;
}