.gallery-page{padding:var(--space-xxl)0;padding-top:calc(var(--space-xxl) + 80px);background:linear-gradient(135deg,color-mix(in srgb,var(--color-background)97%,var(--color-primary)),var(--color-background));min-height:100vh;position:relative;overflow:hidden}.gallery-page:before{content:"";background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--color-primary)8%,transparent),transparent 60%);z-index:0;width:100%;height:100%;position:absolute;top:0;right:0}.gallery-container{z-index:1;width:100%;max-width:1440px;padding:0 var(--space-md);margin:0 auto;position:relative}.gallery-header{text-align:center;margin-bottom:var(--space-xl);animation:.6s forwards fadeIn}.gallery-title{background:linear-gradient(45deg,var(--color-primary),#766060);color:#0000;margin-bottom:var(--space-md);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.gallery-subtitle{max-width:600px;color:var(--color-muted-foreground);margin:0 auto;font-size:clamp(1rem,2vw,1.25rem)}.gallery-categories{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl);opacity:0;flex-wrap:wrap;animation:.6s .2s forwards fadeIn;display:flex}.gallery-category-button{padding:var(--space-xs)var(--space-md);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-muted-foreground);border:1px solid var(--color-border);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s}.gallery-category-button:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.gallery-category-button-active{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 10px -2px color-mix(in srgb,var(--color-primary)50%,transparent);background:#fff;border-width:2px}.gallery-category-button-active:hover{color:#fff;box-shadow:0 6px 15px -3px color-mix(in srgb,var(--color-primary)50%,transparent);transform:translateY(-2px)}.gallery-grid{gap:var(--space-lg);margin-bottom:var(--space-xxl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));min-height:200px;transition:opacity .3s;display:grid}.gallery-grid-loading{opacity:.5}.gallery-item{border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);cursor:pointer;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateY(20px)}.gallery-item-visible{animation:.5s forwards fadeInUp}.gallery-item:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-5px)scale(1.02)}.gallery-item-image-container{aspect-ratio:16/9;position:relative;overflow:hidden}.gallery-item-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-item:hover .gallery-item-image{transform:scale(1.05)}.gallery-item-overlay{opacity:0;background:linear-gradient(#0000 50%,#000000b3 100%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-play-button{background:color-mix(in srgb,var(--color-primary)90%,transparent);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.8);box-shadow:0 0 20px #0000004d}.gallery-item:hover .gallery-item-play-button{opacity:1;transform:scale(1)}.gallery-item-play-icon{color:#fff;width:24px;height:24px;margin-left:4px}.gallery-item-content{padding:var(--space-md)}.gallery-item-title{margin-bottom:var(--space-xs);color:var(--color-foreground);font-size:1.1rem;font-weight:600}.gallery-item-year{color:var(--color-muted-foreground);font-size:.9rem}.gallery-empty{text-align:center;padding:var(--space-xl);color:var(--color-muted-foreground);background:var(--color-card);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.gallery-modal{z-index:1000;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.gallery-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;position:absolute;inset:0}.gallery-modal-content{background:var(--color-card);border-radius:var(--radius-lg);width:90%;max-width:1000px;max-height:90vh;box-shadow:var(--shadow-lg);z-index:1;flex-direction:column;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;position:relative;overflow:hidden}.gallery-modal-close{top:var(--space-md);right:var(--space-md);background:var(--color-background);cursor:pointer;z-index:10;width:36px;height:36px;box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.gallery-modal-close:hover{background:var(--color-primary);transform:scale(1.1)}.gallery-modal-close:hover .gallery-modal-close-icon{color:#fff}.gallery-modal-close-icon{width:20px;height:20px;color:var(--color-foreground);transition:color .2s}.gallery-modal-navigation{pointer-events:none;z-index:5;padding:0 var(--space-md);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.gallery-modal-nav-button{background:var(--color-background);cursor:pointer;pointer-events:auto;opacity:.7;width:48px;height:48px;box-shadow:var(--shadow-md);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.gallery-modal-nav-button:hover{opacity:1;background:var(--color-primary);transform:scale(1.1)}.gallery-modal-nav-button:hover .gallery-modal-nav-icon{color:#fff}.gallery-modal-nav-icon{width:24px;height:24px;color:var(--color-foreground);transition:color .2s}.gallery-modal-media{background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.gallery-modal-video-container{width:90%;max-width:800px;margin:0 auto;padding-top:50.625%;position:relative}.gallery-modal-video{border-radius:var(--radius-md);border:none;width:100%;height:100%;position:absolute;top:0;left:0}.gallery-modal-image{object-fit:contain;width:auto;max-width:90%;max-height:60vh;margin:var(--space-md)auto;border-radius:var(--radius-md);display:block}.gallery-modal-info{padding:var(--space-lg);overflow-y:auto}.gallery-modal-title{margin-bottom:var(--space-xs);color:var(--color-foreground);font-size:1.5rem;font-weight:700}.gallery-modal-year{color:var(--color-primary);margin-bottom:var(--space-md);font-size:.9rem;font-weight:500}.gallery-modal-description{color:var(--color-muted-foreground);line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:992px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.gallery-modal-content{width:95%;max-height:95vh}}@media (max-width:768px){.gallery-page{padding:var(--space-xl)0;padding-top:calc(var(--space-xl) + 70px)}.gallery-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-categories{gap:var(--space-xs);margin-bottom:var(--space-lg)}.gallery-category-button{padding:var(--space-xxs)var(--space-sm);font-size:.8rem}.gallery-modal-navigation{padding:0 var(--space-xs)}.gallery-modal-nav-button{width:40px;height:40px}.gallery-modal-info{padding:var(--space-md)}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}.gallery-modal-nav-button{width:36px;height:36px}.gallery-modal-nav-icon{width:20px;height:20px}}.dark .gallery-item{background:color-mix(in srgb,var(--color-card)98%,var(--color-primary));box-shadow:0 4px 20px -10px #0000004d}.dark .gallery-item:hover{box-shadow:0 15px 30px -10px #0006,0 0 10px -5px var(--color-primary)}.dark .gallery-category-button{background:color-mix(in srgb,var(--color-card)95%,transparent)}.dark .gallery-category-button-active{box-shadow:0 4px 15px -5px var(--color-primary)}.dark .gallery-category-button-active:hover{box-shadow:0 6px 20px -5px var(--color-primary)}.dark .gallery-modal-content{background:color-mix(in srgb,var(--color-card)98%,var(--color-primary));box-shadow:0 25px 50px -12px #00000080,0 0 15px -5px var(--color-primary)}.dark .gallery-modal-close,.dark .gallery-modal-nav-button{background:color-mix(in srgb,var(--color-background)90%,transparent)}.dark .gallery-modal-close:hover,.dark .gallery-modal-nav-button:hover{background:var(--color-primary);box-shadow:0 0 15px -5px var(--color-primary)}.dark .gallery-empty{background:color-mix(in srgb,var(--color-card)95%,transparent)}.gallery-modal-video,.gallery-modal-image{box-shadow:var(--shadow-md)}