.gallery{min-height:65svh;padding:3.75rem 0}.gallery-header{text-align:center;padding:60px 5vw 0;background:linear-gradient(to bottom,#f0f2f5,#fff);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}body.bg-black .gallery-header{background:linear-gradient(to bottom,#111,#151515)}.gallery-header h1{font-size:2.8rem;color:var(--clr);margin-bottom:1.25rem;font-weight:700}.gallery-header p{color:var(--light-clr);font-size:1.15rem;max-width:700px;margin:0 auto;line-height:1.6}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;padding-top:3rem}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;width:95%}}@media (max-width:600px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-item{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:4/3;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;pointer-events:none}.gallery-item:hover img{transform:scale(1.05)}.gallery-filter-bar{padding:15px 0;background:rgba(255,255,255,.85)!important;backdrop-filter:blur(15px);border-bottom:1px solid #f0f0f0;position:sticky;top:64px;z-index:90;width:100%;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}@media (max-width:1335px){.gallery-filter-bar{top:66px}}.filter-container{width:100%;display:flex;gap:12px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:10px 5vw;scrollbar-width:none;-ms-overflow-style:none}.filter-container::after,.filter-container::before{content:'';margin:auto}.filter-container::-webkit-scrollbar{display:none}.filter-btn{background:#f8fafc;border:1px solid #eef2f6;padding:12px 24px;border-radius:99px;font-weight:800;color:#666;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-size:.95rem;white-space:nowrap}.filter-btn:hover{background:#fff;border-color:var(--magic-clr-darker);color:var(--magic-clr-darker);transform:translateY(-2px);box-shadow:0 4px 12px var(--magic-clr-darker-a10)}.filter-btn.active{background:var(--magic-clr-darker);border-color:var(--magic-clr-darker);color:#fff;box-shadow:0 3px 10px var(--magic-clr-darker-a25)}body.bg-black .gallery-filter-bar{background:rgba(21,21,21,.85)!important;border-color:#222!important}body.bg-black .filter-btn{background:#222!important;border-color:#333!important;color:#aaa!important}body.bg-black .filter-btn:hover{background:#333!important;border-color:var(--magic-clr-darker)!important;color:#fff!important}body.bg-black .filter-btn.active{background:var(--magic-clr-darker)!important;border-color:var(--magic-clr-darker)!important;color:#fff!important}