html{font-size:16px}body{color:#0e0e0e;background-color:#f1f1f1;margin:0;padding:0;font-family:TT Commons,Arial,sans-serif;font-weight:400}img{object-fit:contain;max-width:100%;height:auto;display:block}video{display:block}a{color:inherit;text-decoration:none}p{margin:0;padding:0}ul{margin:0;padding:0;list-style-type:none}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:TT Commons;src:url(../fonts/tt-commons/tt-commons-pro-trial-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TT Commons;src:url(../fonts/tt-commons/tt-commons-pro-trial-normal.woff2)format("woff2");font-weight:450;font-style:normal;font-display:swap}@font-face{font-family:TT Runs;src:url(../fonts/tt-runs/tt-runs-trial-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TT Runs;src:url(../fonts/tt-runs/tt-runs-trial-demi-bold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}.section{padding:800px 30px}@media (width<=1919px){.section{padding:65px 30px}}@media (width<=1439px){.section{padding:50px 20px}}@media (width<=1279px){.section{padding:40px 15px}}@media (width<=767px){.section{padding:30px 10px}}.section__title{text-transform:lowercase;margin:0;font-size:16px;font-weight:500}@media (width<=1439px){.section__title{font-size:13px}}@media (width<=1279px){.section__title{font-size:12px}}.button{color:#fff;letter-spacing:-.03px;text-transform:lowercase;box-sizing:border-box;cursor:pointer;background-color:#0e0e0e;border:none;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;padding:25px 75px;font-family:TT Runs,Arial,sans-serif;font-size:16px;font-weight:600;line-height:120%;transition:color .3s,scale .3s,background-color .3s,border-radius .3s,transform .3s;display:flex}@media (width<=1919px){.button{border-radius:15px;padding:22px 65px;font-size:14px}}@media (width<=1439px){.button{padding:19px 55px}}@media (width<=1279px){.button{border-radius:12px;padding:16px 53px;font-size:13px}}@media (width>=1280px){.button:hover{color:#0e0e0e;background-color:#fff;border-radius:50px;outline:1px solid #0d0d0d99}.button:active{color:#0e0e0e;background-color:#fff}.button:focus{color:#0e0e0e;background-color:#00ffa9}}.page{justify-content:center;min-height:100vh;display:flex}.page__body{flex-direction:column;width:100%;min-width:320px;display:flex}.page__main{flex-grow:1}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:8px 30px;font-family:TT Runs,Arial,sans-serif;font-weight:500;display:flex}@media (width<=1919px){.header{padding:12px 30px}}@media (width<=1439px){.header{padding:10px 20px}}@media (width<=1279px){.header{flex-direction:column;align-items:start}.nav--closed{display:none}.nav--open{display:block}}.nav__list{text-transform:lowercase;align-items:center;gap:32px;display:flex}@media (width<=1279px){.nav__list{flex-direction:column;display:block}}.nav__item--favorite{margin-left:144px}@media (width<=1919px){.nav__item--favorite{margin-left:0}}@media (width<=1279px){.nav__item--favorite{display:none}}.nav__link{letter-spacing:-.04em;font-size:14px;position:relative}@media (width<=1919px){.nav__link{letter-spacing:-.03em;font-size:13px}}.nav__link--animated:hover:after{content:"";background:linear-gradient(45deg,#0e0e0e,#00ffa9 90%);width:0;height:2px;animation-name:line-appearing;animation-duration:.5s;animation-fill-mode:forwards;position:absolute;bottom:-10px;left:0}.nav__link--favorite{align-items:center;gap:10px;font-size:13px;display:flex}@media (width<=1439px){.nav__link--favorite{letter-spacing:-.03em;font-size:12px}}.tech-new__title--animated:after{content:"";background:linear-gradient(45deg,#9f007f,#01cb7a 90%);width:0;height:3px;animation-name:line-appearing;animation-duration:1s;animation-delay:2s;animation-fill-mode:forwards;position:absolute;bottom:-15px;left:0}@keyframes line-appearing{0%{width:0}to{width:100%}}.favorite-button{background-color:#0e0e0e;border-radius:15px;justify-content:center;align-items:center;width:42px;height:42px;transition:color .3s,scale .3s,background-color .3s,border-radius .3s,transform .3s;display:flex}@media (width>=1280px){.favorite-button:hover{color:#0e0e0e;background-color:#fff;border-radius:50px;outline:1px solid #0d0d0d99}}@media (width<=1919px){.favorite-button{border-radius:12px;width:36px;height:36px}}@media (width<=1439px){.favorite-button{width:32px;height:32px}}.favorite-button__icon{color:#fff}@media (width<=1919px){.favorite-button__icon{width:20px;height:20px}}@media (width<=1439px){.favorite-button__icon{width:16px;height:16px}}.favorite-button:hover .favorite-button__icon{color:#0e0e0e}.logo{align-items:center;display:flex}@media (width<=1919px){.logo__icon{width:73px;height:24px}}@media (width<=1439px){.logo__icon{width:67px;height:22px}}.hero{padding:80px 30px 50px}@media (width<=1919px){.hero{padding:60px 20px 40px}}@media (width<=1439px){.hero{padding:60px 20px 30px}}@media (width<=1279px){.hero{padding:50px 20px 20px}}@media (width<=767px){.hero{padding:32px 20px 20px}}.hero__inner-top{grid-template-columns:1fr auto auto 1fr;grid-template-areas:"title. .awards"".video video awards";gap:30px 15px;margin-bottom:160px;display:grid}@media (width<=1919px){.hero__inner-top{grid-template-areas:"title title.awards"".video video awards";margin-bottom:110px}}@media (width<=1439px){.hero__inner-top{gap:30px 5px}}@media (width<=1279px){.hero__inner-top{grid-template-areas:"title title title."".video video.";gap:110px 0}}@media (width<=767px){.hero__inner-top{flex-direction:column;display:flex}}.hero__title{letter-spacing:-.03em;opacity:0;grid-area:title;margin:0;font-family:TT Runs,Arial,sans-serif;font-size:64px;font-weight:600;line-height:125%;transition:opacity 1s,scale 1s;animation-name:scaling;animation-duration:1s;animation-fill-mode:forwards}@media (width<=1919px){.hero__title{font-size:50px}}@media (width<=1439px){.hero__title{letter-spacing:-.01em;font-size:42px}}@media (width<=1279px){.hero__title{font-size:38px}}@media (width<=767px){.hero__title{font-size:32px}}@keyframes scaling{0%{opacity:0;scale:.1}to{opacity:1;scale:1}}.hero__video{border-radius:20px;grid-area:video;width:608px;height:304px}@media (width<=1919px){.hero__video{width:456px;height:230px}}@media (width<=1279px){.hero__video{width:416px;height:226px}}@media (width<=767px){.hero__video{aspect-ratio:3/2;width:65%;height:auto;margin:0 auto}}@media (width<=375px){.hero__video{width:225px;height:135px}}.hero__video video{object-fit:cover;border-radius:20px;width:100%;height:100%}@media (width<=1919px){.hero__video video{border-radius:15px}}@media (width<=1279px){.hero__video video{border-radius:12px}}@media (width<=767px){.hero__video video{border-radius:15px}}.hero__awards{grid-area:awards;margin-left:auto}@media (width<=1279px){.hero__awards{display:none}}.hero__inner-bottom{grid-template-columns:repeat(4,1fr);grid-template-areas:"slogan contacts description description""slogan contacts presentation start";gap:20px;display:grid}@media (width<=1279px){.hero__inner-bottom{grid-template-areas:"slogan.contacts contacts"". .description description""presentation presentation start start"}}@media (width<=767px){.hero__inner-bottom{grid-template-columns:repeat(2,1fr);grid-template-areas:"slogan contacts""start start"}}.hero__slogan-wrapper{grid-area:slogan;margin-top:auto}@media (width<=1279px){.hero__slogan-wrapper{margin-top:0}}.hero__slogan{grid-template-columns:auto 1fr;grid-template-areas:"number years""number developer";gap:5px 20px;display:grid}@media (width<=1439px){.hero__slogan{grid-template-areas:"number years""developer developer";gap:20px 10px}}.hero__slogan-number{letter-spacing:-.03px;grid-area:number;margin-top:auto;font-family:TT Runs,Arial,sans-serif;font-size:70px;font-weight:600;line-height:90%}@media (width<=1919px){.hero__slogan-number{font-size:56px}}@media (width<=1279px){.hero__slogan-number{font-size:38px}}@media (width<=767px){.hero__slogan-number{font-size:32px}}.hero__slogan-years{letter-spacing:-.01px;grid-area:years;font-size:20px;font-weight:500;line-height:125%}@media (width<=1919px){.hero__slogan-years{font-size:18px}}@media (width<=767px){.hero__slogan-years{font-size:16px;line-height:122%}}.hero__slogan-developer{letter-spacing:-.04px;text-transform:lowercase;color:#0d0d0d99;grid-area:developer;font-family:TT Runs,Arial,sans-serif;font-size:14px;font-weight:500;line-height:110%}@media (width<=1919px){.hero__slogan-developer{font-size:13px}}@media (width<=767px){.hero__slogan-developer{font-size:12px}}.hero__contacts{letter-spacing:-.01px;flex-direction:column;grid-area:contacts;justify-content:space-between;font-size:20px;font-weight:500;line-height:125%;display:flex}@media (width<=1919px){.hero__contacts{font-size:18px}}@media (width<=1279px){.hero__contacts{flex-direction:row;justify-content:flex-start;gap:50px;font-size:15px}}@media (width<=767px){.hero__contacts{flex-direction:column;row-gap:20px}}.hero__email-phone-wrapper{flex-direction:column;gap:10px;display:flex}.hero__email,.hero__phone{text-decoration:underline}.hero__tg-wrapper{flex-direction:column;gap:10px;display:flex}.hero__tg-text{letter-spacing:-.04px;text-transform:lowercase;color:#0d0d0d99;font-family:TT Runs,Arial,sans-serif;font-size:14px;font-weight:500;line-height:110%}@media (width<=1919px){.hero__tg-text{font-size:13px}}@media (width<=767px){.hero__tg-text{display:none}}.hero__tg-link{text-decoration:underline}.hero__description{letter-spacing:-.02px;grid-area:description;padding:0 406px 0 40px;font-size:18px;line-height:140%}@media (width<=1919px){.hero__description{padding:0 318px 0 10px;font-size:16px}}@media (width<=1439px){.hero__description{padding:0;font-size:15px}}@media (width<=767px){.hero__description{display:none}}.hero__presentation-wrapper{flex-wrap:wrap;grid-area:presentation;align-items:center;gap:5px;margin-top:auto;padding-left:30px;display:flex}@media (width<=1919px){.hero__presentation-wrapper{padding-left:10px;font-size:16px}}@media (width<=1439px){.hero__presentation-wrapper{gap:10px;padding:0}}@media (width<=767px){.hero__presentation-wrapper{display:none}}.hero__presentation-link{letter-spacing:-.03px;background-color:#fff;border-radius:15px;padding:16px 15px;font-family:TT Runs,Arial,sans-serif;font-size:16px;font-weight:600;line-height:120%}@media (width<=1919px){.hero__presentation-link{font-size:14px}}@media (width<=1439px){.hero__presentation-link{border-radius:12px;padding:14px 12px}}@media (width<=1279px){.hero__presentation-link{padding:14px;font-size:13px}}@media (width>=1280px){.hero__presentation-link:hover,.hero__presentation-link:active{background-color:#00ffa9}}.hero__presentation{letter-spacing:-.04px;text-transform:lowercase;font-family:TT Runs,Arial,sans-serif;font-size:14px;font-weight:500;line-height:110%}@media (width<=1919px){.hero__presentation{font-size:13px}}.hero__start-wrapper{grid-area:start}.hero__start-button{margin-left:auto}@media (width<=1279px){.hero__start-button{margin-left:0}}@media (width<=767px){.hero__start-button{width:100%}}.awards__list{flex-direction:column;gap:10px;display:flex}.awards__link{background-color:#fff;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;transition:color .3s,scale .3s,background-color .3s,border-radius .3s,transform .3s;display:flex}@media (width>=1280px){.awards__link:hover,.awards__link:active{background-color:#00ffa9}}@media (width<=1919px){.awards__link{width:48px;height:48px}}.awards__icon{color:inherit;background-position:50%;background-repeat:no-repeat;width:100%;height:100%;display:block}.portfolio__inner-top{grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:100px;display:grid}@media (width<=1439px){.portfolio__inner-top{margin-bottom:70px}}@media (width<=1279px){.portfolio__inner-top{gap:20px;margin-bottom:60px}}@media (width<=767px){.portfolio__inner-top{flex-direction:column-reverse;row-gap:70px;margin-bottom:40px;display:flex}}.portfolio__description-wrapper{padding-right:200px}@media (width<=1279px){.portfolio__description-wrapper{padding-right:0}}.portfolio__description-title{margin:0 0 24px;font-family:TT Runs,Arial,sans-serif;font-size:32px;line-height:120%}@media (width<=1919px){.portfolio__description-title{font-size:26px}}@media (width<=1439px){.portfolio__description-title{font-size:20px}}@media (width<=1279px){.portfolio__description-title{margin-bottom:20px}}.portfolio__description{font-size:16px;line-height:140%}@media (width<=1439px){.portfolio__description{font-size:15px}}.portfolio__description--upper{display:none}@media (width<=767px){.portfolio__description--upper{display:block}}.portfolio__list{grid-template-columns:repeat(3,1fr);gap:80px 30px;display:grid}@media (width<=1919px){.portfolio__list{gap:70px 20px}}@media (width<=1279px){.portfolio__list{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.portfolio__list{scrollbar-width:none;column-gap:10px;display:flex;overflow-x:scroll}.portfolio__list--big{display:none}}.portfolio__item{flex-direction:column;gap:20px;display:flex}.portfolio__img-wrapper{aspect-ratio:1;position:relative}@media (width<=767px){.portfolio__img-wrapper{width:315px}}.portfolio__item img{object-fit:fill;aspect-ratio:1;cursor:pointer;border-radius:30px;width:100%;transition:color .3s,scale .3s,background-color .3s,border-radius .3s,transform .3s;position:absolute}@media (width<=1439px){.portfolio__item img{border-radius:25px}}@media (width<=1279px){.portfolio__item img{border-radius:20px}}@media (width>=1280px){.portfolio__item img:hover{border-radius:60px;transform:scale(1.03)}}.portfolio__card-title{margin:0;padding:0 20px;font-family:TT Runs,Arial,sans-serif;font-size:18px;font-weight:600;line-height:125%}.portfolio__card-description{padding:0 20px}.portfolio__group-list{display:none}@media (width<=767px){.portfolio__group-list{flex-direction:column;row-gap:70px;display:flex}}.portfolio__group-title{margin:0 0 40px;font-family:TT Runs,Arial,sans-serif;font-size:20px;font-weight:600;line-height:120%}.top-projects__inner-top{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;display:grid}@media (width<=1279px){.top-projects__inner-top{grid-template-columns:357px 1fr}}@media (width<=767px){.top-projects__inner-top{flex-direction:column;display:flex}}@media (width<=1279px){.top-projects__title{width:357px;min-width:357px}}.top-projects__description-wrapper{justify-content:space-between;display:flex}.top-projects__description{letter-spacing:-.03em;max-width:650px;margin:0;font-family:TT Runs,Arial,sans-serif;font-size:32px;font-weight:600;line-height:120%}@media (width<=1919px){.top-projects__description{font-size:26px}}@media (width<=1439px){.top-projects__description{max-width:450px;font-size:24px}}@media (width<=1279px){.top-projects__description{max-width:none;margin:0;font-size:20px}}.top-projects__button-wrapper{gap:16px;display:flex}@media (width<=1279px){.top-projects__button-wrapper{display:none}}.top-projects__button{box-sizing:border-box;cursor:pointer;background:#fff;border:none;border-radius:20px;justify-content:center;align-items:center;width:69px;height:69px;padding:24px;font-family:TT Runs,Arial,sans-serif;transition:color .3s,scale .3s,background-color .3s,border-radius .3s,transform .3s;display:flex}@media (width<=1439px){.top-projects__button{width:60px;height:60px;padding:20px}}@media (width>=1280px){.top-projects__button:not(:disabled):hover{color:#0e0e0e;background-color:#fff;border-radius:50px;outline:1px solid #0d0d0d99}.top-projects__button:not(:disabled):active{color:#0e0e0e;background-color:#fff}.top-projects__button:focus{color:#0e0e0e;background-color:#00ffa9}}.top-projects__button:disabled{color:#0d0d0d99;cursor:default;background-color:#e4e4e4}@media (width<=1279px){.top-projects__button{display:none}}.top-projects__list-wrapper{overflow-x:hidden}@media (width<=1279px){.top-projects__list-wrapper{scrollbar-width:none;overflow-x:scroll}}.top-projects__list{flex-wrap:nowrap;gap:20px;transition:transform 1s;display:flex}@media (width<=1279px){.top-projects__list{gap:15px}}@media (width<=767px){.top-projects__list{gap:10px}}.top-projects__item{width:357px;min-width:357px}@media (width<=767px){.top-projects__item{width:315px;min-width:315px}}.top-projects__link{box-sizing:border-box;border-radius:30px;flex-direction:column;gap:20px;padding:90px 40px 40px;transition:color .3s,scale .3s,background-color .3s,border-radius .3s,transform .3s;display:flex}@media (width<=1279px){.top-projects__link{border-radius:20px;padding:80px 30px 30px}}.top-projects__link--severstal{background:linear-gradient(#4c6898 0%,#b8c3d5 30%,#fff 90%)}.top-projects__link--sibur{background:linear-gradient(#016b6a 0%,#02d1cf 30%,#fff 90%)}.top-projects__link--mr{background:linear-gradient(#422a83 0%,#754be9 30%,#fff 90%)}.top-projects__link--glavstroy{background:linear-gradient(#04306a 0%,#1968b0 30%,#fff 90%)}.top-projects__link--farm{background:linear-gradient(#006648 0%,#fff 90%)}.top-projects__link--tek{background:linear-gradient(#142c3a 0%,#23c5f1 30%,#fff 90%)}@media (width>=1280px){.top-projects__link:hover{border-radius:60px}}.top-projects__card-title{margin:0;font-family:TT Runs,Arial,sans-serif;font-size:20px;line-height:125%;transition:color .3s,scale .3s,background-color .3s,border-radius .3s,transform .3s}@media (width<=1919px){.top-projects__card-title{font-size:18px}}@media (width<=1279px){.top-projects__card-title{font-size:16px}}@media (width>=1280px){.top-projects__link:hover .top-projects__card-title{transform:scale(1.1)}}.footer{flex-direction:column;gap:20px;display:flex}.footer__copyright{font-family:TT Runs,Arial,sans-serif;font-size:18px;font-weight:700}@media (width<=1439px){.footer__copyright{font-size:15px}}.footer__slogan{text-transform:lowercase;letter-spacing:-.01em;font-family:TT Runs,Arial,sans-serif;font-size:87px;font-weight:700;line-height:120%}@media (width<=1439px){.footer__slogan{font-size:46px}}.footer__slogan-element{opacity:0;transition:top .3s,opacity .3s;position:relative}.footer__slogan-element--animated{animation-name:appearing;animation-duration:.3s;animation-fill-mode:forwards}.footer__slogan-element--animated.footer__slogan-element--2{animation-delay:.2s}.footer__slogan-element--animated.footer__slogan-element--3{animation-delay:.4s}@keyframes appearing{0%{opacity:0;top:20px}to{opacity:1;top:0}}