.work-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;list-style:none;padding:0;margin-top:10px}.work-list li{border:1px solid #ddd;border-radius:5px;background-color:#ffe;text-align:center;display:flex;flex-direction:column}.work-list li .work-details{margin-top:auto;width:280px;display:block;margin-left:auto;margin-right:auto;background:#fff0;border:none;border-radius:0;box-shadow:none;transform:none;border-top:1px solid #ccc;padding:10px 0;text-align:center;color:#333}.work-list li .work-details span{display:block}.work-list li a:hover .work-details{background:#fff0;box-shadow:none}.work-list li a{display:flex;flex-direction:column;height:100%;text-decoration:none!important;color:inherit;transition:background-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease}.work-list li a:hover{background-color:#f0f0f0;box-shadow:0 4px 8px rgb(0 0 0 / .15);transform:translateY(-2px);text-decoration:none}.work-list li a:hover img{opacity:.9}.work-list figure{margin:0;padding-top:5px;display:flex;flex-direction:column;height:100%}.work-list figure img{max-width:100%;height:auto;margin-left:auto;margin-right:auto;display:block}.work-list figcaption{padding:10px;flex-grow:1;display:flex;flex-direction:column}.work-list figcaption p{color:#333;text-align:left;padding:0}.creator-name{margin-top:.2em;margin-bottom:.2em}.detail-link{margin-top:0;margin-bottom:.2em}.creator-name{font-size:.8em}@media (max-width:320px){.work-list .work-details{width:90%}}