.stack-container{perspective:1000px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.card-rotate{cursor:grab;width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:absolute}.card-rotate:active{cursor:grabbing}.card-rotate-disabled{cursor:default;width:100%;height:100%;position:absolute}.card{backface-visibility:hidden;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 10px 30px -5px #0000001a}.card img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.folder{cursor:pointer;perspective:1000px;width:280px;max-width:100%;height:340px;transition:transform .3s;position:relative}.folder:hover{transform:translateY(-10px)}.folder__back{background:var(--folder-back-color);width:100%;height:100%;transform-style:preserve-3d;border-radius:4px 12px 12px 4px;position:relative;box-shadow:5px 5px 15px #00000026}.paper{background:var(--paper-3);z-index:1;border:1px solid #0000000d;border-radius:2px;justify-content:center;align-items:center;width:calc(100% - 25px);height:calc(100% - 25px);transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:15px;left:15px;overflow:hidden;box-shadow:0 1px 4px #0000001a}.paper-1{background:var(--paper-1);z-index:3}.paper-2{background:var(--paper-2);z-index:2}.paper-3{background:var(--paper-3);z-index:1}.folder__front{background:var(--folder-color);transform-origin:bottom;z-index:10;border-radius:0 0 12px 4px;justify-content:center;align-items:center;width:100%;height:85%;transition:transform .5s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;bottom:0;left:0;box-shadow:0 4px 12px #00000026,0 8px 25px #0000001a}.folder__front:after{content:"PROJECT FILE";letter-spacing:.3em;color:#78503233;font-family:Montserrat,sans-serif;font-size:10px;font-weight:900;position:absolute;bottom:40px;right:10px;transform:rotate(-90deg)}.folder__back:before{content:"";background:var(--folder-back-color);border-radius:6px 6px 0 0;width:35%;height:12px;position:absolute;top:-12px;right:0}.folder.open .folder__front{transform:rotateX(-40deg)translateY(10px)scaleY(.9);box-shadow:0 20px 40px #0003,0 10px 20px #00000026}.folder.open .paper-1{transform:translateY(-90px)rotate(3deg)translate(var(--magnet-x),var(--magnet-y));box-shadow:0 5px 15px #0000001a}.folder.open .paper-2{transform:translateY(-70px)rotate(-2deg)translate(var(--magnet-x),var(--magnet-y))}.folder.open .paper-3{transform:translateY(-50px)rotate(1deg)translate(var(--magnet-x),var(--magnet-y))}.paper-content{background:#fff;width:100%;height:100%;min-height:250px;position:relative}.paper-content img{object-fit:cover;filter:grayscale(20%);width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:filter .3s}.paper-content:hover img{filter:grayscale(0%)}.paper-content:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(90deg,#f5f5f480 0%,#e7e5e480 50%,#f5f5f480 100%) 0 0/200% 100%;transition:opacity .3s;animation:1.5s infinite shimmer;position:absolute;inset:0}.paper-content.loading:before{opacity:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.paper-overlay{text-align:center;flex-col:column;background:linear-gradient(#1c191700,#1c1917f2);justify-content:flex-end;height:40%;padding:20px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.paper-title{text-transform:uppercase;letter-spacing:.05em;color:#f5f5f4;margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600}.paper-subtitle{letter-spacing:.2em;color:#b46d48;text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:.65rem}
.tilted-card-figure{perspective:1000px;justify-content:center;align-items:center;max-width:100%;margin:0 auto;display:flex;position:relative}.tilted-card-inner{transform-style:preserve-3d;will-change:transform;max-width:100%;position:relative}.tilted-card-img{object-fit:cover;pointer-events:none;border-radius:12px;max-width:100%;display:block;box-shadow:0 20px 40px #0003;height:auto!important}.tilted-card-caption{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;color:#1c1917;white-space:nowrap;text-overflow:ellipsis;background:#ffffffe6;border:1px solid #e7e5e4;border-radius:8px;max-width:90%;padding:10px 16px;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;position:absolute;overflow:hidden;box-shadow:0 4px 15px #0000001a}.tilted-card-mobile-alert{display:none}.tilted-card-overlay{z-index:5;pointer-events:none;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}