.responsive-nav-wrapper{-webkit-clip-path:circle(20px at 40px calc(100vh - 40px));clip-path:circle(20px at 40px calc(100vh - 40px));transform:translateZ(0);backface-visibility:visible;transition:all .8s cubic-bezier(.86,0,.07,1);transform-origin:50% 50%;top:0;left:0;right:0;bottom:0;background:#ff6200 linear-gradient(223deg,#ff6200,#dc2b2b)}.responsive-nav-wrapper.active{-webkit-clip-path:circle(200% at 40px calc(100vh - 40px));clip-path:circle(200% at 40px calc(100vh - 40px));transition:all .8s cubic-bezier(.86,0,.07,1)}@media only screen and (min-width:1024px){.responsive-nav-wrapper{-webkit-clip-path:none;clip-path:none;top:auto;background:transparent}}.responsive-nav-btn{width:66px;height:66px;background:#ff6200 linear-gradient(223deg,#ff6200,#dc2b2b);border-radius:50%;left:16px;bottom:16px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.header a:focus,.header a:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.inner-content-banner{transition:all .2s linear;transition-delay:.5s}.circular-nav{transition:all .2s linear}.circular-nav-menu{content:"";-webkit-clip-path:circle(200% at 49px calc(100vh - 48px));clip-path:circle(200% at 49px calc(100vh - 48px));transition:all .8s cubic-bezier(.86,0,.07,1);transform:translateZ(0);backface-visibility:hidden;transform-origin:50% 50%}.circular-nav-menu,.circular-nav-menu .circular-nav-btn{background:#ff6200 linear-gradient(223deg,#ff6200,#dc2b2b);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.circular-nav-menu .circular-nav-btn{width:66px;height:64px;border-radius:50%;left:16px;bottom:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px}.circular-nav-menu.active+.inner-hero-text{opacity:0;pointer-events:none}@media only screen and (min-width:1024px){.circular-nav-menu.active+.inner-hero-text{opacity:1;pointer-events:auto}.circular-nav-menu.active+.inner-hero-text.animation-in{opacity:0;pointer-events:none}}.circular-nav-menu.active .circular-nav{opacity:1;pointer-events:auto}.circular-nav-menu .circular-nav{opacity:0;pointer-events:none}@media only screen and (min-width:1024px){.circular-nav-menu .circular-nav{opacity:1;pointer-events:auto}}.inner-hero-text{top:50%;transform:translateY(-50%);transition:all .2s linear;pointer-events:auto;opacity:1}.inner-hero-text.animation-in{transition:all .2s linear;pointer-events:none;opacity:0}.inner-hero-text.animation-in .inner-content-banner{pointer-events:none;opacity:0;transition:all .3s linear}.circular-nav-animation.circular-nav-menu{-webkit-clip-path:circle(32px at 49px calc(100vh - 48px));clip-path:circle(32px at 49px calc(100vh - 48px));transform:translateZ(0);backface-visibility:visible;transition:all .8s cubic-bezier(.86,0,.07,1);transform-origin:50% 50%;cursor:pointer}.circular-nav-animation.circular-nav-menu .circular-nav-btn{transition-delay:1s;pointer-events:auto;opacity:1}.circular-nav-animation.circular-nav-menu .circular-nav{pointer-events:none;opacity:0;transition:all .3s linear}.clipboard,.shadowboard{background:#342e29 url(/img/banner-bg.jpg) no-repeat 100%/cover;position:absolute;top:0;left:0;right:0;bottom:0}.shadowboard{transition:opacity .375s;pointer-events:none;opacity:0}.clipboard{-webkit-clip-path:polygon(0 0,100% 0,60% 100%,0 100%);clip-path:polygon(0 0,100% 0,60% 100%,0 100%);-webkit-clip-path:url(#swipe__small-clip-path);clip-path:url(#swipe__small-clip-path)}@media only screen and (min-width:768px){.clipboard .clipboard{-webkit-clip-path:polygon(0 0,100% 0,70% 100%,0 100%);clip-path:polygon(0 0,100% 0,70% 100%,0 100%);-webkit-clip-path:url(#swipe__clip-path);clip-path:url(#swipe__clip-path)}}.clipboard:before{content:"";background-image:linear-gradient(223deg,#ff6200,#dc2b2b);position:absolute;top:0;bottom:0;display:block;height:100%;width:100%;opacity:.9}.section-home{transition:all .4s ease}.section-home.slide{transform:translate(-90%)}.section-home.slide+.section-work{transition:all .3s;left:0;right:0}.section-home.slide+.section-work .work-list-content{transform:scale(1);left:7%;transition:all .3s;top:0;opacity:1}.section-home.slide .section-hero{pointer-events:none;opacity:0}.section-home+.section-work{transition:all .3s;right:-30%;left:auto}.section-home+.section-work .work-list-content{transform:scale(.7);opacity:.2;left:30%;top:16%;transition:all .3s}.section-home-hero{animation:fade-in-top .7s cubic-bezier(.39,.575,.565,1) both;transition:all .3s}@keyframes fade-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.btn-see-how{background:#3c3430 url(/img/ic_arrow_right.svg) no-repeat 72%;box-shadow:0 10px 40px rgba(0,0,0,.5);transition:all .3s ease-in-out}.btn-see-how:focus,.btn-see-how:hover{box-shadow:10px 20px 60px rgba(0,0,0,.5);transition:all .3s ease-in-out;background:#3c3430 url(/img/ic_arrow_right.svg) no-repeat 76%}.modal-container{background:rgba(22,45,61,.66)!important;transition:opacity .2s ease-in,background-color .2s cubic-bezier(.23,1,.32,1)!important;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;height:100vh;align-items:center;justify-content:center;overflow:hidden;opacity:1}.modal-box{width:85%;max-width:600px;padding:90px 24px;background-image:linear-gradient(-45deg,rgba(255,98,0,.749),rgba(220,43,43,.82));box-shadow:0 2px 60px 0 #0e1724;position:relative;border-radius:.75rem;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.modal-box a{box-shadow:0 10px 40px rgba(0,0,0,.5)}.modal-close{height:34px;width:34px;top:50%;transform:translateY(-50%);transition:all .2s ease-in;position:absolute;top:1.25rem;right:.25rem;display:block;cursor:pointer;border-radius:9999px}.modal-close:after,.modal-close:before{content:"";height:15px;width:2px;background:hsla(0,0%,100%,.6);top:50%;left:50%;position:absolute;border-radius:.375rem}.modal-close:before{transform:translate(-50%,-50%) rotate(-45deg)}.modal-close:after{transform:translate(-50%,-50%) rotate(45deg)}@media(min-width:1024px)and (max-height:600px){.section-home-hero h1{font-size:70px}}.work-wrapper{transition:all .5s;right:-30%;background-color:rgba(26,29,31,.9)}.yi-work-profile{color:hsla(0,0%,100%,.5)}.work-list-wrapper{scroll-behavior:smooth;scroll-snap-type:y mandatory}.work-list-wrapper>div{scroll-snap-align:start}.work-list-wrapper .slick-track{cursor:grab}.work-list-wrapper::-webkit-scrollbar,.work-list-wrapper::-webkit-scrollbar-track{display:none}.work-list-wrapper::-webkit-scrollbar-thumb{display:none}.slick-arrow{display:none!important}.slick-dots{display:flex!important;position:absolute;top:0;bottom:0;right:0;flex-direction:column;align-items:center;justify-content:center}.slick-dots>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.slick-dots li button{position:relative;display:flex;cursor:pointer;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:.2;outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.slick-dots li button,.slick-dots li button:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.slick-dots li button:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;opacity:1}.slick-dots li button:after{content:"";width:10px;height:2px;margin-left:.25rem;display:inline-block;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.slick-dots li.slick-active button{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}