.folder{position:absolute;left:0;background-color:transparent;width:100vw;height:auto}.folder-preview{display:block;width:100%;height:auto;background-color:transparent;position:absolute;top:-10.7vh;left:0;z-index:1;transition:top .3s ease}.folder-cover{display:block;width:100%;height:auto;background-color:transparent;position:relative;z-index:2}.folder-1{z-index:4;bottom:-30vh}.folder-1:hover .folder-preview{top:-16vh}.folder-2{z-index:3;bottom:-7vh}.folder-2 .folder-preview{top:-5.4vh}.folder-2:hover .folder-preview{top:-10.7vh}.folder-3{z-index:2;bottom:13vh}.folder-3 .folder-preview{top:-6.4vh}.folder-3:hover .folder-preview{top:-11.8vh}@media (max-height: 850px){.folder-1{bottom:-10vh}.folder-2{bottom:12vh}.folder-3{bottom:32vh}.folder-preview{top:-8vh}.folder-1:hover .folder-preview{top:-12vh}.folder-2 .folder-preview{top:-4vh}.folder-2:hover .folder-preview{top:-8vh}.folder-3 .folder-preview{top:-5vh}.folder-3:hover .folder-preview{top:-9vh}}@media (max-height: 650px){.folder-1{bottom:-2vh}.folder-2{bottom:15vh}.folder-3{bottom:30vh}}@media (min-height: 1100px){.folder-1{bottom:-13vh}.folder-2{bottom:17vh}.folder-3{bottom:40vh}.folder-preview{top:-12vh}.folder-1:hover .folder-preview{top:-18vh}.folder-2 .folder-preview{top:-6vh}.folder-2:hover .folder-preview{top:-12vh}.folder-3 .folder-preview{top:-7vh}.folder-3:hover .folder-preview{top:-13vh}}@media (min-height: 1600px){.folder-1{bottom:-15vh}.folder-2{bottom:19vh}.folder-3{bottom:43vh}}@media (max-width: 768px){.folder{width:180vw;left:-10vw;transform-origin:left center}.folder-1{bottom:-5vh}.folder-2{bottom:18vh}.folder-3{bottom:38vh}.folder-preview{top:-6vh}.folder-1:hover .folder-preview,.folder-1:active .folder-preview{top:-10vh}.folder-2 .folder-preview{top:-4vh}.folder-2:hover .folder-preview,.folder-2:active .folder-preview{top:-7vh}.folder-3 .folder-preview{top:-4vh}.folder-3:hover .folder-preview,.folder-3:active .folder-preview{top:-7vh}}@media (max-width: 480px){.folder{width:220vw;left:-5vw}.folder-1{bottom:-2vh}.folder-2{bottom:20vh}.folder-3{bottom:40vh}}.image-3d-webgl-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:transparent;cursor:grab;position:relative}.image-3d-webgl-container:active{cursor:grabbing}.image-3d-webgl-hotspot-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:10}.image-3d-webgl-hotspot{cursor:pointer;pointer-events:auto;box-sizing:border-box}.project-stack-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible}.project-page{position:absolute;top:0;left:0;width:100%;height:100%}.project-page.in-stack{transform:translate(0) scale(1);opacity:1}.project-page.hidden-behind{transform:translate(0) scale(1);opacity:1;pointer-events:none}.project-page.slide-out-right{animation:slideOutRight .4s cubic-bezier(.4,0,.2,1) forwards}.project-page.slide-out-left{animation:slideOutLeft .4s cubic-bezier(.4,0,.2,1) forwards}.project-page.slide-back-right{animation:slideBackFromRight .4s cubic-bezier(.4,0,.2,1) forwards}.project-page.slide-back-left{animation:slideBackFromLeft .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideOutRight{0%{transform:translate(0) scale(1)}to{transform:translate(60%) scale(1)}}@keyframes slideOutLeft{0%{transform:translate(0) scale(1)}to{transform:translate(-60%) scale(1)}}@keyframes slideBackFromRight{0%{transform:translate(60%) scale(1)}to{transform:translate(0) scale(1)}}@keyframes slideBackFromLeft{0%{transform:translate(-60%) scale(1)}to{transform:translate(0) scale(1)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer}.modal-content{position:relative;width:min(90vw,1800px);height:min(90vh,1000px);background-color:transparent;cursor:default;pointer-events:auto}.modal-image{max-width:100%;max-height:90vh;object-fit:contain;display:block}.modal-guide-container{position:fixed;bottom:clamp(12px,3vh,30px);right:clamp(12px,3vw,30px);display:flex;flex-direction:column;align-items:flex-end;gap:clamp(4px,1vh,12px);pointer-events:none;z-index:10001}.modal-guide-text,.modal-close-text{font-family:JMH Typewriter,monospace;color:#fff;font-weight:700;font-size:clamp(12px,1.5vw,18px)}.modal-close-text--tappable{pointer-events:auto;cursor:pointer;padding:12px 20px;background-color:#ffffff26;border-radius:8px;border:1px solid rgba(255,255,255,.3);transition:background-color .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.modal-close-text--tappable:active{background-color:#ffffff4d}.photo-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;cursor:pointer}.photo-modal-content{position:relative;width:min(90vw,1800px);height:min(90vh,1000px);background-color:transparent;cursor:default;pointer-events:auto}@media (max-width: 768px){.modal-content,.photo-modal-content{width:100vw;height:100vh}.modal-guide-container{bottom:15px;right:auto;left:50%;transform:translate(-50%);align-items:center}.modal-guide-text,.modal-close-text{font-size:14px;text-align:center}}@media (min-width: 2560px){.modal-content,.photo-modal-content{max-width:2000px;max-height:1200px}}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.beams-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.beams-container>div{position:relative;width:100%;height:100%;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden;height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#000;overflow:hidden;height:100vh;width:100vw;margin:0;padding:0}#root{width:100vw;height:100vh}.container{position:relative;width:100vw;height:100vh;overflow:hidden;background-color:transparent;margin:0;z-index:1}