.ugc-gallery{padding:96px 0;background:rgb(var(--color-bg))}.ugc-gallery__container{max-width:1280px;margin:0 auto;padding:0 24px}.ugc-gallery__header{text-align:center;margin-bottom:64px}.ugc-gallery__subtitle{font-size:14px;text-transform:uppercase;letter-spacing:.3em;color:rgb(var(--color-primary));margin-bottom:12px;font-family:Oswald,sans-serif}.ugc-gallery__title{font-size:36px;text-transform:uppercase;color:rgb(var(--color-text));margin-bottom:16px;line-height:1.1;font-family:Oswald,sans-serif}.ugc-gallery__title-accent{color:rgb(var(--color-primary))}.ugc-gallery__description{color:#8c8c8c;max-width:512px;margin:0 auto;font-size:15px;line-height:1.6}.ugc-gallery__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ugc-gallery__tile{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:1 / 1}.ugc-gallery__tile-img,.ugc-gallery__tile-placeholder{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ugc-gallery__tile:hover .ugc-gallery__tile-img,.ugc-gallery__tile:hover .ugc-gallery__tile-placeholder{transform:scale(1.05)}.ugc-gallery__tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--color-bg),.8),transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.ugc-gallery__tile:hover .ugc-gallery__tile-overlay{opacity:1}.ugc-gallery__tile-info{position:absolute;bottom:0;left:0;right:0;padding:16px;transform:translateY(100%);transition:transform .3s ease}.ugc-gallery__tile:hover .ugc-gallery__tile-info{transform:translateY(0)}.ugc-gallery__tile-name{font-size:13px;text-transform:uppercase;color:rgb(var(--color-text));font-family:Oswald,sans-serif}.ugc-gallery__tile-meta{font-size:12px;color:#8c8c8c}.ugc-gallery__footer{text-align:center;margin-top:48px}.ugc-gallery__footer-text{font-size:14px;color:#8c8c8c}.ugc-gallery__footer-tag{color:rgb(var(--color-primary));font-weight:600;font-family:Oswald,sans-serif;margin-right:3px}@media(min-width:768px){.ugc-gallery__grid{grid-template-columns:repeat(3,1fr)}.ugc-gallery__title{font-size:48px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ugc-gallery.css.map */