*{box-sizing:border-box;margin:0;padding:0}:root{color:#333;--ac1: rgba(226, 154, 37, 1);--ac1-tx: rgba(148, 79, 10, 1);--ac1-btx: rgba(200, 130, 16, 1);--ac2: rgba(10, 42, 73, 1);--ac2-tx: rgba(10, 79, 148, 1);--ac2-btx: rgba(27, 118, 207, 1);--ac2-bg1: rgba(126, 182, 237, 1);--ac2-bg2: rgba(209, 232, 255, 1);--compl1: rgba(251, 231, 208, 1);--compl2: rgba(255, 228, 193, 1);--neu: #333;--neu-dark: rgb(42, 45, 49);--neu0: #fafafa;--neu-back: #fcfcfc}#root{font-family:Nunito Sans,sans-serif;font-style:normal;font-size:19px;font-weight:350;width:100%;display:block}h1{font-weight:800;font-size:48px;padding:2rem 0 .5rem}h2{font-weight:600;font-size:32px;line-height:2}h3{font-weight:700;font-size:28px}h4{font-size:22px;font-weight:400;line-height:2}p{line-height:2}p.p0,.p0{font-size:17px}p.p1,.p1{font-size:20px;font-weight:350}button{font-family:Nunito Sans,sans-serif;font-size:19px;font-weight:500;cursor:pointer;transition:.5s ease;border-radius:16px;border:0;padding:10px;color:#fafafa;background-color:var(--ac2-tx)}button:hover{color:#333;background-color:var(--ac2-bg1);border:0;transition:.5s ease}.grid-wide{max-width:1200px;margin:0 auto}.row{display:flex;flex-wrap:wrap}.col{padding-left:12px;padding-right:12px}.l-0{display:none}.l-1,.l-2,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9,.l-10,.l-11,.l-12{display:block}.l-1{flex:0 0 8.33333%;max-width:8.33333%}.l-2{flex:0 0 16.66667%;max-width:16.66667%}.l-3{flex:0 0 25%;max-width:25%}.l-4{flex:0 0 33.33333%;max-width:33.33333%}.l-5{flex:0 0 41.66667%;max-width:41.66667%}.l-6{flex:0 0 50%;max-width:50%}.l-7{flex:0 0 58.33333%;max-width:58.33333%}.l-8{flex:0 0 66.66667%;max-width:66.66667%}.l-9{flex:0 0 75%;max-width:75%}.l-10{flex:0 0 83.33333%;max-width:83.33333%}.l-11{flex:0 0 91.66667%;max-width:91.66667%}.l-12{flex:0 0 100%;max-width:100%}.l-0-1{margin-left:8.33333%}.l-0-2{margin-left:16.66667%}.l-0-3{margin-left:25%}.l-0-4{margin-left:33.33333%}.l-0-5{margin-left:41.66667%}.l-0-6{margin-left:50%}.l-0-7{margin-left:58.33333%}.l-0-8{margin-left:66.66667%}.l-0-9{margin-left:75%}.l-0-10{margin-left:83.33333%}.l-0-11{margin-left:91.66667%}@media screen and (max-width: 768px){.row{padding-left:8px;padding-right:8px}.col{padding-left:6px;padding-right:6px}.l-0-1,.l-0-2,.l-0-3,.l-0-4,.l-0-5,.l-0-6,.l-0-7,.l-0-8,.l-0-9,.l-0-10,.l-0-11{margin-left:0}.p-0{display:none}.p-1,.p-2,.p-3,.p-4{display:block}.p-1{flex:0 0 25%;max-width:25%}.p-2{flex:0 0 50%;max-width:50%}.p-3{flex:0 0 75%;max-width:75%}.p-4{flex:0 0 100%;max-width:100%}.p-0-1{margin-left:25%}.p-0-2{margin-left:50%}.p-0-3{margin-left:75%}h1{font-size:30px}h2{font-size:22px}h3,h4{font-size:18px}p.p0,.p0{font-size:13px}#root,p.p1,.p1{font-size:14px;font-weight:300}button{font-size:16px}}@media only screen and (min-width: 769px) and (max-width: 1024px){.row{padding-left:12px;padding-right:12px}.col{padding-left:9px;padding-right:9px}.l-0-1,.l-0-2,.l-0-3,.l-0-4,.l-0-5,.l-0-6,.l-0-7,.l-0-8,.l-0-9,.l-0-10,.l-0-11{margin-left:0}.m-0{display:none}.m-1,.m-2,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8{display:block}.m-1{flex:0 0 12.5%;max-width:12.5%}.m-2{flex:0 0 25%;max-width:25%}.m-3{flex:0 0 37.5%;max-width:37.5%}.m-4{flex:0 0 50%;max-width:50%}.m-5{flex:0 0 62.5%;max-width:62.5%}.m-6{flex:0 0 75%;max-width:75%}.m-7{flex:0 0 87.5%;max-width:87.5%}.m-8{flex:0 0 100%;max-width:100%}.m-0-1{margin-left:12.5%}.m-0-2{margin-left:25%}.m-0-3{margin-left:37.5%}.m-0-4{margin-left:50%}.m-0-5{margin-left:62.5%}.m-0-6{margin-left:75%}.m-0-7{margin-left:87.5%}h1{font-size:40px}h2{font-size:30px}h3{font-size:24px}h4{font-size:22px}p.p0,.p0{font-size:17px}#root{font-size:18px}p.p1,.p1{font-size:19px}button{font-size:17px}}#main-layout{display:flex;flex-direction:column;min-height:100vh;position:relative}#main-layout.light-theme{background:#fcfcfc}#main-layout.light-theme a{color:var(--neu)}#main-layout.light-theme h2{color:var(--ac2-tx)}#main-layout.dark-theme{background:var(--neu-dark);color:var(--neu0);font-weight:lighter}#main-layout.dark-theme a{color:var(--neu0)}#main-layout.dark-theme h2{color:var(--ac1)}a{text-decoration:none}.header{position:sticky;top:0;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex:0 1 auto}.header-back{position:absolute;top:0;width:100%;height:100%;z-index:-1}@keyframes color-change{0%{background-color:var(--neu0);opacity:.1}to{opacity:.8;background-color:var(--neu0)}}.header.light-theme{box-shadow:0 2px 2px #0000001a}.header.light-theme .header-back{animation:color-change ease-in both;animation-timeline:scroll();animation-range:0% 10%}.header.dark-theme .header-back{background-color:var(--ac1-tx)}.header-grid{margin:0 auto;padding:0 8px}.logo{display:block;font-weight:600}#logo1,#home1{display:none}.navbar{display:flex;align-items:center;justify-content:space-between;max-width:1366px;margin:0 auto}.navbar ul{display:flex;list-style:none;gap:2.5em;font-size:16px}.navbar li{padding:1rem 0;cursor:pointer;text-align:center;position:relative}.navbar li:after{content:"";position:absolute;left:40%;right:40%;bottom:25%}.navbar li:hover:after{display:block;border:1.5px solid;transform:scale(3,0);transition:1s ease-out}.side-mark{cursor:pointer}.about-connect{align-items:center;justify-content:center;flex-wrap:nowrap}.about-connect svg{font-size:1.3rem}.about-connect a{opacity:.9;border-radius:50%;padding:.4rem .4rem 0}.about-connect a:hover{opacity:1;background:var(--ac1)}.nav-icons{justify-content:center;align-items:center;gap:8px}.header.light-theme a{color:#333}.header.light-theme #logo2 a,.header.light-theme #logo1 a{color:var(--ac2)!important}.header.light-theme .navbar ul{font-weight:600}.header.light-theme .navbar a.active li{color:var(--ac2);font-weight:800}.header.light-theme .side-mark{color:var(--ac2-tx)}.header.light-theme .about-connect a{color:var(--ac2)!important}.header.dark-theme a{color:var(--neu0)}.header.dark-theme .navbar ul{font-weight:300}.header.dark-theme .navbar a.active li{color:var(--ac1);font-weight:600}.header.dark-theme .side-mark{color:var(--compl1)}.blank-nav{display:none}@media screen and (max-width: 768px){#logo1,#home1{display:block}#logo2{display:none}.header-grid{display:flex;justify-content:space-between;align-items:center}.side-mark{display:block}.side-mark svg{height:100%;font-size:2.2em;padding-top:.1em}.nav-container.hidden{display:none}.nav-container.shrink{position:fixed;height:100vh;width:100%;top:0;right:0;display:grid;grid-template-columns:1fr 1fr;transition:.3s ease}.blank-nav{display:block;background-color:var(--neu-dark);opacity:.8;grid-column:1 / 2}.navbar{grid-column:2 / 3;width:100%;justify-content:stretch;display:grid;grid-template-rows:20% [row-1-end];overflow:hidden;box-shadow:0 0 10px var(--ac2);transition:.3s ease}.navbar ul{display:block;align-self:start}.navbar li:hover:after{display:none}.navbar .side-mark{justify-self:end;align-self:flex-start;padding-right:8px;padding-top:.4rem}.about-connect{flex-wrap:wrap}.header.light-theme .navbar{background:var(--ac2-bg2)}.header.light-theme .navbar a li:hover{color:var(--neu0);background-color:var(--ac2-tx)}.header.dark-theme .navbar{background:var(--ac2)}.header.dark-theme .navbar a li:hover{color:var(--neu0);background-color:var(--ac1-tx)}}.footer{position:absolute;width:100%;bottom:0;left:0;flex:0 1 auto;padding:10px 0}.footer-grid{max-width:1366px;margin:0 auto;padding:0 8px;justify-content:space-between;align-items:flex-end}.foot-mark{flex:10%;max-width:10%}.foot-mark img{width:100%}@media screen and (max-width: 768px){.footer{font-size:14px}.foot-mark{display:none}}.toggle-light{border-radius:50px;padding:.4rem 1rem;margin:0;display:flex;align-items:center}.toggle-light:hover svg{animation:ring-toggle .8s ease-in 2}.toggle-light.light-theme{background:var(--ac2-bg2);border:1px solid var(--ac2)}.toggle-light.light-theme svg{fill:var(--ac2)}.toggle-light.dark-theme{background:var(--compl1);border:1px solid var(--ac1-tx)}.toggle-light.dark-theme svg{fill:var(--ac1-tx)}@keyframes ring-toggle{0%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}.home .header{position:fixed;width:100%}.home .header .header-back{opacity:.8}.home{position:relative;overflow:hidden}.home.light-theme{background:linear-gradient(to bottom,#b2e7ff,#7daeff 60%,#206cbe)}.home.dark-theme{background:linear-gradient(to bottom,#236fc0,#0a4f94 41.94%,#0b2949)}.home-hero{position:relative}.home-head{align-items:flex-end;height:100vh}.home-intro{z-index:2;position:relative;padding-top:10%}.home-intro h1{filter:drop-shadow(0px 2px 3px rgba(0,0,0,.25));color:#000;background:linear-gradient(-45deg,#0000 40%,#ffb97f,#0000 60%) right/300% 100%,linear-gradient(45deg,#ffecdb,#d6ebff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientAnimation 5s linear 2s infinite}.home-intro .my-name{display:flex;align-items:baseline;gap:1em}@keyframes gradientAnimation{to{background-position:left}}.home-intro-top{display:flex;flex-direction:column;justify-content:flex-end}.btn-cont{gap:0 1em;width:100%}.btn-cont .btn-main{margin-top:.8rem;font-weight:700;border-radius:32px;padding:1rem .5rem;display:flex;justify-content:center;align-items:center;text-align:center}.btn1,.btn2{animation:btn-slidein .6s ease-in}.btn-main:hover{transform:scale(1.03);box-shadow:0 0 24px #0a4f9562;transition:.5s ease}@keyframes btn-slidein{0%{transform:translateY(50px);opacity:0}to{opacity:1}}.home-intro-top.light-theme h3,.home-intro-top.light-theme p{color:var(--ac2-tx)}.home-intro-top.light-theme h4{color:var(--neu)}.home-intro-top.light-theme .btn-cont .btn-main{box-shadow:0 1px 2px #0003;color:var(--ac2)}.home-intro-top.light-theme .btn-cont .btn1{background:none;border:1.5px solid var(--ac2)}.home-intro-top.light-theme .btn-cont .btn2{background:var(--neu0);border:1.5px solid var(--ac2)}.home-intro-top.dark-theme h3,.home-intro-top.dark-theme p,.home-intro-top.dark-theme h4{color:var(--ac2-bg2)}.home-intro-top.dark-theme .btn-cont .btn1{background:var(--ac2-bg1);color:var(--neu)}.home-intro-top.dark-theme .btn-cont .btn2{background:var(--compl1);color:var(--neu)}.home-intro-down{height:45vh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:10%;padding-top:10%}.home-intro-down .home-quote{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em}.home-intro-down #delightful{background:linear-gradient(95deg,#fd8c8c 7.87%,#ffa245 38.73%,#63ff5b 67.98%,#eaeaea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-intro-down #useful{color:var(--compl1)}.home-intro-down #innovative{background:linear-gradient(90deg,#fff,#fffa66);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-intro-down .btn-cont{display:none}.home-intro-down.light-theme{color:var(--neu0)}.home-intro-down.light-theme .btn-cont .btn-main{box-shadow:0 1px 2px #0003;color:var(--ac2)}.home-intro-down.light-theme .btn-cont .btn1{background:none;border:1.5px solid var(--ac2)}.home-intro-down.dark-theme{color:var(--ac2-bg2)}.home-intro-down.dark-theme .btn-cont .btn1{background:var(--ac2-bg1);color:var(--neu)}.hero-img{display:flex;align-items:flex-end}.hero-img .hero-img-gif{filter:drop-shadow(-2px 4px 10px rgba(0,0,0,.2))}.hero-star{position:absolute;filter:drop-shadow(0 0 5px rgb(255,255,255));animation:shining 6s ease-out infinite}.hero-star:before{content:"";position:absolute;background:var(--compl1);width:1.5em;height:1.5em;clip-path:polygon(50% 35%,100% 50%,50% 65%,0% 50%)}.hero-star:after{content:"";position:absolute;width:1.5em;height:1.5em;clip-path:polygon(50% 0%,65% 50%,50% 100%,35% 50%)}.hero-star.light-theme:after{background:var(--compl1)}.hero-star.dark-theme:after{background:#ff0}.star-1{top:16%;left:5%}.star-2{top:42%;right:40%}.star-3{top:23%;right:10%}.star-4{bottom:9%;left:46%}@keyframes shining{0%{transform:scale(.5);opacity:.1}50%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:.1}}.sun-moon{width:80px;height:80px;border-radius:50%;position:absolute;top:13%;right:3%;transition:.6s ease-in}.animate1{animation:raising-sun 2s ease-out forwards}@keyframes raising-sun{0%{transform:translate(50%,100%);opacity:0}to{transform:translate(0);opacity:1}}.sun-moon.light-theme{background:var(--ac1);border:1px solid var(--ac1-btx)}.sun-moon.dark-theme{background:var(--compl2)}.cloud-1{position:absolute;z-index:1;top:54%;left:-10%;stroke-width:1px;transition:.6s ease-in}.cloud-2{position:absolute;z-index:1;top:23%;right:-12%;stroke-width:1px}.cloud-1.light-theme,.cloud-2.light-theme{fill:var(--ac2-bg2);stroke:var(--ac2-btx)}.cloud-1.dark-theme,.cloud-2.dark-theme{fill:var(--neu0);opacity:.8}.divider{height:10vh;width:100%}.scroll-to-top{width:auto;height:auto;opacity:.8}@media screen and (max-width: 768px){.home .my-name{flex-direction:column;gap:0}.home #myname h1{font-size:32px;line-height:120%;padding:0}.home .cloud-1,.home .cloud-2{opacity:.5}.home .sun-moon{display:none}.btn-cont{padding-left:0}.btn-cont .btn-main{flex:40%}.home-head{align-items:center}.home-intro-down{height:auto;padding-bottom:5%}.home-intro-down .btn-cont{display:block}p{font-size:15px}.home-intro-down.light-theme p{color:var(--neu)!important;font-weight:400}.divider{height:5vh}}@media only screen and (min-width: 769px) and (max-width: 1024px){.home .my-name{flex-direction:column;gap:0}.home #myname h1{font-size:48px;line-height:120%;padding:0}.home .home-intro-down{height:auto;padding-bottom:5%}.home .btn-cont{padding-left:0}}.meteocons--wind-snow{display:inline-block;width:50px;height:50px;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 300'%3E%3Cdefs%3E%3Csymbol id='SVGfhzyl6Pf' viewBox='0 0 342 234'%3E%3Cpath fill='none' stroke='%23e2e8f0' stroke-dasharray='148' stroke-linecap='round' stroke-miterlimit='10' stroke-width='18' d='M264.2 21.3A40 40 0 1 1 293 89H9'%3E%3Canimate attributeName='stroke-dashoffset' dur='6s' repeatCount='indefinite' values='0; 2960'/%3E%3C/path%3E%3Cpath fill='none' stroke='%23e2e8f0' stroke-dasharray='110' stroke-linecap='round' stroke-miterlimit='10' stroke-width='18' d='M148.2 212.7A40 40 0 1 0 177 145H9'%3E%3Canimate attributeName='stroke-dashoffset' dur='6s' repeatCount='indefinite' values='0; 1540'/%3E%3C/path%3E%3C/symbol%3E%3C/defs%3E%3Cuse width='342' height='234' href='%23SVGfhzyl6Pf' transform='translate(85 139)'/%3E%3Cpath fill='%2386c3db' d='m249.6 180.7l-5.8-3.4a14.3 14.3 0 0 0 0-6.6l5.8-3.4a4.1 4.1 0 0 0 1.4-5.5a4 4 0 0 0-5.5-1.5l-5.8 3.3a14.2 14.2 0 0 0-2.6-2a14.6 14.6 0 0 0-3-1.3v-6.7a4 4 0 1 0-8.1 0v6.7a14.2 14.2 0 0 0-5.7 3.3l-5.8-3.3a4 4 0 0 0-5.5 1.5a4.1 4.1 0 0 0 1.5 5.5l5.8 3.4a14.3 14.3 0 0 0 0 6.6l-5.8 3.4a4.1 4.1 0 0 0-1.5 5.5a4 4 0 0 0 5.5 1.5l5.8-3.3a14.2 14.2 0 0 0 2.6 2a13.8 13.8 0 0 0 3 1.3v6.7a4 4 0 1 0 8.1 0v-6.7a14.1 14.1 0 0 0 5.7-3.3l5.8 3.3a4 4 0 0 0 5.5-1.5a4.1 4.1 0 0 0-1.4-5.5Zm-22.6-1.4a6.2 6.2 0 0 1-2.2-8.4a6 6 0 0 1 5.2-3a6 6 0 0 1 3 .8a6.2 6.2 0 0 1 2.3 8.4a6 6 0 0 1-8.3 2.2Z' opacity='0'%3E%3CanimateTransform id='SVGaFcq1cAE' additive='sum' attributeName='transform' begin='.5s; x1.end+1.33s' dur='1.67s' type='translate' values='-30 0; 30 0'/%3E%3Canimate attributeName='opacity' begin='.5s; x1.end+1.33s' dur='1.67s' keyTimes='0; .2; .8; 1' values='0; 1; 1; 0'/%3E%3C/path%3E%3Cpath fill='%2386c3db' d='m393.6 282.7l-5.8-3.4a14.3 14.3 0 0 0 0-6.6l5.8-3.4a4.1 4.1 0 0 0 1.4-5.5a4 4 0 0 0-5.5-1.5l-5.8 3.3a14.2 14.2 0 0 0-2.6-2a14.6 14.6 0 0 0-3-1.3v-6.7a4 4 0 1 0-8.1 0v6.7a14.2 14.2 0 0 0-5.7 3.3l-5.8-3.3a4 4 0 0 0-5.5 1.5a4.1 4.1 0 0 0 1.5 5.5l5.8 3.4a14.3 14.3 0 0 0 0 6.6l-5.8 3.4a4.1 4.1 0 0 0-1.5 5.5a4 4 0 0 0 5.5 1.5l5.8-3.3a14.2 14.2 0 0 0 2.7 2a13.8 13.8 0 0 0 3 1.3v6.7a4 4 0 1 0 8 0v-6.7a14.1 14.1 0 0 0 5.7-3.3l5.8 3.3a4 4 0 0 0 5.5-1.5a4.1 4.1 0 0 0-1.4-5.5Zm-22.6-1.4a6.2 6.2 0 0 1-2.2-8.4a6 6 0 0 1 5.2-3a6 6 0 0 1 3 .8a6.2 6.2 0 0 1 2.3 8.4a6 6 0 0 1-8.3 2.2Z' opacity='0'%3E%3CanimateTransform id='SVGVKQpleiB' additive='sum' attributeName='transform' begin='1s; x2.end+1.33s' dur='1.67s' type='translate' values='-30 0; 30 0'/%3E%3Canimate attributeName='opacity' begin='1s; x2.end+1.33s' dur='1.67s' keyTimes='0; .2; .8; 1' values='0; 1; 1; 0'/%3E%3C/path%3E%3Cpath fill='%2386c3db' d='m163.6 340.7l-5.8-3.4a14.3 14.3 0 0 0 0-6.6l5.8-3.4a4.1 4.1 0 0 0 1.4-5.5a4 4 0 0 0-5.5-1.5l-5.8 3.3a14.2 14.2 0 0 0-2.6-2a14.6 14.6 0 0 0-3-1.3v-6.7a4 4 0 1 0-8.1 0v6.7a14.2 14.2 0 0 0-5.7 3.3l-5.8-3.3a4 4 0 0 0-5.5 1.5a4.1 4.1 0 0 0 1.5 5.5l5.8 3.4a14.3 14.3 0 0 0 0 6.6l-5.8 3.4a4.1 4.1 0 0 0-1.5 5.5a4 4 0 0 0 5.5 1.5l5.8-3.3a14.2 14.2 0 0 0 2.6 2a13.8 13.8 0 0 0 3 1.3v6.7a4 4 0 1 0 8.1 0v-6.7a14.1 14.1 0 0 0 5.7-3.3l5.8 3.3a4 4 0 0 0 5.5-1.5a4.1 4.1 0 0 0-1.4-5.5Zm-22.6-1.4a6.2 6.2 0 0 1-2.2-8.4a6 6 0 0 1 5.2-3a6 6 0 0 1 3 .8a6.2 6.2 0 0 1 2.3 8.4a6 6 0 0 1-8.3 2.2Z' opacity='0'%3E%3CanimateTransform id='SVGHjj92cbM' additive='sum' attributeName='transform' begin='0s; x3.end+1.33s' dur='1.67s' type='translate' values='-30 0; 30 0'/%3E%3Canimate attributeName='opacity' begin='0s; x3.end+1.33s' dur='1.67s' keyTimes='0; .2; .8; 1' values='0; 1; 1; 0'/%3E%3C/path%3E%3C/svg%3E")}@media screen and (max-height: 768px){.home{height:100vh;position:relative;overflow-y:scroll}.home .home-head{height:auto}.home .home-hero{z-index:2}.home .header{position:sticky;top:0}}.top-cont h1,.top-cont h2{text-align:center}.top-cont p.p1{padding:0 0 1rem;text-align:center}.lineup{position:relative}.lineup span{opacity:0;position:relative;display:inline-block;animation:lineup .5s linear forwards;animation-delay:calc(.1s * var(--i))}@keyframes lineup{0%{transform:translateY(20%)}50%{opacity:.5}to{opacity:1;transform:translateY(0)}}.work-page{padding-bottom:20vh}.project-section{min-height:100vh}.project-section h1{font-size:64px}.pro-frame{padding:1.2%;width:100%}.pro-card-cont{align-items:center}.pro-image{padding:0;transition:.5s ease-in-out;border-radius:16px;height:45vh}.pro-image img{object-fit:cover;object-position:center;width:100%;height:100%}.pro-image-pj img{object-fit:contain}.pro-frame:hover .pro-image{transform:scale(1.03);transition:all .5s ease-in-out}.pro-frame:hover .pro-image img{filter:drop-shadow(0 0 20px rgba(0,0,0,.2))}.pro-frame:hover h3,.view-btn:hover{text-decoration:underline}.pro-info{height:100%;display:flex;flex-direction:column;gap:.5em}.pro-info .pro-type-cont{width:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pro-info .pro-type-cont .pro-type,.pro-info .pro-type-cont .pro-platform{padding:8px 16px;border-radius:16px}.ux-project{margin-bottom:40px}.project-section.light-theme h1{color:var(--ac1-btx)}.project-section.light-theme h3{color:var(--ac2-tx)}.project-section.light-theme .pro-type,.project-section.light-theme .pro-platform{background:var(--ac2-bg2)}.project-section.dark-theme h1{color:var(--ac2-bg1)}.project-section.dark-theme h3{color:var(--ac1)}.project-section.dark-theme .pro-type,.project-section.dark-theme .pro-platform{border:1px solid var(--compl1)}.fe-react{min-height:100vh;padding:3em 0 6em;background-color:var(--ac2)}.fe-react h1{color:var(--ac1);display:flex;justify-content:center;align-items:end}.fe-react p,.fe-react .p1{color:var(--compl2);font-weight:300}.fe-react h2,.fe-react .fe-name{color:var(--ac1)}.fe-react.light-theme .pro-type{background:var(--compl2)}.fe-react.dark-theme .pro-type{border:1px solid var(--compl1)}.fe-react-pj{justify-content:space-around}.fe-react-pj .fe-arrow{display:none}.fepro{display:grid;grid-template-columns:[first] 60px [line2] 50px [line3] auto [col4-start] 50px [five] 40px [end];grid-template-rows:1fr 1fr 2fr 1fr 1fr}.fepro .pro-image{height:100%;overflow:hidden}.fepro .fe-image{grid-column:2 / span 3;grid-row:1 / span 3}.fepro .fe-image-1{grid-column:1 / span 3;grid-row:2 / span 3}.fepro .pro-info{grid-column:3 / span 3;grid-row:3 / span 3;border-radius:16px;box-shadow:0 0 4px #0009}.fepro .pro-info .pro-info-if,.fepro .fe-arrow{display:none}@media screen and (min-width: 1025px){.fepro:hover .fe-image-2{display:none}.fepro:hover .pro-info{display:flex;align-content:center;justify-content:center;padding:5%;transition:ease-in-out .4s;background-color:#030303cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fepro:hover .pro-info .pro-info-if{display:block}.fepro:hover .pro-info .fe-info{padding-top:1rem}}@media screen and (max-width: 1024px){.fe-react{min-height:0}.fepro{grid-template-rows:4rem 10rem 6rem 10rem}.fepro .fe-image{grid-column:2 / span 4;grid-row:1 / span 2}.fepro .fe-image-1{grid-column:1 / span 4;grid-row:2 / span 2}.fepro .pro-info{grid-column:1 / 6;grid-row:4;display:flex;padding:5% 0;border-radius:0;box-shadow:none}.fepro .pro-info .fe-image-2{display:none}.fepro .pro-info .pro-info-if{display:block}.fe-react-pj{flex-wrap:nowrap;position:relative;padding:0 10%}.fe-react-pj .col{padding:0 10%}.fe-react-pj .pro-image,.fe-react-pj .pro-info{height:auto!important}.fe-react-pj .fe-arrow{display:block;position:absolute;top:50%;color:var(--compl2);width:2rem;height:2rem;cursor:pointer}.fe-react-pj .fe-arrow-left{left:2%}.fe-react-pj .fe-arrow-right{right:2%}.fe-react-pj .slide-hidden{display:none}}#myweb{justify-content:center}#myweb .pro-image{height:100%;box-shadow:0 0 4px #00000040;overflow:hidden}.contact-page{overflow:hidden}.contact-page .grid-wide{height:95vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.contact-page .row{align-items:flex-start;width:100%;z-index:2}.contact-page .grid-wide>.row{justify-content:center}.contact-left{margin-bottom:3%}.contact-left .contact-left-info{padding-top:1rem}.contact-left .contact-left-info .row{align-items:center;flex-wrap:nowrap}.contact-left .contact-left-info p{word-break:break-all}.contact-left .contact-left-info .contact-info-img{padding:1rem}.contact-left .contact-left-info a:hover{text-decoration:underline}.contact-left .contact-left-info svg{font-size:3em}.contact-left.light-theme h1{color:var(--ac1)}.contact-left.light-theme b,.contact-left.light-theme .contact-info-img{color:var(--ac2-btx)}.contact-left.dark-theme h1{color:var(--ac2-bg1)}.contact-left.dark-theme b,.contact-left.dark-theme .contact-info-img{color:var(--ac1)}.contact-right .form-cont{padding:5%;margin:2%;border-radius:32px}.contact-right .form-cont h4{margin-bottom:2%}.contact-right .contact-form{display:grid;gap:16px}.contact-right .contact-form input,.contact-right .contact-form textarea{padding:12px;border:none;font-family:Nunito Sans,sans-serif;font-size:17px}.contact-right .contact-form textarea{resize:none;height:30vh}.contact-right .contact-form button{width:100%;justify-self:start;border-radius:0!important;padding:12px 16px;border:none}.contact-right .form-sent{background-color:var(--compl2);box-shadow:0 1px 4px #00000040;height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-right.light-theme .form-cont{box-shadow:0 0 4px #00000040}.contact-right.light-theme input,.contact-right.light-theme textarea{border:2px solid var(--ac2-bg2)}.contact-right.dark-theme h4{color:var(--ac2-bg1)}.contact-right.dark-theme .form-cont{border:1px solid var(--compl2)}.contact-right.dark-theme input,.contact-right.dark-theme textarea{opacity:.8}.about-info h1{line-height:78px;color:var(--ac1-btx)}.about-image{width:100%;height:auto}.about-image img{border-radius:16px 16px 16px 40px;object-fit:cover;width:100%;height:100%;border-bottom:6px solid var(--ac1-btx);border-left:6px solid var(--ac1-btx)}.tool-cont{display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-rows:1fr 1fr;gap:2rem 1rem;align-content:center;justify-content:center}.tool-cont .p1{font-weight:600}.tool-cont .tool-item{display:flex;flex-direction:column;align-items:center;align-self:center;text-align:center;gap:1rem}.tool-cont .tool-mark svg{width:100%;height:4em;transition:.6s ease-in}.tool-cont .tool-item:hover .tool-mark{transform:scale(1.2);transition:transform .6s ease-out}.tool-item-ani{grid-column:2;grid-row:1 / span 2;align-self:center}.tool-item-ani .ani-logo{width:100%}.about-tool-home.light-theme .tool-item-1 svg{fill:#e79e4f}.about-tool-home.light-theme .tool-item-1 .p1{color:#e79e4f}.about-tool-home.light-theme .tool-item-2 svg{fill:#a05344}.about-tool-home.light-theme .tool-item-2 .p1{color:#a05344}.about-tool-home.light-theme .tool-item-3 svg{fill:#734046}.about-tool-home.light-theme .tool-item-3 .p1{color:#734046}.about-tool-home.light-theme .tool-item-4 svg{fill:#321f28}.about-tool-home.light-theme .tool-item-4 .p1{color:#321f28}.about-tool-home.dark-theme .tool-item-1 svg{fill:#fffbda}.about-tool-home.dark-theme .tool-item-1 .p1{color:#fffbda}.about-tool-home.dark-theme .tool-item-2 svg{fill:#ffec9e}.about-tool-home.dark-theme .tool-item-2 .p1{color:#ffec9e}.about-tool-home.dark-theme .tool-item-3 svg{fill:#ffbb70}.about-tool-home.dark-theme .tool-item-3 .p1{color:#ffbb70}.about-tool-home.dark-theme .tool-item-4 svg{fill:#ed9455}.about-tool-home.dark-theme .tool-item-4 .p1{color:#ed9455}.about-journey{padding:3em 0 6em}.about-journey .row{align-items:center}.about-journey h2{text-align:center}.about-journey svg{font-size:36px;margin-top:10px}.about-content .about-tag-col{padding-bottom:3em}.about-content .about-tag{margin-bottom:10px}.about-content ul{list-style:none;line-height:1.8}.about-tool li{display:flex;align-items:center;gap:5%}.about-tool svg{font-size:22px}.about-table.light-theme .about-tag{color:var(--ac2-tx)}.about-table.dark-theme .about-tag{color:var(--ac1)}@media screen and (max-width: 768px){.work-page h1{font-size:30px}.work-page .pro-image{height:300px}.contact-page{margin-bottom:10vh}.contact-page .grid-wide{height:auto}.about-page .tool-cont{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr auto}.about-page .tool-item-ani{grid-column:1 / span 2;grid-row:3}.about-info h1{line-height:30px}}@media only screen and (min-width: 769px) and (max-width: 1024px){.work-page h1{font-size:36px}.work-page .pro-image{height:30vh}.about-page .tool-cont{grid-template-columns:1fr auto 1fr}}@media screen and (max-height: 768px){.contact-page .grid-wide{height:auto;padding-bottom:5%}}.svg-wrapper{width:200px;position:absolute;z-index:0;opacity:.5}#space1{top:10%;left:-15%}#space2{top:85%;left:-30%}#space3,#space4{width:300px;top:20%;right:-27%}.svg-wrapper.is-hidden{display:none}.project-page{padding-bottom:20vh}.project-page h2{color:var(--ac1-tx)}.pj-hero{width:100%}.pj-hero img{object-fit:cover;width:100%;height:100%}.project-container{position:relative}.project-container .pj-nav-cont{position:absolute;top:0;right:0;min-width:16.6%;height:100%}.pj-nav{padding:0 20px;position:sticky;top:24vh;height:50vh;align-self:flex-start}.pj-nav ul{list-style:none}.pj-nav ul li{cursor:pointer;padding:4px;opacity:.5}.pj-nav-ul.hidden{display:none}.pj-nav li.active{opacity:1}.pj-nav li.active.light-theme{color:var(--ac1)}.pj-nav li.active.dark-theme{color:var(--compl2)}.pj-table{margin-top:-60px;gap:1.2em 0;text-align:left;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));padding:3em 3em 4em}.pj-table p{line-height:2}.pj-table.light-theme{background:#ffffffe6}.pj-table.light-theme b,.pj-table.light-theme i{color:var(--ac2-tx)}.pj-table.dark-theme{background:#333333e6}.pj-table.dark-theme b,.pj-table.dark-theme i{color:var(--ac2-bg1)}.pj-table.dark-theme p{color:var(--compl1)}.pj-content{margin-top:100px}.pj-content h2{line-height:160%;padding-bottom:1em}.pj-content p,.pj-content li{line-height:200%}.pj-content .pj-part{scroll-margin-top:60px;margin-bottom:10em}.pj-content ol,.pj-content ul{display:block;margin-left:1.5em}.pj-content ul li{list-style-type:circle}.big-img,.gif-img{width:100%}.big-img img,.big-img video,.gif-img img,.gif-img video{object-fit:contain;width:100%;height:100%}.haft-img{height:100%}.pain-point{align-items:center}.pain-point b{font-size:20px}.pain-point td{vertical-align:center;padding:10px}.pain-point svg{font-size:2em}.prototype{margin-bottom:1em;gap:1rem 0}.prototype button{padding:.5rem 1rem}.prototype span{width:1rem}.zoom-in-cont{cursor:zoom-in;transition:ease-out .2s}.zoom-in-cont:hover{transform:scale(1.01);transition:ease-out .2s}.zoom-out-cont{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:move}.zoom-out-cont img{max-width:100vw;max-height:100vh}.zoom-out-cont .btnZoom-cont{display:flex;gap:.5em;padding:1em;position:fixed;right:0;top:0}.zoom-out-cont .btnZoom-cont button{padding:.5rem .8rem}.space{margin:0 50%;height:1.5em}.space2{margin:0 50%;height:3em}.view-more-cont{overflow:hidden}.view-more-cont .more-left{justify-content:flex-start}.view-more-cont .more-right{justify-content:flex-end}.view-more-cont .more-left,.view-more-cont .more-right{align-items:center;cursor:pointer;width:100%;padding:1em}.view-more-cont .more-pj-name{transition:ease-in}.view-more-cont .more-pj{padding:0 1rem}.view-more-cont .next-pj-arr{font-size:40px;fill:var(--ac2-btx);display:none}.view-more-cont .more-left:hover,.view-more-cont .more-right:hover{color:var(--ac2-btx)}.view-more-cont .more-left:hover .more-pj-1,.view-more-cont .more-right:hover .more-pj-1{transform:translate(1rem);transition:.8s ease-in-out}.view-more-cont .more-left:hover .more-pj-2,.view-more-cont .more-right:hover .more-pj-2{transform:translate(-1rem);transition:.8s ease-in-out}.view-more-cont .more-left:hover .next-pj-arr,.view-more-cont .more-right:hover .next-pj-arr{display:block}.view-more-cont.light-theme h4{color:var(--ac1-tx)}.view-more-cont.light-theme .more-left,.view-more-cont.light-theme .more-right{color:var(--ac2-tx)!important}.view-more-cont.dark-theme h4{color:var(--ac2-btx)}.view-more-cont.dark-theme .more-left,.view-more-cont.dark-theme .more-right{color:var(--ac2-bg1)!important}.scroll-to-top{color:#333}@media screen and (max-width: 768px){.pj-hero img{height:40vh;object-position:center center}.pj-table{margin-top:0;padding:2em 1em;border-radius:0}.pj-nav-cont{display:none}.view-more-cont .more-pj{display:none}}