.profile-folder{cursor:pointer;-webkit-user-select:none;user-select:none;perspective:1200px;width:160px}.folder-back{width:130px;height:170px;transform-style:preserve-3d;background:linear-gradient(#c8b99a 0%,#bfae8e 100%);border-radius:8px;position:relative;transform:rotate(-3deg)}:is(.dark .folder-back){background:linear-gradient(#3d3529 0%,#2e2820 100%)}.folder-paper{width:118px;height:158px;transform-style:preserve-3d;transform-origin:0;transition:none;position:absolute;top:6px;left:6px;transform:translate(0)translateZ(0)rotateY(0)rotate(0)}.profile-folder:not(.is-open):not(.is-closing) .folder-paper{transition:transform .5s cubic-bezier(.4,0,.2,1)}.profile-folder:not(.is-open):not(.is-closing):hover .folder-paper{transition:transform .4s cubic-bezier(.4,0,.2,1);transform:translate(40px)translateZ(0)rotateY(0)rotate(0)}.is-open .folder-paper{transition:none;animation:1.4s cubic-bezier(.35,0,.15,1) forwards paper-open}.is-open .folder-cover{transition:none;animation:1.4s cubic-bezier(.35,0,.15,1) forwards cover-open}@keyframes paper-open{0%{transform:translate(0)translateZ(0)rotateY(0)rotate(0)}44%{transform:translate(124px)translateZ(0)rotateY(0)rotate(0)}45%{transform:translate(124px)translateZ(2px)rotateY(0)rotate(0)}to{transform:translate(124px)translateZ(2px)rotateY(-180deg)rotate(3deg)}}@keyframes cover-open{0%{transform:translateZ(1px)rotateY(0)}30%{transform:translateZ(1px)rotateY(-30deg)}50%{transform:translateZ(1px)rotateY(-30deg)}80%{transform:translateZ(1px)rotateY(0)}to{transform:translateZ(1px)rotateY(0)}}.is-closing .folder-paper{transition:none;animation:1.6s cubic-bezier(.35,0,.15,1) forwards paper-close}.is-closing .folder-cover{transition:none;animation:1.6s cubic-bezier(.35,0,.15,1) forwards cover-close}@keyframes paper-close{0%{transform:translate(124px)translateZ(2px)rotateY(-180deg)rotate(3deg)}50%{transform:translate(124px)translateZ(2px)rotateY(0)rotate(0)}89%{transform:translate(0)translateZ(0)rotateY(0)rotate(0)}to{transform:translate(0)translateZ(0)rotateY(0)rotate(0)}}@keyframes cover-close{0%{transform:translateZ(1px)rotateY(0)}35%{transform:translateZ(1px)rotateY(-30deg)}80%{transform:translateZ(1px)rotateY(-30deg)}to{transform:translateZ(1px)rotateY(0)}}.paper-face{backface-visibility:hidden;background:#fff;border:1px solid #d4d4d8;border-radius:6px;position:absolute;inset:0}:is(.dark .paper-face){background:#18181b;border-color:#3f3f46}.paper-front{justify-content:flex-end;align-items:flex-start;padding:12px 8px;display:flex}.paper-label{color:#71717a;letter-spacing:.08em;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:9px;font-weight:700}:is(.dark .paper-label){color:#a1a1aa}.paper-back{flex-direction:column;padding:14px 12px 10px;display:flex;overflow:hidden;transform:rotateY(180deg)}.paper-back-content{flex-direction:column;flex:1;gap:4px;display:flex}.cv-name{color:#18181b;letter-spacing:-.01em;font-size:10px;font-weight:700;line-height:1.2}:is(.dark .cv-name){color:#e4e4e7}.cv-role{color:#52525b;font-size:7px;line-height:1.3}:is(.dark .cv-role){color:#a1a1aa}.cv-divider{background:#e4e4e7;width:100%;height:1px;margin:2px 0}:is(.dark .cv-divider){background:#3f3f46}.cv-section{flex-direction:column;gap:1px;display:flex}.cv-section-title{text-transform:uppercase;letter-spacing:.06em;color:#a1a1aa;font-size:6px;font-weight:700}:is(.dark .cv-section-title){color:#71717a}.cv-section-text{color:#3f3f46;font-size:7px;line-height:1.4}:is(.dark .cv-section-text){color:#d4d4d8}.cv-coming-soon{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.cv-coming-title{letter-spacing:-.02em;color:#18181b;font-size:16px;font-weight:800}:is(.dark .cv-coming-title){color:#e4e4e7}.cv-coming-sub{color:#a1a1aa;letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:8px}.folder-cover{transform-origin:0;width:100%;height:100%;transform-style:preserve-3d;transition:none;position:absolute;top:0;left:0;transform:translateZ(1px)rotateY(0)}.folder-cover-inner{backface-visibility:hidden;background:linear-gradient(#4a9e5c 0%,#3a7d48 100%);border-radius:6px 8px 8px 6px;flex-direction:column;justify-content:flex-end;padding:14px;display:flex;position:absolute;inset:0;box-shadow:2px 0 8px #00000014}:is(.dark .folder-cover-inner){background:linear-gradient(#2d6e3c 0%,#1e5a2e 100%);box-shadow:2px 0 8px #0000004d}.profile-folder:not(.is-open):not(.is-closing) .folder-cover{transition:transform .5s cubic-bezier(.4,0,.2,1)}.profile-folder:not(.is-open):not(.is-closing):hover .folder-cover{transition:transform .4s cubic-bezier(.4,0,.2,1);transform:translateZ(1px)rotateY(-25deg)}.folder-label{flex-direction:column;gap:2px;display:flex}.folder-label-title{color:#fff;letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:700;line-height:1.3}.folder-label-sub{color:#ffffffb3;letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:9px;font-weight:400}
