/* DEV homepage trial. Decorative alpha artwork stays behind content. */
#main > section { position: relative; isolation: isolate; }
#main > section::before {
 content: ""; display: block; position: absolute; inset: 0;
 z-index: -1; pointer-events: none;
 background: url('/assets/vistavetta-mountain-atmosphere.png') no-repeat right bottom / min(1400px, 100%) auto;
 opacity: .06; filter: none; mix-blend-mode: normal;
 mask-image: none; -webkit-mask-image: none;
}
#main > .hero::before { opacity: .10; background-size: cover; background-position: center bottom; }
#main > .sample-strip::before { opacity: .08; }
/* Keep reading and interactive surfaces opaque. */
#main .assessment-preview, #main .deliverable-browser, #main .sw-panel { background-color: #fff; }
#main .finding { background-color: #17353e; }
@media (max-width: 760px) {
 #main > section::before { background-size: auto 340px; background-position: 65% bottom; opacity: .04; }
 #main > .hero::before { background-size: auto 540px; background-position: 65% top; opacity: .08; }
 #main > .sample-strip::before { opacity: .06; }
}
@media print { #main > section::before { display: none; } }