.member--fx{
  --b:#CEE8F3;                 
  --fx-frame:var(--b);         
  --fx-dur:3s;                 
  --fx-rim-min:.2;  --fx-rim-max:.95;  --fx-rim-static:.7;
  --fx-glow-min:.05;--fx-glow-max:.6;  --fx-glow-static:.35;
}


.member--fx .m-ava::before,
.member--fx article::before{background:var(--fx-frame)}


.member--fx .m-ava .fx{position:absolute;inset:2px;pointer-events:none;overflow:hidden;
  clip-path:polygon(0 0,calc(100% - var(--cut-in)) 0,100% var(--cut-in),100% 100%,var(--cut-in) 100%,0 calc(100% - var(--cut-in)))}
.member--fx .fx>b{position:absolute;inset:0;display:block;background:var(--b);
  -webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat}
.member--fx .fx .glow{--m:url(../img/team/oleg-fx-glow.webp);opacity:var(--fx-glow-static)}  
.member--fx .fx .rim {--m:url(../img/team/oleg-fx-rim.webp); opacity:var(--fx-rim-static)}   


@media (prefers-reduced-motion:no-preference){
  .member--fx .fx .rim {animation:oleg-fx-rim  var(--fx-dur) ease-in-out infinite alternate}
  .member--fx .fx .glow{animation:oleg-fx-glow var(--fx-dur) ease-in-out infinite alternate}
}
@keyframes oleg-fx-rim {from{opacity:var(--fx-rim-min)} to{opacity:var(--fx-rim-max)}}
@keyframes oleg-fx-glow{from{opacity:var(--fx-glow-min)}to{opacity:var(--fx-glow-max)}}


.member--fx-frame-orange{--fx-frame:#FF5A1F}