.home-page{padding-top:var(--header-height)}.hero{padding:var(--space-20) 0 var(--space-12);text-align:center;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(at 50% 0,#7c3aed26 0%,#0000 60%);position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero-title{font-size:var(--text-5xl);letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-secondary) 50%, #22d3ee 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.1;animation:.6s ease-out fadeInUp}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;animation:.6s ease-out .1s both fadeInUp}.filter-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-2);padding-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-styles,.filter-sorts{gap:var(--space-2);align-items:center;display:flex}.filter-btn,.sort-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;font-weight:500}.filter-btn:hover,.sort-btn:hover{color:var(--text-primary);background:var(--bg-glass)}.filter-btn.active{color:var(--accent-secondary);background:var(--tag-bg);border-color:var(--tag-border)}.sort-btn.active{color:var(--text-primary);background:var(--bg-glass-hover);border-color:var(--border-default)}.gallery{padding-bottom:var(--space-12)}.masonry-grid{margin-left:calc(var(--space-4) * -1);width:auto;display:flex}.masonry-column{padding-left:var(--space-4);background-clip:padding-box}@media (max-width:768px){.hero{padding:var(--space-12) 0 var(--space-8)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}.filter-bar{flex-direction:column;align-items:flex-start}}