.gallery{padding:1rem;position:relative;scroll-margin-top:1rem}.gallery h2{color:var(--color-text);margin:2.5rem 0 2rem}.gallery h2:is(.dark *){color:var(--color-background)}.gallery__container{display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr;max-width:1920px;transition-duration:.25s;transition-property:var(--transition);transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.gallery__image{display:flex;flex-direction:column;gap:.1rem;padding:0}.gallery__image:hover{border-color:transparent}.figure__image{border:2px solid transparent;border-radius:var(--border-radius-1);padding:1.4rem}.figure__image:hover{border-color:var(--color-background);--tw-backdrop-blur:blur(5px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.figure__image:is(.dark *):hover{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.gallery__card{margin:1rem}@media screen and (max-width:1024px){.gallery__projects{gap:2rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.gallery__categories{gap:.6rem}.btn.cat__btn{padding:.7rem .8rem}.gallery__projects{gap:1.5rem;grid-template-columns:1fr}}