.garment{position:relative;display:block;margin:0;aspect-ratio:720/870;width:100%;cursor:pointer;user-select:none;-webkit-user-select:none;outline-offset:6px}.garment-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 88%,transparent);mask-composite:intersect;filter:saturate(.92) contrast(1.04)}.garment-back{clip-path:inset(0 0 0 100%);transition:clip-path .7s var(--ease-cine)}.garment.is-back .garment-back{clip-path:inset(0 0 0 0)}.garment-side{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);color:var(--ash-text);pointer-events:none;opacity:0;transition:opacity .4s ease}.garment.is-back .garment-side,.garment:focus-visible .garment-side,.garment:hover .garment-side{opacity:1}@media (prefers-reduced-motion:reduce){.garment-back{transition:none}}