/* ======================================================
   WELCOME PANEL
====================================================== */

.welcome-panel{

    position:fixed;

    inset:0;

    z-index:10000;

    display:flex;

    justify-content:center;

    align-items:center;

    background:

    rgba(5,6,10,.72);

    backdrop-filter:
    blur(18px);

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:
    opacity 1s ease,
    visibility 1s ease;

}


.welcome-panel.active{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

}



.welcome-panel-inner{

    position:relative;

    width:min(620px,90vw);

    padding:55px 45px;

    text-align:center;

    background:

    linear-gradient(
        180deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.015)
    );


    border:

    1px solid rgba(255,255,255,.08);


    box-shadow:

    0 40px 120px rgba(0,0,0,.55);

}



.welcome-panel-inner h2{

    margin-bottom:35px;

    font-size:
    clamp(2rem,5vw,3.8rem);

    letter-spacing:.15em;

}



.welcome-panel-inner p{

    color:var(--muted);

    font-size:1.1rem;

    line-height:1.9;

    white-space:pre-line;

}



.welcome-close{

    position:absolute;

    top:18px;

    right:22px;

    background:none;

    border:0;

    color:var(--muted);

    font-size:2rem;

}



.welcome-start{

    margin-top:35px;

}

.welcome-close{

    position:absolute;

    top:18px;

    right:22px;

    border:none;

    background:none;

    color:var(--muted);

    font-size:2rem;

    cursor:pointer;

    transition:

        color .4s ease,

        transform .45s ease;

}

.welcome-close:hover{

    color:var(--gold);

    transform:rotate(90deg);

}

.welcome-line{

    margin:0 0 22px;

    font-size:1.08rem;

    line-height:1.8;

    color:#d8d3c8;

}


.welcome-line.strong{

    color:#f5f0e6;

    font-weight:600;

}


.welcome-line:nth-child(2){

    color:#d2ccc0;

}


.welcome-line:nth-child(3){

    color:#bcb6aa;

}


.welcome-line.reveal{

    color:#d7b36a;

    text-shadow:
        0 0 18px rgba(215,179,106,.25);

}