.image-gallery{padding:clamp(56px,7vw,96px) var(--gutter);background:var(--color-surface-muted)}.gallery-inner{max-width:var(--max-w);margin:0 auto}.gallery-header{text-align:center;margin-bottom:clamp(32px,4vw,48px)}.image-gallery .eyebrow{color:var(--ig-highlight)}.gallery-header h2{font-size:clamp(26px,3.5vw,44px);color:var(--color-text-primary);margin-bottom:12px}.gallery-header p{font-size:15px;color:var(--color-text-secondary);max-width:500px;margin:0 auto;line-height:1.7}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:16px}.gallery-item{border-radius:var(--radius-lg);overflow:hidden;position:relative;background:linear-gradient(160deg,color-mix(in srgb,var(--ig-highlight) 15%,var(--color-surface-muted)),color-mix(in srgb,var(--ig-highlight) 8%,var(--color-surface-muted)));aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.image-gallery .gallery-item{transition:opacity .55s ease,transform .55s ease,scale .3s ease}.image-gallery .gallery-item:hover{scale:1.02}.gallery-item img,.gallery-item video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gallery-item__caption{position:absolute;left:0;right:0;bottom:0;z-index:3;margin:0;padding:clamp(28px,6%,44px) clamp(12px,4%,20px) clamp(10px,3%,16px);background:linear-gradient(to top,#000000c7,#00000073 45%,#0000);color:#fff;font-size:13px;line-height:1.4;text-align:left;pointer-events:none}.gallery-item__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#0009;color:#fff;pointer-events:none;transition:background .2s ease,transform .2s ease}.gallery-item:hover .gallery-item__play{background:#000c;transform:translate(-50%,-50%) scale(1.08)}.gallery-item.featured--col-2:not(.featured--expanded){aspect-ratio:8 / 3}.gallery-item.featured--col-3:not(.featured--expanded){aspect-ratio:4 / 1}.gallery-item.featured--expanded{aspect-ratio:auto;min-height:clamp(240px,35vw,520px)}.gallery-item__zoom{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:zoom-in;z-index:2}.gallery-item__zoom:focus-visible{outline:2px solid var(--ig-highlight);outline-offset:-4px}.gallery-lightbox[hidden]{display:none}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,4vw,56px)}.gallery-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1}.gallery-lightbox__media{position:relative;max-width:100%;max-height:90vh;display:flex;align-items:center;justify-content:center}.gallery-lightbox__caption[hidden]{display:none}.gallery-lightbox__caption{position:relative;max-width:min(900px,100%);margin:16px auto 0;padding:0 16px;color:#fff;font-size:14px;line-height:1.5;text-align:center}.gallery-lightbox__media img,.gallery-lightbox__media video{display:block;max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000073}.gallery-lightbox__media iframe{display:block;width:min(90vw,160vh);aspect-ratio:16 / 9;max-height:90vh;border:0;border-radius:8px;box-shadow:0 20px 60px #00000073;background:#000}.gallery-lightbox__close{position:absolute;top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer;transition:background .2s ease}.gallery-lightbox__close:hover{background:#ffffff4d}.gallery-lightbox__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@media(max-width:1024px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.gallery-grid{grid-template-columns:1fr}.gallery-grid .gallery-item{grid-column:1 / -1!important;grid-row:auto!important;aspect-ratio:4 / 3!important;min-height:unset!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/image-gallery.css.map */