.gallery-container{position:relative;width:100vw;height:100vh;overflow:hidden;cursor:-webkit-grab;cursor:grab;background-color:var(--base-500)}.canvas{will-change:transform}.canvas,.item{position:absolute}.item{width:120px;height:160px;overflow:hidden;cursor:pointer;border-radius:.5rem}.item img{opacity:.7!important}.expanded-item{position:fixed;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--base-500);border-radius:.75rem;overflow:hidden;cursor:pointer;filter:contrast(1.1)!important;opacity:1!important}.gallery-container img{object-fit:cover;filter:contrast(1.1)!important}.gallery-container img,.overlay{width:100%;height:100%;pointer-events:none}.overlay{position:fixed;top:0;left:0;background-color:var(--base-500);transition:opacity .3s ease;opacity:0;z-index:2}.overlay.active{pointer-events:auto;opacity:1}.project-title{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%;text-align:center;pointer-events:none;z-index:20}.project-title p{position:relative;height:4rem;color:#fff;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.project-title p .word{position:relative;display:inline-block;font-size:3rem;letter-spacing:-.02rem;margin-right:.1em;transform:translateY(0);will-change:transform}.stack-card img{pointer-events:none}.gallery-nav-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:20;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;width:2.8rem;height:2.8rem;border-radius:50%;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;animation:albumBtnIn .4s cubic-bezier(.16,1,.3,1) both}.gallery-nav-arrow:hover{background:rgba(255,255,255,.18)}.gallery-nav-prev{left:1.5rem}.gallery-nav-next{right:1.5rem}.gallery-nav-prev:hover{transform:translateY(-50%) translateX(-2px)}.gallery-nav-next:hover{transform:translateY(-50%) translateX(2px)}@media (max-width:600px){.gallery-nav-arrow{display:none}}.gallery-swipe-hint{display:none}@media (max-width:600px){.gallery-swipe-hint{display:flex;align-items:center;gap:.5rem;position:fixed;bottom:22vh;left:50%;transform:translateX(-50%);z-index:20;color:rgba(255,255,255,.45);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;animation:swipeHintIn .5s cubic-bezier(.16,1,.3,1) .6s both}.gallery-swipe-hint span{animation:swipeHintPulse 1.6s ease-in-out 1.2s infinite alternate;display:inline-block}}@keyframes swipeHintIn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes swipeHintPulse{0%{opacity:.3}to{opacity:.9}}.album-explore-wrapper{position:fixed;bottom:9vh;left:50%;transform:translateX(-50%);z-index:20;animation:albumBtnIn .4s cubic-bezier(.16,1,.3,1) both}@keyframes albumBtnIn{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.album-explore-btn{display:flex;align-items:center;gap:.6rem;background:#fff;color:var(--base-500);border:none;padding:.85rem 1.8rem;font-size:.85rem;font-family:inherit;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;cursor:pointer;transition:background .2s ease,transform .2s ease;white-space:nowrap}.album-explore-btn:hover{background:#e8e8e8;transform:scale(1.03)}.album-explore-arrow{font-size:1rem;transition:transform .2s ease}.album-explore-btn:hover .album-explore-arrow{transform:translateX(3px)}