#gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding-top:1.5rem;padding-bottom:1.5rem}.gallery-item{aspect-ratio:1;position:relative}.gallery-item.hidden{visibility:hidden}.gallery-image{width:100%;height:100%;background-size:cover}.gallery-label{position:absolute;bottom:0;box-sizing:border-box;width:100%;min-height:10%;padding:1rem;vertical-align:bottom;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8))0 102% no-repeat;color:var(--white);opacity:0;transition:opacity .33s cubic-bezier(.37,0,.63,1)}.gallery-item:hover .gallery-label{opacity:1}.gallery-label h2{font-size:1rem;font-family:hind;font-weight:400;margin-bottom:0;margin-top:auto;width:100%}.gallery-outline{box-sizing:border-box;position:absolute;width:110%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--ink);opacity:0;transition:all .1s cubic-bezier(.37,0,.63,1)}.gallery-item:hover .gallery-outline{opacity:1;width:103%}.gallery-wip{position:absolute;top:-.5rem;right:-.5rem;padding:.2rem;background:var(--caution);color:var(--ink);font-family:cabin,sans-serif;font-weight:700;opacity:0;transition:all .1s cubic-bezier(.37,0,.63,1)}.gallery-wip div{display:inline-block;aspect-ratio:1;font-size:1em;height:1em;translate:0 .16666666666em;background-color:var(--ink);mask:url(/icons/alert.svg)no-repeat 50% 50%}.gallery-item:hover .gallery-wip{top:.5rem;right:.5rem;opacity:1}#gallery-filter{text-align:center;margin-top:1rem}#gallery-filter input,#gallery-filter label{display:inline-block;margin-top:.5rem}