.workshop-hero-gallery{padding-top:calc(var(--section-padding-top) * 1px);padding-bottom:calc(var(--section-padding-bottom) * 1px)}.workshop-hero-gallery__container{position:relative}.workshop-hero-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1.6rem;height:450px}.workshop-hero-gallery__main-image{grid-column:span 2 / span 2;grid-row:span 2 / span 2;position:relative;overflow:hidden;border-radius:var(--border-radius);background-color:rgba(var(--color-foreground),.04)}.workshop-hero-gallery__main-img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:opacity .3s ease}.workshop-hero-gallery__thumbnail{position:relative;width:100%;height:100%;border:none;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;background-color:rgba(var(--color-foreground),.04);transition:all .2s ease;padding:0}.workshop-hero-gallery__thumbnail:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(var(--color-shadow),.15)}.workshop-hero-gallery__thumbnail--active{box-shadow:0 0 0 2px rgb(var(--color-foreground))}.workshop-hero-gallery__thumbnail--empty{background-color:rgba(var(--color-foreground),.04);border-radius:var(--border-radius)}.workshop-hero-gallery__thumbnail-img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.workshop-hero-gallery__thumbnail:hover .workshop-hero-gallery__thumbnail-img{opacity:.8}.workshop-hero-gallery__placeholder{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;aspect-ratio:2/1;background-color:rgba(var(--color-foreground),.04);border-radius:var(--border-radius)}.workshop-hero-gallery__placeholder .placeholder-svg{width:8rem;height:8rem;opacity:.3}@media screen and (max-width: 749px){.workshop-hero-gallery__grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr) auto;gap:1rem;height:auto}.workshop-hero-gallery__main-image{grid-column:1 / 5;grid-row:1 / 4;aspect-ratio:3/2}.workshop-hero-gallery__thumbnail{grid-column:span 1;grid-row:4;aspect-ratio:3/2}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-workshop-hero-gallery.css.map */