.artix-ugc{position:relative;padding-top:2rem;padding-bottom:2rem}.artix-ugc__label{font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#00d4ff;padding:0 var(--page-width-margin, 1.5rem);margin:0 auto;max-width:var(--page-width);margin-bottom:.5rem}.artix-ugc__header{margin-bottom:2rem}.artix-ugc__subheading{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#00d4ff;margin:0 0 .8rem}.artix-ugc__heading{margin:0;line-height:.9;letter-spacing:-.03em;color:rgb(var(--color-foreground))}.artix-ugc__heading:after{content:"";display:block;width:4rem;height:4px;background:#00d4ff;margin-top:1.2rem}.artix-ugc__heading.h0{font-size:clamp(3.6rem,10vw,8rem)}.artix-ugc__heading.h1{font-size:clamp(2.4rem,5vw,4.4rem)}.artix-ugc__heading.h2{font-size:clamp(2rem,4vw,3.2rem)}.artix-ugc__heading.h3{font-size:clamp(1.8rem,3vw,2.6rem)}.artix-ugc__scroll{width:100%;max-width:var(--page-width);margin:0 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.artix-ugc__scroll::-webkit-scrollbar{display:none}.artix-ugc__track{display:flex;gap:1.6rem;padding:0 var(--page-width-margin, 1.5rem)}.artix-ugc__card{flex-shrink:0;width:340px;transition:transform .3s ease}.artix-ugc__track::-webkit-scrollbar{display:none}.artix-ugc__card{flex-shrink:0;scroll-snap-align:start;width:320px;transition:transform .3s ease}.artix-ugc__card-image{position:relative;border-radius:4px;overflow:hidden;background:#f0f0ec;aspect-ratio:3 / 4;border:2px solid rgb(var(--color-foreground));transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease}.artix-ugc__card:hover .artix-ugc__card-image{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px);border-color:#00d4ff}.artix-ugc__photo{display:block;width:100%;height:100%;object-fit:cover}.artix-ugc__caption{position:absolute;bottom:0;left:0;right:0;padding:1.6rem 1.2rem 1.2rem;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);opacity:0;transition:opacity .25s ease}.artix-ugc__card:hover .artix-ugc__caption{opacity:1}.artix-ugc__caption span{font-size:1.2rem;font-weight:600;color:#fff;letter-spacing:.02em}.artix-ugc__card-placeholder{aspect-ratio:3 / 4;background:#f0f0ec;border:2px dashed rgba(var(--color-foreground),.15);border-radius:4px;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.25);font-size:1.3rem}.artix-ugc__empty{padding:4rem 2rem;text-align:center;border:2px dashed rgba(var(--color-foreground),.12);border-radius:4px;opacity:.5;font-size:1.4rem}.artix-ugc__nav{display:flex;justify-content:center;gap:.8rem;margin-top:2rem}.artix-ugc__arrow{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border:2px solid rgb(var(--color-foreground));border-radius:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.artix-ugc__arrow:hover{background:#00d4ff;border-color:#00d4ff;color:#000;box-shadow:0 4px 16px #00d4ff40}@media screen and (max-width:749px){.artix-ugc{padding-top:0}.artix-ugc__label{margin-bottom:.3rem}.artix-ugc__header{text-align:center;margin-bottom:1.2rem}.artix-ugc__heading:after{margin-left:auto;margin-right:auto}.artix-ugc__track{gap:1rem}.artix-ugc__card{width:280px}.artix-ugc__arrow{width:4rem;height:4rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/artix-ugc.css.map */