.article{background:#fff;border:1px solid rgba(69,83,241,.05);border-radius:12px;-webkit-box-shadow:0 8px 32px rgba(69,83,241,.06);box-shadow:0 8px 32px #4553f10f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:20rem;overflow:hidden;-webkit-transition:.4s cubic-bezier(.4,0,.2,1);transition:.4s cubic-bezier(.4,0,.2,1);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.article__header{padding:1.6rem 2.4rem 0}.article__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article__head span{color:#606492;font-size:1.3rem;font-weight:400;line-height:120%}.article__head span:not(:first-child){margin-left:1.6rem}.article__head span.article__media{background-color:#4d3aff;border-radius:.4rem;color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.02em;padding:.2rem .4rem;position:absolute;right:0;text-transform:uppercase}.article__img{background:#eaeaf9;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:16rem;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1.2rem;overflow:hidden}.article__img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article__person{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:-2.6rem;padding:0 1rem}.article__person-img{border:5px solid #fff;border-radius:20rem;-webkit-box-shadow:0 0 13px rgba(69,83,241,.1);box-shadow:0 0 13px #4553f11a;-webkit-box-sizing:content-box;box-sizing:content-box;height:6.6rem;overflow:hidden;width:6.6rem}.article__person-img img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.article__person-wrap{margin-left:1rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.article__person-name{color:#051322;font-size:1.3rem;font-weight:600;line-height:140%}.article__person-position{color:#606492;font-size:1.1rem;font-weight:400;line-height:140%;margin-top:.2rem}.article__content{overflow:hidden;padding:1.2rem 2.4rem 0;-webkit-transition:.4s cubic-bezier(.4,0,.2,1);transition:.4s cubic-bezier(.4,0,.2,1);z-index:99}.article__title{color:#051322;font-size:1.6rem;font-weight:600;-webkit-line-clamp:3}.article__descr,.article__title{display:-webkit-box;line-height:140%;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-box-orient:vertical;overflow:hidden}.article__descr{-webkit-box-flex:1;-webkit-animation:no-open .2s ease-in-out forwards;animation:no-open .2s ease-in-out forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:#606492;-ms-flex:1;flex:1;font-size:1.4rem;font-weight:300;-webkit-line-clamp:5;margin-top:1.2rem}.article__descr a,.article__descr h1,.article__descr h2,.article__descr h3,.article__descr h4,.article__descr h5,.article__descr h6,.article__descr li,.article__descr p,.article__descr span{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.article__descr h1,.article__descr h2,.article__descr h3,.article__descr h4,.article__descr h5,.article__descr h6,.article__descr ol,.article__descr p,.article__descr ul{margin-bottom:.5rem}.article__descr a{color:inherit!important;pointer-events:none;text-decoration:underline}.article__descr h1,.article__descr h2,.article__descr h3,.article__descr h4,.article__descr h5,.article__descr h6{line-height:130%}.article__descr b,.article__descr h1,.article__descr h2,.article__descr h3,.article__descr h4,.article__descr h5,.article__descr h6,.article__descr strong{font-weight:600}.article__descr li{margin-left:1.6rem}.article__descr ul li{list-style:disc}.article__descr div,.article__descr iframe,.article__descr img,.article__descr svg{display:none}.article__bttn{-webkit-box-pack:start;-ms-flex-pack:start;background-color:#fff;font-size:1.6rem;justify-content:flex-start;min-height:auto;padding:1.2rem 2.4rem 2.4rem;-webkit-transition:.4s cubic-bezier(.4,0,.2,1);transition:.4s cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.article:hover{border:1px solid rgba(69,83,241,.05);-webkit-box-shadow:0 20px 32px rgba(69,83,241,.16);box-shadow:0 20px 32px #4553f129}@-webkit-keyframes no-open{0%{line-clamp:15;-webkit-line-clamp:15}to{line-clamp:5;-webkit-line-clamp:5}}@keyframes no-open{0%{line-clamp:15;-webkit-line-clamp:15}to{line-clamp:5;-webkit-line-clamp:5}}@-webkit-keyframes open{0%{line-clamp:5;-webkit-line-clamp:5}to{line-clamp:15;-webkit-line-clamp:15}}@keyframes open{0%{line-clamp:5;-webkit-line-clamp:5}to{line-clamp:15;-webkit-line-clamp:15}}.article--case .article__img{height:11rem}@media only screen and (min-width:768px){.article{height:45rem}.article__title{min-height:6.72rem}}@media only screen and (min-width:992px){.article__person-position{font-size:1rem;line-height:130%}.article__content{border-radius:12px;height:100%;padding:1.2rem 2.4rem 5.8rem}.article__bttn{position:absolute}.article:hover .article__content{background-color:#4d3aff;height:100%;margin-top:-20.3rem}.article:hover .article__title{-webkit-line-clamp:5;min-height:0}.article:hover .article__descr{-webkit-animation:open .2s ease-in-out forwards;animation:open .2s ease-in-out forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-line-clamp:15}.article:hover .article__descr,.article:hover .article__title{color:#fff}.article:hover .article__bttn{background-color:#4d3aff;color:#fff}.article:hover .article__bttn:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' viewBox='0 0 13 13'%3E%3Cpath fill='%23fff' d='M.49 11.096a1 1 0 1 0 1.414 1.414zm12.314-9.9a1 1 0 0 0-1-1h-9a1 1 0 1 0 0 2h8v8a1 1 0 1 0 2 0zM1.904 12.51 12.511 1.904 11.097.49.49 11.096z'/%3E%3C/svg%3E");-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}}@media only screen and (min-width:992px) and (min-width:1900px){.article:hover .article__content{margin-top:-23.5rem}}@media only screen and (min-width:1900px){.article{height:48rem}.article__img{max-height:19rem}.article--case .article__img{height:14.1rem}}
