.category-view,.gallery-view{padding:15vh var(--pd-x)10vh;background:#fff;min-height:100vh}.category-header,.gallery-header{margin-bottom:5vh}.back-link{color:#666;margin-bottom:2rem;font-size:.9rem;text-decoration:none;transition:color .3s;display:block}.back-link:hover{color:#000}.category-header h1,.gallery-header h1{margin-bottom:1rem;font-size:3rem;font-weight:200}.category-header p{color:#666;font-weight:300}.subcategory-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.subcategory-card{color:#fff;border-radius:1rem;flex-direction:column;justify-content:flex-end;height:400px;text-decoration:none;transition:transform .4s;display:flex;position:relative;overflow:hidden}.subcategory-card:hover{transform:translateY(-10px)}.sub-poster-wrapper{z-index:1;position:absolute;inset:0}.subcategory-card:after{content:"";z-index:2;background:linear-gradient(#0000,#000c);position:absolute;inset:0}.sub-card-content{z-index:3;padding:2rem;position:relative}.sub-card-content h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:300}.sub-card-content span{opacity:.8;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.my-masonry-grid{width:auto;margin-left:-1.5rem;display:flex}.my-masonry-grid_column{background-clip:padding-box;padding-left:1.5rem}.grid-item{backface-visibility:hidden;background:#f0f0f0;border-radius:.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden;transform:translateZ(0)}.gallery-img{cursor:zoom-in;width:100%;height:auto;transition:transform .6s;display:block}.gallery-img.loading{opacity:0}.skeleton{z-index:1;border-radius:inherit;background:linear-gradient(110deg,#e8e8e8 8%,#f5f5f5 18%,#e8e8e8 33%) 0 0/200% 100%;animation:1.5s linear infinite shimmer;position:absolute;inset:0}.cover-skeleton{z-index:2;background:linear-gradient(110deg,#1a1a1a 8%,#2a2a2a 18%,#1a1a1a 33%) 0 0/200% 100%;animation:1.5s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:-200% 0}}.error-container{text-align:center;padding:20vh;font-size:1.2rem}@media (max-width:768px){.category-view,.gallery-view{padding-top:15vh}.category-header h1,.gallery-header h1{font-size:2.2rem}.my-masonry-grid{margin-left:-.5rem}.my-masonry-grid_column{padding-left:.5rem}.grid-item{margin-bottom:.5rem}}
.lightbox-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-container{justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:relative}.image-wrapper{justify-content:center;align-items:center;width:90%;height:85%;display:flex;position:relative}.full-image-container{width:100%;height:100%;position:relative}.close-btn{color:#fff;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.nav-btn{color:#fff;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:none;justify-content:center;align-items:center;width:4rem;height:6rem;font-size:2.5rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:#ffffff26}.nav-btn.prev{border-radius:0 1rem 1rem 0;left:0}.nav-btn.next{border-radius:1rem 0 0 1rem;right:0}.counter{color:#fff;font-family:var(--font-manrope);letter-spacing:2px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:2rem;padding:.5rem 1.5rem;font-size:.9rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@media (max-width:768px){.nav-btn{width:3rem;height:4rem;font-size:1.5rem}.image-wrapper{width:100%;height:70%}.close-btn{width:3rem;height:3rem;top:1rem;right:1rem}}.lightbox-skeleton{z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox-spinner{border:3px solid #ffffff1a;border-top-color:#fffc;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite lightbox-spin}@keyframes lightbox-spin{to{transform:rotate(360deg)}}