.portrait-container{position:relative;width:220px;height:220px;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 0 0 1px hsl(var(--border)),0 20px 60px rgba(0,0,0,.35),0 0 80px hsl(var(--primary)/.18);transition:box-shadow .45s ease,transform .45s ease}@media (min-width:768px){.portrait-container{width:300px;height:300px}}@media (min-width:1024px){.portrait-container{width:340px;height:340px}}.portrait-container:hover{box-shadow:0 0 0 1px hsl(var(--primary)/.4),0 28px 80px rgba(0,0,0,.45),0 0 120px hsl(var(--primary)/.28)}.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,60,60,.28);animation:glitch-red .15s linear}.glitch-cyan{background:rgba(60,200,255,.28);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}}