.ugc{position:relative;overflow:clip}.ugc:before{content:"";pointer-events:none;background:radial-gradient(circle,#2e6bff29,#2e6bff00 65%);width:60vw;max-width:760px;height:60vw;max-height:760px;position:absolute;inset:-20% -10% auto auto}.ugc .wrap{position:relative}.ugc-head{align-items:end;gap:22px;margin-bottom:clamp(26px,4vw,48px);display:grid}@media (width>=900px){.ugc-head{grid-template-columns:1.2fr 1fr;gap:56px}}.ugc-eyebrow{color:#cfe0ff;align-items:center;gap:10px;margin:0 0 12px;display:inline-flex}.ugc-dot{background:#ff4b6e;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite ugc-pulse;box-shadow:0 0 0 4px #ff4b6e2e}@keyframes ugc-pulse{50%{box-shadow:0 0 0 8px #ff4b6e00}}.ugc-title{font-family:var(--head);letter-spacing:-.01em;margin:0;font-size:clamp(2.6rem,6.4vw,5.4rem);font-weight:900;line-height:.95}.ugc-title em{color:var(--cb-deep);font-style:normal}.ugc-lede{color:var(--mist);max-width:32rem;margin:14px 0 0;font-size:1.05rem}.ugc-cta{justify-items:start;gap:10px;display:grid}@media (width>=900px){.ugc-cta{text-align:right;justify-items:end}}.ugc-follow-btn{gap:10px}.ugc-cta-note{color:var(--dim);max-width:22rem;margin:0;font-size:.82rem}.ugc-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vw,14px);margin:0;padding:0;list-style:none;display:grid}.ugc-mosaic>li:first-child{grid-column:span 2}.ugc-mosaic>li:first-child .ugc-tile{aspect-ratio:1}@media (width>=760px){.ugc-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}.ugc-mosaic>li:first-child{grid-row:span 2}.ugc-mosaic>li:first-child .ugc-tile{aspect-ratio:auto;height:100%}}.ugc-tile{aspect-ratio:4/5;background:var(--night-2);cursor:pointer;color:#fff;text-align:left;isolation:isolate;width:100%;transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out), border-color .3s;border:1px solid #ffffff14;border-radius:18px;padding:0;display:block;position:relative;overflow:hidden}.ugc-tile img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease-out);display:block;position:absolute;inset:0}.ugc-tile:hover,.ugc-tile:focus-visible{border-color:#8fb0ff73;transform:translateY(-4px);box-shadow:0 18px 40px -18px #2e6bff8c}.ugc-tile:hover img,.ugc-tile:focus-visible img{transform:scale(1.05)}.ugc-tile-meta{z-index:1;background:linear-gradient(#04050700,#040507e0);justify-items:start;gap:8px;padding:56px 14px 14px;display:grid;position:absolute;bottom:0;left:0;right:0}.ugc-tile-meta b{font:800 clamp(.8rem, 2.6vw, .95rem) var(--head);letter-spacing:.01em;overflow-wrap:anywhere;max-width:100%}.ugc-chip{font:600 .62rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:#e8eefb;-webkit-backdrop-filter:blur(6px);background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.ugc-chip:before{content:"";background:var(--chip,#8fb0ff);border-radius:50%;width:6px;height:6px}.ugc-ig{z-index:1;-webkit-backdrop-filter:blur(6px);color:#fff;background:#04050773;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;right:12px}.ugc-mosaic>li:first-child .ugc-tile-meta b{font-size:clamp(1.1rem,1.8vw,1.5rem)}.ugc-cap{color:#ffffffd9;max-width:32ch;font-size:.86rem}.ugc-mosaic>li.ugc-invite{grid-area:auto/1/auto/-1}.ugc-follow{color:#fff;transition:transform .45s var(--ease-out);background:radial-gradient(120% 90% at 100% 0,#6a4dff 0%,#6a4dff00 55%),linear-gradient(160deg,#2e6bff,#1638c9);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:2px 16px;padding:clamp(18px,2.4vw,26px) clamp(18px,3vw,32px);text-decoration:none;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.ugc-follow:hover,.ugc-follow:focus-visible{transform:translateY(-4px)}.ugc-follow svg{grid-row:span 2;width:34px;height:34px}.ugc-follow b{font:900 clamp(1.3rem, 2.4vw, 2rem)/1.05 var(--head)}.ugc-follow span{color:#ffffffd9;font-size:.9rem}@media (width>=760px){.ugc-follow{grid-template-columns:auto auto 1fr}.ugc-follow svg{grid-row:auto}.ugc-follow span{justify-self:end}}@media (prefers-reduced-motion:reduce){.ugc-dot{animation:none}.ugc-tile,.ugc-tile img,.ugc-follow{transition:none}}.ugc--pdp{margin-top:clamp(40px,6vw,72px)}.ugc-pdp-title{font-family:var(--head);letter-spacing:-.01em;margin:0 0 14px;font-size:1.1rem;font-weight:800}.ugc-row{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.ugc-row::-webkit-scrollbar{display:none}.ugc-row>li{scroll-snap-align:start;flex:0 0 clamp(150px,22vw,220px)}.ugc-pdp-note{margin:12px 0 0;font-size:.82rem}.ugc-viewer{color:#fff;background:#040507f5;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}.ugc-viewer::backdrop{background:#040507e6}.uv-frame{place-items:center;width:min(100%,56.25svh);height:100%;margin:0 auto;display:grid;position:relative;overflow:hidden}.uv-img{object-fit:contain;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.uv-bars{z-index:3;gap:4px;display:flex;position:absolute;top:12px;left:12px;right:12px}.uv-bars span{background:#ffffff4d;border-radius:2px;flex:1;height:2px;overflow:hidden}.uv-bars i{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.uv-bars .done i{transform:scaleX(1)}.uv-bars .now i{animation:uv-fill var(--uv-t,6s) linear forwards}.ugc-viewer.is-paused .uv-bars .now i{animation-play-state:paused}@keyframes uv-fill{to{transform:scaleX(1)}}.uv-top{z-index:3;text-shadow:0 1px 8px #0009;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:24px;left:14px;right:8px}.uv-handle{color:#fff;font:800 .92rem var(--head);text-decoration:none}.uv-handle[href]:hover{text-decoration:underline}.uv-close{color:#fff;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:1.8rem;line-height:1}.uv-prev,.uv-next{z-index:2;cursor:pointer;background:0 0;border:0;width:38%;position:absolute;top:70px;bottom:120px}.uv-prev{left:0}.uv-next{right:0}.uv-prev:focus-visible,.uv-next:focus-visible{outline-offset:-6px;outline:2px solid #fff}.uv-bottom{z-index:3;padding:60px 16px max(20px, env(safe-area-inset-bottom));background:linear-gradient(#04050700,#040507d9);gap:12px;display:grid;position:absolute;bottom:0;left:0;right:0}.uv-cap{margin:0;font-size:.95rem}.uv-shop{justify-self:start}@media (width>=760px){.uv-frame{border-radius:14px;height:calc(100% - 40px);margin-top:20px}}
