.ph{overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover;filter:sepia(.28) grayscale(.45) contrast(.92)}
@media(max-width:380px){.profile-head h2{font-size:2.75rem}.his-story{margin-top:3vh}.his-story p{font-size:.76rem}.real-stack{height:19vh}}
.collect-scene{position:absolute;z-index:2;left:6%;right:6%;top:4%;height:36%;perspective:700px}.archive-folder-back{position:absolute;z-index:1;left:16%;right:16%;bottom:5%;height:62%;background:#c9c0b1;border:1px solid #776f63;box-shadow:0 12px 25px #30271d26;padding:7% 8%;font:7px/1.7 Georgia;letter-spacing:.19em;color:#625a4f}.archive-folder-back:before{content:"";position:absolute;left:-1px;top:-15%;width:42%;height:18%;background:#c9c0b1;border:1px solid #776f63;border-bottom:0}.photo-flight{position:absolute;z-index:2;inset:0}.photo-flight img{position:absolute;left:50%;top:45%;width:25%;height:42%;object-fit:cover;padding:4px 4px 13px;background:#ddd5c7;box-shadow:0 6px 14px #211b1538;opacity:0;transform:translate(var(--sx),var(--sy)) rotate(var(--r)) scale(.9);filter:sepia(.35) grayscale(.25)}.is-active .photo-flight img{animation:gather-photo 1.35s cubic-bezier(.22,.72,.22,1) var(--d) forwards}.archive-folder-front{position:absolute;z-index:3;left:13%;right:13%;bottom:0;height:47%;background:linear-gradient(170deg,#ddd5c7,#c7bdad);border:1px solid #776f63;box-shadow:0 10px 22px #2c241b35;padding:9% 8%;font:8px Georgia;letter-spacing:.17em;transform-origin:bottom}.archive-folder-front i{position:absolute;right:9%;bottom:17%;width:28px;height:28px;border:2px solid #7b2420;border-radius:50%;opacity:.72}.is-active .archive-folder-front{animation:folder-settle .7s ease 2.55s both}.open-ending{opacity:0}.is-active .open-ending{animation:ending-reveal 1s ease 3.15s forwards}.visual-closing footer{opacity:0}.is-active.visual-closing footer{animation:ending-reveal .8s ease 3.7s forwards}@keyframes gather-photo{0%{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(var(--r)) scale(.9)}18%{opacity:1}78%{opacity:1;transform:translate(-50%,-15%) rotate(calc(var(--r) * .18)) scale(.52)}100%{opacity:0;transform:translate(-50%,38%) rotate(0) scale(.34)}}@keyframes folder-settle{0%{transform:rotateX(0)}55%{transform:rotateX(-7deg)}100%{transform:rotateX(0)}}@keyframes ending-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.photo-flight img{opacity:0!important}.open-ending,.visual-closing footer{opacity:1!important}}