.dynamic-artists-gallery-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:2.5rem}.dynamic-artists-gallery-filterbar{display:flex;justify-content:flex-end;padding:4.5rem;margin-right:10rem}.dynamic-artists-gallery-filterbar .filter-menu{border-radius:15px}.dynamic-artists-gallery-filterbar .filter-menu:has(.filters-menu[open]){border-radius:15px 15px 0 0}.dynamic-artists-gallery-filterbar .facet-checkbox{color:var(--colour-white)}.gallery-item{display:flex;flex-direction:column;justify-content:flex-start;position:relative;order:var(--grid-item-order);overflow:hidden;transition:all .4s ease}.gallery-item img{cursor:pointer}.spotlight-tag{position:absolute;bottom:8rem;left:3rem;background-color:var(--colour-orange);color:var(--colour-black);padding:1.2rem 2rem;text-transform:uppercase;border-radius:var(--buttons-radius);z-index:2}.signature-tag{position:absolute;bottom:5.5rem;left:0;right:0;width:100%;background-color:#ffffffd9;color:var(--colour-black);padding:1rem 3.2rem;text-transform:uppercase;border-radius:0;z-index:2;text-align:left;transform:translateY(100%);opacity:0;transition:transform .6s ease-out,opacity .6s ease-out;height:4.7rem;display:flex;align-items:center}.signature-tag.animate-in{transform:translateY(0);opacity:1}.artist-banner{position:absolute;bottom:0;width:100%;background:color-mix(in srgb,var(--colour-grey) 90%,transparent);padding:1rem 3.2rem;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;transform:translateY(100%);opacity:0;transition:transform .6s ease-out,opacity .6s ease-out}.artist-banner.animate-in{transform:translateY(0);opacity:1}.artist-banner p{color:var(--colour-white);margin:0}.spotlight-down-chevron{width:3.5rem;height:3.5rem;outline:1px solid var(--colour-white);background:transparent;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease;rotate:90deg}.spotlight-down-chevron img{object-fit:contain}.gallery-item.active .artist-banner,.gallery-item.active .spotlight-tag,.gallery-item.active .signature-tag{display:none}.gallery-item img:not(.spotify-embed__button-logo):not(.spotlight-down-chevron img):not(.swiper-slide img){width:var(--width-full);flex:1 1 auto;object-fit:cover;object-position:center 25%;display:block}.gallery-info{display:none;opacity:0;transform:translateY(10px);transition:all .4s ease;padding:1rem;text-align:center;background:#fffffff2;z-index:2;position:relative;width:100%}.gallery-item.active .gallery-info{display:block;opacity:1;transform:translateY(0)}.gallery-item-full-width{grid-column:span 2;grid-row:span 1;display:flex;justify-content:center;align-items:center}.gallery-item-full-width img:not(.spotify-embed__button-logo):not(.spotlight-down-chevron img):not(.swiper-slide img){width:100%;height:auto;aspect-ratio:21 / 9;object-fit:cover;object-position:center 25%}.gallery-item-full-width .swiper-slide img{width:100%;object-fit:contain;object-position:center}.gallery-item-half-width{grid-column:span 1;grid-row:span 2}.gallery-item-half-width:nth-last-of-type(2){height:fit-content}.gallery-item-half-width.active{grid-column:span 2;grid-row:span 1}.gallery-item-half-width.active+.gallery-item,.gallery-item-half-width.active+.gallery-item+.gallery-item{grid-column:span 1;grid-row:span 1}.gallery-item-half-width-half-height{grid-column:span 1;grid-row:span 1}.gallery-item-half-width-half-height.active{grid-column:span 2;order:var(--grid-item-open-order)}.gallery-item-half-width-half-height.active+.gallery-item-half-width-half-height{grid-row:span 2}.gallery-item-half-width-half-height+.gallery-item-half-width-half-height.active{order:var(--grid-item-order)}.gallery-item-half-width-half-height:has(+.gallery-item-half-width-half-height.active){grid-row:span 2}@media screen and (max-width: 650px){.dynamic-artists-gallery-filterbar{margin:0}.dynamic-artists-gallery-filterbar{padding:5rem 1.5rem}.spotlight-banner,.spotlight-tag,.signature-tag{display:none}.artist-banner{padding:1rem;transform:translateY(0);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dynamic-artists-gallery.css.map */
