/* A restrained cloud veil behind lower content only. */
.lower-content{position:relative;isolation:isolate}
.lower-content::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/quiet-clouds.webp') center 30%/cover no-repeat;opacity:.19;mask-image:linear-gradient(to bottom,transparent 0,#000 170px,#000 calc(100% - 150px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 170px,#000 calc(100% - 150px),transparent 100%)}
@media(max-width:600px){.lower-content::before{background-position:50% 20%;opacity:.16}}