header,
main,
footer,
#landing {visibility: hidden;}

body[data-visit="true"] header,
body[data-visit="true"] main,
body[data-visit="true"] footer,
body[data-visit="false"] #landing {visibility: visible;}



body[data-visit="false"] {overflow: hidden;}




#landing {z-index: 1000;}

#landing button.--close {
    bottom: var(--size_l);
    left: 50vw;
    transform: translateX(-50%);
}

#landing button.video-volume-toggle {
    bottom: 1.25rem;
    right: 1.25rem;
    column-gap: var(--size_s);
    z-index: 100;
}
@media only screen and (min-width: 768px) {
    #landing button.--close {bottom: var(--size_m);}
    #landing button.video-volume-toggle {right: var(--size_m);}
}