/* The actual lake surface is followed immediately by its submerged underside. */
.hero:after{background:linear-gradient(180deg,#ffffff99 0%,#ffffff22 38%,#ffffff00 58%,#ffffff80 77%,#d8e1df70 92%,#b5c4c2 100%)}
.scene-meta span{color:#3d4f47}
.depth{background:linear-gradient(180deg,#b5c4c2,#253b40 90px,#09141a 280px);scroll-margin-top:0}
.depth-content{padding-top:175px;padding-bottom:100px}
.hero:after{z-index:-2}
#shared-water-above{position:absolute;left:0;bottom:0;width:100%;height:200px;z-index:-1;pointer-events:none;opacity:1;mask-image:linear-gradient(180deg,transparent,#000 28%)}
.underwater{opacity:1;background:#09141a url('assets/pod-hladinou-jemne.webp') center -180px/100% auto no-repeat;mask-image:none}
#shared-water{position:absolute;left:0;top:0;width:100%;height:850px;z-index:1;pointer-events:none;mask-image:linear-gradient(180deg,#000,#000 700px,transparent 850px)}
.underwater:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#09141a00 0px,#09141a12 90px,#09141a40 180px,#09141a80 350px,#09141ae8 650px,#09141a 850px);pointer-events:none}
.water-surface,.light-shaft,.seabed{display:none}
#particles{z-index:3;opacity:.32}
.depth .chapter,.depth .tiny{color:#c5d2d5;text-shadow:0 1px 12px #07101780}
.depth .statement{position:relative;color:#e8efee;text-shadow:0 2px 30px #07101745}
.depth .statement em{color:#c4d4d7}
@media(max-width:1000px){.underwater{background-size:auto 740px}}
@media(max-width:650px){
 .hero-scene>img,#hero-video{bottom:0;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 100%)}
 .hero:after{background:linear-gradient(180deg,#ffffff35 0%,transparent 46%,#ffffff88 68%,#d8e1df65 88%,#b5c4c2 100%)}
 .depth-content{padding-top:155px;padding-bottom:65px}
 .underwater{background-size:140% auto;background-position:center -20vw}
 #shared-water-above{height:140px}
 .depth .statement{margin-top:35px}
}