.list{width:100%;min-height:80vh;position:relative}.item-wrapper{will-change:transform, width, height, opacity;cursor:pointer;padding:8px;position:absolute;top:0;left:0}.item-wrapper>.item-img{background-position:50%;background-size:cover;border:1px solid #c5a05926;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 10px 40px -10px #00000073}.item-overlay{opacity:0;text-align:left;z-index:2;background:linear-gradient(#1a020400 20%,#1a020459 55%,#1a0204f2 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.item-wrapper:hover .item-overlay{opacity:1}.item-share-btn{-webkit-backdrop-filter:blur(8px);width:36px;height:36px;color:var(--gold-primary,#c5a059);cursor:pointer;z-index:4;background:#1a0204bf;border:1px solid #c5a05966;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:15px;right:15px}.item-share-btn:hover{border-color:var(--gold-primary);color:var(--white,#fff);background:#c5a05940;transform:scale(1.1)}.item-share-btn svg{transition:stroke .3s}.item-share-btn:hover svg{stroke:var(--white,#fff)}.item-caption{font-family:var(--font-serif), Georgia, serif;color:var(--white,#fff);text-shadow:0 2px 4px #00000080;margin-bottom:6px;font-size:1.1rem;font-weight:600;transition:transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(15px)}.item-category{color:var(--gold-light,#e0ca9b);letter-spacing:1.5px;text-transform:uppercase;background:#c5a05926;border:1px solid #c5a05940;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700;transition:transform .4s cubic-bezier(.16,1,.3,1) 50ms;transform:translateY(15px)}.item-wrapper:hover .item-caption,.item-wrapper:hover .item-category{transform:translateY(0)}.item-wrapper>.item-img:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#fff0 0%,#c5a05973 50%,#fff0 100%);width:60%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.item-wrapper:hover>.item-img:after{transition:left .75s ease-in-out;left:150%}