.link-showcase-holder { display:block; font-weight: var(--swm-headings-font-weight); font-family: var(--swm-headings-font-family); background:#f5f5f5; color:var(--swm-color-headings); }
.link-showcase ul { margin:0; }
.link-showcase ul li { margin:0; padding:0 50px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #b5b5b5; position:relative; min-height:190px; overflow:hidden; }

.link-showcase ul li:last-child { border:0; }
a.link-showcase-link { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 2; }

.link-showcase-number { font-size:60px; margin-right:40px; }
.link-showcase-name { font-size:33px; text-transform:uppercase;  }
.link-showcase-image { position:absolute; top:0; right:0; height:100%; width:100%; z-index:1; display:flex; flex-direction:row-reverse; justify-content:flex-start; align-items:center;  }
.link-showcase ul li .link-showcase-image span { width:380px; margin-top:100%; transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);  }
.link-showcase ul li:hover .link-showcase-image span { margin-top:0;  }

.link-showcase ul li .link-showcase-image span:nth-child(10) { transition: all 3.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li .link-showcase-image span:nth-child(9) { transition: all 3.2s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li .link-showcase-image span:nth-child(8) { transition: all 3.0s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li .link-showcase-image span:nth-child(7) { transition: all 2.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li .link-showcase-image span:nth-child(6) { transition: all 2.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li .link-showcase-image span:nth-child(5) { transition: all 2.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li .link-showcase-image span:nth-child(4) { transition: all 1.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li .link-showcase-image span:nth-child(3) { transition: all 1.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li .link-showcase-image span:nth-child(2) { transition: all 1.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li .link-showcase-image span:nth-child(1) { transition: all 1.3s cubic-bezier(0.22, 0.61, 0.36, 1); }

.link-showcase ul li:hover .link-showcase-image span:nth-child(1) { transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li:hover .link-showcase-image span:nth-child(2) { transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li:hover .link-showcase-image span:nth-child(3) { transition: all 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li:hover .link-showcase-image span:nth-child(4) { transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li:hover .link-showcase-image span:nth-child(5) { transition: all 0.9s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li:hover .link-showcase-image span:nth-child(6) { transition: all 1.0s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li:hover .link-showcase-image span:nth-child(7) { transition: all 1.1s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li:hover .link-showcase-image span:nth-child(8) { transition: all 1.2s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li:hover .link-showcase-image span:nth-child(9) { transition: all 1.3s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li:hover .link-showcase-image span:nth-child(10) { transition: all 1.4s cubic-bezier(0.22, 0.61, 0.36, 1); }

.link-showcase-category { font-size:18px; text-transform:uppercase; transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
.link-showcase ul li:hover .link-showcase-category { margin-top:-150%; }

.link-showcase-left { display:flex; justify-content:flex-start; align-items:center; }

@media only screen and (max-width:1024px) {
    .link-showcase-number,.link-showcase-name { font-size:30px; }
    .link-showcase-number { margin-right:20px; }
    .link-showcase ul li { flex-direction:column; justify-content:flex-start; align-items:flex-start; padding:50px; }
    .link-showcase-image { position:relative; flex-direction:row; flex-wrap:wrap; padding: 35px 0 30px; }
    .link-showcase-image span,
    .link-showcase ul li:hover .link-showcase-image span { margin: 5px;  }
    .link-showcase ul li:hover .link-showcase-category { margin-top:0; }
    .link-showcase ul li .link-showcase-image span { margin-top:0; }
}

@media only screen and (max-width:767px) {
    .link-showcase ul li { padding:30px; }
    .link-showcase-number,.link-showcase-name { font-size:20px; }
    .link-showcase-number { margin-right:15px; }
    .link-showcase-category { font-size:15px; }
    .link-showcase-image { padding: 15px 0 10px; }
    .link-showcase-image span { width:auto; }
}