body,html{scroll-behavior:smooth}body{padding:0 5%;margin:0}@media only screen and (min-width:320px) and (max-width:767px){body{padding:72px 5% 24px;height:100vh}}.body_dark{background-color:#1a1a1a}.body_light{background-color:#dbd9d7}.content{display:flex;width:100%;padding:0;flex-direction:flex-start;justify-content:flex-start;align-items:flex-start;max-width:1080px;margin:0 auto}@media only screen and (min-width:320px) and (max-width:767px){.content{display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:center}}blockquote{color:#991a00}@media only screen and (min-width:320px) and (max-width:767px){blockquote{margin:4px 12px}}code{display:flex;width:auto;padding:8px 16px;flex-direction:row;justify-content:flex-start;border-radius:4px;background-color:#cfccc9;font:16px/22px PT Root UI Regular,PT Sans,Arial,sans-serif;margin:0 0 8px}.code_right{justify-content:end}.nowrap{white-space:nowrap}.article-breadcrumb{display:flex;width:100%;padding:0 0 8px;flex-direction:row;justify-content:flex-start;align-items:flex-start;font:16px/22px PT Root UI Regular,PT Sans,Arial,sans-serif;text-transform:lowercase}.article-breadcrumb__link{color:#c20}.article__headline{width:100%;padding:0 0 24px;flex-direction:column;align-items:flex-start}.article__headline,.header{display:flex;justify-content:flex-start}.header{width:90%;padding:0;flex-direction:row;position:fixed;z-index:2;top:0;left:0;height:64px;font:16px/22px PT Root UI Regular,PT Sans,Arial,sans-serif;background-color:#1a1a1a;margin:0 5%}@media only screen and (min-width:320px) and (max-width:767px){.header{border-bottom:1px solid #333}}.header__logo{display:flex;width:20%;padding:0;flex-direction:column;justify-content:center;height:100%}@media only screen and (min-width:320px) and (max-width:767px){.header__logo{display:flex;width:50%;padding:0;flex-direction:column;justify-content:center}}.header__logo a{color:#ccc}.header__logo-link{color:inherit;line-height:1}.header__menu{display:flex;width:80%;padding:0;flex-direction:row;justify-content:flex-end}@media only screen and (min-width:767px) and (max-width:1023px){.header__menu{display:flex;width:50%;padding:0;flex-direction:row;justify-content:flex-end}}@media only screen and (min-width:320px) and (max-width:767px){.header__menu{display:none}}.header__menu-elem{display:flex;width:auto;padding:0 0 0 24px;flex-direction:column;justify-content:center;height:100%}@media only screen and (min-width:320px) and (max-width:767px){.header__menu-elem{display:flex;width:auto;padding:0 0 0 24px;flex-direction:row;justify-content:flex-start}}.header_light{background-color:#dbd9d7;border-bottom:1px solid #aaa5a1}.header_light a{color:#000}.icon_yellow{fill:#69f}.icon_white{fill:#ccc}*{box-sizing:border-box}h1,h2,h3{font-weight:700}h1{font:40px/56px Gotham Black,Dela Gothic One,Arial,sans-serif;margin:0 0 24px}@media only screen and (min-width:320px) and (max-width:767px){h1{font:24px/36px Gotham Black,Dela Gothic One,Arial,sans-serif;margin:0 0 16px}}h2{font:32px/44px Gotham Black,Dela Gothic One,Arial,sans-serif;margin:0 0 16px}@media only screen and (min-width:320px) and (max-width:767px){h2{font:20px/30px Gotham Bold,Dela Gothic One,Arial,sans-serif;margin:32px 0 16px}}h3{font:20px/32px Gotham Bold,Dela Gothic One,Arial,sans-serif;line-height:1.4;margin:0 0 8px}@media only screen and (min-width:320px) and (max-width:767px){h3{font:16px/24px Gotham Medium,Dela Gothic One,Arial,sans-serif;margin:0 0 4px}}h4{font:18px/30px Gotham Bold,Dela Gothic One,Arial,sans-serif;margin:0 0 8px}@media only screen and (min-width:320px) and (max-width:767px){h4{font:16px/24px Gotham Medium,Dela Gothic One,Arial,sans-serif}}a{color:#69f;text-decoration:none}p{margin:0 0 24px}@media only screen and (min-width:320px) and (max-width:767px){p{margin:0 0 16px}}ul{margin:0;padding:0}ul li{margin:0 0 8px;list-style-type:square}@font-face{font-family:Gotham Black;src:url(../fonts/gotham-black.ttf);font-style:normal;font-weight:700}@font-face{font-family:Gotham Bold;src:url(../fonts/gotham-bold.ttf);font-style:normal;font-weight:400}@font-face{font-family:Gotham Medium;src:url(../fonts/gotham-medium.ttf);font-style:normal;font-weight:400}@font-face{font-family:PT Root UI Regular;src:url(../fonts/pt-root-ui-regular.eot);src:url(../fonts/pt-root-ui-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/pt-root-ui-regular.woff2) format("woff2"),url(../fonts/pt-root-ui-regular.ttf) format("truetype");font-weight:400;font-style:normal}.list-header{display:flex;width:100%;padding:0 0 8px;flex-direction:row;justify-content:flex-start;align-items:flex-start;word-break:break-word;color:#ccc}@media only screen and (min-width:320px) and (max-width:767px){.list-header{display:flex;width:100%;padding:0;flex-direction:row;justify-content:flex-start;align-items:flex-start}}.list-header h2{margin-top:0}.list-header-second{margin:24px 0 0}.skill-card{display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:repeat(1,auto);font:16px/22px PT Root UI Regular,PT Sans,Arial,sans-serif;border-top:1px solid #333;padding:4px 0 8px;width:100%;color:#b3b3b3}@media only screen and (min-width:320px) and (max-width:767px){.skill-card{grid-template-rows:repeat(2,auto);padding:4px 0 0}}.skill-card__name{grid-column-start:1;grid-column-end:6;grid-row-start:1}@media only screen and (min-width:320px) and (max-width:767px){.skill-card__name{grid-column-end:17;padding:0 0 8px;font:16px/24px Gotham Medium,Dela Gothic One,Arial,sans-serif}}.skill-card__description{grid-column-start:8;grid-column-end:14;grid-row-start:1}@media only screen and (min-width:320px) and (max-width:767px){.skill-card__description{grid-column-start:1;grid-column-end:17;grid-row-start:2;padding:0 0 32px;color:#999}}.skill-card__digit{grid-column-start:15;grid-column-end:21;grid-row-start:1;display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-end;font:32px/44px Gotham Black,Dela Gothic One,Arial,sans-serif;color:#333}@media only screen and (min-width:320px) and (max-width:767px){.skill-card__digit{grid-column-start:18;font:20px/30px Gotham Bold,Dela Gothic One,Arial,sans-serif}}.case-card{display:flex;width:30%;padding:0;flex-direction:column;justify-content:flex-start;color:inherit}@media only screen and (min-width:320px) and (max-width:767px){.case-card{display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0 0 32px}}.case-card:last-child{margin-bottom:0}.case-card__cover{margin:0 0 16px}@media only screen and (min-width:320px) and (max-width:767px){.case-card__cover{margin:0 0 8px}}.case-card__cover img{width:100%;border:1px solid #333}.case-card__headline{color:#69f}.case-card__description{color:#b3b3b3}.case-card__description,.tag{font:16px/22px PT Root UI Regular,PT Sans,Arial,sans-serif}.tag{display:flex;width:auto;padding:8px 16px;flex-direction:row;justify-content:flex-start;height:auto;border-radius:6px}.tag_light{background-color:#e7e5e4;color:#000}.tag_dark{background-color:#333;color:#ccc}.sign{display:flex;width:100%;padding:48px 0 0;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right}@media only screen and (min-width:320px) and (max-width:767px){.sign{display:flex;width:100%;padding:24px 0 0;flex-direction:column;justify-content:flex-end;align-items:flex-end}}.article{display:flex;width:auto;padding:120px 0 48px;flex-direction:column;justify-content:flex-start;width:1024px;margin:0 auto;font:19px/30px PT Root UI Regular,PT Sans,Arial,sans-serif}@media only screen and (min-width:320px) and (max-width:767px){.article{display:flex;width:100%;padding:24px 0 48px;flex-direction:column;justify-content:flex-start;align-items:flex-start;font:16px/24px PT Root UI Regular,PT Sans,Arial,sans-serif}}.article section{margin:0 0 24px}@media only screen and (min-width:320px) and (max-width:767px){.article section{margin:0}}.article a{color:#1f4ead}.article ul{padding:0;margin:0 0 48px;list-style:none}@media only screen and (min-width:320px) and (max-width:767px){.article ul{margin:0 0 32px 16px}}.article ul li{margin:0 0 16px;color:#000}.article ul li::marker{color:#1f4ead}.article ul-secondary{display:flex;width:100%;padding:0 0 8px 24px;flex-direction:row;justify-content:flex-start;align-items:flex-start;font:16px/22px PT Root UI Regular,PT Sans,Arial,sans-serif;border-left:4px solid #69f}.article__annotation{margin:0 0 32px}@media only screen and (min-width:320px) and (max-width:767px){.article__annotation{margin:0 0 24px}}.article__tags{display:flex;width:100%;padding:4px 0 40px;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:8px}@media only screen and (min-width:320px) and (max-width:767px){.article__tags{display:flex;width:100%;padding:4px 0 0;flex-direction:row;justify-content:flex-start;align-items:flex-start}}.article__list{display:flex;width:auto;padding:16px 16px 24px;flex-direction:column;justify-content:flex-start;width:640px;margin:0 0 24px;font:16px/22px PT Root UI Regular,PT Sans,Arial,sans-serif;background-color:#d3d1cf}@media only screen and (min-width:320px) and (max-width:767px){.article__list{display:flex;width:100%;padding:16px 16px 20px;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0 0 8px}}.article__list h4{margin:0 0 8px}.article__list a{margin:0 0 6px}.article__2-cols{display:flex;width:100%;padding:4px 0 32px;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin-left:-24px}@media only screen and (min-width:320px) and (max-width:767px){.article__2-cols{margin-left:0;display:flex;width:100%;padding:4px 0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.article__col{display:flex;width:50%;padding:24px 24px 32px;flex-direction:column;justify-content:flex-start;align-self:stretch;margin-right:2%;background-color:#e7e5e4;border-radius:8px}@media only screen and (min-width:320px) and (max-width:767px){.article__col{display:flex;width:100%;padding:24px 24px 32px;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:8px}}.article__col p{margin-bottom:0}.article__image{display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:8px 0 24px}@media only screen and (min-width:320px) and (max-width:767px){.article__image{width:100%;margin:8px 0 16px}}.article__image-auto{width:320px!important}.article__image img{display:block;width:100%;border:1px solid #c2bfbc}@media only screen and (min-width:320px) and (max-width:767px){.article__image img{margin:0;width:100%}}.article__image iframe{width:100%;height:300px}@media only screen and (min-width:320px) and (max-width:767px){.article__image iframe{width:100%;height:200px}}.article__image-caption{font:16px/22px PT Root UI Regular,PT Sans,Arial,sans-serif;color:#1a1a1a;margin:8px 0 0}@media only screen and (min-width:320px) and (max-width:767px){.article__image-caption{margin:6px 0 0 2px;font:14px/20px PT Root UI Regular,PT Sans,Arial,sans-serif}}#index{display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:repeat(3,auto);padding:96px 0 0}@media only screen and (min-width:320px) and (max-width:767px){#index{padding-top:0}}#main-info{grid-column-start:1;grid-column-end:21;grid-row-start:1;display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:repeat(1,auto);margin:32px 0 96px}@media only screen and (min-width:320px) and (max-width:767px){#main-info{grid-template-rows:repeat(2,auto);margin:16px 0 0}}#main-info-text{grid-column-start:1;grid-column-end:11;grid-row-start:1;font:32px/44px Gotham Black,Dela Gothic One,Arial,sans-serif;font-weight:700;color:#ccc}@media only screen and (min-width:320px) and (max-width:767px){#main-info-text{grid-column-start:1;grid-column-end:21;grid-row-start:2;font:20px/30px Gotham Bold,Dela Gothic One,Arial,sans-serif}}#main-info-text h1{font:32px/44px Gotham Black,Dela Gothic One,Arial,sans-serif}@media only screen and (min-width:320px) and (max-width:767px){#main-info-text h1{font:20px/30px Gotham Bold,Dela Gothic One,Arial,sans-serif}}#main-info-pic{grid-column-start:14;grid-column-end:21;grid-row-start:1}@media only screen and (min-width:320px) and (max-width:767px){#main-info-pic{grid-column-start:1;grid-column-end:21;grid-row-start:1;margin:0 0 24px}}#main-info-pic img{width:100%}#skills{grid-column-start:1;grid-column-end:21;grid-row-start:2;margin:0 0 64px}@media only screen and (min-width:320px) and (max-width:767px){#skills{grid-row-start:2;grid-column-end:21;margin:0 0 16px}}.skills-row{display:flex;width:100%;padding:0;flex-direction:row;justify-content:flex-start;align-items:flex-start;font:16px/22px PT Root UI Regular,PT Sans,Arial,sans-serif}@media only screen and (min-width:320px) and (max-width:767px){.skills-row{display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start}}#cases{grid-column-start:1;grid-column-end:21;grid-row-start:3;display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0 0 72px}@media only screen and (min-width:320px) and (max-width:767px){#cases{grid-row-start:3;margin:0 0 32px}}.cases__content{display:flex;width:100%;padding:0;flex-direction:row;justify-content:space-between;align-items:flex-start}@media only screen and (min-width:320px) and (max-width:767px){.cases__content{display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start}}#tags{grid-column-start:1;grid-column-end:21;grid-row-start:4;margin:0 0 64px}@media only screen and (min-width:320px) and (max-width:767px){#tags{grid-row-start:4;grid-column-end:21;margin:0 0 32px}}.tags__column{color:#ccc}.tags__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.tags__wrap{display:flex;width:auto;padding:4px 0 0;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:4px}#contacts-down{grid-column-start:1;grid-column-end:21;grid-row-start:5;margin:0 0 64px}@media only screen and (min-width:320px) and (max-width:767px){#contacts-down{grid-row-start:5;grid-column-end:21;margin:0 0 32px}}.contacts-down-content{display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;color:#ccc;font:19px/30px PT Root UI Regular,PT Sans,Arial,sans-serif}@media only screen and (min-width:320px) and (max-width:767px){.contacts-down-content{display:flex;width:100%;padding:24px 0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;font:16px/22px PT Root UI Regular,PT Sans,Arial,sans-serif}.contacts-down-content h3{margin-bottom:16px}.contacts-down-content a{margin:0 0 16px}}.contacts-down-content a span{color:#ccc}