*,::before,::after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex;text-decoration:none}button,label{cursor:pointer}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media(prefers-reduced-motion: reduce){*,::before,::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@font-face{font-family:"Inter";src:url("../fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("../fonts/Inter-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("../fonts/Inter-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Kanit";src:url("../fonts/Kanit-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-light: #FFFFFF;--color-dark: #201D38;--color-lite: #D6D8E5;--color-accent: #EDBB4C;--color-red: #EC074D;--color-green: #92E30C;--color-gray: #B1B4C4;--color-gray-100: #9EA1AF;--color-gray-200: #D6D8E5;--color-dark-100: #555080;--color-dark-200: #1F1C3B;--color-dark-300: #A298E2;--color-dark-400: #7068A1;--color-dark-500: #6A619E;--color-dark-600: #60569B;--color-dark-700: #201C3C;--color-dark-800: #353153;--font-family-base: "Inter", sans-serif;--font-family-accent: "Montserrat", sans-serif;--font-family-logo: "Kanit", sans-serif;--height-top-line: 8.4375rem;--border-radius: 0.625rem;--container-width: 100rem;--container-padding-x: 1rem;--transition-duration: .2s}@media(width <= 90.06125rem){:root{--container-width: 80rem;--height-top-line: 6.25rem}}@media(width <= 63.99875rem){:root{--height-top-line: 5rem}}.container{max-width:calc(var(--container-width) + var(--container-padding-x)*2);margin-inline:auto;padding-inline:var(--container-padding-x)}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;border:0 !important;padding:0 !important;white-space:nowrap !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;clip:rect(0 0 0 0) !important;overflow:hidden !important}@media(width <= 47.99875rem){.hidden-mobile{display:none !important}}@media(width > 47.99875rem){.visible-mobile{display:none !important}}html.is-lock{overflow:hidden}body{font-size:clamp(0.875rem,0.7944214876rem + 0.3305785124vw,1.125rem);font-family:var(--font-family-base);color:var(--color-light);background:linear-gradient(90deg, var(--color-dark-700) 0%, var(--color-dark-800) 100%)}h1,.h1,h2,.h2,h3,.h3{color:var(--color-light);font-family:var(--font-family-accent)}h1,.h1{font-size:clamp(1.75rem,1.2665289256rem + 1.9834710744vw,3.25rem);font-weight:500}h2,.h2{font-size:clamp(1.375rem,1.0929752066rem + 1.1570247934vw,2.25rem);text-transform:uppercase;font-weight:300}h3,.h3{font-size:clamp(1.125rem,1.0847107438rem + 0.1652892562vw,1.25rem);text-transform:uppercase;font-weight:normal;font-weight:500}.text-decription{text-transform:none;font-weight:300}.color-accent{color:var(--color-accent)}.text-center{text-align:center}a,button,label,input,textarea,select,svg *{transition-duration:var(--transition-duration)}a{color:inherit}@media(any-hover: hover){a:hover{color:var(--color-accent)}}@media(any-hover: none){a:active{color:var(--color-accent)}}a[class]{text-decoration:none}.pc-panel>*,.pc-leg>*,.code-screen,.graphic-screen{position:absolute}.header{background:linear-gradient(90deg, var(--color-dark-200) 0%, var(--color-dark-100) 100%)}.header__inner{display:flex;justify-content:space-between;align-items:center;padding-left:clamp(1rem,0.1136363636rem + 3.6363636364vw,3.75rem)}.header__logo{z-index:15}.header__overlay{position:fixed;display:flex;row-gap:3.75rem;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding-block:6.25rem;background:var(--color-dark-700);top:0;left:0;z-index:10;transition-duration:var(--transition-duration)}.header__overlay:not(.is-active){translate:100% 0}.header__overlay-menu-list{display:flex;flex-direction:column;row-gap:1.25rem;text-align:center}.header__overlay-menu-link{font-size:1.125rem}.logo{display:flex;align-items:center;-moz-column-gap:1.25rem;column-gap:1.25rem;text-decoration:none;font-family:var(--font-family-logo);color:var(--color-light);font-size:clamp(1.25rem,1.1694214876rem + 0.3305785124vw,1.5rem)}.burger-button{--size: 8.4375rem;z-index:15;width:var(--height-top-line);height:var(--height-top-line);display:inline-flex;flex-direction:column;justify-content:space-between;padding:3.5625rem 3.25rem;color:var(--color-light);background-color:var(--color-dark);border:none}@media(any-hover: hover){.burger-button:hover{color:var(--color-accent)}}@media(any-hover: none){.burger-button:active{color:var(--color-accent)}}@media(width <= 90.06125rem){.burger-button{padding:2.5rem 2.15625rem}}@media(width <= 63.99875rem){.burger-button{padding:1.875rem 1.5625rem}}.burger-button.is-active .burger-button__line:first-child{rotate:45deg;transform-origin:0;translate:.25em -0.1em}.burger-button.is-active .burger-button__line:nth-child(2){rotate:-45deg}.burger-button.is-active .burger-button__line:last-child{width:0}.burger-button__line{background-color:currentColor;width:100%;height:0.125rem;border-radius:1rem;transition-duration:var(--transition-duration)}.burger-button__line:last-child{align-self:end;width:55%}.hero{background:linear-gradient(90deg, var(--color-dark-200) 0%, var(--color-dark-100) 100%);min-height:calc(100vh - var(--height-top-line));display:flex;flex-direction:column;position:relative;box-shadow:0 50px 40px -10px rgba(0,0,0,.3)}.hero__main{display:grid;grid-template-columns:50% auto;-moz-column-gap:clamp(0.625rem,0.5242768595rem + 0.4132231405vw,0.9375rem);column-gap:clamp(0.625rem,0.5242768595rem + 0.4132231405vw,0.9375rem);flex-grow:1}@media(width <= 47.99875rem){.hero__main{grid-template-columns:1fr;row-gap:7.5rem}}@media(width <= 30.06125rem){.hero__main{row-gap:5rem}}.hero__info{padding-left:clamp(1rem,0.1136363636rem + 3.6363636364vw,3.75rem);padding-bottom:clamp(0.625rem,-1.1880165289rem + 7.4380165289vw,6.25rem);display:flex;flex-direction:column;row-gap:clamp(1.5625rem,1.0588842975rem + 2.0661157025vw,3.125rem);align-items:start;justify-content:center}@media(width <= 47.99875rem){.hero__info{padding-top:clamp(1.875rem,1.270661157rem + 2.479338843vw,3.75rem);padding-inline:clamp(1rem,0.5165289256rem + 1.9834710744vw,2.5rem);max-width:31.25rem}}.hero__title{display:flex;flex-direction:column;row-gap:clamp(0.9375rem,0.6353305785rem + 1.2396694215vw,1.875rem);line-height:1.3;max-width:37.5rem}.hero__decription{color:var(--color-gray-200);text-transform:none}.hero__intro{position:relative;background:linear-gradient(90deg, var(--color-dark-300) 0%, var(--color-dark-400) 100%);border-radius:12.5rem 0 0 0;display:flex;justify-content:center;align-items:center;padding-bottom:10%}@media(width <= 63.99875rem){.hero__intro{padding-bottom:5%}}.hero__bottom{display:flex;align-items:center;padding-left:15%;text-align:center;height:var(--height-top-line);min-height:var(--height-top-line);position:relative}@media(width <= 63.99875rem){.hero__bottom{padding-left:10%}}@media(width <= 47.99875rem){.hero__bottom{padding-left:0;--size: 0.625rem}}.hero__bottom-accent{position:relative;background-color:var(--color-accent);flex-grow:1;height:100%;border-radius:6.25rem 0 0 0}@media(width <= 90.06125rem){.hero__bottom-accent{flex-grow:1.5}}@media(width <= 47.99875rem){.hero__bottom-accent{flex-grow:2;border-radius:0}}.hero__bottom-men{position:absolute;left:50%;translate:-50%;bottom:15%;width:clamp(4.125rem,3.319214876rem + 3.305785124vw,6.625rem)}@media(width <= 90.06125rem){.hero__bottom-men{bottom:10%}}@media(width <= 63.99875rem){.hero__bottom-men{bottom:8%}}.hero__bottom-slider{flex-grow:4;width:0;overflow:hidden;padding-inline:clamp(1.25rem,0.645661157rem + 2.479338843vw,3.125rem);background-color:var(--color-dark);height:100%;display:flex;align-items:center;justify-content:center}.hero__bottom-contact{flex-grow:.6;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg, var(--color-dark-500) 0%, var(--color-dark-600) 100%)}@media(width <= 47.99875rem){.hero__bottom-contact{display:none}}.hero__link-portfolio{position:absolute;text-transform:uppercase;writing-mode:vertical-lr;font-family:var(--font-family-accent);font-weight:300;color:var(--color-light);display:flex;transform:scale(-1, -1);justify-content:center;align-items:center;-moz-column-gap:clamp(0.625rem,0.020661157rem + 2.479338843vw,2.5rem);column-gap:clamp(0.625rem,0.020661157rem + 2.479338843vw,2.5rem);flex-direction:row-reverse;bottom:0.9375rem;left:clamp(1rem,0.1136363636rem + 3.6363636364vw,3.75rem);font-size:clamp(0.75rem,0.6694214876rem + 0.3305785124vw,1rem)}@media(width <= 63.99875rem){.hero__link-portfolio{display:none}}@media(width <= 47.99875rem){.hero__link-portfolio{bottom:calc(100% + clamp(2.5rem,2.902892562rem + -1.652892562vw,1.25rem))}}.hero__link-portfolio::after{content:"";width:0.5rem;height:3.4375rem;transform:scale(-1, -1);background:url("../../icons/arrow-down.svg");background-repeat:no-repeat}.hero__arrow{position:absolute;text-transform:uppercase;font-family:var(--font-family-accent);font-weight:300;color:var(--color-light);bottom:calc(100% + clamp(0.625rem,0.5444214876rem + 0.3305785124vw,0.875rem));left:26%;display:flex;align-items:center;justify-content:center;-moz-column-gap:clamp(0.5rem,0.298553719rem + 0.826446281vw,1.125rem);column-gap:clamp(0.5rem,0.298553719rem + 0.826446281vw,1.125rem);font-size:clamp(0.75rem,0.6694214876rem + 0.3305785124vw,1rem)}.hero__arrow>*{padding-bottom:0.625rem}.hero__arrow::after{content:"";width:1.75rem;height:0.9375rem;background:url("../../icons/arrow-right-down.svg");background-repeat:no-repeat}.hero__skills{margin-inline:auto;width:clamp(1.875rem,1.270661157rem + 2.479338843vw,3.75rem);opacity:.8;cursor:pointer}@media(any-hover: hover){.hero__skills:hover{opacity:1;transition-duration:var(--transition-duration)}}@media(any-hover: none){.hero__skills:active{opacity:1;transition-duration:var(--transition-duration)}}.button{display:inline-flex;padding:1.25rem 3.4375rem;border:var(--color-accent) solid 0.1875rem;border-radius:2.1875rem;background-color:rgba(0,0,0,0);white-space:nowrap}.button--border-none{border:none}.button:has(.icon){padding:0.1875rem}@media(any-hover: hover){.button:has(.icon--contact):hover{background-color:rgba(0,0,0,0)}.button:has(.icon--contact):hover .icon::after{background-color:var(--color-accent);border-color:var(--color-accent)}}@media(any-hover: none){.button:has(.icon--contact):active{background-color:rgba(0,0,0,0)}.button:has(.icon--contact):active .icon::after{background-color:var(--color-accent);border-color:var(--color-accent)}}@media(any-hover: hover){.button:hover{background-color:var(--color-accent);color:var(--color-light)}.button:hover .icon::after{background-color:var(--color-dark-200);transition-duration:var(--transition-duration)}}@media(any-hover: none){.button:active{background-color:var(--color-accent);color:var(--color-light)}.button:active .icon::after{background-color:var(--color-dark-200);transition-duration:var(--transition-duration)}}.icon{--size: 1.875rem;display:inline-flex;align-items:center;-moz-column-gap:0.9375rem;column-gap:0.9375rem}.icon--button::after{width:var(--size);height:var(--size);content:"";background-position:center;background-repeat:no-repeat;background-color:var(--color-accent);border-radius:50%;padding:var(--size);transition-duration:var(--transition-duration)}@media(width <= 63.99875rem){.icon--button::after{--size: 1.5625rem}}@media(width <= 47.99875rem){.icon--button::after{--size: 1.25rem}}.icon--contact{--size: 1.75rem}.icon--contact::after{background-color:rgba(0,0,0,0);border:0.125rem solid var(--color-light)}.icon--code{--size: 1.5625rem;flex:1;-moz-column-gap:0;column-gap:0}.icon--code::before{content:"";border-bottom:1px solid #aaa;flex:1;margin:0 20px}.icon--code::after{width:var(--size);height:var(--size);content:"";background-position:center;background-repeat:no-repeat;background-image:url("../../icons/code.svg");background-size:cover}.icon--link{--size: 1.5625rem}.icon--link::after{width:var(--size);height:var(--size);content:"";background-position:center;background-repeat:no-repeat;background-image:url("../../icons/arrow-link.svg");background-size:cover}.icon--telegram{padding-left:var(--size)}.icon--telegram-padding-none{padding-left:0}.icon--telegram::after{background-image:url("../../icons/telegram.svg")}.icon--mail{padding-left:var(--size)}.icon--mail-padding-none{padding-left:0}.icon--mail::after{background-image:url("../../icons/mail.svg")}.contact-icons__list{display:flex;-moz-column-gap:clamp(0.1875rem,0.0867768595rem + 0.4132231405vw,0.5rem);column-gap:clamp(0.1875rem,0.0867768595rem + 0.4132231405vw,0.5rem)}.hero-scene{--size: 37.5rem;z-index:1;width:var(--size);height:var(--size);position:relative}@media(width <= 90.06125rem){.hero-scene{--size: 31.25rem}}@media(width <= 63.99875rem){.hero-scene{--size: 23.125rem}}@media(width <= 47.99875rem){.hero-scene{--size: calc(100vw - var(--container-padding-x) * 8) }}@media(width <= 30.06125rem){.hero-scene{--size: calc(100vw - var(--container-padding-x) * 4) }}.pc-panel__base,.pc-panel__screen{will-change:transform}.pc-panel__base{background-color:var(--color-dark);height:55%;width:90%;top:16%;left:15%;border-radius:var(--border-radius);border:0.25rem solid var(--color-gray-200);border-bottom:none;border-left:none}.pc-panel__screen{background:linear-gradient(90deg, var(--color-dark-700) 0%, var(--color-dark-800) 100%);height:50%;width:87%;top:17.1%;left:16.1%;border-radius:calc(var(--border-radius)*.2)}.pc-panel__button{background-color:var(--color-dark);height:3%;width:3%;top:71.5%;left:55%;border-radius:50%;border:0.125rem solid var(--color-green);cursor:pointer}.pc-panel__button--active{border:0.125rem solid var(--color-red)}@media(any-hover: hover){.pc-panel__button:hover{background-color:var(--color-dark-100)}}@media(any-hover: none){.pc-panel__button:active{background-color:var(--color-dark-100)}}.pc-panel__button:active{background-color:var(--color-dark-600)}.pc-panel__coffee{width:35%;height:35%;top:27%;left:41%;opacity:.7;display:flex;align-items:center;justify-content:center;transform:rotate(35deg) skew(35deg, -5deg);transition-duration:1s;transition-delay:1.25s}.pc-panel__coffee::after{content:"";width:60%;height:60%;background-image:url("../../icons/coffee.svg");background-repeat:no-repeat;background-size:cover}.pc-panel__coffee--end{opacity:0;transition-duration:1s}.pc-leg__top,.pc-leg__bottom{will-change:transform}.pc-leg__top{background-color:var(--color-gray);width:20%;height:2%;top:78%;left:51%;border-right:.375rem solid var(--color-gray-100);border-radius:0 0 0.1875rem 0}.pc-leg__bottom{background-color:var(--color-gray-200);width:20%;height:11%;top:76.9%;left:44.8%;border:0.375rem solid var(--color-gray-100);border-top:none;border-left:none;border-radius:0 0.125rem calc(var(--border-radius)*2) calc(var(--border-radius)*1.5);box-shadow:0.0625rem 0.3125rem 0 0 rgba(255,255,255,.1)}.code-screen{--default-width-screen-element: clamp(0.5rem, 0.298553719rem + 0.826446281vw, 1.125rem);display:grid;opacity:.8;grid-gap:0.1875rem 0.25rem;grid-template-columns:repeat(8, var(--default-width-screen-element));height:35%;width:87%;top:20%;left:5%;-webkit-backdrop-filter:blur(0.1875rem);backdrop-filter:blur(0.1875rem);background:linear-gradient(165.08deg, rgba(73, 116, 201, 0.64) -10.2%, rgba(98, 71, 202, 0.64) 49.62%, rgba(108, 35, 182, 0.64) 113.6%);border:0.0625rem solid rgba(205,106,232,.8);border-left:none;border-bottom:none;padding:4% 6%;border-radius:var(--border-radius);z-index:1;will-change:transform}.code-screen--end{opacity:0}@media(width <= 30.06125rem){.code-screen{height:40%}}.code-screen__element{--columns-element: 1;visibility:visible;background:linear-gradient(90deg, var(--color-lite) 0%, var(--color-dark-300) 100%);gap:0.1875rem;height:0.25rem;border-radius:0.0625rem;grid-column:span var(--columns-element);will-change:transform;pointer-events:none}@media(width <= 47.99875rem){.code-screen__element{height:0.1875rem}}.code-screen__element--cols-2{--columns-element: 2}.code-screen__element--cols-3{--columns-element: 3}.code-screen__element--cols-4{--columns-element: 4}.code-screen__element--transparent-color{background:rgba(0,0,0,0)}.code-screen__element--red-color{background:var(--color-red)}.code-screen__element--green-color{background:var(--color-green)}.code-screen__element--yellow-color{background:var(--color-accent)}.graphic-screen{--graphic-height: 20%;display:grid;grid-template-columns:repeat(4, auto);-moz-column-gap:0.5rem;column-gap:0.5rem;width:30%;height:12%;left:50%;top:45%;align-items:end;z-index:2;backface-visibility:hidden;transform:rotate(35deg) skew(35deg, -5deg);transition-property:opacity,transform;transition-timing-function:ease;transition-duration:1.4s,.8s;transition-delay:2s}.graphic-screen--end{opacity:0;transition-delay:.25s}.graphic-screen__box{animation:slide-top 4s ease infinite alternate;background-color:#fff;opacity:0;width:100%;will-change:auto}@media(any-hover: hover){.graphic-screen__box:hover{opacity:.7}.graphic-screen__box:hover:nth-child(2){background-color:var(--color-green)}.graphic-screen__box:hover:nth-child(3){background-color:var(--color-accent)}.graphic-screen__box:hover:nth-child(4){background-color:var(--color-red)}}@media(any-hover: none){.graphic-screen__box:active{opacity:.7}.graphic-screen__box:active:nth-child(2){background-color:var(--color-green)}.graphic-screen__box:active:nth-child(3){background-color:var(--color-accent)}.graphic-screen__box:active:nth-child(4){background-color:var(--color-red)}}.graphic-screen__box:nth-child(1){--graphic-height: 20%;animation-delay:3s}.graphic-screen__box:nth-child(2){--graphic-height: 40%;animation-delay:4s}.graphic-screen__box:nth-child(3){--graphic-height: 60%;animation-delay:5s}.graphic-screen__box:nth-child(4){--graphic-height: 80%;animation-delay:6s}@keyframes slide-top{from{height:0%}to{height:var(--graphic-height);opacity:.5}}.scroll-effect .pc-panel__base,.scroll-effect .pc-panel__screen,.scroll-effect .code-screen,.scroll-effect .pc-panel__button{backface-visibility:hidden;opacity:0;transform:rotate(35deg) skew(35deg, -5deg) translate3d(-100px, 100px, 0);transition-property:opacity,transform;transition-timing-function:ease;visibility:hidden;transition-duration:1.4s,.8s}.scroll-effect .pc-leg__top,.scroll-effect .pc-leg__bottom{transition-property:opacity,transform;transition-timing-function:ease;visibility:hidden;transition-duration:1.4s,.8s;backface-visibility:hidden;opacity:0}.scroll-effect .pc-leg__top{transform:rotate(35deg) skew(48deg, -5deg) translate3d(-50px, 100px, 0)}.scroll-effect .pc-leg__bottom{transform:rotate(35deg) skew(-35deg, -5deg) translate3d(130px, 100px, 0)}.scroll-effect .code-screen__element{backface-visibility:hidden;opacity:0;transform:translate3d(100px, 0, 0);transition-property:opacity,transform;transition-timing-function:ease;visibility:hidden;transition-duration:0s,.5s}.scroll-effect--visible .code-screen__element{opacity:.5;transform:none;transition-delay:var(--delay);visibility:visible}.scroll-effect--visible .code-screen__element:nth-child(1){--delay: 1.5s}.scroll-effect--visible .code-screen__element:nth-child(2){--delay: 1.525s}.scroll-effect--visible .code-screen__element:nth-child(3){--delay: 1.55s}.scroll-effect--visible .code-screen__element:nth-child(4){--delay: 1.575s}.scroll-effect--visible .code-screen__element:nth-child(5){--delay: 1.6s}.scroll-effect--visible .code-screen__element:nth-child(6){--delay: 1.625s}.scroll-effect--visible .code-screen__element:nth-child(7){--delay: 1.65s}.scroll-effect--visible .code-screen__element:nth-child(8){--delay: 1.675s}.scroll-effect--visible .code-screen__element:nth-child(9){--delay: 1.7s}.scroll-effect--visible .code-screen__element:nth-child(10){--delay: 1.725s}.scroll-effect--visible .code-screen__element:nth-child(11){--delay: 1.75s}.scroll-effect--visible .code-screen__element:nth-child(12){--delay: 1.775s}.scroll-effect--visible .code-screen__element:nth-child(13){--delay: 1.8s}.scroll-effect--visible .code-screen__element:nth-child(14){--delay: 1.825s}.scroll-effect--visible .code-screen__element:nth-child(15){--delay: 1.85s}.scroll-effect--visible .code-screen__element:nth-child(16){--delay: 1.875s}.scroll-effect--visible .code-screen__element:nth-child(17){--delay: 1.9s}.scroll-effect--visible .code-screen__element:nth-child(18){--delay: 1.925s}.scroll-effect--visible .code-screen__element:nth-child(19){--delay: 1.95s}.scroll-effect--visible .code-screen__element:nth-child(20){--delay: 1.975s}.scroll-effect--visible .code-screen__element:nth-child(21){--delay: 2s}.scroll-effect--visible .code-screen__element:nth-child(22){--delay: 2.025s}.scroll-effect--visible .code-screen__element:nth-child(23){--delay: 2.05s}.scroll-effect--visible .code-screen__element:nth-child(24){--delay: 2.075s}.scroll-effect--visible .code-screen__element:nth-child(25){--delay: 2.1s}.scroll-effect--visible .code-screen__element:nth-child(26){--delay: 2.125s}.scroll-effect--visible .code-screen__element:nth-child(27){--delay: 2.15s}.scroll-effect--visible .code-screen__element:nth-child(28){--delay: 2.175s}.scroll-effect--visible .code-screen__element:nth-child(29){--delay: 2.2s}.scroll-effect--visible .code-screen__element:nth-child(30){--delay: 2.225s}.scroll-effect--visible .code-screen__element:nth-child(31){--delay: 2.25s}.scroll-effect--visible .code-screen__element:nth-child(32){--delay: 2.275s}.scroll-effect--visible .code-screen__element:nth-child(33){--delay: 2.3s}.scroll-effect--visible .code-screen__element:nth-child(34){--delay: 2.325s}.scroll-effect--visible .code-screen__element:nth-child(35){--delay: 2.35s}.scroll-effect--visible .code-screen__element:nth-child(36){--delay: 2.375s}.scroll-effect--visible .code-screen__element:nth-child(37){--delay: 2.4s}.scroll-effect--visible .code-screen__element:nth-child(38){--delay: 2.425s}.scroll-effect--visible .code-screen__element:nth-child(39){--delay: 2.45s}.scroll-effect--visible .code-screen__element:nth-child(40){--delay: 2.475s}.scroll-effect--visible .code-screen__element:nth-child(41){--delay: 2.5s}.scroll-effect--visible .code-screen__element:nth-child(42){--delay: 2.525s}.scroll-effect--visible .code-screen__element:nth-child(43){--delay: 2.55s}.scroll-effect--visible .code-screen__element:nth-child(44){--delay: 2.575s}.scroll-effect--visible .code-screen__element:nth-child(45){--delay: 2.6s}.scroll-effect--visible .code-screen__element:nth-child(46){--delay: 2.625s}.scroll-effect--visible .code-screen__element:nth-child(47){--delay: 2.65s}.scroll-effect--visible .code-screen__element:nth-child(48){--delay: 2.675s}.scroll-effect--visible .code-screen__element:nth-child(49){--delay: 2.7s}.scroll-effect--visible .code-screen__element:nth-child(50){--delay: 2.725s}.scroll-effect--visible .code-screen__element:nth-child(51){--delay: 2.75s}.scroll-effect--visible .code-screen__element:nth-child(52){--delay: 2.775s}.scroll-effect--visible .code-screen__element:nth-child(53){--delay: 2.8s}.scroll-effect--visible .code-screen__element:nth-child(54){--delay: 2.825s}.scroll-effect--visible .code-screen__element:nth-child(55){--delay: 2.85s}.scroll-effect--visible .code-screen__element:nth-child(56){--delay: 2.875s}.scroll-effect--visible .code-screen__element:nth-child(57){--delay: 2.9s}.scroll-effect--visible .code-screen__element:nth-child(58){--delay: 2.925s}.scroll-effect--visible .code-screen__element:nth-child(59){--delay: 2.95s}.scroll-effect--visible .code-screen__element:nth-child(60){--delay: 2.975s}.scroll-effect--visible .code-screen__element:nth-child(61){--delay: 3s}.scroll-effect--visible .code-screen__element:nth-child(62){--delay: 3.025s}.scroll-effect--visible .code-screen__element:nth-child(63){--delay: 3.05s}.scroll-effect--visible .code-screen__element:nth-child(64){--delay: 3.075s}.scroll-effect--visible .code-screen__element:nth-child(65){--delay: 3.1s}.scroll-effect--visible .code-screen__element:nth-child(66){--delay: 3.125s}.scroll-effect--visible .code-screen__element:nth-child(67){--delay: 3.15s}.scroll-effect--visible .code-screen__element:nth-child(68){--delay: 3.175s}.scroll-effect--visible .code-screen__element:nth-child(69){--delay: 3.2s}.scroll-effect--visible .code-screen__element:nth-child(70){--delay: 3.225s}.scroll-effect--visible .pc-panel__base,.scroll-effect--visible .pc-panel__screen,.scroll-effect--visible .code-screen,.scroll-effect--visible .pc-panel__button{opacity:1;transform:rotate(35deg) skew(35deg, -5deg);visibility:visible}.scroll-effect--visible .code-screen.code-screen--end{opacity:0;transform:rotate(35deg) skew(35deg, -5deg) translate3d(-100px, 100px, 0);pointer-events:none}.scroll-effect--visible .pc-leg__top,.scroll-effect--visible .pc-leg__bottom{opacity:1;visibility:visible}.scroll-effect--visible .pc-leg__top{transform:rotate(35deg) skew(48deg, -5deg);transition-delay:1.25s}.scroll-effect--visible .pc-leg__bottom{transform:rotate(35deg) skew(-35deg, -5deg);transition-delay:1.5s}.scroll-effect--visible .pc-panel__base{transition-delay:.5s}.scroll-effect--visible .pc-panel__screen{transition-delay:.75s}.scroll-effect--visible .pc-panel__button{transition-delay:1s}.scroll-effect--visible .code-screen{transition-delay:1.25s}@keyframes ani{0%{transform:translate3d(100px, 0, 0)}100%{transform:translateY(0)}}.timeout-code .code-screen__element{transform:none;transition-delay:var(--delay);animation:ani 1s forwards;animation-duration:var(--delay)}.timeout-code .code-screen__element:nth-child(1){--delay: 0s}.timeout-code .code-screen__element:nth-child(2){--delay: 0s}.timeout-code .code-screen__element:nth-child(3){--delay: 0s}.timeout-code .code-screen__element:nth-child(4){--delay: 0s}.timeout-code .code-screen__element:nth-child(5){--delay: 0s}.timeout-code .code-screen__element:nth-child(6){--delay: 0s}.timeout-code .code-screen__element:nth-child(7){--delay: 0s}.timeout-code .code-screen__element:nth-child(8){--delay: 0s}.timeout-code .code-screen__element:nth-child(9){--delay: 0s}.timeout-code .code-screen__element:nth-child(10){--delay: 0s}.timeout-code .code-screen__element:nth-child(11){--delay: 0s}.timeout-code .code-screen__element:nth-child(12){--delay: 0s}.timeout-code .code-screen__element:nth-child(13){--delay: 0s}.timeout-code .code-screen__element:nth-child(14){--delay: 0s}.timeout-code .code-screen__element:nth-child(15){--delay: 0s}.timeout-code .code-screen__element:nth-child(16){--delay: 0s}.timeout-code .code-screen__element:nth-child(17){--delay: 0s}.timeout-code .code-screen__element:nth-child(18){--delay: 0s}.timeout-code .code-screen__element:nth-child(19){--delay: 0s}.timeout-code .code-screen__element:nth-child(20){--delay: 0s}.timeout-code .code-screen__element:nth-child(21){--delay: 0s}.timeout-code .code-screen__element:nth-child(22){--delay: 0s}.timeout-code .code-screen__element:nth-child(23){--delay: 0s}.timeout-code .code-screen__element:nth-child(24){--delay: 0s}.timeout-code .code-screen__element:nth-child(25){--delay: 0s}.timeout-code .code-screen__element:nth-child(26){--delay: 0s}.timeout-code .code-screen__element:nth-child(27){--delay: 0s}.timeout-code .code-screen__element:nth-child(28){--delay: 0s}.timeout-code .code-screen__element:nth-child(29){--delay: 0s}.timeout-code .code-screen__element:nth-child(30){--delay: 0s}.timeout-code .code-screen__element:nth-child(31){--delay: 0s}.timeout-code .code-screen__element:nth-child(32){--delay: 0s}.timeout-code .code-screen__element:nth-child(33){--delay: 0s}.timeout-code .code-screen__element:nth-child(34){--delay: 0s}.timeout-code .code-screen__element:nth-child(35){--delay: 0s}.timeout-code .code-screen__element:nth-child(36){--delay: 0s}.timeout-code .code-screen__element:nth-child(37){--delay: 0s}.timeout-code .code-screen__element:nth-child(38){--delay: 0s}.timeout-code .code-screen__element:nth-child(39){--delay: 0s}.timeout-code .code-screen__element:nth-child(40){--delay: 0s}.timeout-code .code-screen__element:nth-child(41){--delay: 0s}.timeout-code .code-screen__element:nth-child(42){--delay: 0s}.timeout-code .code-screen__element:nth-child(43){--delay: 0s}.timeout-code .code-screen__element:nth-child(44){--delay: 0s}.timeout-code .code-screen__element:nth-child(45){--delay: 0s}.timeout-code .code-screen__element:nth-child(46){--delay: 0s}.timeout-code .code-screen__element:nth-child(47){--delay: 0s}.timeout-code .code-screen__element:nth-child(48){--delay: 0s}.timeout-code .code-screen__element:nth-child(49){--delay: 0s}.timeout-code .code-screen__element:nth-child(50){--delay: 0s}.timeout-code .code-screen__element:nth-child(51){--delay: 0s}.timeout-code .code-screen__element:nth-child(52){--delay: 0s}.timeout-code .code-screen__element:nth-child(53){--delay: 0s}.timeout-code .code-screen__element:nth-child(54){--delay: 0s}.timeout-code .code-screen__element:nth-child(55){--delay: 0s}.timeout-code .code-screen__element:nth-child(56){--delay: 0s}.timeout-code .code-screen__element:nth-child(57){--delay: 0s}.timeout-code .code-screen__element:nth-child(58){--delay: 0s}.timeout-code .code-screen__element:nth-child(59){--delay: 0s}.timeout-code .code-screen__element:nth-child(60){--delay: 0s}.timeout-code .code-screen__element:nth-child(61){--delay: 0s}.timeout-code .code-screen__element:nth-child(62){--delay: 0s}.timeout-code .code-screen__element:nth-child(63){--delay: 0s}.timeout-code .code-screen__element:nth-child(64){--delay: 0s}.timeout-code .code-screen__element:nth-child(65){--delay: 0.25s}.timeout-code .code-screen__element:nth-child(66){--delay: 0.5s}.timeout-code .code-screen__element:nth-child(67){--delay: 0.75s}.timeout-code .code-screen__element:nth-child(68){--delay: 1s}.timeout-code .code-screen__element:nth-child(69){--delay: 1.25s}.timeout-code .code-screen__element:nth-child(70){--delay: 1.5s}.portfolio{padding:clamp(3.75rem,1.5340909091rem + 9.0909090909vw,10.625rem) 0 clamp(2.5rem,0.2840909091rem + 9.0909090909vw,9.375rem)}.portfolio__body{position:relative}.portfolio__body::before{position:absolute;right:5%;bottom:calc(100% + clamp(2.5rem,0.6869834711rem + 7.4380165289vw,8.125rem));content:"";width:clamp(2.5rem,1.694214876rem + 3.305785124vw,5rem);height:clamp(4.3125rem,2.9628099174rem + 5.5371900826vw,8.5rem);background-image:url("../../img/portfolio/decor/ficus.svg");background-repeat:no-repeat;background-size:cover}@media(width <= 47.99875rem){.portfolio__body::before{content:none}}.portfolio__header{padding-bottom:clamp(3.75rem,0.7283057851rem + 12.3966942149vw,13.125rem)}.portfolio__title{display:flex;align-items:center;max-width:390px}.portfolio__list{display:grid;grid-template-columns:repeat(2, auto);gap:clamp(0.625rem,-1.1880165289rem + 7.4380165289vw,6.25rem);position:relative;overflow-x:hidden}@media(width <= 47.99875rem){.portfolio__list{grid-template-columns:1fr;row-gap:clamp(1.875rem,0.4648760331rem + 5.7851239669vw,6.25rem)}}.portfolio__list:first-child{border-radius:3.125rem 0 0 0}.portfolio__item{--deley: .3s}.portfolio__item:nth-child(odd){opacity:0;transform:translateX(-6.25rem);transition-duration:.8s;transition-delay:var(--deley)}.portfolio__item:nth-child(even){opacity:0;transform:translateX(6.25rem);transition-duration:.8s;transition-delay:var(--deley)}@media(width <= 47.99875rem){.portfolio__item:nth-child(odd),.portfolio__item:nth-child(even){margin:unset}}.portfolio-card{position:relative;overflow:hidden;height:100%}.portfolio-card__bg{position:absolute;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;top:0;left:0;z-index:-1}.portfolio-card__info{position:relative;background:rgba(106,97,158,.97);display:flex;flex-direction:column;justify-content:space-between;row-gap:clamp(1.875rem,1.1699380165rem + 2.8925619835vw,4.0625rem);transition:background .5s ease-out;will-change:auto;height:100%}@media(width <= 63.99875rem){.portfolio-card__info{transition:none}}.portfolio-card__info:hover{background:rgba(53,49,77,.7)}.portfolio-card__header{padding-inline:clamp(1.5625rem,1.2603305785rem + 1.2396694215vw,2.5rem);padding-top:8%;text-align:right}@media(width <= 63.99875rem){.portfolio-card__header{padding-top:8%}}.portfolio-card__description{padding-inline:10%}@media(width <= 63.99875rem){.portfolio-card__description{font-size:16px}}.portfolio-card__footer{padding-bottom:clamp(1.875rem,1.472107438rem + 1.652892562vw,3.125rem)}.portfolio-card__action{display:flex;justify-content:space-between;-moz-column-gap:2rem;column-gap:2rem}.portfolio-card__link{width:clamp(1.875rem,0.7670454545rem + 4.5454545455vw,5.3125rem);height:clamp(1.875rem,0.7670454545rem + 4.5454545455vw,5.3125rem);display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);border-radius:0.75rem 0 0 0.75rem;min-width:3.75rem}@media(any-hover: hover){.portfolio-card__link:hover{filter:brightness(110%)}}@media(any-hover: none){.portfolio-card__link:active{filter:brightness(110%)}}@media(width <= 63.99875rem){.portfolio-card__link{width:3.75rem;height:3.75rem}}.portfolio-card__skills-list{position:relative;display:flex;align-items:center;background-color:rgba(255,255,255,.3);padding-inline:7%;border-radius:0 0.75rem 0.75rem 0;overflow-x:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio-card__skills-image{opacity:.8;width:clamp(1.875rem,1.673553719rem + 0.826446281vw,2.5rem)}.portfolio-card__skills-item{display:flex;align-items:center;flex-shrink:0}.portfolio-card__skills-item:not(:last-child)::after{content:"";width:0.75rem;height:0.625rem;opacity:.5;margin-inline:clamp(0.375rem,0.2541322314rem + 0.4958677686vw,0.75rem);background-image:url("../../icons/arrow-double.svg")}@media(width <= 47.99875rem){.portfolio-card__skills-item:not(:last-child)::after{width:0.625rem;height:0.5rem;background-size:cover}}.more-projects{--deley: .5s;text-align:center;max-width:42.5rem;font-weight:300;text-transform:none;padding-bottom:clamp(2.5rem,0.2840909091rem + 9.0909090909vw,9.375rem);opacity:0;transition-duration:.8s;transition-delay:var(--deley)}.footer{background:linear-gradient(90deg, var(--color-dark-200) 0%, var(--color-dark-100) 100%)}.footer__inner{display:grid;grid-template-columns:repeat(2, 1fr);padding-block:clamp(2.5rem,1.895661157rem + 2.479338843vw,4.375rem);-moz-column-gap:clamp(0.625rem,-1.1880165289rem + 7.4380165289vw,6.25rem);column-gap:clamp(0.625rem,-1.1880165289rem + 7.4380165289vw,6.25rem)}@media(width <= 63.99875rem){.footer__inner{grid-template-columns:1fr;row-gap:clamp(1.5625rem,1.2603305785rem + 1.2396694215vw,2.5rem)}}.footer__image{width:clamp(3.125rem,2.2587809917rem + 3.5537190083vw,5.8125rem)}.footer__question{display:flex;align-items:center;justify-content:center;-moz-column-gap:clamp(1.875rem,1.270661157rem + 2.479338843vw,3.75rem);column-gap:clamp(1.875rem,1.270661157rem + 2.479338843vw,3.75rem)}.footer__question-text{text-transform:none;font-weight:400;max-width:26.25rem;line-height:1.3}@media(width <= 63.99875rem){.footer__question-text{max-width:19.375rem}}.footer__contact{display:flex;-moz-column-gap:clamp(0.9375rem,0.6353305785rem + 1.2396694215vw,1.875rem);column-gap:clamp(0.9375rem,0.6353305785rem + 1.2396694215vw,1.875rem);align-items:center;justify-content:center;text-transform:uppercase;font-weight:300}.footer__arrow{display:flex;-moz-column-gap:clamp(1.5625rem,1.4617768595rem + 0.4132231405vw,1.875rem);column-gap:clamp(1.5625rem,1.4617768595rem + 0.4132231405vw,1.875rem);align-items:center;color:var(--color-gray-200)}.footer__arrow::after{content:"";height:0.5rem;width:5.625rem;background-image:url("../../icons/arrow-right.svg");background-repeat:no-repeat}.footer__bottom{text-align:center;background-color:var(--color-dark);color:var(--color-gray-200);padding-block:clamp(1.25rem,1.0888429752rem + 0.6611570248vw,1.75rem);border-radius:6.25rem 6.25rem 0 0}.information{padding-bottom:clamp(2.5rem,0.2840909091rem + 9.0909090909vw,9.375rem);color:var(--color-gray)}.information__title{margin-bottom:2rem}/*# sourceMappingURL=main.min.css.map */