.xshielder-grid{display:flex;gap:24px;margin:0 auto;max-width:1200px}.xshielder-card{display:flex;flex:1;flex-direction:column;transition:flex .6s cubic-bezier(.4,0,.2,1);will-change:flex}.xshielder-image{border-radius:28px;height:380px;overflow:hidden}.xshielder-image img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.xshielder-content{display:flex;flex-direction:column;padding:16px 8px}.xshielder-content h3{color:var(--title-color,#000);font-size:22px;font-weight:600;margin:0 0 6px}.xshielder-description{color:var(--desc-color,#333);display:flex;flex-direction:column;gap:10px;height:var(--desc-height,200px);opacity:0;overflow:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.xshielder-description *{display:block;margin:0}.xshielder-link{color:var(--link-color,#000);font-weight:600;text-decoration:none;transition:color .25s ease}.xshielder-link:hover{color:var(--link-hover,#555)}.xshielder-grid:hover .xshielder-card{flex:0.85}.xshielder-grid .xshielder-card:hover{flex:1.6}.xshielder-grid .xshielder-card:hover .xshielder-image img{transform:scale(1.03)}.xshielder[data-description-mode=hover]
.xshielder-card:hover .xshielder-description{opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:.45s}.xshielder[data-description-mode=always]
.xshielder-description{opacity:1;pointer-events:auto;transform:none}.xshielder[data-description-mode=hidden]
.xshielder-description{display:none}@media (max-width:1024px){.xshielder-grid{gap:16px}.xshielder-image{height:320px}}@media (max-width:768px){.xshielder-grid{flex-direction:column}.xshielder-card,.xshielder-grid .xshielder-card:hover,.xshielder-grid:hover .xshielder-card{flex:1}.xshielder-image{height:260px}.xshielder-description{height:auto;opacity:1;pointer-events:auto;transform:none}}