*,
*::before,
*::after{
    box-sizing:border-box;
}

html,
body{
    margin:0;
    padding:0;
    width:100%;
    min-height:100%;
    background:#000;
}

html{
    scroll-behavior:smooth;
}

body{
    overflow-x:hidden;
    background:#000;
}

body.intro-running{
    overflow:hidden;
}

body.intro-running main{
    background:#000;
}

body.intro-running main > *:not(.intro-sequence){
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

img{
    display:block;
    max-width:100%;
    height:auto;
}

a{
    text-decoration:none;
}

ul{
    margin:0;
    padding:0;
    list-style:none;
}

section{
    scroll-snap-align:start;
}