.portrait-container{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 0 0 2px hsla(0,0%,100%,.1),0 0 20px rgba(99,102,241,.3),0 0 40px rgba(168,85,247,.2),0 8px 32px rgba(0,0,0,.15);transition:box-shadow .4s ease}@media (min-width:768px){.portrait-container{width:250px;height:250px}}.portrait-container:hover{box-shadow:0 0 0 2px hsla(0,0%,100%,.2),0 0 30px rgba(99,102,241,.5),0 0 60px rgba(168,85,247,.35),0 12px 40px rgba(0,0,0,.2)}.portrait-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.portrait-real{z-index:2}.portrait-digital{z-index:1;-o-object-position:center calc(50% + 15px);object-position:center calc(50% + 15px)}.portrait-container.glitching{animation:glitch-shake .15s linear}.glitch-layer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none;z-index:10;mix-blend-mode:screen}.glitch-red{background:rgba(255,0,0,.3);animation:glitch-red .15s linear}.glitch-cyan{background:rgba(0,255,255,.3);animation:glitch-cyan .15s linear}@keyframes glitch-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}}@keyframes glitch-red{0%,to{transform:translateX(0);opacity:0}25%{transform:translateX(-3px);opacity:.5}50%{transform:translateX(2px);opacity:.3}75%{transform:translateX(-1px);opacity:.4}}@keyframes glitch-cyan{0%,to{transform:translateX(0);opacity:0}25%{transform:translateX(3px);opacity:.5}50%{transform:translateX(-2px);opacity:.3}75%{transform:translateX(1px);opacity:.4}}