.gallery{display:grid;grid-gap:16px;justify-content:center;align-items:center;margin:48px 0}.gallery:first-child{margin-top:0}.gallery:last-child{margin-bottom:0}.gallery .gallery_item{display:block}.gallery[data-style="square"] .gallery_item{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1),border-color 280ms cubic-bezier(0.4, 0, 0.2, 1)}.gallery[data-style="square"] .gallery_item:before{content:"";display:block;padding-top:100%}.gallery[data-style="square"] .gallery_item img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;filter:grayscale(1);opacity:0.7;transition:filter 280ms cubic-bezier(0.4, 0, 0.2, 1),opacity 280ms cubic-bezier(0.4, 0, 0.2, 1),transform 280ms cubic-bezier(0.4, 0, 0.2, 1)}.gallery[data-style="square"] .gallery_item:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(15,23,42,0.08),0 2px 4px rgba(15,23,42,0.04);border-color:var(--accent)}.gallery[data-style="square"] .gallery_item:hover img{filter:grayscale(0);opacity:1}@media (min-width: 900px){.gallery{grid-template-columns:repeat(5, 1fr)}}@media (max-width: 900px){.gallery{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 600px){.gallery{grid-template-columns:1fr 1fr !important}}.gallery[data-number="2"]{grid-template-columns:1fr 1fr}.gallery[data-number="1"]{grid-template-columns:1fr}