@layer base{*,:after,:before{box-sizing:border-box}:focus{outline:none}::selection{background:#f5561d66}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-color:var(--color-bg);min-width:320px;min-height:100dvh;margin:0}body.admin-bar{min-height:calc(100dvh - var(--wp-admin-bar))}canvas,img,picture,svg,video{max-width:100%;display:block}img{height:auto}button,input,select,textarea{font:inherit;margin:0}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ol,ul{padding:0;list-style:none}figure,ol,ul{margin:0}.body--locked{overflow:hidden}}@layer fonts{@font-face{font-display:swap;font-family:Onest,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:100 900;src:url(/wp-content/themes/zhan/dist/assets/Onest-CFEOpinu.woff2)format("woff2")}}@layer typography{body{color:var(--color-primary);font-family:var(--font-base);font-size:var(--font-size-base,1rem);line-height:var(--lh-base,1.6)}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:var(--lh-tight);text-wrap:balance;margin-block:0}h1{font-size:clamp(2rem,5vw,4.5rem);font-weight:700}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:clamp(1.125rem,2vw,1.5rem)}h5{font-size:clamp(1rem,1.5vw,1.25rem)}h6{font-size:clamp(.875rem,1.2vw,1rem)}p{margin-block:0}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}blockquote,ol,ul{padding-inline-start:var(--space-md)}blockquote{border-inline-start:3px solid var(--color-link);margin:0}.content{--flow-space:var(--space-fluid-md);-webkit-hyphens:auto;hyphens:auto;font-size:clamp(1.125rem,1.4vw,1.375rem);font-weight:300;line-height:var(--lh-normal);overflow-wrap:break-word;text-wrap:pretty}.content>*+*{margin-top:var(--flow-space)}.content :is(h2,h3,h4){--flow-space:var(--space-fluid-lg)}.content :is(ul,ol){--flow-space:var(--space-sm)}.content blockquote{--flow-space:var(--space-fluid-lg)}.kg-embed-card{flex-direction:column;align-items:center;width:100%;display:flex}figure.kg-card.kg-embed-card>iframe{aspect-ratio:16/9;width:100%;height:auto}}@layer layout{.row{flex-wrap:wrap;align-items:flex-start}.row,main{width:100%;display:flex}main{flex-direction:column;min-height:calc(100dvh - 211.4px);overflow:hidden}body.admin-bar main{min-height:calc(100dvh - 211.4px - var(--wp-admin-bar))}main>section{width:100%;display:flex}main>section+section{margin-top:clamp(40px,22.8571px + 5.3571vw,100px)}main>section:last-of-type{margin-bottom:clamp(60px,37.1429px + 7.1429vw,140px)}.container,.container-full,.container-wide{width:100%;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.container{max-width:var(--container)}.container-wide{max-width:var(--container-wide)}.container-full{max-width:100%}.content{grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.content>*{grid-column:1/-1}@media (width>=768px){.content>*{grid-column:4/span 6}.content>.wide,.kg-width-wide{grid-column:2/span 10}.content>.full,.kg-width-full{grid-column:1/-1}}}@layer components{.header{width:100%;padding-block:15px;display:flex}.header>.container-full,.header__logo{align-items:center;display:flex}.header__logo{color:var(--color-link-hover);font-size:1rem;font-weight:700;line-height:var(--lh-none);gap:15px}.header__logo>img{border-radius:var(--radius-full);width:35px;height:35px}.header__nav{margin-left:auto;display:flex}.header__nav>a,.header__nav>button{font-size:clamp(.8rem,1.5393rem - 2.3103vw,1.375rem);line-height:var(--lh-none);text-transform:uppercase;padding:8px;display:inline-flex}.header__nav>button{color:var(--color-link)}.header__nav>button:hover{color:var(--color-link-hover)}button[data-theme-toggle]{background-color:var(--themeToggle-bg);border-radius:var(--radius-full);justify-content:center;align-items:center;width:32px;height:32px;margin-left:15px;padding:0;display:flex}.themeToggle__icon{fill:var(--themeToggle-fill);transition:opacity .3s,transform .3s}.themeToggle__icon--sun,[data-theme=light] .themeToggle__icon--moon{display:none}[data-theme=dark] .themeToggle__icon--moon{display:block}[data-theme=dark] .themeToggle__icon--sun{display:none}[data-theme=light] .themeToggle__icon--sun{display:block}.header__mob{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:32px;height:32px;margin-left:auto;padding:0;display:none}.header__mob>span{background-color:var(--color-link-hover);width:100%;max-width:20px;height:3px;display:inline-flex}body.navOpen{overflow:hidden}body.navOpen .header__mob>span:first-of-type{animation:.85s ease-out forwards stick-1-open}body.navOpen .header__mob>span:nth-of-type(2){animation:.85s linear forwards stick-2-open}body.navOpen .header__mob>span:nth-of-type(3){animation:.85s linear forwards stick-3-open}body.navClose .header__mob>span:first-of-type{width:3px;animation:.85s ease-out forwards stick-1-close}body.navClose .header__mob>span:nth-of-type(2){margin-left:0;animation:.85s ease-out forwards stick-2-close}body.navClose .header__mob>span:nth-of-type(3){animation:.85s ease-out forwards stick-3-close}@media (width>=768px){.header{padding-block:27px}}@media (width<=768px){.header__nav{background-color:var(--color-bg);padding-inline:25px;visibility:hidden;z-index:9;flex-direction:column;gap:15px;width:70vw;height:calc(100vh - 65px);padding-top:20px;transition:transform .35s cubic-bezier(.22,.61,.36,1);position:fixed;top:65px;right:0;transform:translate(90%)}body.admin-bar .header__nav{height:calc(100vh - 111px);top:111px}body.navOpen .header__nav{visibility:visible;display:flex;transform:translate(0)}.header__mob{display:flex}}.footer{background-color:var(--footer-bg);color:var(--color-text-w);width:100%;padding-block:50px;display:flex}.footer>.container-full{align-items:center;display:flex}.footer__social{flex:1 1 0;gap:16px;display:flex}.footer__social svg{fill:var(--color-text-w);width:16px;height:auto}.footer__social a{transition:opacity .5s ease-out}.footer__social a:hover{opacity:.6}.footer__copy{align-items:center;gap:8px;font-size:.875rem;font-weight:300;display:flex}.footer__copy>a{color:var(--color-text-w)}.footer__copy>a:hover{color:var(--footer-link-h)}.footer__lang{flex:1 1 0;justify-content:flex-end;display:flex}.footer__lang__button{color:var(--color-text-w);text-transform:lowercase;gap:5px;font-size:.875rem;display:inline-flex}.footer__lang__button:hover{color:var(--footer-link-h)}.footer__lang__button svg{fill:var(--color-text-w);width:16px;height:auto}.contacts{opacity:0;visibility:hidden;z-index:10;background-color:#1d1d1bcc;justify-content:flex-end;width:100%;display:flex;position:fixed;inset:0}body.admin-bar .contacts{top:32px}body.contactsOpen>.contacts{opacity:1;visibility:visible}.contactsClose{width:fit-content;padding-inline:0;display:flex;position:absolute;top:15px;right:15px}.contactsClose>svg{height:auto;stroke:var(--color-primary);width:45px;transition:transform .5s ease-out}.contactsClose:hover>svg{transform:rotate(90deg)}.contact{background-color:var(--bg-white);flex-direction:column;width:100%;max-width:480px;padding:15px;padding-block:60px;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:flex;position:relative;transform:translate(90%)}body.contactsOpen .contact{transform:translate(0)}.contact h2{letter-spacing:-.03em;font-size:clamp(1.75rem,1.45rem + .8vw,2.5rem);font-weight:700;line-height:var(--lh-none);margin-bottom:var(--space-fluid-lg)}.contact h2:after{color:var(--color-link-hover);content:"."}.contact p{font-size:clamp(.8125rem,.78rem + .12vw,.9375rem);line-height:var(--lh-tight)}.contact__social{margin-top:var(--space-fluid-md);gap:16px;width:100%;display:flex}.contact__social a>svg{fill:var(--color-primary)}.contact__social a:hover>svg{fill:var(--color-link-hover)}@media (width>=768px){.contact{padding-block:80px;padding-inline:40px}}@media (width<=768px){.contact{max-width:90vw}}.form{flex-direction:column;gap:15px;width:100%;display:flex;position:relative}.form__input,.form__textarea{width:100%;display:inline-flex}.form__input>input,.form__textarea>textarea{border:1px solid var(--color-link-hover);border-radius:var(--radius-sm);color:var(--color-primary);width:100%;padding-inline:11px}.form__input>input{height:48px}.form__input input[type=text]::-moz-placeholder{color:var(--color-text)}.form__input input[type=text]::placeholder{color:var(--color-text)}.form__input input[type=text]:-ms-placeholder-shown{color:var(--color-text)}[data-theme=dark] .form__input>input,[data-theme=dark] .form__textarea>textarea{border-color:var(--color-text-w);background-color:#0000}.form__textarea>textarea{resize:none;min-height:100px}.contactform{margin-block:var(--space-fluid-lg)}.contactform .btn.btn--orange{width:100%}.form__loading,.form__message{background-color:var(--bg-white);z-index:5;justify-content:center;align-items:center;width:100%;display:none;position:absolute;inset:0}.form__message.error,.form__message.error_captcha,.form__message.success,form.form.sending>.form__loading{display:inline-flex}.form__loading-spinner{width:56px;height:56px;position:relative}.form__loading-spinner:after,.form__loading-spinner:before{border:11.2px solid var(--color-spinner-bg);box-sizing:border-box;content:"";border-radius:50%;width:100%;height:100%;animation:1.2s linear infinite spinner-rfi6tk;position:absolute}.form__loading-spinner:before{border-right-color:var(--color-spinner);animation-direction:reverse;right:calc(50% - 5.6px)}.form__loading-spinner:after{border-left-color:var(--color-spinner);left:calc(50% - 5.6px)}.form__message.error,.form__message.success{color:#fff;font-size:var(--text-xl)}.form__message.success{background-color:#5c7c64}.form__message.error{background-color:#b86b6b}.btn{border-radius:var(--radius-sm);color:var(--btn-color);text-transform:uppercase;border:2px solid #0000;justify-content:center;align-items:center;gap:10px;width:fit-content;height:clamp(40px,37.1429px + .8929vw,50px);padding-inline:30px;font-size:clamp(.75rem,.6786rem + .3571vw,1rem);font-weight:600;display:inline-flex}.btn>svg{fill:var(--btn-color)}.btn.btn--orange{background-color:var(--color-link-hover);border-color:var(--color-link-hover);color:var(--color-text-w)}.btn.btn--orange>svg{fill:var(--color-text-w)}.btn.btn--orange:hover{color:var(--color-link-hover);background-color:#0000}.btn.btn--orange:hover>svg{fill:var(--color-link-hover)}.btn.btn--white{border-color:var(--color-link-hover)}.btn.btn--white:hover{background-color:var(--color-link-hover);color:var(--color-text-w)}.btn.btn--white:hover>svg{fill:var(--color-link-w)}.pagination{justify-content:center;display:flex}.pagination>ol{gap:17px;width:fit-content;padding-inline:0;display:flex}.pagination>ol>li{display:flex}.pagination .next,.pagination .page,.pagination .prev{border-radius:var(--radius-sm);color:var(--color-link-hover);border:1px solid #fed5c6;justify-content:center;align-items:center;width:50px;height:50px;font-size:clamp(1rem,.9464rem + .2679vw,1.1875rem);font-weight:600;display:inline-flex}[data-theme=dark] .pagination .next,[data-theme=dark] .pagination .page,[data-theme=dark] .pagination .prev{color:var(--color-text-w)}.pagination .next.current,.pagination .next:hover,.pagination .page.current,.pagination .page:hover,.pagination .prev.current,.pagination .prev:hover{background-color:var(--color-link-hover);border-color:var(--color-link-hover);color:var(--color-text-w)}.pagination .page.current{cursor:default}.embla{position:relative}.embla__viewport{overflow:hidden}.embla__container{touch-action:pan-y pinch-zoom;gap:15px;display:flex}.embla__viewport .embla__controls{margin-top:24px;margin-inline:auto}.embla__buttons,.embla__viewport .embla__controls{width:fit-content;display:flex}.embla__buttons{gap:15px}.embla__button{background-color:var(--bg-caseBlock);border-radius:var(--radius-full);border:1px solid #ff66001a;justify-content:center;align-items:center;width:50px;height:50px;padding:0;transition:border-color .5s ease-out;display:inline-flex;box-shadow:0 4px 20px #ff66000a,0 12px 32px #ff660008}.embla__button:hover{border-color:var(--color-link-hover)}.embla__button>svg{fill:var(--color-primary);transition:fill .5s ease-out}.embla__button:hover>svg{fill:var(--color-link-hover)}.embla__button--disabled{opacity:.4;pointer-events:none}.embla__dots{justify-content:center;gap:8px;margin-top:24px;display:flex}.embla__dot{background-color:var(--color-primary);border-radius:var(--radius-full);width:10px;height:10px;padding-inline:0;display:inline-flex}.embla__dot.embla__dot--selected{background-color:var(--color-link-hover)}.embla__counter{font-size:clamp(.75rem,.7143rem + .1786vw,.875rem)}.embla__current,.embla__total{color:var(--color-link-hover)}@media (width>=768px){.embla .embla__item{flex:0 0 calc(25% - 18px);min-width:0}.embla__item-img{height:320px}.embla__item-imgLogo{height:100px}.embla__viewport .embla__controls{margin-top:0}.embla__button{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.embla__button.embla__button--prev{right:96%}.embla__button.embla__button--next{left:96%}}@media (width<=768px){.embla__viewport{padding-bottom:12px}}.browser{border-radius:var(--radius-sm);background:#fff;flex-direction:column;display:flex;overflow:hidden}.browser__header{background-color:#edf1f5;justify-content:space-between}.browser__box,.browser__header{align-items:center;display:flex}.browser__box{width:70px;margin-inline:10px}.browser__button{border-radius:var(--radius-full);background-color:#9baeb8;width:10px;height:10px;margin-inline:4px}.browser__button:first-of-type{background-color:#fc5e5a}.browser__button:nth-of-type(2){background-color:#fdba3d}.browser__button:last-of-type{background-color:#30c846}.browser__search{background:#fff;border-radius:2px;width:100%;height:18px;margin-block:8px;margin-inline:10px}.browser__content{aspect-ratio:16/9;border-radius:0 0 var(--radius-sm) var(--radius-sm);-webkit-user-select:none;user-select:none;border:1px solid #edf1f5;min-height:200px;margin:0;display:inline-flex;position:relative;overflow:hidden}[data-theme=dark] .browser__content{border:none}.browser__content img,.browser__content video{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%;transition:object-position 3s ease-in-out,-o-object-position 3s ease-in-out}.iphone{flex-wrap:unset;border-radius:45px;width:320px;height:auto}.iphone,.iphone__inner{justify-content:center;display:flex}.iphone__inner{z-index:1;position:relative}.iphone__inner:before{z-index:2;background-color:#f8f8f9;border:5px solid #f1f2f3;border-radius:45px;width:316px;height:calc(100% + 3px)}.iphone__inner:after,.iphone__inner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iphone__inner:after{z-index:3;background-color:#0000;border-radius:40px;width:314px;height:100%}.iphone__gif{z-index:3;width:320px;padding:13px;position:static}.iphone__gif>picture{border-radius:var(--radius-xxl);width:100%;height:600px;overflow:hidden}.iphone__gif img,.iphone__gif video{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:auto}.iphone-header-button__left{z-index:12;position:absolute;top:97px;left:0}.iphone-header-button__left span{border-bottom-left-radius:var(--radius-xss);border-top-left-radius:var(--radius-xss);background-color:#e0e0e0;width:3px;display:block}.iphone-header-button__left span:first-child{height:27px;margin-bottom:22px}.iphone-header-button__left span:nth-child(2),.iphone-header-button__left span:nth-child(3){height:53px}.iphone-header-button__left span:nth-child(2){margin-bottom:11px}.iphone-header-button__right{z-index:12;position:absolute;top:165px;right:0}.iphone-header-button__right span{border-bottom-right-radius:var(--radius-xss);border-top-right-radius:var(--radius-xss);background-color:#e0e0e0;width:3px;height:77px;display:block}.iphone-header{z-index:4;position:absolute;top:13px;left:50%;transform:translate(-50%)}.iphone-header__inner{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background-color:#f5f8fb;justify-content:center;width:130px;height:23px;display:flex;position:relative}.iphone-header__item{background-color:#dee6ea;border-radius:50px;width:36px;height:6px;margin-top:3px;position:relative}.iphone-header__item:before{content:"";background-color:#dee6ea;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-22px}.iphone-header-circle{width:100%;max-width:100%;min-height:100%;position:absolute;top:0;left:0}.iphone-header-circle__inner{position:relative}.iphone-header-circle__wrap{border-top:3px solid #f8f8f9;width:3px;height:3px;position:absolute;top:0}.iphone-header-circle__item:first-child{border-left:3px solid #0000;left:-3px}.iphone-header-circle__item:nth-child(2){border-right:3px solid #0000;right:-3px}.iphone-main{height:573px;right:106px}@keyframes stick-1-open{0%{width:29px}30%{width:3px;transform:translate(14px)}65%{width:3px;animation-timing-function:cubic-bezier(0,1,1,1);transform:translate(14px,-29px)}to{width:2px;transform:translate(5px,12px)}}@keyframes stick-2-open{65%{transform:translate(0)rotate(0)}to{transform:translate(0)rotate(45deg)}}@keyframes stick-3-open{65%{width:100%;transform:translate(0)rotate(0)}to{width:100%;transform:translateY(-7px)rotate(-45deg)}}@keyframes stick-1-close{0%,70%{width:0;transform:translate(0)}to{width:100%;transform:translate(0)}}@keyframes stick-2-close{0%{width:100%;transform:translate(0)rotate(45deg)}20%{width:3px;transform:translate(0)rotate(45deg)}40%{width:0}65%{animation-timing-function:cubic-bezier(0,1,1,1);transform:translateY(-26px)}80%{width:0}to{width:100%;transform:translate(0)}}@keyframes stick-3-close{0%{margin-right:unset;width:100%;transform:translateY(-8px)rotate(-45deg)}20%{margin-right:unset;width:3px;transform:translateY(-8px)rotate(-45deg)}65%{margin-right:unset;animation-timing-function:cubic-bezier(0,1,1,1);transform:translateY(-35px)}90%{margin-right:unset;width:3px}to{width:100%;transform:translate(0)}}@keyframes spinner-rfi6tk{0%{transform:rotate(0)}50%,to{transform:rotate(1turn)}}@keyframes waveHand{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}}@layer pages;:root{--color-primary:#201f25;--color-text:#5f6368;--color-text-w:#fff;--color-link:#303133;--color-link-hover:#f5561d;--color-spinner:#f5561d;--color-spinner-bg:#fcf2e9;--color-bg:#fcf2e9;--themeToggle-bg:#ff98001a;--themeToggle-fill:#f5561d;--footer-bg:#f7551b;--footer-link-h:#0b0d13;--bg-white:#fff;--btn-color:#f7551b;--bg-caseBlock:#fff;--homeSkills-bg:#212024;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-xxl:6rem;--space-fluid-2xs:clamp(.25rem,2vw,.5rem);--space-fluid-xs:clamp(.5rem,2vw,.75rem);--space-fluid-sm:clamp(.75rem,2vw,1rem);--space-fluid-md:clamp(1rem,3vw,1.5rem);--space-fluid-lg:clamp(1.5rem,4vw,2.5rem);--space-fluid-xl:clamp(2rem,6vw,4rem);--space-fluid-xxl:clamp(3rem,8vw,6rem);--font-base:"Onest",sans-serif;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-xxl:3.5rem;--lh-none:1;--lh-tight:1.2;--lh-normal:1.5;--lh-loose:1.8;--container:1400px;--container-wide:1800px;--header-height:64px;--header-gap:var(--space-lg);--footer-height:57px;--footer-gap:0px;--wp-admin-bar:32px;--main-offset:calc(var(--header-height) + var(--header-gap) + var(--footer-height) + var(--footer-gap));--shadow-card:0 1px 3px #3640434d,0 4px 8px 3px #36404326;--shadow-img:0 10px 30px 0 #0003;--radius-xss:4px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-xxl:32px;--radius-full:9999px}[data-theme=dark]{--color-primary:#fff;--color-link:#fff;--color-bg:#101116;--themeToggle-bg:#007bffb3;--themeToggle-fill:#fff;--footer-bg:#0b0d13;--footer-link-h:#f7551b;--bg-white:#1b1b1f;--btn-color:#f7551b;--bg-caseBlock:#0b0d13;--homeSkills-bg:#0b0d13}