html{
    scroll-behavior:smooth;
}

body{
    padding:0;
    margin:0;
    overflow-x:hidden;
    background:#6f5037;
    color:#f7e7d3;
    font-family:Georgia, serif;
}

.layout{
    position:relative;
    min-height:100vh;
}

.page-container{
    width:100%;
    box-sizing:border-box;
}

.story-section{
    position:relative;
}

.video-wrapper{
    width:100%;
    height:260vh;
    position:relative;
    padding:0 100px;
    box-sizing:border-box;
}

#scrolly-video-0,
#scrolly-video-1,
#scrolly-video-2,
#scrolly-video-3,
#scrolly-video-4{
    width:100%;
    aspect-ratio:16 / 9;
    position:sticky;
    top:0;
    overflow:hidden;
    background:#6f5037;
}

#scrolly-video-0 video,
#scrolly-video-0 canvas,
#scrolly-video-1 video,
#scrolly-video-1 canvas,
#scrolly-video-2 video,
#scrolly-video-2 canvas,
#scrolly-video-3 video,
#scrolly-video-3 canvas,
#scrolly-video-4 video,
#scrolly-video-4 canvas{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    background:#6f5037;
}

/* luft mellem video 4 og video 5 */
#video4{
    margin-top:80px;
}

/* sidste video helt ud til siderne */
#video4 .video-wrapper{
    padding-left:0;
    padding-right:0;
}

#video4 #scrolly-video-4{
    width:100%;
}