.works{margin-right:auto;margin-left:auto;width:90%}@media screen and (min-width:768px){.works{max-width:1230px;padding-bottom:130px}}.works__list{display:-ms-grid;display:grid;-ms-grid-rows:auto 4px auto 4px auto 4px auto;-ms-grid-columns:1fr 4px 1fr;grid-template:'works1 works1' 'works2 works3' 'works4 works5' 'works6 works7'/1fr 1fr;grid-gap:4px;gap:4px}@media screen and (min-width:768px){.works__list{-ms-grid-rows:auto 5px auto;-ms-grid-columns:1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr;grid-template:'works1 works1 works2 works3 works4' 'works1 works1 works5 works6 works7'/1fr 1fr 1fr 1fr 1fr;grid-gap:5px;gap:5px}}.works>ul:nth-child(4n+2){-ms-grid-rows:auto 4px auto 4px auto 4px auto;-ms-grid-columns:1fr 4px 1fr;grid-template:'works1 works2' 'works3 works4' 'works5 works6' 'works7 works7'/1fr 1fr;grid-gap:4px;gap:4px}@media screen and (min-width:768px){.works>ul:nth-child(4n+2){-ms-grid-rows:auto 5px auto;-ms-grid-columns:1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr;grid-template:'works1 works2 works3 works7 works7' 'works4 works5 works6 works7 works7'/1fr 1fr 1fr 1fr 1fr;grid-gap:5px;gap:5px}}.works>ul:nth-child(4n+3){-ms-grid-rows:auto 4px auto 4px auto 4px auto;-ms-grid-columns:1fr 4px 1fr;grid-template:'works1 works2' 'works3 works3' 'works4 works5' 'works6 works7'/1fr 1fr;grid-gap:4px;gap:4px}@media screen and (min-width:768px){.works>ul:nth-child(4n+3){-ms-grid-rows:auto 5px auto;-ms-grid-columns:1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr;grid-template:'works1 works3 works3 works4 works5' 'works2 works3 works3 works6 works7'/1fr 1fr 1fr 1fr 1fr;grid-gap:5px;gap:5px}}.works>ul:nth-child(4n+4){-ms-grid-rows:auto 4px auto 4px auto 4px auto;-ms-grid-columns:1fr 4px 1fr;grid-template:'works1 works2' 'works3 works4' 'works5 works5' 'works6 works7'/1fr 1fr;grid-gap:4px;gap:4px}@media screen and (min-width:768px){.works>ul:nth-child(4n+4){-ms-grid-rows:auto 5px auto;-ms-grid-columns:1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr;grid-template:'works1 works2 works5 works5 works6' 'works3 works4 works5 works5 works7'/1fr 1fr 1fr 1fr 1fr;grid-gap:5px;gap:5px}}.works__list+.works__list{margin-top:4px}@media screen and (min-width:768px){.works__list+.works__list{margin-top:5px}}.works__list>li{position:relative}.works__list>li:nth-child(1){-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3;grid-area:works1}.works__list>li:nth-child(2){-ms-grid-row:3;-ms-grid-column:1;grid-area:works2}.works__list>li:nth-child(3){-ms-grid-row:3;-ms-grid-column:3;grid-area:works3}.works__list>li:nth-child(4){-ms-grid-row:5;-ms-grid-column:1;grid-area:works4}.works__list>li:nth-child(5){-ms-grid-row:5;-ms-grid-column:3;grid-area:works5}.works__list>li:nth-child(6){-ms-grid-row:7;-ms-grid-column:1;grid-area:works6}.works__list>li:nth-child(7){-ms-grid-row:7;-ms-grid-column:3;grid-area:works7}@media screen and (min-width:768px){.works__list>li:nth-child(1){-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1;-ms-grid-column-span:3}.works>ul:nth-child(4n+2)>li:nth-child(1){-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1}.works>ul:nth-child(4n+3)>li:nth-child(1){-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1}.works>ul:nth-child(4n+4)>li:nth-child(1){-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1}.works__list>li:nth-child(2){-ms-grid-row:1;-ms-grid-column:5}.works>ul:nth-child(4n+2)>li:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}.works>ul:nth-child(4n+3)>li:nth-child(2){-ms-grid-row:3;-ms-grid-column:1}.works>ul:nth-child(4n+4)>li:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}.works__list>li:nth-child(3){-ms-grid-row:1;-ms-grid-column:7}.works>ul:nth-child(4n+2)>li:nth-child(3){-ms-grid-row:1;-ms-grid-column:5}.works>ul:nth-child(4n+3)>li:nth-child(3){-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:3;-ms-grid-column-span:3}.works>ul:nth-child(4n+4)>li:nth-child(3){-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1}.works__list>li:nth-child(4){-ms-grid-row:1;-ms-grid-column:9}.works>ul:nth-child(4n+2)>li:nth-child(4){-ms-grid-row:3;-ms-grid-column:1}.works>ul:nth-child(4n+3)>li:nth-child(4){-ms-grid-row:1;-ms-grid-column:7}.works>ul:nth-child(4n+4)>li:nth-child(4){-ms-grid-row:3;-ms-grid-column:3}.works__list>li:nth-child(5){-ms-grid-row:3;-ms-grid-column:5}.works>ul:nth-child(4n+2)>li:nth-child(5){-ms-grid-row:3;-ms-grid-column:3}.works>ul:nth-child(4n+3)>li:nth-child(5){-ms-grid-row:1;-ms-grid-column:9}.works>ul:nth-child(4n+4)>li:nth-child(5){-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:5;-ms-grid-column-span:3}.works__list>li:nth-child(6){-ms-grid-row:3;-ms-grid-column:7}.works>ul:nth-child(4n+2)>li:nth-child(6){-ms-grid-row:3;-ms-grid-column:5}.works>ul:nth-child(4n+3)>li:nth-child(6){-ms-grid-row:3;-ms-grid-column:7}.works>ul:nth-child(4n+4)>li:nth-child(6){-ms-grid-row:1;-ms-grid-column:9}.works__list>li:nth-child(7){-ms-grid-row:3;-ms-grid-column:9}.works>ul:nth-child(4n+2)>li:nth-child(7){-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:7;-ms-grid-column-span:3}.works>ul:nth-child(4n+3)>li:nth-child(7){-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:9;-ms-grid-column-span:1}.works>ul:nth-child(4n+4)>li:nth-child(7){-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:9;-ms-grid-column-span:1}}.works__list>li::after{display:block;content:'';padding-top:100%}.works__item{position:absolute;top:0;left:0;box-sizing:border-box;padding:1px 10px 9px;width:100%;height:100%;text-align:center;background:#fff}@media screen and (min-width:768px){.works__item{padding:7px 16px 11px}}.works>ul:nth-child(4n+1)>li:nth-child(1) .works__item,.works>ul:nth-child(4n+2)>li:nth-child(7) .works__item,.works>ul:nth-child(4n+3)>li:nth-child(3) .works__item,.works>ul:nth-child(4n+4)>li:nth-child(3) .works__item{padding:5px 12px 9px}@media screen and (min-width:768px){.works>ul:nth-child(4n+1)>li:nth-child(1) .works__item,.works>ul:nth-child(4n+2)>li:nth-child(7) .works__item,.works>ul:nth-child(4n+3)>li:nth-child(3) .works__item,.works>ul:nth-child(4n+4)>li:nth-child(3) .works__item{padding:4px 15px 11px}}.works__img{display:block;height:calc(100% - 1rem)}@media screen and (min-width:768px){.works__img{height:calc(100% - 1.3rem)}}.works__img>img{width:auto;height:100%}.works__link::after{position:absolute;top:0;left:0;opacity:0;content:'';width:100%;height:100%;background-color:rgba(70,70,70,.5);transition:opacity .25s ease-out}.works__link:focus::after,.works__link:hover::after{opacity:1}.works__itemName{position:absolute;left:50%;bottom:23px;z-index:1;opacity:0;transform:translateX(-50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 10px * 2);font-size:1.2rem;line-height:1.7;letter-spacing:.025em;color:#fff;transition:opacity .25s ease-out}@media screen and (min-width:768px){.works__itemName{bottom:34px;width:calc(100% - 16px * 2);font-size:1.5rem;letter-spacing:.08em}}.works__link:focus .works__itemName,.works__link:hover .works__itemName{opacity:1}.works__projectName{position:relative;z-index:1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;letter-spacing:.025em;color:#5b5b57;transition:color .2s ease-out}@media screen and (min-width:768px){.works__projectName{font-size:1.3rem;letter-spacing:.08em}}.works__link:focus .works__projectName,.works__link:hover .works__projectName{color:#fff}.works__loader{margin-top:62px}@media screen and (min-width:768px){.works__loader{margin-top:68px}}.c-loader{box-sizing:border-box;margin-right:auto;margin-left:auto;border-style:solid;border-width:5px;border-color:#d1d1c7 #e8e8e3 #e8e8e3;border-radius:50%;width:60px;height:60px;-webkit-animation:loading 1s infinite linear;animation:loading 1s infinite linear}@-webkit-keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.works__moreWrapper{display:flex;justify-content:center;margin-top:50px}@media screen and (min-width:768px){.works__moreWrapper{margin-top:60px}}.works__more{transition:opacity .5s ease-out}.works__more:focus,.works__more:hover{opacity:.75}.works__more>img{display:block;width:70px}