/* Fade each layer separately so the portrait stays in front of the ribbon. */
@media(min-width:761px){
 .personal-hero{--art-bottom-fade:linear-gradient(to bottom,#000 68%,rgba(0,0,0,.92) 76%,rgba(0,0,0,.55) 86%,rgba(0,0,0,.14) 95%,transparent 100%)}
 .personal .personal-art .personal-person{-webkit-mask-image:var(--art-bottom-fade);mask-image:var(--art-bottom-fade)}
 .personal .personal-art .personal-geometry{-webkit-mask-image:linear-gradient(to right,transparent,#000 9%),var(--art-bottom-fade);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%),var(--art-bottom-fade);mask-composite:intersect}
 .personal .ribbon-motion{-webkit-mask-image:var(--art-bottom-fade);mask-image:var(--art-bottom-fade)}
}