<style>

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#1c1f24;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    overflow-x:hidden;
}

/* Gives just enough room to scroll */

body::after{
    content:"";
    display:block;
    height:55vh;
}

.hero{

    min-height:100vh;

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

    transition:transform 1.4s ease;

}

.hero.move{

    transform:translateY(-70px);

}

.container{

    text-align:center;
    max-width:900px;
    padding:40px;

}

.artist{

    font-size:clamp(1.9rem,5.5vw,4.15rem);

    letter-spacing:.24em;

    text-transform:uppercase;

    margin-bottom:38px;

    white-space:nowrap;

    font-weight:400;

}

.definition{

    font-size:clamp(1rem,2vw,1.35rem);

    line-height:1.8;

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

}

.invitation{

    margin-top:70px;

    font-size:clamp(1.05rem,2vw,1.45rem);

    font-style:italic;

    opacity:0;

    transform:translateY(16px);

    transition:
        opacity 1.6s ease,
        transform 1.6s ease;

}

.invitation.show{

    opacity:1;

    transform:translateY(0);

}

</style>