.works-gallery-wrapper{padding:4rem 0}.works-gallery{--columns-desktop: 3;--columns-mobile: 2;gap:1.5rem;margin-bottom:2rem}.works-gallery[data-grid-style=uniform]{display:grid;grid-template-columns:repeat(var(--columns-mobile),1fr)}@media screen and (min-width:990px){.works-gallery[data-grid-style=uniform]{grid-template-columns:repeat(var(--columns-desktop),1fr);gap:2rem}}.works-gallery[data-grid-style=uniform] .work-item{aspect-ratio:1}.works-gallery[data-grid-style=uniform] .work-thumbnail{height:100%}.works-gallery[data-grid-style=uniform] .work-thumbnail img{width:100%;height:100%;object-fit:cover}.works-gallery[data-grid-style=masonry]{display:block;column-count:var(--columns-mobile);column-gap:1.5rem}@media screen and (min-width:990px){.works-gallery[data-grid-style=masonry]{column-count:var(--columns-desktop);column-gap:2rem}}.works-gallery[data-grid-style=masonry] .work-item{break-inside:avoid;display:block;margin-bottom:1.5rem}@media screen and (min-width:990px){.works-gallery[data-grid-style=masonry] .work-item{margin-bottom:2rem}}.works-gallery[data-grid-style=masonry] .work-thumbnail img{width:100%;height:auto;display:block}.work-item{position:relative;cursor:pointer;overflow:hidden;background:rgb(var(--color-background));transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);border-radius:4px;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-item:nth-child(1){animation-delay:.05s}.work-item:nth-child(2){animation-delay:.1s}.work-item:nth-child(3){animation-delay:.15s}.work-item:nth-child(4){animation-delay:.2s}.work-item:nth-child(5){animation-delay:.25s}.work-item:nth-child(6){animation-delay:.3s}.work-item:nth-child(7){animation-delay:.35s}.work-item:nth-child(8){animation-delay:.4s}.work-item:nth-child(9){animation-delay:.45s}.work-item:nth-child(10){animation-delay:.5s}.work-item:nth-child(11){animation-delay:.55s}.work-item:nth-child(12){animation-delay:.6s}.work-item:nth-child(13){animation-delay:.65s}.work-item:nth-child(14){animation-delay:.7s}.work-item:nth-child(15){animation-delay:.75s}.work-item:nth-child(16){animation-delay:.8s}.work-item:nth-child(17){animation-delay:.85s}.work-item:nth-child(18){animation-delay:.9s}.work-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000024}.works-gallery[data-grid-style=masonry] .work-item:hover{transform:none;box-shadow:0 8px 24px #00000024}.work-item:active{transform:translateY(-3px);transition-duration:.1s}.works-gallery[data-grid-style=masonry] .work-item:active{transform:none}.work-item.hidden{display:none;animation:none}.work-thumbnail{position:relative;overflow:hidden;background:rgb(var(--color-background))}.work-thumbnail img{transition:transform .6s cubic-bezier(.4,0,.2,1);display:block}.work-item:hover .work-thumbnail img{transform:scale(1.06)}.work-hover-info{position:absolute;bottom:0;left:0;right:0;padding:2.4rem 1.4rem 1.4rem;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.4) 60%,transparent 100%);display:flex;flex-direction:column;gap:.3rem;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.work-item:hover .work-hover-info{opacity:1;transform:translateY(0)}.work-hover-name{font-size:1.3rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:.01em;text-shadow:0 1px 6px rgba(0,0,0,.5);display:block}.work-hover-meta{font-size:1.05rem;color:#fffc;font-weight:400;letter-spacing:.04em;text-transform:uppercase;display:block}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:4rem 0;min-height:120px;animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner{width:48px;height:48px;border:3px solid rgba(var(--color-foreground),.08);border-top-color:rgb(var(--color-foreground));border-radius:50%;animation:spin .9s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.shadowbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s;background:#fff}.shadowbox.active{opacity:1;visibility:visible}.shadowbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1}.shadowbox-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4rem;z-index:2}.shadowbox-inner{position:relative;max-width:1400px;width:100%;max-height:90vh;display:flex;flex-direction:row;align-items:center;gap:4rem;transform:translateY(30px) scale(.95);opacity:0;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1);z-index:10}.shadowbox.active .shadowbox-inner{transform:translateY(0) scale(1);opacity:1}.shadowbox-image-wrapper{position:relative;flex:1;display:flex;justify-content:center;align-items:center;min-height:400px;max-height:80vh}.shadowbox-image{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;display:block;opacity:0;transform:scale(.97);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #0000001f}.shadowbox-image.loaded{opacity:1;transform:scale(1)}.shadowbox-image-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:3px solid #f0f0f0;border-top-color:#000;border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}.shadowbox-image-loader.hidden{display:none}.shadowbox-info{flex:0 0 320px;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0;animation:slideInRight .6s cubic-bezier(.4,0,.2,1) .2s both}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.shadowbox-name{font-size:2.5rem;font-weight:600;margin:0;color:#000;line-height:1.2;letter-spacing:-.02em}.shadowbox-medium{font-size:1rem;margin:0;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.shadowbox-year{font-size:1rem;margin:0;color:#999;font-weight:400}.shadowbox-description{margin-top:1rem;font-size:1rem;line-height:1.7;color:#444;padding-top:1.5rem;border-top:1px solid #e5e5e5}.shadowbox-description:empty{display:none}.shadowbox-close{position:absolute;top:2rem;right:2rem;background:#000;border:none;color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:0 4px 12px #00000026}.shadowbox-close:hover{transform:scale(1.1) rotate(90deg);background:#333}.shadowbox-close:active{transform:scale(.95) rotate(90deg)}.shadowbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000;border:none;color:#fff;width:56px;height:56px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:0 4px 12px #00000026}.shadowbox-nav:hover{transform:translateY(-50%) scale(1.1);background:#333}.shadowbox-nav:active{transform:translateY(-50%) scale(.95)}.shadowbox-nav:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%) scale(1)}.shadowbox-prev{left:2rem}.shadowbox-next{right:2rem}.shadowbox-prev svg,.shadowbox-next svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.shadowbox-prev:hover svg{transform:translate(-3px)}.shadowbox-next:hover svg{transform:translate(3px)}@media screen and (max-width:989px){.shadowbox-content{padding:2rem 1.5rem}.shadowbox-inner{flex-direction:column;gap:2rem;max-height:95vh;overflow-y:auto}.shadowbox-image-wrapper{max-height:50vh;min-height:300px}.shadowbox-image{max-height:50vh}.shadowbox-info{flex:1;width:100%}.shadowbox-name{font-size:2rem}.shadowbox-close{top:1rem;right:1rem;width:44px;height:44px}.shadowbox-nav{width:48px;height:48px}.shadowbox-prev{left:1rem}.shadowbox-next{right:1rem}}@media screen and (max-width:749px){.shadowbox-name{font-size:1.75rem}.shadowbox-medium,.shadowbox-year{font-size:.9rem}.shadowbox-description{font-size:.95rem}}.shadowbox-close:focus,.shadowbox-nav:focus{outline:2px solid #000000;outline-offset:4px}body.shadowbox-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/14/assets/works-gallery.css.map */