.section-about-projects{padding-top:270px;color:var(--grey)}.about-project-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-top:1px solid var(--grey);cursor:pointer;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}body.index .about-project-item:hover{color:var(--black)}.about-project-item:last-child{border-bottom:1px solid var(--grey)}.about-project-item__num{width:19.5%}.about-project-item__title{width:29%}.about-project-item__subtitle{width:25.5%}.about-project-item__tag{width:calc(15% - 30px)}.about-project-item__year{width:30px;text-align:right}.about-project-item__thumbnail{opacity:0;visibility:hidden;position:absolute;top:50%;right:0;width:calc(100vw * 350 / 1512);height:auto;z-index:2;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.about-project-item__thumbnail .media__item{display:block;width:100%;height:auto;object-fit:cover}.about-project-item:hover{color:var(--white)}.about-project-item:hover .about-project-item__thumbnail{opacity:1;visibility:visible}@media(min-width:1512px){.about-project-item__tag{width:calc(15% - (100vw * 30 / 1512))}.about-project-item__year{width:calc(100vw * 30 / 1512)}}@media(max-width:768px){.section-about-projects{padding-top:130px}.about-project-item{justify-content:flex-start;align-items:flex-start}.about-project-item__num{width:22px}.about-project-item__title{width:calc(80% - 22px);padding-left:1px;padding-right:20px}.about-project-item__subtitle{width:20%}.about-project-item__tag{width:auto;text-align:right;margin-left:auto;padding-left:10px;display:none}.about-project-item__year,.about-project-item__thumbnail{display:none}}@media(max-width:450px){.about-project-item__num{width:22px}.about-project-item__title{width:calc(75% - 22px)}.about-project-item__subtitle{width:25%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/style-section-about-projects-archive.css.map */