.ugc-showcase{overflow:hidden;background:#fbfbf8;color:#101210;padding:clamp(88px,10vw,148px) 0}
.ugc-showcase__shell{width:min(1168px,calc(100% - 48px));margin:0 auto}
.ugc-showcase__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr);gap:80px;align-items:end;margin-bottom:42px}
.ugc-showcase__eyebrow{margin:0 0 14px;color:#101210;font-size:12px;font-weight:700;letter-spacing:.01em}
.ugc-showcase__head h2{max-width:760px;margin:0;font-size:clamp(52px,5.7vw,78px);line-height:.95;letter-spacing:-.06em;font-weight:470}
.ugc-showcase__aside>p{max-width:430px;margin:0;color:#4f554f;font-size:17px;line-height:1.55}
.ugc-rail-controls{display:flex;gap:8px;margin-top:24px}
.ugc-rail-control{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#fff;color:#18181b;cursor:pointer;transition:color .24s ease,background .24s ease,transform .34s cubic-bezier(.34,1.56,.64,1)}
.ugc-rail-control svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ugc-rail-control:hover{background:#17211d;color:#fff;transform:scale(1.055)}
.ugc-rail-control:active{transform:scale(.94);transition-duration:.12s}
.ugc-rail-control:focus-visible{outline:2px solid #0b6b45;outline-offset:3px}
.ugc-video-rail{display:flex;gap:14px;width:100%;padding:0 0 10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x pan-y;outline:none}
.ugc-video-rail::-webkit-scrollbar{display:none}
.ugc-video-rail:focus-visible{outline:2px solid #0b6b45;outline-offset:5px;border-radius:20px}
.ugc-video-card{position:relative;flex:0 0 clamp(278px,25vw,316px);height:auto;aspect-ratio:9/16;margin:0;overflow:hidden;border-radius:20px;background:#29332f;isolation:isolate;contain:layout paint style}
.ugc-video-card video{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.018) translateZ(0);transition:transform .8s cubic-bezier(.16,1,.3,1);will-change:transform}
.ugc-video-card:after{content:"";position:absolute;z-index:1;inset:42% 0 0;background:linear-gradient(transparent,rgba(10,24,18,.68));pointer-events:none}
.ugc-video-card__meta{position:absolute;z-index:2;left:20px;right:20px;bottom:19px;color:#fff;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.ugc-video-card__meta h3{margin:0;color:#fff;font-size:28px;line-height:1;letter-spacing:-.04em;font-weight:540}
.ugc-video-card__meta p{margin:9px 0 0;color:rgba(255,255,255,.72);font-size:12px}
.ugc-video-toggle{position:absolute;z-index:3;top:14px;right:14px;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(10,20,16,.46);backdrop-filter:blur(8px);color:#fff;font:600 12px/1 Arial,sans-serif;cursor:pointer;opacity:0;transform:scale(.92);transition:opacity .25s ease,transform .35s cubic-bezier(.16,1,.3,1),background .25s ease}
.ugc-video-card:hover .ugc-video-toggle,.ugc-video-toggle:focus-visible,.ugc-video-toggle.is-paused{opacity:1;transform:none}
.ugc-video-toggle:hover{background:rgba(10,20,16,.78)}
.ugc-video-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ugc-showcase__disclosure{max-width:820px;margin:18px 0 0;color:#687068;font-size:11px;line-height:1.55}
.ugc-showcase__head,.ugc-video-card{animation:ugc-showcase-rise .72s both cubic-bezier(.16,1,.3,1)}
.ugc-showcase__head{animation-delay:.08s}
.ugc-video-card:nth-child(1){animation-delay:.14s}.ugc-video-card:nth-child(2){animation-delay:.20s}.ugc-video-card:nth-child(3){animation-delay:.26s}.ugc-video-card:nth-child(4){animation-delay:.32s}.ugc-video-card:nth-child(5){animation-delay:.38s}
.ugc-video-card[data-clone]{animation:none}
@keyframes ugc-showcase-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.ugc-video-card:hover video{transform:scale(1.04) translateZ(0)}.ugc-video-card:hover .ugc-video-card__meta{transform:translateY(-3px)}}
@media(max-width:760px){
  .ugc-showcase{padding:78px 0 96px}
  .ugc-showcase__shell{width:calc(100% - 32px)}
  .ugc-showcase__head{grid-template-columns:1fr;gap:26px;margin-bottom:30px}
  .ugc-showcase__head h2{font-size:49px}
  .ugc-showcase__aside>p{font-size:16px}
  .ugc-rail-controls{margin-top:20px}
  .ugc-video-rail{width:calc(100vw - 16px);margin-right:-16px;padding-right:16px}
  .ugc-video-card{flex-basis:78vw;height:auto;aspect-ratio:9/16;border-radius:18px}
  .ugc-video-toggle{opacity:1;transform:none}
  .ugc-showcase__disclosure{padding-right:12px}
}
@media(prefers-reduced-motion:reduce){
  .ugc-showcase__head,.ugc-video-card,.ugc-video-card__meta,.ugc-video-toggle,.ugc-rail-control{animation:none!important;transition-duration:.01ms!important;transform:none!important;opacity:1!important}
  .ugc-video-card video{animation:none!important;transition:none!important;transform:scale(1.018) translateZ(0)!important}
}