.portrait-assembly .portrait-render-effects{display:none}.portrait-assembly .portrait-decode{position:relative}.portrait-assembly figcaption strong>.portrait-copy{color:inherit}.portrait-assembly .portrait-cipher{white-space:nowrap;pointer-events:none;color:var(--accent);opacity:0;position:absolute;inset:0;overflow:hidden}.portrait-hover-edge{border-radius:inherit;pointer-events:none;z-index:4;opacity:0;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.portrait-assembly[data-render=waiting],.portrait-assembly[data-render=running]{box-shadow:none;background:0 0;border-color:#0000}.portrait-assembly[data-render=waiting] .profile-portrait-image,.portrait-assembly[data-render=waiting] figcaption,.portrait-assembly[data-render=waiting]:after{opacity:0}.portrait-assembly[data-render=running] .portrait-render-effects{border-radius:inherit;z-index:2;pointer-events:none;display:block;position:absolute;inset:0}.portrait-assembly[data-render=running] .profile-portrait-image{animation:1.5s cubic-bezier(.25,.6,.3,1) both portrait-image-build}.portrait-assembly[data-render=running]:after{animation:1.5s both portrait-shade-in}.portrait-assembly[data-render=running] figcaption{z-index:3}.portrait-assembly[data-render=running] .portrait-copy{animation:portrait-copy-build .43s var(--ease) var(--copy-delay) both;display:block}.portrait-assembly[data-render=running] .portrait-cipher{animation:portrait-cipher-pass .39s linear var(--copy-delay) both}.portrait-tiles{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:0}.portrait-tiles>i{background:var(--bg);transform-origin:var(--pixel-x) var(--pixel-y);animation:portrait-tile-resolve .42s var(--ease) var(--tile-delay) both;position:relative}.portrait-tiles>i:nth-child(3n):after{content:"";top:var(--pixel-y);left:var(--pixel-x);background:var(--accent);opacity:.55;width:3px;height:3px;position:absolute;box-shadow:9px -5px 0 -1px #5b8cff60}.portrait-wire{width:100%;height:100%;animation:1.35s both portrait-wire-pass;position:absolute;inset:0}.portrait-wire path{stroke:var(--accent);stroke-width:.12px;stroke-dasharray:1;animation:1s both portrait-wire-draw}.portrait-wire rect{fill:var(--accent)}.portrait-code{letter-spacing:.04em;color:var(--accent);font:9px/1.4 Consolas,monospace;animation:.65s both portrait-code-pass;position:absolute}.portrait-code.code-a{animation-delay:70ms;top:8%;left:7%}.portrait-code.code-b{animation-delay:.48s;top:43%;right:7%}.portrait-code.code-c{animation-delay:.88s;top:72%;left:10%}.portrait-scan{background:linear-gradient(#0000 96%,#5b8cff14);border-bottom:1px solid #5b8cffb3;animation:1.34s cubic-bezier(.32,.5,.3,1) .12s both portrait-scan-pass;position:absolute;inset:0}.portrait-render-edge{border-radius:inherit;border:1px solid #5b8cff90;animation:1.65s linear both portrait-border-build;position:absolute;inset:0}}@keyframes portrait-image-build{0%,10%{clip-path:inset(0 0 100%);opacity:.12}65%{opacity:1}to{clip-path:inset(0);opacity:1}}@keyframes portrait-tile-resolve{0%,16%{opacity:1;transform:scale(1.01)}58%{opacity:.7;transform:scale(.46)}to{opacity:0;transform:scale(.05)}}@keyframes portrait-border-build{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);opacity:0}12%{opacity:.9}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);opacity:.9}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);opacity:0}}@keyframes portrait-scan-pass{0%{opacity:0;transform:translateY(-100%)}12%,85%{opacity:1}to{opacity:0;transform:translateY(0)}}@keyframes portrait-wire-pass{0%{opacity:0}22%{opacity:.22}65%{opacity:.12}to{opacity:0}}@keyframes portrait-wire-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes portrait-code-pass{0%,to{opacity:0}25%,65%{opacity:.55}}@keyframes portrait-shade-in{0%,35%{opacity:0}to{opacity:1}}@keyframes portrait-copy-build{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes portrait-cipher-pass{0%,80%{opacity:.65}to{opacity:0}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.portrait-wire,.portrait-code.code-b{display:none}.portrait-tiles{grid-template-columns:repeat(3,1fr)}.portrait-tiles>i:nth-child(2n){display:none}.portrait-tiles>i:nth-child(3n):after{box-shadow:none}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.portrait-assembly[data-render=complete] .profile-portrait-image{transition:filter .35s}.portrait-assembly[data-render=complete]:hover .profile-portrait-image{filter:brightness(1.035)}.portrait-assembly[data-render=complete]:hover .portrait-hover-edge{border:1px solid #5b8cff70;animation:.9s ease-out both portrait-border-build}.portrait-assembly[data-render=complete]:hover .portrait-hover-edge:after{content:"";background:var(--accent);width:3px;height:3px;box-shadow:-7px 8px 0 -1px var(--accent);animation:.35s both portrait-code-pass;position:absolute;top:12%;right:2px}}