:root{--font-family-sans:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--font-family-mono:JetBrains Mono,Fira Code,monospace;--radius-sm:6px;--radius-md:16px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0px 1px 2px 0px #0000000a;--shadow-md:1px 1px 6px 0px #0000001a;--spacing-section:60px;--size-container-max:1604px;--color-palette-blue-400:#376dc9;--color-palette-blue-500:#266add;--color-palette-blue-600:#1c54b4;--color-palette-gray-50:#f4f4f4;--color-palette-gray-100:#f3f3f3;--color-palette-gray-400:#858585;--color-palette-gray-700:#333333;--color-palette-gray-900:#000000;--color-bg:#ffffff;--color-primary:var(--color-palette-blue-400);--color-primary-hover:var(--color-palette-blue-500);--color-primary-active:var(--color-palette-blue-600);--color-text:var(--color-palette-gray-700);--color-text-light:var(--color-palette-gray-400);--color-text-heading:var(--color-palette-gray-700);--color-bg-alt:var(--color-palette-gray-50);--color-border:var(--color-palette-gray-100)}:root{--font-sans:var(--font-family-sans);--font-mono:var(--font-family-mono);--color-heading:var(--color-text-heading);--container-max:var(--size-container-max);--color-link:var(--color-primary);--color-link-hover:var(--color-primary-hover)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px;line-height:1.3}body{font-family:var(--font-sans);font-weight:400;color:var(--color-text);background:var(--color-bg);padding-top:60px;transition:padding-top .3s ease;overflow-x:hidden}img,svg{display:block;max-width:100%;vertical-align:middle}a{color:inherit;text-decoration:none}button{border:none;background:0 0;cursor:pointer;font:inherit;color:inherit}ul{list-style:none;padding:0}h1,h2,h3,h4,h5,h6,p,ul,li{margin:0}section{position:relative}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--color-heading);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);z-index:1000;font-size:14px}.skip-link:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrapper{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 100px;transition:.3s ease}.header{display:flex;justify-content:space-between;align-items:flex-start}.header .header__titles{flex:1}.header .header__titles.index-page h1{font-size:3.75rem;font-weight:400;color:var(--color-heading);transition:font-size .3s ease}.header .header__titles.index-page .subtitle{font-size:1.75rem;font-weight:400;color:var(--color-heading)}h1{color:var(--color-heading);font-size:2rem;font-weight:400;transition:font-size .3s ease}.header__link a{text-decoration:underline;color:var(--color-heading)}.subtitle{font-size:1.5rem;font-weight:400;line-height:1.29;padding-top:9px;color:var(--color-text-light);transition:font-size .3s ease}.tagline{font-size:1.125rem;font-weight:400;line-height:1.5;padding-top:12px;color:var(--color-text)}.author{position:relative;display:flex;align-items:center;justify-content:flex-start}.author__img{display:inline-block;width:68px;min-width:68px;height:68px;min-height:68px;border-radius:50%;overflow:hidden;transition:.6s ease;z-index:99}.author__img img{width:100%;object-fit:cover}.author__img:hover{box-shadow:1px 1px 6px rgba(0,0,0,.1)}.author__info{display:flex;flex-direction:column;margin-left:18px;align-items:flex-start}.author__fio{font-size:1rem;font-weight:700;cursor:pointer;min-height:24px;display:inline-flex;align-items:center}.author__mail{font-size:1rem;font-weight:400;color:var(--color-link);transition:.3s;min-height:24px;display:inline-flex;align-items:center}.author__mail:hover{color:var(--color-link-hover)}.burger-icon{display:none;width:68px;height:68px;padding:20px 16px;position:absolute;right:0;top:0;cursor:pointer;z-index:201}.burger-icon span{position:absolute;display:block;width:36px;height:4px;border-radius:2px;background:var(--color-heading);transition:transform .3s ease,opacity .3s ease}.burger-icon span:nth-child(1){top:20px;left:16px}.burger-icon span:nth-child(2){top:32px;left:16px}.burger-icon span:nth-child(3){top:44px;left:16px}.burger-icon--active span:nth-child(1){transform:translateY(12px)rotate(45deg)}.burger-icon--active span:nth-child(2){opacity:0}.burger-icon--active span:nth-child(3){transform:translateY(-12px)rotate(-45deg)}.mobile-menu{display:none;position:fixed;z-index:200;top:0;left:0;width:100%;height:100%;background:var(--color-bg);visibility:hidden;opacity:0}.mobile-menu--open{display:flex;align-items:center;justify-content:center}.mobile-menu__inner{display:flex;flex-direction:column;align-items:center;gap:24px}.mobile-menu__link{font-size:1.25rem;font-weight:500;color:var(--color-heading);transition:color .2s ease;text-align:center}.mobile-menu__link:hover{color:var(--color-link)}.nav{margin-top:15px;margin-bottom:15px}.badges{display:flex;align-items:center;flex-wrap:wrap}.badges li{margin:4px 8px 4px 0}.badges li>a,.badges li>span{display:inline-block;padding:8px 16px;border-radius:16px;background-color:var(--color-bg-alt);font-size:.875rem;font-weight:600;text-transform:uppercase;transition:color .3s ease}.badges li>a,.badges li>a span{color:var(--color-link)}.badges li>span{color:var(--color-heading)}.badges li>a:hover,.badges li>a span:hover{color:rgba(51,51,51,.8)}.portfolio{margin-top:30px}.portfolio__list{display:flex;flex-wrap:wrap;margin:-20px}.project__item{position:relative;float:left;overflow:hidden;box-sizing:border-box;margin:20px;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.project__item>a{display:inline-block;width:100%;height:100%;border-radius:var(--radius-lg)}.project__item{width:calc((100% - 160px)/4)}.project__photo{width:100%;border-radius:var(--radius-md)}.project__badges{position:absolute;bottom:0;box-sizing:border-box;width:100%;padding:0 20px 6px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.project__badges li{margin:2.5px}.project__badges li span{font-size:.625rem;font-weight:400;padding:5px 10px;color:#636363;background-color:var(--color-bg-alt);border-radius:16px;text-transform:uppercase}.content{width:100%;max-width:1020px;margin:0 auto 25px;text-align:center}.content h2{font-size:3rem;font-weight:400;line-height:48px;padding:45px 0 21px;text-align:center}.content__badges{display:flex;padding-bottom:21px;align-items:center;justify-content:center}.content__badges ul li a{padding:5px 10px}.content__badges ul li a span{font-size:.75rem;color:var(--color-text-light)}.content__badges ul li a:hover span{color:var(--color-link)}.wysiwyg-content p{font-size:1.625rem;line-height:1.54;color:var(--color-heading);text-align:left}.wysiwyg-content a{color:var(--color-link)}.wysiwyg-content a:hover{color:var(--color-link-hover)}.wysiwyg-content img{margin:30px auto;display:block;width:100%;height:auto}.wysiwyg-content .wysiwyg-fixed{margin:30px auto;display:inline-block;max-width:100%;height:auto;text-align:center;width:auto}.wysiwyg-content strong{font-weight:700}.full-width{width:100vw;position:relative;left:50%;margin-left:-50vw}.full-width img{width:100%;height:auto}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:30px 0}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.footer{display:flex;width:100%;padding:60px 0;align-items:center;justify-content:center}.social{display:flex;align-items:center;justify-content:space-between;margin:0 auto}.social li{display:flex;margin:0 8px}.social li:first-child{margin-left:0}.social li:last-child{margin-right:0}.social li a{display:inline-block;width:30px;height:30px;color:var(--color-text-light);transition:color .2s}.social li a:hover{color:var(--color-heading)}.social svg{width:100%;height:100%}.error-page{text-align:center;padding:120px 24px 80px}.error-page h1{font-size:6rem;font-weight:700;color:var(--color-text-light);margin-bottom:16px}.error-page p{color:var(--color-text-light);font-size:1.625rem;margin-bottom:32px}.error-page a{font-weight:600;color:var(--color-link)}.error-page a:hover{color:var(--color-link-hover)}@media(max-width:1280px){body{padding-top:50px}.wrapper{max-width:1280px;padding:0 60px}.header .header__titles.index-page h1{font-size:3rem}.header .header__titles.index-page .subtitle{font-size:1.5rem}.subtitle{font-size:1.25rem}h1{font-size:1.75rem}.project__item{width:calc((100% - 120px)/3)}.content h2{font-size:2.5rem;line-height:40px;padding:35px 0 21px}.wysiwyg-content p{font-size:1.375rem;line-height:32px}.footer{padding:50px 0}}@media(min-width:768px) and (max-width:1279px){body{padding-top:40px}.wrapper{padding:0 44px}.header .header__titles.index-page h1{font-size:2rem}.header .header__titles.index-page .subtitle{font-size:1.125rem}.subtitle{font-size:1.125rem}h1{font-size:2rem}}@media(max-width:768px){.wrapper{padding:0 32px}.header .header__titles.index-page h1{font-size:1.625rem}.header .header__titles.index-page .subtitle{font-size:1rem}.subtitle{font-size:1rem}h1{font-size:1.625rem}.project__item{width:calc((100% - 80px)/2)}.content h2{font-size:2rem;line-height:36px;padding:30px 0 16px}.wysiwyg-content p{font-size:1.125rem;line-height:28px}.author__img{width:54px;min-width:54px;height:54px;min-height:54px}.author__info{margin-left:12px}.author__fio{font-size:.9375rem}.author__mail{font-size:.9375rem}}@media(max-width:600px){body{padding-top:30px}.wrapper{padding:0 20px}.header{flex-wrap:wrap}.header .author{order:1}.header .header__titles{order:3}.burger-icon{display:block}.portfolio__list{margin:0}.project__item{width:100%!important;margin:20px 0}.project__item:first-child{margin-top:0}.project__item:last-child{margin-bottom:0}.tagline{font-size:1rem}}@media(max-width:480px){body{padding-top:18px}.wrapper{padding:0 16px}.header .header__titles.index-page h1{font-size:1.375rem}.header .header__titles.index-page .subtitle{font-size:.875rem}.subtitle{font-size:.875rem;font-weight:400;padding-top:0}h1{font-size:1.375rem;line-height:25px;padding:18px 0}.header__link{font-size:1.375rem}.author__img{width:46px;min-width:46px;height:46px;min-height:46px}.author__fio{font-size:.875rem}.author__mail{font-size:.875rem}.author__info{margin-left:10px}.content h2{font-size:1.5rem;line-height:28px;padding:20px 0 12px}.wysiwyg-content p{font-size:1rem;line-height:26px}.wysiwyg-content img{margin:16px auto}.project__badges li span{font-size:.5rem;padding:4px 8px}.tagline{font-size:.9375rem;padding-top:8px}.footer{padding:20px 0}.error-page h1{font-size:3rem}.error-page p{font-size:1.125rem}}