.gallery-page{background-color:var(--color-bg-dark);color:#fff;min-height:100vh}.gallery-hero{text-align:center;padding:220px 20px 100px}.gallery-hero h1{margin-bottom:20px;font-size:clamp(40px,6vw,80px)}.gallery-filters{justify-content:center;gap:30px;margin-bottom:80px;display:flex}.filter-btn{color:#888;text-transform:uppercase;letter-spacing:3px;cursor:pointer;background:0 0;border:none;padding-bottom:8px;font-size:11px;transition:color .3s;position:relative}.filter-btn:after{content:"";background:var(--color-primary);width:0;height:1px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.filter-btn:hover,.filter-btn.active{color:#fff}.filter-btn.active:after{width:40px}.gallery-grid{grid-template-columns:repeat(12,1fr);gap:30px;padding-bottom:150px;display:grid}.gallery-item{border-radius:4px;position:relative;overflow:hidden}.gallery-item.large{grid-column:span 8;height:600px}.gallery-item.small{grid-column:span 4;height:600px}.gallery-item.medium{grid-column:span 6;height:500px}.gallery-img-container{width:100%;height:100%;position:relative}.gallery-overlay{opacity:0;z-index:2;background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:40px;transition:all .5s;display:flex;position:absolute;top:0;left:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:10px;transition:all .5s;transform:translateY(20px)}.gallery-overlay h4{font-size:24px;transition:all .5s .1s;transform:translateY(20px)}.gallery-item:hover .gallery-overlay span,.gallery-item:hover .gallery-overlay h4{transform:translateY(0)}.gallery-item img{transition:transform 1.2s cubic-bezier(.25,1,.5,1)}.gallery-item:hover img{transform:scale(1.1)}@media (max-width:1024px){.gallery-item.large,.gallery-item.small,.gallery-item.medium{grid-column:span 12;height:500px}}