.gallery-page .page-hero{padding:calc(var(--header-height) + var(--space-4xl)) 0 var(--space-4xl);background:var(--color-surface);text-align:center}.gallery-page .page-hero-text{max-width:700px;font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 auto}.loading-card{padding:var(--space-xl);background:var(--color-surface-elevated);border-radius:var(--radius-xl);text-align:center}.gallery-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.gallery-card{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);pointer-events:auto;background:0 0;position:relative;overflow:hidden}.gallery-card:hover{transform:scale(1.02)}.gallery-media{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base);display:block}.gallery-card:hover .gallery-media{transform:scale(1.05)}.video-thumbnail{width:100%;height:100%;position:relative}.video-thumbnail video{pointer-events:none;object-fit:cover;width:100%;height:100%}.video-play-overlay{background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-caption{padding:var(--space-lg);opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#0000 40%,#2d2926e6 100%);position:absolute;bottom:0;left:0;right:0}.gallery-card:hover .gallery-caption{opacity:1}.gallery-caption p{color:#fff;font-size:var(--text-sm);margin:0}@media (max-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}