.collection-hero{background:linear-gradient(180deg, var(--color-bg-elevated) 0%, var(--color-bg) 100%);min-height:30vh;padding:var(--space-3xl) 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.collection-hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ff7f0014 0%,#0000 60%) fixed;position:absolute;inset:-50px}.collection-hero-content{text-align:center;z-index:1;position:relative}.collection-hero-title{letter-spacing:-.03em;margin-bottom:var(--space-md);color:var(--color-text);font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.collection-hero-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.collection-section{background:var(--color-bg);padding-bottom:var(--space-4xl)}.collection-primary-filters{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.collection-filter-pill{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);border:1.5px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.collection-filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.collection-filter-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#0a0a0a}.collection-filter-pill.active:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);color:#0a0a0a}.filter-count{opacity:.8;font-size:.85em}.collection-sub-filters{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl);padding-top:var(--space-sm);flex-wrap:wrap;display:flex}.collection-sub-filter-btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;transition:all var(--transition-base);background:0 0;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.collection-sub-filter-btn:hover{background:#ff7f001a;transform:translateY(-1px)}.collection-sub-filter-btn.active{background:var(--color-primary);color:#0a0a0a}.collection-sub-filter-btn.active:hover{background:var(--color-primary-light)}.collection-image-count{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-xl);font-size:.9rem}.collection-masonry-grid{column-count:4;column-gap:var(--space-lg)}.collection-masonry-item{break-inside:avoid;margin-bottom:var(--space-lg)}.collection-image-wrapper{border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-card);transition:transform var(--transition-spring);position:relative;overflow:hidden}.collection-image-wrapper:hover{transform:scale(1.03)}.collection-image{width:100%;height:auto;transition:opacity var(--transition-base);display:block}.collection-image-wrapper:before{content:"";background:linear-gradient(90deg, var(--color-bg-card) 0%, var(--color-bg-elevated) 50%, var(--color-bg-card) 100%);z-index:0;background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}.collection-image-wrapper:has(img:not([loading])):before,.collection-image-wrapper:has(img.complete):before{opacity:0;transition:opacity .3s}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.collection-image-overlay{opacity:0;transition:opacity var(--transition-base);padding:var(--space-lg);background:linear-gradient(#0000 40%,#0a0a0ae6 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.collection-image-wrapper:hover .collection-image-overlay{opacity:1}.collection-zoom-icon{background:var(--color-primary);color:#0a0a0a;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 4px 20px #ff7f0066}.collection-image-wrapper:hover .collection-zoom-icon{opacity:1;transform:translate(-50%,-50%)scale(1)}.collection-image-category{color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-sm);background:#0009;border:1px solid #ff7f004d;align-self:flex-start;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.collection-load-more{text-align:center;margin-top:var(--space-3xl)}@media (width<=1024px){.collection-masonry-grid{column-count:3;column-gap:var(--space-md)}.collection-masonry-item{margin-bottom:var(--space-md)}.collection-hero{min-height:25vh;padding:var(--space-2xl) 0}}@media (width<=768px){.collection-masonry-grid{column-count:2;column-gap:var(--space-md)}.collection-masonry-item{margin-bottom:var(--space-md)}.collection-primary-filters{gap:var(--space-sm)}.collection-filter-pill{padding:.6rem 1.2rem;font-size:.9rem}.collection-sub-filters{gap:var(--space-xs)}.collection-sub-filter-btn{padding:.4rem .8rem;font-size:.8rem}.collection-hero{min-height:22vh;padding:var(--space-xl) 0}.collection-hero-title{font-size:clamp(2rem,6vw,2.5rem)}}@media (width<=480px){.collection-masonry-grid{column-count:1;column-gap:var(--space-md)}.collection-masonry-item{margin-bottom:var(--space-md)}.collection-primary-filters,.collection-sub-filters{-webkit-overflow-scrolling:touch;padding-bottom:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;gap:var(--space-sm);flex-flow:row;overflow:auto hidden}.collection-primary-filters::-webkit-scrollbar{display:none}.collection-sub-filters::-webkit-scrollbar{display:none}.collection-filter-pill,.collection-sub-filter-btn{white-space:nowrap;flex:none;justify-content:center;padding:.6rem 1rem}.collection-hero{min-height:20vh;padding:var(--space-xl) 0}.collection-hero-title{font-size:2rem}.collection-hero-subtitle{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.collection-image-wrapper,.collection-filter-pill,.collection-sub-filter-btn{transition:none}.collection-image-wrapper:hover{transform:none}.collection-image{opacity:1;animation:none}.collection-image-wrapper:before{background:var(--color-bg-card);animation:none}.collection-image-wrapper img{opacity:1;animation:none}}