/* Overlapping artwork fades replace the hard section seams. */
:root{--scene-blend:clamp(36px,6vw,100px)}
body,main{background:#071b10}
#beginning{border:0;box-shadow:none;z-index:1}
#river{position:relative;z-index:2;margin-top:calc(-1 * var(--scene-blend));border:0;border-radius:0;box-shadow:none;padding:0;background:transparent;mask-image:linear-gradient(to bottom,transparent,#000 var(--scene-blend));-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--scene-blend))}
#river>img{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
#riddles{position:relative;z-index:3;margin-top:calc(-1 * var(--scene-blend));background:transparent;mask-image:linear-gradient(to bottom,transparent,#000 var(--scene-blend));-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--scene-blend))}
#roadmap{position:relative;z-index:4;margin-top:calc(-1 * var(--scene-blend));border:0;box-shadow:none;mask-image:linear-gradient(to bottom,transparent,#000 var(--scene-blend));-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--scene-blend))}
#garden{position:relative;z-index:5;margin-top:calc(-1 * var(--scene-blend));border-top:0;box-shadow:none;mask-image:linear-gradient(to bottom,transparent,#000 var(--scene-blend));-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--scene-blend))}
@media(max-width:600px){:root{--scene-blend:32px}}