@import"https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";html,body,div,span,p,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{line-height:var(--base-line-height)}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{display:block;font-family:inherit;color:currentColor;text-decoration:none}button{cursor:pointer;box-sizing:border-box;background-color:transparent;border:none;padding:0;margin:0}img{display:block}h1{font-size:var(--h1-font-size)}h2{margin:0;font-size:var(--h2-font-size);font-weight:inherit;line-height:1}h3,h3>span{font-family:inherit;font-weight:inherit;font-size:var(--h3-font-size)}p{font-size:inherit}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}body{position:relative;display:flex;flex-direction:column;max-width:100vw;min-height:100vh;margin:0;background-color:var(--color-gray-10);font-family:var(--font-famili);font-size:var(--base-font-size);font-weight:var(--base-font-weight);line-height:var(--base-line-height);font-style:normal}main{flex-grow:1;overflow:hidden}#about--section,#skills--section,#experience--section,#portfolio--section{scroll-margin-top:-80px}.lock-scroll{overflow:hidden}.__ico{line-height:var(--kick-line-height);font-size:var(--ico-font-size)}.__link{position:relative;font-size:var(--base-font-size);color:var(--color-gray-14);transition:all .3s ease-in-out}.__link:after{position:absolute;content:"";left:0;bottom:-.1rem;width:0%;height:.01rem;background-color:var(--c-white);transition:all .3s ease-in-out;opacity:0}.__active-section{color:var(--c-white)}.__link.__active-section:after{width:100%;opacity:1}.__link:hover{opacity:1;color:var(--color-gray-8)}.__link:hover:after{width:100%;opacity:1}.header_nav--item.__active-section .__link{width:100%;opacity:1}.__button{width:219px;height:56px;display:flex;justify-content:center;align-items:center;background-color:var(--color-3-dark);border:2px solid hsla(96,10%,10%,1);font-family:var(--font-famili__public);text-transform:uppercase;font-size:14px;font-weight:500;letter-spacing:.3em;color:var(--c-white);transition:all .3s}.__button:hover{background-color:var(--color-link);border-color:var(--color-link)}.__button-white{background-color:transparent;border:2px solid hsla(96,10%,10%,1);color:var(--color-3-dark)}.__button-white:hover{background-color:var(--color-3-dark);border-color:var(--color-3-dark);color:var(--c-white)}.section{padding-top:var(--section--padding-top)}.section--title{margin-bottom:11rem;color:inherit;line-height:1}.section_custom_text{font-size:inherit;line-height:1;color:var(--color-1)}.backdrop--title{position:relative;z-index:1}.backdrop--title:after{content:attr(data-num);font-family:var(--font-famili__public);font-weight:600;font-size:2.8em;letter-spacing:-.05em;line-height:1;color:var(--color-gray-18);position:absolute;top:-.4em;left:-.08em;opacity:.1}.footer .section--title{color:var(--c-white)}.footer .backdrop--title:after{font-size:3.3em;color:var(--color-gray-11)}@media screen and (max-width: 899.98px){.section{padding-top:var(--m-section--padding-top)}#about--section,#skills--section,#experience--section,#portfolio--section{scroll-margin-top:-20px}}:root{--font-famili: "Castoro", serif;--font-famili__public: "Public Sans", Sans-serif;--base-font-size: 16px;--base-font-size-nav: 15px;--base-font-weight: 400;--base-line-height: 1.5;--h1-font-size: clamp(3.5rem, 4.3vw, 6rem);--h1-mobile: clamp(3.3rem, 8.2vw, 8.8rem);--h2-font-size: clamp(2.8rem, 3.8vw, 5.8rem);--h3-font-size: clamp(2.3rem, 3.3vw, 5.3rem);--h4-font-size: clamp(1.5rem, 2vw, 4rem);--section--padding-top: 15.6rem ;--m-section--padding-top: 9.6rem ;--section--margin-top: calc(3 * (2.4rem * 1));--quality-text: clamp(1.5rem, 2.8vw, 4.3rem);--subb-title__text: clamp(.8rem, 1.1vw, 2rem);--skills-item-size: clamp(.6rem, 0, 9vw, 1.5rem);--paragraph: clamp(1rem, 1.4vw, 1.6rem);--paragraph_selected: clamp(1.4rem, 2vw, 2.4rem);--ico-font-size: 26px;--kick-line-height: 1;--c-dark: #191820;--c-light: #ececec;--c-white: #fff;--c-accent: #ae8bf8;--c-gray: #f0f0f3;--c-red: #c04040;--c-green: #2c922c;--c-error: var(--c-red);--c-success: var(--c-green);--overlay-opacity: .6;--c-overlay: rgba(0, 0, 0, var(--overlay-opacity));--border-radius: 16px;--border-radius-2: 32px;--border-radius-3: 60px;--border-radius-4: 4px;--c-dark-for-shadow: #000;--box-shadow-inset-2: inset -2px -2px 4px hsla(0, 0%, 100%, .1), inset 2px 2px 4px rgba(0, 0, 0, .35);--shadowBefore: var(--box-shadow-4), var(--box-shadow-inset-2-transparent);--shadowAfter: var(--box-shadow-4-transparent), var(--box-shadow-inset-2);--box-shadow: -12px -12px 12px hsla(0, 0%, 100%, .32), 12px 12px 12px rgba(0, 0, 0, .32);--box-shadow-2: -4px -4px 12px hsla(0, 0%, 100%, .8), 4px 4px 12px var(--c-dark-for-shadow);--box-shadow-3: -4px -4px 12px hsla(0, 0%, 100%, .05), 4px 4px 12px var(--c-dark-for-shadow);--box-shadow-3-transparent: -4px -4px 12px hsla(0, 0%, 100%, 0), 4px 4px 12px transparent;--box-shadow-4: -8px -8px 12px hsla(0, 0%, 100%, .8), 8px 8px 12px rgba(0, 0, 0, .05);--box-shadow-4-transparent: -8px -8px 12px hsla(0, 0%, 100%, 0), 8px 8px 12px transparent;--box-shadow-5: -4px -4px 12px hsla(0, 0%, 100%, .05), 4px 4px 12px var(--c-accent);--box-shadow-6: -4px -4px 12px hsla(0, 0%, 100%, .05), 4px 4px 40px rgba(0, 0, 0, .25);--box-shadow-inset: inset -22px -14px 14px 2px hsla(0, 0%, 100%, .015), inset 8px 4px 20px 12px rgba(0, 0, 0, .8);--box-shadow-inset-transparent: inset -22px -14px 14px 2px hsla(0, 0%, 100%, 0), inset 8px 4px 20px 12px transparent;--box-shadow-inset-2: inset -2px -2px 4px hsla(0, 0%, 100%, .1), inset 2px 2px 4px rgba(0, 0, 0, .5);--box-shadow-inset-2-hover: inset 2px 2px 4px hsla(0, 0%, 100%, .1), inset -2px -2px 4px rgba(0, 0, 0, .5);--box-shadow-inset-2-transparent: inset -2px -2px 4px hsla(0, 0%, 100%, 0), inset 2px 2px 4px transparent;--fancybox-opacity: 1;--fancybox-ts: .2s ease;--fancybox-bg: var(--c-overlay);--fancybox-color: var(--c-light);--base-transition-duration: .2s;--transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);--scroll-bar-size: 8px;--color-1: hsla(12, 75%, 45%, 1);--color-2: hsla(96, 10%, 19%, 1);--color-3: hsla(0, 0%, 10%, 1);--color-1-lightest: hsla(12, 75%, 75%, 1);--color-1-lighter: hsla(12, 75%, 65%, 1);--color-1-light: hsla(12, 75%, 55%, 1);--color-1-dark: hsla(12, 75%, 35%, 1);--color-1-darker: hsla(12, 75%, 25%, 1);--color-1-darkest: hsla(12, 75%, 15%, 1);--color-2-lightest: hsla(96, 10%, 49%, 1);--color-2-lighter: hsla(96, 10%, 39%, 1);--color-2-light: hsla(96, 10%, 29%, 1);--color-2-dark: hsla(96, 10%, 10%, 1);--color-2-darker: hsla(96, 10%, 1%, 1);--color-3-light: hsla(0, 0%, 16%, 1);--color-3-dark: hsla(0, 0%, 8%, 1);--color-black: #000000;--color-gray-19: #181818;--color-gray-18: #2f302f;--color-gray-17: #474747;--color-gray-16: #5e5f5e;--color-gray-15: #767776;--color-gray-14: #8e8f8e;--color-gray-13: #a5a7a5;--color-gray-12: #bdbebd;--color-gray-11: #d4d6d4;--color-gray-10: #eceeec;--color-gray-9: #eef0ee;--color-gray-8: #f0f1f0;--color-gray-7: #f2f3f2;--color-gray-6: #f4f5f4;--color-gray-5: #f6f7f6;--color-gray-4: #f7f8f7;--color-gray-3: #f9faf9;--color-gray-2: #fbfcfb;--color-gray-1: #fbfcfb;--color-white: #ffffff;--color-btn: var(--color-gray-10);--color-btn-text: var(--color-text);--color-btn-hover: var(--color-gray-11);--color-btn-hover-text: var(--color-text);--color-btn-primary: var(--color-1);--color-btn-primary-text: var(--color-white);--color-btn-primary-hover: var(--color-1-light);--color-btn-primary-hover-text: var(--color-white);--color-btn-stroke: var(--color-text-dark);--color-btn-stroke-text: var(--color-text-dark);--color-btn-stroke-hover: var(--color-text-dark);--color-btn-stroke-hover-text: var(--color-white);--color-link: var(--color-1);--color-link-hover: var(--color-2-lighter);--color-link-active: var(--color-2-lighter)}.container{min-width:320px;width:min(100%,100vw);margin:0 auto}@media only screen and (min-width: 900px){.container{width:min(90%,1248px);padding:0 32px}}@media only screen and (min-width: 1280px){.container{width:88%;padding:0 32px}}.section_container{width:min(90%,1248px);margin:0 auto}#preloader{z-index:9996;position:fixed;background:var(--c-light);z-index:99999;height:100vh;width:100%;opacity:1;overflow:hidden}.no-js #preloader{display:none}#loader{background-color:var(--color-gray-10);position:relative;display:flex;flex-direction:row;align-items:end;justify-content:space-between;width:100vw;height:100vh;padding:0}#loader>div{background:var(--color-3);width:33.333vw}#loader>div:nth-of-type(1){width:33.333vw;background:var(--color-3)}#loader>div:nth-of-type(3){width:33.333vw;background:var(--color-3)}.dots-fade>div:nth-of-type(1){animation:dots-fade .7s linear;animation-delay:.1s}.dots-fade>div{animation:dots-fade .9s linear;animation-delay:.15s}.dots-fade>div:nth-of-type(3){animation:dots-fade 1.1s linear;animation-delay:.25s}@keyframes dots-fade{0%{transform:translateY(120%);height:0vh;opacity:1}to{transform:translateY(-100%);height:100vh}}.ss-loaded #preloader{opacity:0;transition:all .5s .7s ease-in-out}.ss-loaded #preloader #loader{opacity:1;transition:opacity .3s ease-in-out}.ham{cursor:pointer;width:70px;-webkit-tap-highlight-color:transparent;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hamRotate.active{transform:rotate(45deg)}.hamRotate180.active{transform:rotate(180deg)}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:var(--color-white);stroke-width:3;stroke-linecap:round}.ham4 .top,.ham4 .bottom{stroke-dasharray:40 121}.ham4.active .top,.ham4.active .bottom{stroke-dashoffset:-68px}@media only screen and (min-width: 900.98px){.ham4{display:none}}.mySwiper{width:clamp(272px,20rem,620px);text-align:center}.swiper-slide._text{display:block;justify-content:start!important;background:inherit}.swiper._text{overflow:hidden!important}@media only screen and (min-width: 1200px){.mySwiper{width:clamp(375px,32rem,620px);text-align:left}}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--c-white)}::-webkit-scrollbar-thumb{background-color:var(--color-3);opacity:.7}.animate{transition:1s;opacity:0}.header.animate{transition:transform .9s 1s!important;transform:translateY(-100px)}body.ss-show .header.animate{opacity:1;transform:translateY(0)}.intro--text_content.animate{transform:translate(100%)}body.ss-show .intro--text_content.animate{opacity:1;transform:translate(0)}body.ss-show .intro--text__quality.animate{transition-delay:1.9s;transform:translate(0);opacity:1}.intro--button_box.animate.i-2{transform:translateY(100%)}body.ss-show .intro--button_box.animate.i-2{opacity:1;transition-delay:.55s;transform:translateY(0)}.intro--background_image.animate{transition:1.8s}body.ss-show .intro--background_image.animate{transition-delay:1.6s;opacity:1}.section--title.animate,.about--paragraph.animate{transform:translateY(-30px)}.about--paragraph.animate{transition-delay:.35s}section.show-animation .section--title.animate,section.show-animation .about--paragraph.animate{opacity:1;transform:translateY(0)}.skills--section_box.animate{transform:translateY(-30px);transition-delay:.35s}section.show-animation .skills--section_box.animate{opacity:1;transform:translateY(0)}.experience--box.animate{transform:translateY(-30px);transition-delay:.35s}section.show-animation .experience--box.animate{opacity:1;transform:translateY(0)}.portfolio--box.animate{transform:translateY(-30px);transition-delay:.35s}section.show-animation .portfolio--box.animate{opacity:1;transform:translateY(0)}.contact--content_wrapper.animate{transform:translateY(-30px);transition-delay:.45s}section.show-animation .contact--content_wrapper.animate{opacity:1;transform:translateY(0)}.is-dark-theme body{background-color:var(--color-3);color:var(--white)}.is-dark-theme #preloader{background-color:var(--dark-DT)}.is-dark-theme .header_wrapper{background-color:var(--c-white)}.is-dark-theme .intro--title,.is-dark-theme .intro--text__quality,.is-dark-theme .intro--b-1,.is-dark-theme .intro--b-2{color:var(--c-gray)}.is-dark-theme .__button-white{border-color:var(--c-gray)}.is-dark-theme .__link:after{background-color:var(--color-3)}.is-dark-theme a{color:var(--white)}.is-dark-theme .header_ico,.is-dark-theme .header_nav_link{color:var(--color-3)}.is-dark-theme a:hover{color:var(--accet-green-DT)}.is-dark-theme button{background-color:var(--accet-green-DT)}.is-dark-theme button:hover{background-color:var(--hover-green)}.header{z-index:9998;position:absolute;width:100%}.header_wrapper{height:100%;background-color:var(--color-3);color:var(--c-white)}.header_content{height:100%;display:flex;align-items:center;justify-content:space-between}.header_list{padding-right:15px;display:flex;align-items:center;gap:30px}.header.offset{transform:translateY(-100%);transition-property:transform;transition-duration:.5s}.header.scrolling{transform:translateY(0)}.header.sticky{opacity:0;visibility:hidden;background-color:var(--color-3);box-shadow:var(--box-shadow-6);border:none;border-bottom:1px solid rgba(255,255,255,.03);position:fixed;top:0;right:0}.header.sticky.scrolling{opacity:1;visibility:visible}.header.sticky.scrolling .container{max-width:1248px}.works_item{position:relative}.works--sub_nav{z-index:9999;position:absolute;right:-70px;top:44.5px;width:220px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:3px solid rgba(255,255,255,.08);background-color:var(--color-3);transform:scaleY(0);transform-origin:center top;transition:transform .4s .1s cubic-bezier(.215,.61,.355,1)}.header_action-wrapper{display:flex;gap:40px}.header_nav--item:hover .works--sub_nav{transform:scaleY(1)}.works--sub_item a:hover{text-decoration:underline}.works--sub_list{display:flex;flex-direction:column;gap:10px;font-family:var(--font-famili__public)}.works--sub_list a{font-size:var(--base-font-size-nav)}.works--sub_item{font-family:var(--font-famili__public)}@media only screen and (min-width: 900px){.header{height:70px;top:24px;border-bottom:none}.header_navigation{display:block;display:flex;flex-direction:row;justify-content:end;flex-shrink:1}}@media only screen and (max-width: 899.98px){.header{height:65px}.header_content{padding:0 24px}.header_navigation{transform:scaleY(0)}.is-visible{z-index:-1;width:100%;position:absolute;top:66px;left:0;background-color:var(--color-3);border-top:1px solid rgba(255,255,255,.03);color:var(--c-white);transform:scaleY(1)}.header_list{padding:30px;flex-direction:column;align-items:start}.works--sub_nav{top:-50px;left:80px;background-color:#ffffff0d;border-top:none;border-left:3px solid rgba(255,255,255,.08);transform:scaleX(0);transform-origin:left top}.works--sub_nav:hover{transform:scaleX(1)}.sub--menu__works{position:relative}.sub--menu__works:after{position:absolute;content:"";top:8px;right:-20px;background:url(./../public/image/icons/triangle-arrow.png) no-repeat;background-size:cover;width:8px;height:8px;transform:rotate(30deg);animation:2.5s linear 1s infinite alternate playArrow}@keyframes playArrow{0%{right:-20px;opacity:.8}50%{right:-25px;opacity:.5}to{right:-20px;opacity:.8}}}#intro--section{overflow:hidden;position:relative;height:calc(100vh - 80px)}.intro--wrapper{height:100dvh;display:flex;justify-content:space-between;flex-direction:row-reverse}.intro--text_content{z-index:991;position:relative;width:100vw;height:100dvh;display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center}.intro--text_content:after{z-index:-1;position:absolute;content:"";width:calc(100vw - 32px);height:70%;background-color:#ffffff08;border-radius:10px;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}.intro--title_label{margin-bottom:50px;text-transform:uppercase;font-family:var(--font-famili__public);letter-spacing:.1em;color:var(--color-1);font-size:14px;line-height:var(--kick-line-height);font-weight:600}.intro--title{padding:0 16px;margin-bottom:10px;max-width:270px;min-height:110px;font-size:var(--h1-mobile);font-weight:400;line-height:1.045;letter-spacing:-.025em;color:var(--c-white);text-align:center}.intro--title:after{display:inline-block;content:"|";opacity:0;width:0;animation:anitText;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}.intro--title.anim-finish:after{visibility:hidden}@keyframes anitText{50%{opacity:1}}.intro--text__quality{color:var(--c-white);font-size:var(--quality-text);transform:translate(20px)}.intro--subb--text_title{margin-bottom:70px;font-size:var(--subb-title__text)}.intro--background_image{position:absolute;top:0;bottom:0}.intro--foto{z-index:99;right:0;bottom:0;width:100%;height:100%;object-fit:cover}.intro--button_box{width:clamp(300px,85%,400px);display:flex;align-self:center;flex-wrap:wrap;gap:20px 17px}.intro--b-1{background-color:#fff6;border-color:#fff9;color:var(--black)}.intro--b-2{color:var(--c-white);border:2px solid var(--c-white)}.intro--b-1,.intro--b-2{font-family:var(--font-famili__public);font-weight:500;font-size:12px}.intro--b-1,.intro--b-2{width:100%;height:52px}@media only screen and (min-width: 700.98px){.intro--title{max-width:100%;min-height:auto}}@media only screen and (min-width: 1200px){#intro--section{height:100vh}.intro--text_content{width:41vw;height:auto;display:flex;flex-grow:0;flex-direction:column;justify-content:end;align-items:start;padding-top:0;padding-bottom:calc(50px + 5.5vw);background-image:none}.intro--title{padding:0;width:100%;font-size:var(--h1-font-size);color:inherit;text-align:left}.intro--text__quality{margin-bottom:15px;color:var(--color-black)}.intro--title_label{font-size:20px}.intro--subb--text_title{margin-bottom:160px;line-height:1;font-size:13px}.intro--background_image{position:absolute;top:0;left:0;width:50vw;filter:contrast(1.07)}.intro--text_content:after{display:none}.intro--button_box{width:100%;align-self:center;flex-wrap:wrap;row-gap:20px}.intro--b-1,.intro--b-2{width:100%;border-color:#191c17}.intro--b-1{color:var(--c-white);background-color:var(--color-black)}.intro--b-2{color:inherit}}@media only screen and (min-width: 1280px){.intro--button_box{width:100%;flex-wrap:nowrap;align-self:stretch}.intro--b-1,.intro--b-2{width:219px}}.about--paragraph{position:relative;font-family:var(--font-famili__public);font-size:var(--paragraph);letter-spacing:.05em;line-height:1.7}.paragraph_selected-text{color:var(--color-1)}.letter-j{position:relative}.letter-j:before{position:absolute;content:"";width:45px;height:65px;top:-34px;left:-41px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%2020010904//EN'%20'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg%20version='1.0'%20xmlns='http://www.w3.org/2000/svg'%20width='87.000000pt'%20height='163.000000pt'%20viewBox='0%200%2087.000000%20163.000000'%20preserveAspectRatio='xMidYMid%20meet'%3e%3cg%20transform='translate(0.000000,163.000000)%20scale(0.100000,-0.100000)'%20fill='%23C73E1D'%20stroke='none'%3e%3cpath%20d='M295%201616%20c-49%20-22%20-135%20-122%20-135%20-158%200%20-15%208%20-17%2064%20-11%2074%207%20165%20-11%20318%20-63%20107%20-36%20148%20-57%20148%20-76%200%20-6%20-18%20-33%20-40%20-59%20-22%20-26%20-45%20-60%20-51%20-76%20-32%20-79%20-18%20-442%2031%20-774%2026%20-178%2026%20-195%20-5%20-215%20-55%20-36%20-243%205%20-421%2092%20-138%2067%20-164%20107%20-97%20149%2037%2023%2042%2035%2014%2035%20-88%200%20-134%20-101%20-101%20-220%2027%20-97%2097%20-163%20220%20-207%20152%20-53%20272%20-18%20410%20121%2090%2091%20117%20135%20125%20200%203%2028%202%20148%20-3%20266%20-15%20374%207%20633%2064%20745%2015%2029%2024%2060%2021%2068%20-9%2023%20-69%2051%20-241%20114%20-122%2044%20-258%2084%20-286%2082%20-3%200%20-18%20-6%20-35%20-13z'/%3e%3cpath%20d='M821%20267%20c-13%20-16%20-41%20-93%20-41%20-113%200%20-27%2017%20-13%2043%2035%2027%2048%2035%2091%2018%2091%20-5%200%20-14%20-6%20-20%20-13z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain}.p-1{margin-left:45px}@media screen and (max-width: 899.98px){.about--paragraph,.paragraph_selected-text{letter-spacing:.02em}.p-1{margin-left:30px}.about--paragraph:before{top:-12.5px;left:4px}.letter-j:before{width:35px;height:45px;top:-30px;left:-28px}}@media screen and (min-width: 900.98px) and (max-width: 1499.98px){.about--paragraph:before{top:-10px;left:9px}}.portfolio--box{font-family:var(--font-famili__public);box-shadow:var(--shadowBefore);background-color:var(--color-gray-7)}.portfolio--list{display:flex;gap:50px}.portfolio--item{overflow:hidden;display:flex;max-height:400px}.portfolio--item_previewScreen{width:625px;height:400px}.portfolio--item_previewScreen img{width:100%;height:100%;object-fit:cover;object-position:top}.portfolio--item_content{padding:20px;display:flex;flex-direction:column;max-width:570px;height:360px;background-color:var(--color-gray-7)}.portfolio--item_data{margin-bottom:8px;font-size:var(--base-font-size-nav);font-weight:600;color:var(--color-1)}.portfolio--item_title{cursor:pointer;position:relative;margin-bottom:18px;font-size:var(--h4-font-size);letter-spacing:.04em;transition:all .2s linear}.portfolio--item_title:after{position:absolute;content:"";background:url(./../public/icons/link.svg);background-size:contain;top:10px;width:10px;height:10px}.portfolio--item_title:hover{color:var(--color-1);text-decoration:underline}.portfolio--item_about{margin-bottom:30px;display:flex;flex-direction:column;justify-content:end;height:100%;font-size:.9em;font-weight:300;flex-grow:1}.portfolio--item_icons_list{width:100%;display:flex;gap:15px}.portfolio--item_link{position:relative;width:39.5px;height:39.5px;display:flex;align-items:center;justify-content:center;transition:all .4s ease-in}.portfolio--item_link:before{content:"";position:absolute;top:0;left:0;width:38px;height:38px;border:1px solid var(--c-gray);border-radius:50px;box-shadow:var(--box-shadow-inset-2);transition:all .3s ease-in}.portfolio--item_link:hover img{transform:scale(1.1);transition:all .6s ease-in}.portfolio--item_link:hover:before{box-shadow:var(--box-shadow-inset-2-hover);transform:rotate(-35deg);transition:all .4s ease-in}.portfolio--item_skill{min-height:auto}.portfolio--modal{display:block;z-index:99991;position:fixed;top:0;bottom:0;width:100vw;height:100vh;background-color:#0009}.portfolio--overlay{margin-top:60px;height:100vh;display:flex;justify-content:center}.image_scroll_box{overflow-y:scroll;width:70vw;height:83vh}.portfolio--overlay_image{width:100%;object-fit:cover;object-position:top;animation:animImage .3s linear;transform-origin:center top;transition:transform .5s cubic-bezier(.215,.61,.355,1)}.image_scroll_box::-webkit-scrollbar{width:0}@keyframes animImage{0%{transform:scale(.4);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes markUpText{0%{opacity:0;visibility:hidden}25%{opacity:1;visibility:visible}50%{opacity:0}75%{opacity:1}to{opacity:0;visibility:hidden}}.scroll_animate{opacity:0;visibility:hidden;z-index:9999;position:absolute;left:50%;bottom:100px;transform:translate(-50%,-50%);padding:15px 20px;background-color:#ffffffb3;box-shadow:var(--box-shadow-6);border-radius:10%;display:flex;flex-direction:column;align-items:center;gap:15px;font-family:var(--font-famili__public);font-size:14px;color:var(--c-black);letter-spacing:.2em;animation-name:markUpText;animation-duration:4s;animation-delay:.3s;animation-iteration-count:1}.close_modal{position:relative;z-index:99998;position:fixed;top:20px;right:90px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background-color:#0009;border:1px solid rgba(255,255,255,.4);border-radius:25px}.close_modal:hover,.close_modal:active{border-color:#000;background-color:#000}.close_modal:before,.close_modal:after{position:absolute;content:"";width:40%;height:1px;background-color:var(--c-gray)}.close_modal:before{transform:rotate(45deg)}.close_modal:after{transform:rotate(-45deg)}.portfolio--modal.hidden{display:none}.swiper{overflow:visible!important}.swiper-slide{display:flex!important}.swipe--button{position:absolute;top:-90px;right:10px;width:110px;height:44px}.swipe--button .swiper-button-prev:after,.swipe--button .swiper-button-next:after{font-size:22px;color:var(--c-white)}.swipe--button .swiper-button-prev,.swipe--button .swiper-button-next{padding:3px 10px;border-radius:5px;background-color:var(--color-gray-16);box-shadow:var(--box-shadow-4)}.swipe--button .swiper-button-prev{left:0}.swipe--button .swiper-button-next{right:0}.swiper-button-prev.swiper-button-disabled{box-shadow:none}@media screen and (max-width: 1119.98px){.portfolio--item_content{height:390px}.portfolio--item{flex-wrap:wrap;overflow:hidden;max-height:100%}.portfolio--item_previewScreen{width:100%;background:var(--color-gray-7)}}@media screen and (max-width: 899.98px){.portfolio--overlay{margin-top:120px}.portfolio--item_previewScreen img{object-fit:cover}.close_modal{top:70px;right:50px;width:28px;height:28px}}@media screen and (max-width: 599.98px){.portfolio--overlay{margin-top:30px}.image_scroll_box{width:85dvw;height:85dvh}.portfolio--item_content{padding:20px 15px}.portfolio--item_link{width:29.5px;height:29.5px}.portfolio--item_link img{width:15px;height:15px}.portfolio--item_link:before{width:28px;height:28px}.portfolio--item_previewScreen{max-height:220px}.close_modal{display:none}.portfolio--item_icons_list{gap:12px}.swipe--button{width:75px;top:-60px}.swipe--button .swiper-button-prev:after,.swipe--button .swiper-button-next:after{font-size:10px;color:var(--c-white)}.swipe--button .swiper-button-prev,.swipe--button .swiper-button-next{padding:0 1.5px;height:30px}}.skills--section{position:relative}.skills--section_box{display:flex;gap:30px}.skill--section_list{margin-bottom:20px;display:flex;flex-direction:column;flex:1 1 50%;row-gap:20px}.skill--item{padding:20px 50px;max-width:430px;position:relative;font-family:var(--font-famili__public);font-size:var(--skills-item-siz);letter-spacing:.05em;border-radius:5px;box-shadow:var(--shadowBefore);transition:all .3s ease-in}.skill--item:before{position:absolute;content:"";width:8px;height:8px;top:50%;left:20px;transform:translateY(-50%);border-radius:50%;background-color:var(--color-gray-15)}.skill--item:hover,.skill--item:focus{transform:scale(1.05)}.skill--tabs_list{display:none}@media screen and (max-width:899.98px){.skills--section_box{position:relative;height:100%;flex-direction:column;flex-wrap:wrap}.skill--list_title{display:none}.skill--item{max-width:100%}.skill--tabs_list{position:relative;display:flex;gap:70px;border-bottom:2px solid var(--color-gray-11)}.mobile_tabs h3{font-size:32px}.skill--section_list{position:relative;display:none;animation:moving .5s ease}.skill--section_list.active{display:flex}@keyframes moving{0%{transform:translate(50px);opacity:1}to{transform:translate(0);opacity:1}}.liner{position:absolute;bottom:-2px;left:0;width:163px;height:2.598px;background-color:var(--color-1);border-radius:50px;transition:all .3s ease-in}}@media screen and (max-width:489.98px){.mobile_tabs h3{font-size:26px}}.experience--box{font-family:var(--font-famili__public)}.experience--list{position:relative;display:flex;flex-direction:column;row-gap:40px;padding-left:50px}.experience--list:before{position:absolute;top:0;left:0;content:"";width:1px;height:100%;background-color:var(--color-gray-17)}.experience--item{position:relative;padding:30px 60px;display:flex;flex-direction:column;flex-grow:1;background-color:var(--color-gray-7);box-shadow:var(--shadowBefore)}.experience--item:before{z-index:999;position:absolute;content:"";top:50%;transform:translateY(-50%);left:-68px;width:10px;height:10px;background-color:var(--color-1-light);border:15px solid var(--color-gray-9);border-radius:50%;box-shadow:var(--box-shadow-4)}.experience--item:first-child:after,.experience--item:last-child:after{position:absolute;content:"";width:1px;height:50%;top:50%;bottom:0;left:-50px;background-color:var(--color-gray-10)}.experience--item:first-child:after{top:0}.experience--period{margin-bottom:8px;font-family:var(--font-famili__public);font-size:var(--base-font-size-nav);font-weight:600;color:var(--color-1)}.experience--type{font-size:13px;font-style:italic}.experience--institution{margin-bottom:12px;font-size:var(--h4-font-size)}.experience--technical{margin-bottom:8px;font-style:italic}.experience--paragraph{margin-bottom:20px;max-width:95%;font-size:var(--subb-title__text)}.experience--skills_list{display:flex;gap:12px}@media only screen and (max-width: 899.98px){.experience--item{padding:20px}}@media only screen and (max-width: 599.98px){.experience--list{padding-left:30px}.experience--item:before{left:-42px;width:10px;height:10px;border:8px solid var(--color-gray-9)}.experience--item:first-child:after,.experience--item:last-child:after{left:-30px}}#contact--section{margin-top:var(--section--margin-top);padding-top:var(--m-section--padding-top);padding-bottom:30px;position:relative;background-color:var(--color-3)}.contact--content_wrapper{padding:80px 40px;display:flex;background:#ffffff14;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:var(--box-shadow-6)}#contact--section .section--title,#contact--section .section_custom_text{color:var(--c-white)}#contact--section .backdrop--title:after{color:var(--color-gray-11)}.section--sub_title{margin-left:130px;position:absolute;bottom:-50px;right:0;font-family:var(--font-famili__public);font-weight:600;font-size:clamp(.4em,2.3vw,1.3em);letter-spacing:.01em;line-height:1;color:var(--color-gray-15)}.section--sub_title:before{position:absolute;content:"";top:50%;left:-125px;width:95px;height:1.5px;background-color:var(--color-gray-15)}.contact--form{font-family:var(--font-famili__public);color:var(--color-gray-11);flex:1}.motivation--text{display:flex;flex:1 1 50%;justify-content:end}.radio--checked{display:flex;gap:30px}.radio--checked label{position:relative;font-size:var(--base-font-size)}.radio--checked input[type=radio]{cursor:pointer;overflow:hidden;opacity:0;margin:0;border:0;position:absolute;left:0;width:clamp(120px,20vw,150px);height:40px}.custom-radio{display:flex;justify-content:center;align-items:center;width:clamp(120px,20vw,150px);height:40px;border:1px solid #ccc;border:1px solid var(--color-gray-11);font-size:.8em}.radio--checked input[type=radio]:hover+.custom-radio,.radio--checked input[type=radio]:focus+.custom-radio{background-color:var(--color-btn-primary-hover);border-color:var(--color-btn-primary-hover);color:var(--c-white)}.radio--checked input[type=radio]:checked+.custom-radio{color:var(--c-white);background-color:var(--color-btn-primary-hover);border-color:var(--color-btn-primary-hover)}.form--text_input{padding:40px 0}.form--input_box:hover,.form--input_box:focus,.form--input_box:active{outline:none}.form--input_box{position:relative;width:100%;display:flex;flex-wrap:wrap;background:inherit;border:none;height:50px;border-bottom:2px solid var(--color-gray-11);color:var(--c-white);font-size:14px;letter-spacing:.1em}.info_column{margin-bottom:40px;display:flex;gap:50px}.form--input_box::placeholder{transition:all .3s ease-in}.name--input,.email--input,.message--input{width:100%;font-family:inherit;font-size:13px}#message{padding-top:25px;resize:none;height:40px;font-family:inherit;line-height:2}.form--input_box:hover::placeholder,.form--input_box:focus::placeholder,.form--input_box:active::placeholder{transform:translateY(-18px);font-size:11px}.form--send_button{background-color:transparent;border-color:var(--color-gray-11)}.contact--link{display:flex;flex-direction:column;align-items:end;justify-content:end;flex:1}.motivation--text{max-width:300px;text-align:right;font-family:var(--font-famili__public);color:var(--color-gray-11)}.checkbox--input{margin-top:14px;position:relative;display:flex;align-items:center}.custom-checkbox{display:inline-block;position:relative;display:flex;justify-content:center;align-items:center;min-width:14px;min-height:14px;border:1px solid #ccc;border:1px solid var(--color-gray-11);font-size:.8em}.checkbox--input input[type=checkbox]{z-index:1;position:absolute;cursor:pointer;opacity:0;margin:0;border:0;width:14px;height:14px}.checkbox--input input[type=checkbox]:checked+.custom-checkbox{color:var(--c-white);background-color:var(--color-gray-18);border-color:var(--c-white)}.checkbox--input input[type=checkbox]:checked+.custom-checkbox:after{position:absolute;top:2.4px;left:16%;content:"";background:url(./../img/icons/check.svg) no-repeat;object-fit:contain;width:9px;height:9px}.checkbox--input_text{margin-left:10px;font-size:13px;line-height:var(--kick-line-height)}@media screen and (max-width:1239.98px){.contact--content_wrapper{flex-wrap:wrap}.radio--checked{justify-content:space-between;flex-wrap:wrap}.contact--form{flex:1 1 100%}.contact--link{display:none}.section--sub_title{top:40px}.section--sub_title:before{width:65px;height:2px;left:-100px}}@media screen and (max-width:899.98px){.section--sub_title{display:none}.radio--checked{justify-content:center}}@media screen and (max-width:599.98px){.section--title{margin-bottom:6rem}.contact--form{display:flex;flex-direction:column;justify-content:center;align-items:center}.radio--checked{justify-content:space-around;gap:20px}.section--sub_title{top:60px}.section--sub_title:before{width:40px;left:-70px}}.footer{position:relative;padding-top:var(--section--padding-top);padding-bottom:5rem;background-color:var(--color-3)}.footer--content_box{margin-bottom:7rem;display:flex;font-family:var(--font-famili__public);color:var(--c-white)}.footer--navigation{font-family:var(--font-famili__public);display:flex}.footer--navigation_list{padding:0 30px;width:33.3333%;display:flex;flex-direction:column;gap:4px}.footer--motivation_text{padding:10px 20px 10px 0;width:min(100%,560px);font-family:var(--font-famili__public);font-size:1.2375rem;opacity:.4}.footer--list_title{margin-bottom:15px;font-size:24px;text-wrap:nowrap;color:var(--c-white)}.footer--navigation_item a{font-family:var(--font-famili__public);text-wrap:nowrap;font-size:19px;letter-spacing:.04rem;opacity:.4;transition:.3s ease-in-out}.footer--navigation_item:hover a{opacity:1}.footer--button_box{margin-bottom:7rem;width:100%;display:flex;gap:50px}.footer--btn{min-height:72px}.footer--btn a{margin:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:var(----base-font-size-nav);font-weight:500}.footer-b_1{width:100%;background-color:var(--color-link);border-color:var(--color-link)}.footer-b_1:hover{background:var(--color-btn-primary-hover);border-color:var(--color-btn-primary-hover)}.footer-b_2{width:100%;background-color:transparent;border:2px solid var(--c-white);color:var(--c-white)}.footer-b_2:hover{background-color:var(--c-white);border-color:var(--c-white);color:var(--black)}.footer__to-top-box{position:absolute;bottom:130px;right:-10px;display:flex;justify-content:center;align-items:center;transform:rotate(-90deg)}.button__to-top{margin-right:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;width:52px;height:52px;background-color:transparent;border:2px solid var(--c-white);border-radius:50px}.footer__to-top-box>span{font-family:var(--font-famili__public);font-size:11px;font-weight:300;text-transform:uppercase;color:var(--color-gray-15);letter-spacing:.3em;transition:.3s ease-in-out}.footer__to-top-box:hover span{color:var(--c-white)}.footer--copyright_box{padding-top:2.5rem;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04)}.footer--copyright_social{flex:0 0 50%}.copyright--social_list{display:flex;gap:10px}.copyright--subbcontent{flex:0 0 50%}.copyright span:nth-child(1):after{content:"|";display:inline-block;padding:0 .8rem 0 1rem;color:#ffffff0a}.copyright span{font-family:var(--font-famili__public);color:var(--color-gray-15)}.developer_title a{display:inline-block;font-family:var(--font-famili__public);color:var(--c-white);transition:all .3s ease-in-out}.developer_title a:hover,.developer_title a:focus{color:var(--color-link)}.social--media_ico{fill:var(--color-gray-15);width:28px;height:28px;transition:all .3s ease-in}.social--media_ico:hover,.social--media_ico:focus{fill:var(--c-white)}.telegram_ico{width:26px;height:26px}@media screen and (max-width: 1399.98px){.footer__to-top-box{bottom:70px;transform:rotate(90deg)}.footer__to-top-box>span{font-size:8px}.button__to-top{width:34px;height:34px}.footer--to_top_ico{transform:rotate(-180deg)}}@media screen and (max-width: 1199.98px){.footer--copyright_box{flex-wrap:wrap;row-gap:15px}.copyright--subbcontent{flex:0 0 100%}}@media screen and (max-width: 999.98px){.section_title{margin-bottom:100px}.footer--content_box{flex-wrap:wrap}.footer--motivation_text{margin-bottom:40px;width:100%}.footer--navigation{width:100%;flex-wrap:wrap}.footer--navigation_list{padding:0;flex:0 0 auto;width:50%}}@media screen and (max-width: 799.98px){.footer--navigation{row-gap:30px}.footer--navigation_list{width:100%}.footer--button_box{flex-wrap:wrap;row-gap:17px}.developer_title{display:block}.copyright span:nth-child(1):after{display:none}.footer__to-top-box{bottom:100px}}