.collections-page{min-height:100vh}.collections-hero{padding:var(--spacing-16) var(--gutter-mobile);text-align:center;border-bottom:1px solid var(--color-border)}.collections-hero-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-regular);text-transform:uppercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-2)}.collections-hero-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.collections-grid-section{padding:var(--spacing-8) var(--gutter-mobile);max-width:var(--container-width-desktop);margin:0 auto}.collections-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.collection-card{position:relative;display:block;overflow:hidden;aspect-ratio:4/5}.collection-card-img{width:100%;height:100%;object-fit:cover}@media(hover:hover){.collection-card-img{transition:transform .6s ease}}.collection-card-placeholder{width:100%;height:100%;background-color:var(--color-gray-100, #f3f3f3)}.collection-card-label{position:absolute;bottom:var(--spacing-4);left:var(--spacing-4);background-color:#fff;color:#000;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase;font-size:var(--font-size-xs);font-weight:600;transition:background-color .3s ease,color .3s ease}@media(hover:hover){.collection-card:hover .collection-card-img{transform:scale(1.05)}}.collection-card:hover .collection-card-label{background-color:#000;color:#fff}@media(min-width:768px){.collections-hero{padding:var(--spacing-20) var(--gutter-tablet)}.collections-hero-title{font-size:var(--font-size-4xl)}.collections-grid-section{padding:var(--spacing-12) var(--gutter-tablet)}.collections-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}}@media(min-width:1024px){.collections-hero{padding:var(--spacing-24) var(--gutter-desktop)}.collections-hero-title{font-size:var(--font-size-hero)}.collections-grid-section{padding:var(--spacing-16) var(--gutter-desktop)}.collections-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}}@media(min-width:1440px){.collections-grid{grid-template-columns:repeat(4,1fr)}}