/* Dissolve incoming paintings over the intact image above, without black overlays. */
:root{--image-join:clamp(24px,5vw,92px)}
#beginning.forest-hero.video-hero .hero-picture:after,
#beginning.video-hero .hero-vignette,
#river:before,#riddles:before,#riddles:after,#roadmap:before,#roadmap:after,#garden:before,#garden:after{display:none}
#beginning.video-hero .hero-title-block:before{display:none}
#beginning.video-hero h1{text-shadow:0 4px 0 #07170e,0 3px 7px #000,0 5px 13px #000;filter:none}
#beginning.video-hero .eyebrow{text-shadow:0 2px 2px #000,0 2px 6px #000,0 3px 9px #000}
#river,#riddles.crypt-art-only,#roadmap.nft-scroll,#garden{background:transparent;margin-top:calc(-1 * var(--image-join));mask-image:none;-webkit-mask-image:none}
#river>img,.crypt-art-stage,.nft-scroll .scroll-scene,#garden>.footer-art{background:transparent;mask-image:linear-gradient(to bottom,transparent 0,#000 var(--image-join));-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--image-join))}
#riddles.crypt-art-only{padding:0}
#garden .footer-overlay{background:transparent}

/* Shadows follow the letters closely, leaving the neighboring moon unobscured. */
#beginning.video-hero h1{text-shadow:0 5px 1px #000,0 7px 9px #000,0 9px 16px #000e;filter:drop-shadow(0 3px 3px #000)}
#beginning.video-hero .eyebrow{text-shadow:0 3px 1px #000,0 4px 6px #000,0 6px 10px #000}
/* The final painting dissolves into the existing black footer ground. */
#garden>.footer-art{mask-image:linear-gradient(to bottom,transparent 0,#000 var(--image-join),#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--image-join),#000 78%,transparent 100%)}
