.gallery{background-color:var(--color-bg);padding:3rem 0 5rem}.gallery__grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.gallery__item{aspect-ratio:4/5;background-color:var(--color-bg-secondary);cursor:pointer;border-radius:14px;display:block;position:relative;overflow:hidden}.gallery__item img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.gallery__item:hover img{transform:scale(1.05)}.gallery__item:after{content:"";opacity:0;background:linear-gradient(#0000 60%,#0003);transition:opacity .3s;position:absolute;inset:0}.gallery__item:hover:after{opacity:1}@media (width<=1024px){.gallery__grid{grid-template-columns:repeat(3,1fr);gap:.875rem}}@media (width<=640px){.gallery{padding:2rem 0 3.5rem}.gallery__grid{grid-template-columns:repeat(2,1fr);gap:.625rem}.gallery__item{border-radius:10px}}