.pj-ugc{padding-top:var(--pj-pt);padding-bottom:var(--pj-pb)}.pj-ugc__head{margin:0 0 20px}.pj-ugc__eyebrow{margin:0;font-family:var(--pj-font-mono);font-weight:500;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--pj-stone)}.pj-ugc__heading{margin:6px 0 0;font-family:var(--pj-font-display);font-weight:400;font-size:clamp(26px,4vw,38px);line-height:1.05;letter-spacing:-.01em}.pj-ugc__track[data-layout=grid]{display:grid;grid-template-columns:repeat(var(--pj-ugc-cols-sm),minmax(0,1fr));gap:10px}.pj-ugc__track[data-layout=scroll]{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pj-ugc__track[data-layout=scroll]::-webkit-scrollbar{display:none}.pj-ugc__track[data-layout=scroll]>*{flex:0 0 calc((100% - (10px * (var(--pj-ugc-cols-sm) - 1))) / var(--pj-ugc-cols-sm));scroll-snap-align:start}.pj-ugc__tile{display:block;text-decoration:none;color:var(--pj-ink);isolation:isolate}.pj-ugc__media{position:relative;aspect-ratio:var(--pj-ugc-ratio);background:var(--pj-tile);overflow:hidden}.pj-ugc__media img,.pj-ugc__media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.pj-ugc__tile:hover .pj-ugc__media img,.pj-ugc__tile:hover .pj-ugc__media video{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.pj-ugc__media img,.pj-ugc__media video{transition:none}.pj-ugc__tile:hover .pj-ugc__media img,.pj-ugc__tile:hover .pj-ugc__media video{transform:none}}.pj-ugc__handle{display:block;margin-top:8px;font-family:var(--pj-font-mono);font-size:10px;letter-spacing:.12em;color:var(--pj-stone)}.pj-ugc__tile:hover .pj-ugc__handle{color:var(--pj-ink)}.pj-ugc__caption{display:block;margin-top:4px;font-family:var(--pj-font-body);font-weight:300;font-size:12px;line-height:1.5;color:var(--pj-body-ink)}@media screen and (min-width:760px){.pj-ugc__track[data-layout=grid]{grid-template-columns:repeat(var(--pj-ugc-cols),minmax(0,1fr))}.pj-ugc__track[data-layout=scroll]>*{flex-basis:calc((100% - (10px * (var(--pj-ugc-cols) - 1))) / var(--pj-ugc-cols))}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/pj-ugc.css.map */