.ugc-showcase{position:relative;padding:var(--spacing-section) 0;background-color:#f7f6f2;overflow:hidden}.ugc-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ugc-showcase__header{text-align:center;max-width:600px;margin:0 auto var(--spacing-2xl);padding:0 var(--spacing-lg);position:relative}.ugc-showcase__label{display:block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.ugc-showcase__title{font-family:var(--font-heading);font-size:clamp(36px,5vw,56px);font-weight:400;letter-spacing:-.01em;line-height:1.1;color:var(--color-text);margin-bottom:var(--spacing-md)}.ugc-showcase__subtitle{font-family:var(--font-body);font-size:15px;font-weight:300;color:var(--color-text-muted);letter-spacing:.02em;line-height:1.6}.ugc-showcase__grid{display:none;max-width:1320px;margin:0 auto;padding:0 var(--spacing-xl);gap:var(--spacing-lg);align-items:flex-start}@media(min-width:768px){.ugc-showcase__grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:var(--spacing-xl);padding:0 var(--spacing-xl)}}@media(min-width:1200px){.ugc-showcase__grid{gap:36px;padding:0 var(--spacing-2xl)}}.ugc-showcase__card--1{transform:translateY(24px)}.ugc-showcase__card--2{transform:translateY(0)}.ugc-showcase__card--3{transform:translateY(40px)}.ugc-showcase__card-link{display:block;text-decoration:none;color:inherit}.ugc-showcase__image-wrap{position:relative;overflow:hidden;border-radius:var(--radius-sm);aspect-ratio:3 / 4;background:var(--color-bg-alt);box-shadow:0 4px 20px #0000000f,0 1px 4px #0000000a;transition:box-shadow .5s cubic-bezier(.25,.46,.45,.94)}.ugc-showcase__card:hover .ugc-showcase__image-wrap,.ugc-showcase__carousel-slide:hover .ugc-showcase__image-wrap{box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f}.ugc-showcase__image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94);will-change:transform;animation:cinematicZoom 12s ease-in-out infinite alternate}@keyframes cinematicZoom{0%{transform:scale(1)}to{transform:scale(1.04)}}.ugc-showcase__card:hover .ugc-showcase__image,.ugc-showcase__carousel-slide:hover .ugc-showcase__image{transform:scale(1.06)}.ugc-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0a0a0a00;opacity:0;transition:opacity .4s ease,background .4s ease;pointer-events:none}.ugc-showcase__card:hover .ugc-showcase__overlay,.ugc-showcase__carousel-slide:hover .ugc-showcase__overlay{opacity:1;background:#0a0a0a33}.ugc-showcase__overlay-text{font-family:var(--font-heading);font-size:18px;font-weight:400;color:#fff;letter-spacing:.04em;text-shadow:0 1px 6px rgba(0,0,0,.3);transform:translateY(8px);transition:transform .4s ease,opacity .4s ease;opacity:0}.ugc-showcase__card:hover .ugc-showcase__overlay-text,.ugc-showcase__carousel-slide:hover .ugc-showcase__overlay-text{transform:translateY(0);opacity:1}.ugc-showcase__overlay-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:10px 24px;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transform:translateY(8px);transition:transform .4s ease .05s,opacity .4s ease .05s,background .3s ease,border-color .3s ease;opacity:0}.ugc-showcase__card:hover .ugc-showcase__overlay-btn,.ugc-showcase__carousel-slide:hover .ugc-showcase__overlay-btn{transform:translateY(0);opacity:1}.ugc-showcase__overlay-btn:hover{background:#ffffff26;border-color:#fff}.ugc-showcase__proof{padding:16px 4px 0}.ugc-showcase__stars{display:flex;gap:2px;margin-bottom:6px;color:var(--color-gold)}.ugc-showcase__verified{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-success);margin-bottom:6px}.ugc-showcase__review{font-family:var(--font-heading);font-size:14px;font-weight:400;font-style:italic;color:var(--color-text-muted);line-height:1.5;letter-spacing:.01em}.ugc-showcase__carousel{display:block;padding:0 0 0 var(--spacing-lg)}@media(min-width:768px){.ugc-showcase__carousel{display:none}}.ugc-showcase__carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--spacing-md);padding-right:var(--spacing-lg);padding-bottom:var(--spacing-sm);scrollbar-width:none;-ms-overflow-style:none}.ugc-showcase__carousel-track::-webkit-scrollbar{display:none}.ugc-showcase__carousel-slide{scroll-snap-align:center;flex:0 0 82%;max-width:360px}.ugc-showcase__dots{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:0 16px;overflow:visible}.ugc-showcase__dot{flex:0 0 6px!important;width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important;max-width:6px!important;max-height:6px!important;border-radius:999px!important;border:1px solid rgba(0,0,0,.35)!important;background:transparent!important;padding:0!important;margin:0!important;cursor:pointer;transform:none!important;box-shadow:none!important;line-height:0!important;transition:background .3s ease,border-color .3s ease,height .3s ease}.ugc-showcase__dot.is-active{height:22px!important;min-height:22px!important;max-height:22px!important;background:#111!important;border-color:#111!important;border-radius:999px!important}.ugc-showcase__actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding:0 var(--spacing-lg)}@media(min-width:768px){.ugc-showcase__actions{flex-direction:row;justify-content:center;gap:var(--spacing-lg);margin-top:80px}}.ugc-showcase__cta{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:18px 48px;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);min-width:220px}.ugc-showcase__cta--primary{background:var(--color-text);color:var(--color-white)}.ugc-showcase__cta--primary:hover{background:var(--color-accent-hover);transform:translateY(-3px);box-shadow:0 8px 30px #00000026}.ugc-showcase__cta--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.ugc-showcase__cta--secondary:hover{border-color:var(--color-text);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.ugc-stagger{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);transition-delay:calc(var(--stagger, 0) * .15s)}.ugc-stagger.is-visible{opacity:1;transform:translateY(0)}@media(min-width:768px){.ugc-showcase__card--1.ugc-stagger.is-visible{transform:translateY(24px)}.ugc-showcase__card--2.ugc-stagger.is-visible{transform:translateY(0)}.ugc-showcase__card--3.ugc-stagger.is-visible{transform:translateY(40px)}}@media(max-width:767px){.ugc-showcase{padding:80px 0}.ugc-showcase__header{margin-bottom:var(--spacing-xl)}.ugc-showcase__title{font-size:32px}.ugc-showcase__cta{width:100%;max-width:340px}}@media(min-width:768px)and (max-width:1199px){.ugc-showcase__grid{gap:var(--spacing-lg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ugc-showcase.css.map */