@media(min-width:600px){.works-cards{display:flex;align-items:center;justify-content:center;flex-direction:column}}@media(min-width:960px){.works-cards{justify-content:space-between;flex-direction:row;flex-wrap:wrap}}.works-cards__item{margin-bottom:30px;width:100%}@media(min-width:600px){.works-cards__item{max-width:560px}}@media(min-width:960px){.works-cards__item{margin-bottom:42px;max-width:48%}}.works-cards__image-box{outline:3px dotted transparent;position:relative;border-radius:8px;overflow:hidden;transition:transform .3s ease-in-out}.works-cards__image-box:before{content:"";display:block;position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);transition:transform .3s ease-in-out}@media(min-width:960px){.works-cards__image-box{border-radius:16px}}.works-cards__image *{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-bottom:-10px}.works-cards__link:focus{outline:none}.works-cards__link:focus .works-cards__image-box{outline-color:#5874c9}.works-cards__link:hover .works-cards__image-box:before{transform:translateY(10%)}.works-cards__description{position:absolute;bottom:8px;left:8px;max-width:90%}@media(min-width:960px){.works-cards__description{max-width:80%;bottom:32px;left:32px}}.works-cards__title{text-shadow:0 1px 4px rgba(0,0,0,.3);color:#fff!important;line-height:24px;font-size:18px}@media(min-width:960px){.works-cards__title{line-height:36px;font-size:30px}}.works-cards__category{text-shadow:0 1px 4px rgba(0,0,0,.3);color:#fff;font-size:12px;line-height:16px;font-weight:700}.list-complete-item{transition:all 1s;display:inline-block;margin-right:10px}.list-complete-enter-from,.list-complete-leave-to{opacity:.5;transform:translateY(30px)}.list-complete-leave-active{position:absolute}.work-wrapper{position:fixed;top:0;left:0;right:0;height:100%;z-index:110;background-color:#2d313db3;overflow:auto}.work-wrapper__close{position:fixed;top:20px;right:20px;color:#fff}@media(min-width:960px){.work-wrapper__close{right:40px}}.work-wrapper__length{background-color:#2d313d4d;color:#fff;font-size:14px;padding:5px;display:inline-block;position:fixed;top:20px;left:20px;z-index:50}.work-wrapper__article{background-color:#fff;max-width:1160px;overflow:hidden}@media(min-width:960px){.work-wrapper__article{margin:0 auto}}.work-wrapper__button{z-index:50;display:inline-flex;align-items:center;justify-content:center;outline:none;background-color:#2d313d4d;border-radius:50%;width:40px;height:40px;position:fixed;top:50%;transform:translateY(-50%)}.work-wrapper__button:hover{background-color:#2d313d66}.work-wrapper__button--prev{left:20px}.work-wrapper__button--prev svg{transform:rotate(180deg)}.work-wrapper__button--next{right:20px}@media(min-width:960px){.work-wrapper__button--next{right:40px}}