.ugc-gallery{background-color:var(--color-surface);padding:96px 0}.ugc-gallery__container{max-width:var(--container-wide);margin:0 auto;padding:0 48px}.ugc-gallery__header{text-align:center;max-width:600px;margin:0 auto 48px}.ugc-gallery__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary);display:inline-block;margin-bottom:14px}.ugc-gallery__headline{font-family:var(--font-heading);font-size:40px;font-weight:400;font-style:italic;line-height:1.15;letter-spacing:-.01em;color:var(--color-text);margin:0 0 12px}.ugc-gallery__subhead{font-family:var(--font-body);font-size:16px;color:var(--color-muted);margin:0 0 20px;line-height:1.5}.ugc-gallery__handle{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--color-text-muted);text-decoration:none;letter-spacing:.02em;transition:color .2s ease-out}.ugc-gallery__handle:hover{color:var(--color-primary)}.ugc-gallery__handle-icon{flex-shrink:0}.ugc-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ugc-gallery--masonry .ugc-gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:12px}.ugc-gallery--masonry .ugc-tile:nth-child(3),.ugc-gallery--masonry .ugc-tile:nth-child(5){grid-row:span 1;aspect-ratio:4 / 5}.ugc-tile{position:relative;overflow:hidden;border-radius:6px;background-color:var(--color-surface)}.ugc-tile__link{display:block;width:100%;position:relative;aspect-ratio:1;overflow:hidden;text-decoration:none}.ugc-tile__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease-out}.ugc-tile:hover .ugc-tile__image{transform:scale(1.06)}.ugc-tile__placeholder{width:100%;height:100%;background-color:var(--color-border);display:flex;align-items:center;justify-content:center}.ugc-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#2d252000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background-color .3s ease-out}.ugc-tile:hover .ugc-tile__overlay{background-color:#2d252073}.ugc-tile__product-name{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-align:center;padding:0 12px;opacity:0;transform:translateY(6px);transition:opacity .25s ease-out 50ms,transform .25s ease-out 50ms}.ugc-tile:hover .ugc-tile__product-name{opacity:1;transform:translateY(0)}.ugc-tile__insta-icon{color:#fff;opacity:0;transform:scale(.8);transition:opacity .25s ease-out,transform .25s ease-out}.ugc-tile:hover .ugc-tile__insta-icon{opacity:1;transform:scale(1)}.ugc-gallery__footer{text-align:center;margin-top:40px}.ugc-gallery__cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text);text-decoration:none;padding:14px 28px;border:1px solid var(--color-border-strong);border-radius:4px;transition:border-color .2s ease-out,color .2s ease-out,background-color .2s ease-out}.ugc-gallery__cta:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#c9486b0a}@media(min-width:768px)and (max-width:1023px){.ugc-gallery__grid{grid-template-columns:repeat(3,1fr);gap:10px}.ugc-gallery__container{padding:0 32px}.ugc-gallery__headline{font-size:32px}}@media(max-width:767px){.ugc-gallery{padding:64px 0}.ugc-gallery__container{padding:0}.ugc-gallery__header{padding:0 16px;margin-bottom:32px}.ugc-gallery__headline{font-size:28px}.ugc-gallery__subhead{font-size:14px}.ugc-gallery__grid{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:0 16px 8px}.ugc-gallery__grid::-webkit-scrollbar{display:none}.ugc-tile{flex:0 0 calc(50vw - 20px);scroll-snap-align:start;border-radius:6px}.ugc-tile__product-name{opacity:1;transform:translateY(0)}.ugc-tile__insta-icon{opacity:.85;transform:scale(1)}.ugc-tile__overlay{background-color:#2d252040}.ugc-gallery__footer{padding:0 16px;margin-top:28px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ugc.css.map */