/* Cool photographic treatment for the app-blue edition.
   These presentation layers leave the archived CC0 image files intact. */
:root{--action-blue:#b3c5ff}
.button-light,.brief-button{background:var(--action-blue)}
.hero-image img{filter:saturate(.78) brightness(.78) contrast(1.03)}
.hero-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#0e112055,#b3c5ff12);mix-blend-mode:color}
.hero-shade{background:linear-gradient(90deg,#002356 0%,#002356f0 20%,#002356a6 42%,#00235618 80%),linear-gradient(0deg,#0a0c14dd,transparent 32%,transparent 80%,#00235666)}
.human-picture{isolation:isolate;background:#d5e0f7}
.human-picture>img{filter:saturate(.74) contrast(1.02) brightness(.97)}
.human-picture:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(145deg,#0e112044,#b3c5ff10 70%);mix-blend-mode:color}
.human-picture:after{z-index:1;background:linear-gradient(transparent,#002356c2)}
.photo-caption{z-index:2}
.horizon>img{filter:saturate(.78) contrast(1.04)}
.horizon-shade{background:linear-gradient(#002356c9,#0e112055 60%,#0a0c14b3)}
@media(max-width:760px){
 .hero-shade{background:linear-gradient(90deg,#002356e8,#00235675 70%),linear-gradient(0deg,#0a0c14e8,transparent 60%,#00235677)}
 .human-picture:after{background:linear-gradient(90deg,#002356b8,#00235614)}
}