@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}.pixeldiv{width:70px;height:70px;background:#fff;z-index:10}.popsection{margin-top:100vh;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.myimage{will-change:transform;backface-visibility:hidden}.bg_patternholder{width:90vw;height:117vh;display:flex;z-index:-1}.bg_patternholder img{width:100%;height:100%;object-fit:cover}.backgroundpattern2nd{width:92vw;position:absolute;top:0;display:flex;justify-content:center;z-index:-1}.backgroundpattern2nd hr{border:1px solid #8080800d}.vertical_patterns{width:90%;display:flex;justify-content:space-between;height:80vh}.horizontal_patterns{position:absolute;width:100%}.horizontal_patterns hr{margin-top:10vh}.noise-overlay{position:absolute;left:0;top:0;width:100vw;height:100vh}.containerwaves{width:100%;height:35vh;border-radius:1em;overflow:hidden;position:relative}@media (max-width: 600px){.containerwaves{display:none}#avatar_ku{margin-top:5vh;flex-direction:column-reverse}.cursorcustomeone{display:none}}.iridescence-container{width:100%;height:100%}.wrapperRollingText{white-space:nowrap;font-family:Playfair Display,serif;margin-top:100vh;border-top:1px solid #6f6f6f}.rollingText{font-size:6vw;display:inline-block;padding-left:10px}.wrapperRollingText02{white-space:nowrap;font-family:Playfair Display,serif;margin-top:10px}.rollingText02{font-size:6vw;display:inline-block;padding-left:13px}.card_gnggg{position:absolute;width:50px;height:50px;margin-top:10px;background:#e01f1f}.backgroundsection{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}#ratneshholder{position:relative}.grid-container{width:92vw;top:0;position:absolute;height:70vh;opacity:.3}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,#6464642e 2px,transparent 2px),linear-gradient(to bottom,#6464642e 2px,transparent 2px);background-size:50px 50px}.hero-dot-box{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;padding-left:1.5vw;background:#a658ff;position:relative;overflow:hidden}.hero-dot-box:before{content:"";position:absolute;top:var(--y, 50%);left:var(--x, 50%);width:0;height:0;background:#fff;border-radius:50%;transform:translate(-50%,-50%);transition:.5s,top 0s,left 0s;z-index:0;pointer-events:none}.hero-dot-box:hover:before{width:150vh;height:150vh}.hdb-grid{display:flex;flex-direction:column;gap:.05em;position:relative;z-index:1}.hdb-row{display:flex;gap:.05em}.hdb-dot{width:.2em;height:.2em;border-radius:50%;background:#0000001a;flex-shrink:0}.hdb-active{background:#000}.hdb-gap{background:transparent!important}.hdb-blink-dot{position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;background:#000;z-index:2;animation:hdb-blink 2s ease-in-out infinite}@keyframes hdb-blink{0%,to{opacity:1}50%{opacity:.15}}.marquee{display:flex;padding:15px 0;margin:20px 0;white-space:nowrap;color:#ddd;justify-content:flex-end;background:#111;width:110vw;font-size:5rem;rotate:3.5deg;user-select:none;-webkit-user-select:none}.marquee[data-reversed=true]{justify-content:flex-start}.marquee span{display:block;padding:0 1ch}@media (max-width: 600px){.marquee{font-size:2rem}}.text-wrapper{overflow:hidden}.reveal-text{display:flex;gap:.5rem;font-size:3rem;font-family:sans-serif;color:#fff}.word-container{position:relative;overflow:hidden;display:inline-block;text-align:center}.separetorone{width:100vw;height:20vh}.word{display:inline-block;position:relative;z-index:1;color:#fff}.mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#1e1e1e;z-index:2}.abouttext_wrapper{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.about-text{font-size:1.25rem;width:80%;margin:0 auto;line-height:1.7;color:#fff;display:flex;flex-wrap:wrap}.line-break{display:block;height:.1em;content:"";width:100vw}@media (max-width:700px){.about-text{font-size:1.1rem;width:90%}.about-text .funicons_skills{height:32px!important}}.hproj_container{width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;overflow:visible}.projectholderH{position:relative;width:100vw;padding:1.5em 0;color:#fff;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);overflow:visible!important;z-index:1}.projectholderH:hover{z-index:10;color:#000}.projectholderH .background{position:absolute;width:100%;height:100%;background:#fff;z-index:-1;bottom:0;transform:scaleY(0);transform-origin:bottom;pointer-events:none}.projectH_content{display:flex;align-items:center;gap:2rem;padding:0 5vw;position:relative;z-index:2}.project_id{rotate:-90deg;font-size:1.2rem;opacity:1}.project_name{font-size:3vw;font-weight:400;margin:0;transition:transform .2s ease-out}@media (max-width: 600px){.project_name{font-size:1.1em}.projectH_content{gap:1em}}.projectholderH:hover .project_name{transform:translate(8px)}.project_image_card{position:absolute;width:25vw;aspect-ratio:19 / 11;background-size:cover;background-position:center;border-radius:8px;z-index:5;filter:brightness(1.1) drop-shadow(0 10px 30px rgba(0,0,0,.3));transform:translate(-50%,-50%);will-change:transform;backface-visibility:hidden;transform-style:flat;pointer-events:none}.projectholderH{contain:layout}.project_image_card{will-change:transform}@media (max-width: 480px){.project_image_card{width:50vw;height:13vh}}.flexdiv{display:flex;width:90vw;justify-content:space-between;margin-bottom:5vh}.flexdiv p{color:#b8b8b8}.flexdiv .dot-heading{margin-left:40px}@media (max-width: 600px){.flexdiv .dot-heading{margin-left:0}}.dot-heading{font-size:3vw;width:fit-content;display:flex;flex-direction:column;gap:.05em}.dot-row{display:flex;gap:.05em}.dot{width:.2em;height:.2em;border-radius:50%;background:#ffffff0f;flex-shrink:0;transition:background .25s ease}.dot-active{background:#fff}.dot-gap{background:transparent!important}.skills_container{width:90vw;min-height:100svh;gap:1px;position:relative;display:flex;flex-direction:column;gap:10vh}.skills_container h1{font-size:4vw;color:#fff}.skills_row{flex-wrap:wrap;width:100%;display:flex;align-items:center;justify-content:center;gap:1em}.patternsimg{width:10vw;height:40px;overflow:hidden;border-radius:5em}.patternsimg img{transition:all .2s ease;width:100%}.patternsimg:hover img{scale:1.2}.skills{position:relative;width:fit-content;height:40px;overflow:hidden;text-wrap:nowrap;display:flex;align-items:center;padding:.6em 1.5em;border-radius:2em;background:#fff;-webkit-user-select:none;user-select:none}.skills:not([id]){border-radius:0;padding:.6em 2.2em;clip-path:url(#hexPill)}@media (max-width:700px){.patternsimg{width:50vw}.skills_container h1{font-size:3em}.skills{height:32px;padding:.7em 1em}.skills:not([id]){padding:.7em 1.8em}.patternsimg{height:32px}.funicons_skills{width:32px!important;height:32px!important}}#android:hover{color:#fff;background-color:#264de4}#mongodb{border:.3em solid white;background:#3dff57;color:#fff}#mongodb:hover{border:0em solid white}#appwrite{border-radius:0;background-color:#ff637d}#appwrite:hover{border-radius:2em}#css{background-color:#4326e4;border-radius:0 1em 1em;color:#fff}#css:hover{animation:morph 1s ease-in-out infinite}@keyframes morph{0%,to{border-radius:1em}25%{border-radius:.8em 2em 1em .5em}50%{border-radius:0 1em}75%{border-radius:0 .5em 5em}}#splinetool{background:linear-gradient(135deg,#ff5f6d,#ffc371,#42e695,#3bb2b8,#5f72ff);background-size:100% 100%}#splinetool:hover{background-size:300% 300%;animation:gradientMove 2s ease infinite}#javascript{background-color:#f0db4f}#javascript:hover{border-radius:0}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.funicons_skills{position:relative;border-radius:2em;width:40px;height:40px;display:grid;place-items:center;background:#fff;transition:all .5s ease}.funicons_skills svg,.skills_row svg,.skills_row .skills{transition:all .3s ease}#likeani:hover svg{transform:translateY(-5px) rotate(-13deg) scale(1.3)}#ideaAni{background:#000}#ideaAni:hover{background:#fff}#ideaAni:hover svg path:first-of-type{fill:#ffc371;color:#000}#pentool{overflow:hidden}#pentool:hover svg{transform:translate(-30px,20px)}#warning:hover svg{animation:warning 2s ease-in-out infinite}#jsont:after{content:""}#json:hover{color:transparent}#json:hover:after{content:"{json}";position:absolute;color:#000}#blender{background-color:#ffa75f}#blender:after{content:"";left:10px;color:#000;position:absolute}#noradiuse{border-radius:0}#blender:hover{border-radius:0;width:fit-content;color:transparent}#uiux{position:relative;overflow:visible;transition:all .5s ease;color:#000}#uiux:hover{border-radius:0;border:1px solid rgb(133,133,133)}#uiux:hover:before,#uiux:hover:after{content:"";position:absolute;border:2px solid black;width:10px;height:10px;background-color:#a259ff}#uiux:hover:before{left:-5px;top:-5px}#uiux:hover:after{bottom:-5px;right:-5px}#blender:hover:after{animation:Blender 3s ease-in-out infinite}@keyframes Blender{0%,to{content:"Blender"}25%{content:"Rendering"}50%{content:"Out of ram"}75%{content:"No responding"}90%{content:"Pc crash"}}#php{background-color:#5f72ff}#php:after{content:""}#php:hover{color:transparent}#php:hover:after{content:"X-X";position:absolute;color:#000}@keyframes warning{0%,to{fill:#f0db4f;scale:1}25%{fill:#f24e1e;scale:1}50%{fill:#f0db4f;scale:1.1}75%{fill:#f24e1e;scale:1}90%{fill:#f0db4f;scale:1.1}}#threed{border-radius:0}#threed:hover{transform:scale(1.2) rotateY(30deg) rotateX(30deg) rotate(-10deg)}#ideaAni:hover svg path{color:#000}#figma{background:#313131;color:#fff}#figma:hover{background:linear-gradient(90deg,#ff7262,#ff7262 20%,#f24e1e 20%,#f24e1e 40%,#a259ff 40%,#a259ff 60%,#0acf83 60%,#0acf83 80%,#f24e1e 80%,#f24e1e)}.userfriendly{background:#a259ff;padding:.2em 1em;text-align:center}.gsapshape1{width:30px;height:30px;display:grid;grid-template-columns:repeat(2,1fr);transform:translateY(-5px)}.gsapshape1:hover>:nth-child(1){border-bottom-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:0}.gsapshape1:hover>:nth-child(2){border-radius:50% 0}.gsapshape1:hover>:nth-child(3){border-radius:50% 0}.gsapshape1:hover>:nth-child(4){border-radius:0 50%}.gsapshape1>:nth-child(1){border-bottom-right-radius:100%}.gsapshape1>:nth-child(2){border-bottom-left-radius:100%}.gsapshape1>:nth-child(3){border-top-right-radius:100%}.gsapshape1>:nth-child(4){border-top-left-radius:100%}.gsapel{transition:all .3s ease;width:100%;height:100%;background:#246ce0}#idkshape1:hover{transition:all .3s ease;rotate:180deg;scale:1.1}#scaleup:hover{scale:1.2}.text_skill{padding:.5em 1em;border-radius:2em;font-weight:500;color:#fff;text-align:center}.text_skill.even{background-color:transparent;border:2px solid white}.text_skill.odd{background-color:#a658ff}.scroll-track{position:fixed;top:35vh;right:20px;height:40vh;width:6px;background:#fff3;border-radius:999px;z-index:50}.scroll-dots{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1px);background-size:2px 15px;background-repeat:repeat-y;background-position:center;pointer-events:none}.scroll-thumb{position:relative;width:100%;background-color:#a658ff;border-radius:999px;transition:transform .2s ease-out,width .3s ease,margin-left .3s ease,padding .3s ease,margin-top .3s ease;cursor:grab}.scroll-thumb:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:0;border-top:2px solid rgba(0,0,0,.8);border-bottom:2px solid rgba(0,0,0,.8);opacity:0;transition:opacity .3s ease,height .3s ease}.scroll-track:hover .scroll-thumb:after,.scroll-thumb.dragging:after{height:5px;opacity:1}.scroll-track:hover .scroll-thumb,.scroll-thumb.dragging{width:18px;margin-left:-6px;padding:24px 0;margin-top:-10px;cursor:grabbing}@media (max-width: 600px){.scroll-track{display:none}}.wrapperforprojects{width:90vw;overflow:hidden;display:flex;align-items:center;flex-direction:column;gap:1em;margin-top:5vh}.posterholders{width:90vw;overflow:hidden;gap:1em;columns:4;column-gap:1em}@media (max-width: 400px){.posterholders{columns:2;column-gap:1em}}.heading_atproj{margin-top:10vh;margin-bottom:7vh;width:90vw}.heading_atproj .dot-heading{margin-left:10px}.projwarapper{width:100%;display:flex;justify-content:space-between;gap:2em;position:relative!important}.datadetails{width:30%;overflow:hidden}.projimg{width:70%;height:100%;position:relative;overflow:hidden}.img-gradient-overlay{opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#1e1e1e 0%)}.projimg img{width:100%;height:100%;object-fit:cover}#idofproj{background:#a658ff;width:fit-content;padding:0 10px;margin-bottom:10px}.tags_container_atproj{display:flex;flex-wrap:wrap;gap:1em;margin-top:1.5em}.tag_atproj{padding:5px 1em;background:#fff;color:#000;transition:all .5s ease}.datadetails{width:30%;color:#fff}.projwarapper.even{flex-direction:row}.projwarapper.odd{flex-direction:row-reverse}@media (max-width: 800px){.projimg{width:90vw}.projwarapper{margin-bottom:20vh}.projwarapper.even.even,.projwarapper.odd.odd{flex-direction:column}.datadetails{width:100%}}@media (max-width: 500px){.projimg{height:fit-content}.projwarapper{margin-bottom:15vh!important}}@media (max-width: 350px){.projimg{height:fit-content}}@media (max-width: 600px){.projwarapper{margin-bottom:10vh!important}}.tag_atproj:hover{border-radius:2em;background-color:#a658ff;color:#fff}.visit_btn_proj{display:inline-flex;align-items:center;gap:.4em;margin-top:1.5em;padding:.5em 1.4em;background:#a658ff;color:#fff;text-decoration:none;font-size:.95em;font-weight:500;transition:all .3s ease;width:fit-content}.visit_btn_proj:hover{background:#fff;color:#000;border-radius:2em}.visit_btn_proj svg{transition:transform .3s ease}.visit_btn_proj:hover svg{transform:translate(3px,-3px)}.projPosterimg{width:100%;height:fit-content;break-inside:avoid;margin-bottom:1em}.projPosterimg img{width:100%;height:100%;object-fit:cover}nav{width:90vw;height:9vh;display:flex;justify-content:space-between;padding:5px;align-items:center;z-index:110}#namenavratnesh{color:#fff;font-weight:400;letter-spacing:1px;display:inline-block}.nav-name-letter{display:inline-block;cursor:pointer}.nav_navigationlinks:hover .navlinks_counter{color:#a658ff}.navdiv{display:flex;gap:1.5em;align-items:center;font-size:1.05rem}.navlink{height:13vh;overflow:hidden;display:block}.navlink h1{display:inline-block}.nav_navigationlinks{position:relative}.navlinks_counter{height:20px;overflow:hidden;font-size:1.2rem}.underlinenav{position:absolute;bottom:-4px;left:0;width:0%;height:2px;background-color:#a658ff;transform-origin:left}.overlaynavbar{position:fixed;top:0;left:0;transform:translateY(-100vh);width:100%;height:100vh;background:#353535;display:flex;align-items:center;justify-content:center;visibility:visible;will-change:transform,opacity;z-index:99}.navtogglebtn{background:transparent;outline:none;border:none;color:#fff;display:flex;gap:10px;align-items:center;cursor:pointer;font-size:.9em}.menucircle{width:1em;height:1em;max-width:2.5em;max-height:2.5em;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.menuline{width:50%;height:2px;background:#000;margin:2px 0;transform-origin:center}.mnl1{transform:translate(50px)}.mnl2{transform:translate(-50px)}.no-scroll{overflow:hidden;height:100vh;position:fixed;width:100%}html.full-height,body.full-height,#root.full-height{min-height:100vh!important;overflow:hidden!important}.transition_container{width:100vw;height:100svh;display:none;position:fixed;top:0;left:0;overflow:hidden;z-index:120}.tran_block{transform-origin:top center;z-index:120;width:20vw;height:0;break-inside:avoid;background-color:#000;position:relative;transform:translateY(-100%);will-change:transform,height;margin-right:-.5px;transform-style:preserve-3d;backface-visibility:hidden}.tran_block:last-child{margin-right:0}.navcontainer_content{z-index:130;width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;padding:0 5vw;color:#fff}a{text-decoration:none;width:fit-content}.nav_navigationlinks{display:flex;color:#fff;gap:10px}.nav_navigationlinks h1{font-size:4.5vw;text-decoration:none}.sociallinksatnavbar{position:absolute;height:20vh;width:20vw;right:17vw;bottom:27vh;z-index:130;display:flex;flex-direction:column;gap:1vh;font-size:2vw;color:#fff}.sociallinksatnavbar a{color:#fff;display:flex;align-items:center;gap:.5em}.blf_n{width:1.5em!important;height:1.5em!important;border-radius:.3em!important}@media (max-width:700px){.navlink{height:60px;top:0}.sociallinksatnavbar{left:5vw;bottom:10vh;font-size:5vw}.nav_navigationlinks h1{font-size:2.5em}.navcontainer_content{transform:translateY(-20%)}.letstlak{font-size:.9em}}.letstlak{position:relative;border-radius:2em;background-color:#fff;color:#171717;overflow:hidden;cursor:pointer;padding:1vh 1vw}.letstlak .letstlak_button_inner{position:relative;display:inline-flex;overflow:hidden}.letstlak .letstlak_text_top{transform:translateY(0) skewY(0);transition:transform .3s}.letstlak .letstlak_text_bottom{position:absolute;top:0;left:0;transform:translateY(150%) skewY(20deg);transition:transform .3s}.letstlak:hover .letstlak_text_top{transform:translateY(-140%) skewY(23deg)}.letstlak:hover .letstlak_text_bottom{transform:translateY(0) skewY(0)}@media (max-width: 600px){#namenavratnesh{font-size:1.1em}.navdiv{gap:.5em}.sociallinksatnavbar a{width:90vw}}.abobutmedesignsec{margin-top:10vh;width:90vw;height:fit-content;font-size:7vw;color:#fff;margin-bottom:10vh;position:relative}.aboutblockmeitisatabout{width:100%;position:absolute;height:19vh;background:#a658ff;z-index:-1!important;transform:translateY(-80%)}.abts10,.abt10 .myimageidk{width:65%!important}.abt4{text-align:end;align-items:end;padding-top:60px;z-index:-1}.abt1 p span,.abt4 p span{color:#a658ff}.abt11{padding-top:50px;padding-left:20px;width:90%}.abt11 p span{color:#a658ff}.abouthandsek{width:35px;height:35px}.abt11 div h1{font-size:1.9em}.tagsectionidkwhy{width:100%;display:flex;align-items:center;justify-content:center;height:100%;position:relative}.uidesigneratabout,.Developeratabout{padding:2em 2.5em;position:relative}.uidesigneratabout{border:2px solid white;transform:translate(-20%,-50%) rotate(-8deg)}.uba50,.uba51,.uba52,.uba54{width:10px;height:10px;position:absolute;background:#a658ff;border:2px solid white}.uba50{top:-5px;left:-5px}.uba51{bottom:-5px;right:-5px}.uba52{top:-5px;right:-5px}.uba54{bottom:-5px;left:-5px}.Developeratabout{background:#a658ff;padding:2em 4em;z-index:-1;transform:translate(-30%) rotate(8deg)}.ataboutpageseparetorone{height:0vh}@media (max-width:600px){.abts10,.abt10 .myimageidk{width:100%!important}.ataboutpageseparetorone{height:35vh}.tagsectionidkwhy{transform:translateY(100px)}}@media (max-width:310px){.tagsectionidkwhy{display:none}}footer{width:100vw;display:flex;flex-direction:column;padding:0 5vw;color:#fff;align-items:center;justify-content:center;overflow:hidden;position:relative}.mainfooterji{width:90vw;height:95vh;position:absolute;background:#393939;z-index:-1;border-radius:1.5em;border:2px solid #303030}.plight_at_footer_l{left:-35%;animation:floatLeft 8s ease-in-out infinite}.plight_at_footer_r{height:40vh!important;right:-5%;transform:translateY(250%);animation:floatRight 10s ease-in-out infinite}@keyframes floatLeft{0%,to{transform:translate(0) scale(1);opacity:.6}20%{transform:translate(15%,-20%) scale(1.3);opacity:1}40%{transform:translate(25%,5%) scale(.85);opacity:.5}60%{transform:translate(5%,-15%) scale(1.2);opacity:.9}80%{transform:translate(-10%,10%) scale(1.1);opacity:.7}}@keyframes floatRight{0%,to{transform:translateY(250%) scale(1);opacity:.6}20%{transform:translateY(250%) translate(-20%,15%) scale(1.25);opacity:1}40%{transform:translateY(250%) translate(-30%,-10%) scale(.9);opacity:.5}60%{transform:translateY(250%) translate(-10%,20%) scale(1.3);opacity:.9}80%{transform:translateY(250%) translate(10%,-5%) scale(1.15);opacity:.7}}.emptydivf{height:185vh}.pin-containerf{position:relative;width:100%;z-index:70;display:flex;align-items:center}.f_bottomrow,.links_box_f{width:100%;display:flex;justify-content:space-between;margin-bottom:3vh;z-index:71}.newrowf{margin-bottom:15px;color:#cecece}.f_bottomrow{padding:0 7vw;font-size:1.3rem}.boxlinks_f{width:2.3vw;height:2.3vw;background:#fff;display:grid;place-items:center;border-radius:2em;margin-top:5px;position:relative;overflow:hidden}.boxlinks_f svg{z-index:1}.boxlinks_f:before{content:"";width:100%;height:100%;background-color:#a658ff;position:absolute;transform:translateY(100%);transition:all .3s ease;border-radius:2em}.boxlinks_f:hover:before{transform:translateY(0)}.boxlinks_f:hover svg{color:#fff}.links_box_f{gap:1em}.innerwrappertalks{width:90%;height:80%;background:#000;position:absolute;z-index:1}.innerwrappertalks_blink{width:10px;height:100%;background:#fff;position:absolute;left:-10px;animation:blinking 1.5s ease-in-out infinite;opacity:0}@keyframes blinking{0%,to{opacity:0}50%{opacity:1}}.letstalksec{width:0vw;height:0svh;max-width:75vw!important;max-height:50vw!important;border:2px solid white;position:relative;margin-bottom:8svh}.talkmaintainig{display:flex;width:75vw;height:50vh;margin-left:8vw}.thecursor_tells{position:absolute;right:-3em;bottom:-3em}.talkwrapper,.letstalksec h1{width:75vw;height:50svh;overflow:hidden;position:absolute;display:grid;place-items:center;font-size:5vw!important}.fs1:after,.fs1:before,.fs2:after,.fs2:before{content:"";border:2px solid white;position:absolute;width:1em;height:1em;background-color:#a658ff}.fs1:after{top:-.5em;left:-.5em}.fs1:before{top:-.5em;right:-.5em}.fs2:after{bottom:-.5em;left:-.5em}.fs2:before{bottom:-.5em;right:-.5em}.imgelement{position:absolute;right:1vw;bottom:100vh}.contact{position:relative;height:fit-content}#contactmailfooter a{color:#fff;background:#a658ff;padding:0 .5em}.linecontact{position:absolute;width:3px;background-color:#fff;height:40%;bottom:0}.linecontact:before{content:"";width:5px;height:5px;position:absolute;background-color:#a658ff;border:1px solid white}.lc1{left:-5px}.lc2{right:-6px}.lc1:before{top:-10px;left:-2px}.lc2:before{right:-2px;bottom:-10px}@media (max-width:600px){.f_bottomrow{margin-bottom:0;flex-direction:column;gap:2vh;transform:translateY(-10vh);font-size:1rem}.links_box_f{width:fit-content}.talkwrapper{height:25svh}#contactmailfooter{width:fit-content}.boxlinks_f{height:2em;width:2em}}*{margin:0;padding:0;box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page{position:relative;isolation:isolate;color:#111;--page-h: 100vh}.page img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.main_container{width:100vw;max-width:1280px;margin-left:auto;margin-right:auto;position:relative}.page{width:100vw;min-height:100vh;padding-bottom:50px;background-color:#fff7d8;overflow:hidden;overflow:clip}.page:before{content:"";position:absolute;left:50%;top:50%;width:calc(100vw + .22 * var(--page-h, 100vh));height:calc(100% + 26vw);transform:translate(-50%,-50%) rotate(-12deg);transform-origin:center;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(245,195,77,.401) 2px,transparent 2px);background-size:28px 28px}.page>*{position:relative;z-index:1}.page_robo{position:absolute;left:50%;top:50%;width:calc(100vw + .22 * var(--page-h, 100vh));height:calc(100% + 26vw);transform:translate(-50%,-50%) rotate(12deg);transform-origin:center;pointer-events:none;z-index:0}.navbar{min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:5px 0vw}.logo{width:70px;height:70px;display:flex;align-items:center;justify-content:center;cursor:pointer}.logo_mascot{max-width:100%;max-height:100%;display:block;object-fit:contain}.logo_face{position:relative;width:58px;height:58px;background:#111;border-radius:50% 50% 45% 45%;color:#fff;display:flex;align-items:center;justify-content:center}.logo_hair{position:absolute;top:-14px;left:13px;font-size:38px;transform:rotate(-25deg)}.logo_glasses{position:absolute;top:19px;font-size:15px;letter-spacing:-4px}.logo_mouth{position:absolute;bottom:8px;font-size:22px}.navbar_actions{display:flex;align-items:center;gap:12px}.nav_button{position:relative;isolation:isolate;overflow:hidden;min-width:128px;height:46px;padding:0 18px;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.nav_button:hover{transform:translateY(-2px)}.nav_button .robo_pattern{opacity:.9;mix-blend-mode:soft-light;transition:none}.nav_button .robo_pattern_track{--robo-tile-w: 96px;--robo-tile-h: 82px;top:-30%;left:-30%;width:160%;height:160%;background-image:url(/assets/Mascot-B6RysuBB.svg);animation:mascot-rise 7s linear infinite;will-change:transform}@keyframes mascot-rise{0%{transform:rotate(12deg) translateZ(0)}to{transform:rotate(12deg) translate3d(0,calc(-1 * var(--robo-tile-h)),0)}}.nav_button_label{position:relative;z-index:1;pointer-events:none}.contact_button{background:linear-gradient(135deg,#c52de9,#8f16ce);box-shadow:0 5px #55006e26}.menu_button{background:linear-gradient(135deg,#29ee59,#18c847);box-shadow:0 5px #006e2326}.intro_section{max-height:200px;border:2px solid #111;border-radius:30px;overflow:hidden;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 3px #00000014}.intro_content{position:relative;isolation:isolate;width:100%;flex:1;padding:20px;background-color:#fff}.intro_content:before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 40vw);height:calc(100% + 40vw);transform:translate(-50%,-50%) rotate(12deg);transform-origin:center;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(190,190,190,.35) 2px,transparent 2px);background-size:22px 22px}.intro_content>*{position:relative;z-index:1}.intro_label{margin-bottom:8px;font-size:14px;font-weight:700}.intro_content h1{font-size:clamp(25px,2.2vw,34px);line-height:1.18;font-weight:700}.social_bar{z-index:1;width:100%;min-height:60px;max-height:60px;padding:0 25px;display:flex;align-items:center;gap:20px;background-color:#ffca6a;background-image:url("data:image/svg+xml,%3csvg%20width='618'%20height='440'%20viewBox='0%200%20618%20440'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='616'%20height='440'%20transform='translate(1.06641)'%20fill='%23FFDDA6'/%3e%3cpath%20d='M1.06641%20220L158.366%200H1.06641V220Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M617.262%200L459.962%20220H617.262V0Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M310.166%200L155.066%20220H310.166V0Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M310.145%20220L465.245%200H310.145V220Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M155.1%20220L-0.000396729%20440H155.1V220Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M155.078%20440L310.178%20220H155.078V440Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M460.1%20220L305%20440H460.1V220Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M460.078%20440L615.178%20220H460.078V440Z'%20fill='%23FCCE80'/%3e%3c/svg%3e");background-repeat:repeat;background-size:100.5px 73px}.social_bar a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;border-radius:5px;transition:transform .2s ease}.blogs_container{position:relative;isolation:isolate;height:fit-content;margin-top:17px;border:2px solid #111;border-radius:28px;overflow:hidden;background-color:#fff;padding-bottom:40px;display:flex;flex-direction:column;align-items:start;justify-content:start;width:100%}.blogs_container:before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 40vw);height:calc(100% + 40vw);transform:translate(-50%,-50%) rotate(12deg);transform-origin:center;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(190,190,190,.3) 2px,transparent 2px);background-size:22px 22px}.blogs_container>*{position:relative;z-index:1}.blogs_header{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:60px;padding:0 25px;display:flex;align-items:center;color:#fff;background-color:#303033;background-image:url("data:image/svg+xml,%3csvg%20width='201'%20height='200'%20viewBox='0%200%20201%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_24_242)'%3e%3crect%20width='201'%20height='200'%20fill='%233B3B3B'/%3e%3cpath%20d='M79.0761%2020.9239L21.2132%2078.7868C9.49747%2090.5025%209.49746%20109.497%2021.2132%20121.213L79.0761%20179.076C90.7918%20190.792%20109.787%20190.792%20121.503%20179.076L179.365%20121.213C191.081%20109.497%20191.081%2090.5025%20179.365%2078.7868L121.503%2020.9239C109.787%209.20817%2090.7918%209.20816%2079.0761%2020.9239Z'%20fill='%234C494D'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_24_242'%3e%3crect%20width='201'%20height='200'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-repeat:repeat;background-size:30px 30px}.blogs_header:before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 30vw);height:calc(100% + 30vw);transform:translate(-50%,-50%) rotate(12deg);transform-origin:center;pointer-events:none;z-index:0}.blogs_header>*{position:relative;z-index:1}.blogs_header h2{font-size:clamp(21px,2vw,24px);font-weight:500}.blog_controls{width:100%;padding:20px;display:flex;align-items:center;gap:30px}.search_box{flex:1;position:relative}.search_box img{position:absolute;top:50%;left:20px;transform:translateY(-50%);width:24px;height:24px;pointer-events:none}.search_box input{width:100%;height:50px;padding:0 34px 0 52px;border:none;border-radius:13px;outline:none;color:#fff;background:#656ba0;font-size:21px;font-weight:500;box-shadow:inset 0 2px 5px #0000001f}.search_box input::placeholder{color:#fff;opacity:.6}.view_switcher{width:fit-content;height:50px;padding:5px;border-radius:30px;background:#656ba0;display:flex;align-items:center;justify-content:space-between}.view_button{position:relative;width:40px;height:40px;border:none;border-radius:24px;background:transparent;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden}.view_button.active{background:#3c477e}.view_button.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #ffffff59;pointer-events:none}.view_button--list{flex-direction:column;gap:4px}.view_button--list>span{width:27px;height:3px;border-radius:5px;background:#fff}.inner_container{width:100%}.blog_grid{width:100%;padding:0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;align-content:start}.blog_card{min-width:0;overflow:hidden;border:2px solid #111;border-radius:34px;color:#fff;background-color:#61228b;background-image:url("data:image/svg+xml,%3csvg%20width='201'%20height='200'%20viewBox='0%200%20201%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_12_46)'%3e%3crect%20width='201'%20height='200'%20fill='%2370358B'/%3e%3cpath%20d='M100.289%20-0.289307L-3.77001e-06%20100L100.289%20200.289L200.579%20100L100.289%20-0.289307Z'%20fill='%235F2B77'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_12_46'%3e%3crect%20width='201'%20height='200'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-repeat:repeat;background-size:40px 40px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.blog_card:hover{transform:translateY(-3px)}.blog_card_top{width:100%;min-height:68px;padding:0 26px;display:flex;align-items:center}.blog_category{font-size:19px;font-weight:800}.Blog_img_nm{display:flex;flex-direction:column;background:#fff;width:96%;border-radius:30px;border:3px solid black;overflow:hidden}.blog_image_wrapper{flex-shrink:0;width:100%;max-width:100%;margin:0 auto;aspect-ratio:16 / 9;overflow:hidden;border-radius:0 0 20px 20px;background:#ddd}.blog_image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}.blog_title_box{padding:14px 16px;min-height:64px;border-radius:16px;background:#fff;color:#111}.blog_title_box h2{font-size:clamp(17px,1.5vw,22px);line-height:1.25;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog_card_bottom{min-height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.blog_date{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;white-space:nowrap}.calendar_icon{font-size:14px}.read_link{display:flex;align-items:center;gap:5px;justify-content:center;font-size:15px;font-weight:500;white-space:nowrap;transition:transform .2s ease}.read_link:hover{transform:translate(4px)}.blog_grid.list{grid-template-columns:1fr}.blog_card--list{flex-direction:row;align-items:stretch;justify-content:stretch;text-align:left}.blog_card--list .blog_card_media{width:38%;min-width:0;display:flex;align-items:center;justify-content:center;padding:10px}.blog_card--list .blog_image_wrapper{aspect-ratio:16 / 9;width:100%;border-radius:20px}.blog_card--list .blog_card_info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px 16px 12px 6px}.blog_card--list .blog_category{margin-bottom:6px}.blog_card--list .blog_title_box{margin:0;width:100%;height:100%}.blog_card--list .blog_title_box h2{font-size:clamp(20px,2vw,28px)}.blog_card--list .blog_card_excerpt{padding:4px 0 0;-webkit-line-clamp:3;line-clamp:3;width:100%}.blog_no_results{grid-column:1 / -1;padding:60px 20px;text-align:center;color:#565d91;font-size:17px;font-weight:800}@media (min-width: 1600px){.main_container{max-width:1480px}}@media (max-width: 1100px){.main_container{width:calc(100% - 40px)}.blogs_header{padding:0 20px}.blog_controls,.blog_grid{width:100%}.blog_grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog_detail_layout{grid-template-columns:1fr}.blog_detail_side{flex-direction:row;align-items:stretch}.blog_side_points{flex:1.6;min-width:0}.blog_ad{min-height:160px;flex:1}}@media (max-width: 768px){.page{padding-bottom:25px}.navbar{min-height:80px}.logo{width:55px;height:55px}.logo_mascot{max-width:100%;max-height:100%}.navbar_actions{gap:8px}.nav_button{min-width:auto;height:42px;padding:0 14px;border-radius:10px;font-size:14px}.intro_section{border-radius:22px}.intro_content{padding:20px}.intro_content h1{font-size:25px}.social_bar{padding:0 20px;min-height:0px;height:50px}.blogs_container{border-radius:22px}.blogs_header{min-height:70px;padding:15px 25px}.blogs_header h2{font-size:19px}.blog_controls{width:100%;gap:10px}.search_box input{height:50px;padding:0 20px 0 38px;font-size:17px}.search_box img{left:14px;width:16px;height:16px}.view_switcher{height:50px;width:100px}.view_button{width:44px;height:40px}.blog_grid{width:100%;grid-template-columns:1fr;gap:18px}.blog_detail_side{flex-direction:column}.blog_ad{min-height:140px}.blog_title_box h2{font-size:19px}.blog_card--list{flex-direction:column}.blog_card--list .blog_card_media{width:100%;padding:18px 18px 0}.blog_card--list .blog_image_wrapper{aspect-ratio:1.55 / 1;height:auto;min-height:0}.blog_card--list .blog_card_info{padding:14px 18px 18px}}@media (max-width: 500px){.main_container{width:calc(100% - 20px)}.navbar{padding:10px 0}.navbar_actions{gap:6px}.contact_button{display:none}.menu_button{padding:0 20px}.intro_section{max-height:fit-content;border-radius:18px}.intro_content{padding:15px}.intro_label{font-size:12px}.intro_content h1{font-size:18px}.social_bar{min-height:35px;background-size:90.5px 65px}.blog_point_head{background-size:67.5px 50px}.blogs_container{margin-top:12px;border-radius:18px;padding-bottom:25px}.blogs_header{min-height:auto;padding:15px}.blogs_header h2{font-size:17px;line-height:1.3}.blog_controls{width:100%;align-items:stretch;padding:10px}.search_box input{height:46px;padding:0 15px 0 34px;font-size:15px}.search_box img{left:12px;width:14px;height:14px}.view_switcher{display:none}.blog_grid{width:100%;gap:15px;padding:0 10px}.blog_card{border-radius:26px}.blog_card_top{min-height:58px;padding:0 20px}.blog_category{font-size:16px}.blog_title_box{padding:12px 14px;min-height:auto}.blog_title_box h2{font-size:17px}.blog_card_bottom{min-height:52px;padding:0 17px}.blog_date,.read_link{font-size:13px}.blog_detail_layout{gap:15px}.blog_detail_main{border-radius:18px}.blog_detail_main_head{padding:24px 14px}.blog_detail_main_head h1{font-size:26px}.blog_detail_main_pad{padding:14px}.blog_detail_image_wrapper{border-radius:14px}.blog_author_row{padding:12px 14px;font-size:13px}.blog_author_badge{width:32px;height:32px;font-size:13px}.blog_meta{gap:8px}.blog_detail_side{gap:15px}.blog_ad{min-height:120px}.blog_side_points{border-radius:18px}.blog_side_points_head h3{font-size:19px}.blog_side_points_body{padding:14px}.blog_menu_overlay{padding:16px 12px}.blog_menu_close{padding:8px 16px;font-size:15px}.blog_menu_links{gap:10px}.blog_menu_link{gap:12px}.blog_menu_link_text{font-size:clamp(32px,12vw,46px)}.blog_menu_socials{justify-content:center;gap:10px}.blog_menu_socials a{padding:8px 14px;font-size:14px}.blog_detail_notfound{padding:40px 18px;border-radius:18px}}.blog_header{position:relative}.navbar_actions .menu_button.active{background:#111;color:#fff}.blog_menu_overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;padding:clamp(20px,4vw,48px);background-color:#fff7d8;background-image:radial-gradient(circle,rgba(245,194,77,.25) 2px,transparent 2px);background-size:28px 28px}.blog_menu_close{align-self:flex-end;padding:10px 20px;border:2px solid #111;border-radius:999px;background:#ffca6a;font-size:17px;font-weight:800;transition:transform .2s ease,background .2s ease}.blog_menu_close:hover{transform:translateY(-3px);background:#29ee59}.blog_menu_links{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,2vh,18px)}.blog_menu_link{width:fit-content;display:flex;align-items:baseline;gap:18px;border:none;background:transparent;color:#111;text-align:left}.blog_menu_link_index{font-size:14px;font-weight:800;color:#8f16ce}.blog_menu_link_text{display:flex;overflow:hidden;font-size:clamp(40px,9vw,92px);font-weight:800;line-height:1.05}.blog_menu_link_text span{display:inline-block}.blog_menu_link:hover .blog_menu_link_text{color:#8f16ce}.blog_menu_socials{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}.blog_menu_socials a{padding:10px 18px;border:2px solid #111;border-radius:999px;background:#fff;font-size:15px;font-weight:800;transition:transform .2s ease,background .2s ease}.blog_menu_socials a:hover{transform:translateY(-3px);background:#29ee59}.blog_footer{position:relative;isolation:isolate;margin-top:17px;border:2px solid #111;border-radius:30px;overflow:hidden;background:#fff;padding:0}.blog_footer:before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 30vw);height:calc(100% + 30vw);transform:translate(-50%,-50%) rotate(12deg);transform-origin:center;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(190,190,190,.3) 2px,transparent 2px);background-size:22px 22px}.blog_footer>*{position:relative;z-index:1}.blog_footer_letstalk{position:relative;isolation:isolate;width:100%;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,5vw,60px) clamp(20px,5vw,60px);background:#111;color:#fff}.blog_footer_letstalk:before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 30vw);height:calc(100% + 30vw);transform:translate(-50%,-50%) rotate(12deg);transform-origin:center;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.16) 2px,transparent 2px);background-size:24px 24px}.blog_footer_letstalk>*{position:relative;z-index:1}.blog_footer_letstalk h2{font-size:clamp(26px,4.5vw,54px);font-weight:800;line-height:1.1}.blog_footer_letstalk .blog_footer_email{font-size:clamp(16px,1.8vw,24px);font-weight:700;color:#29ee59;transition:color .2s ease}.blog_footer_letstalk .blog_footer_email:hover{color:#ffca6a}.blog_footer_bottom{width:100%;min-height:70px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:2px solid #111;background-color:#ffca6a;background-image:url("data:image/svg+xml,%3csvg%20width='618'%20height='440'%20viewBox='0%200%20618%20440'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='616'%20height='440'%20transform='translate(1.06641)'%20fill='%23FFDDA6'/%3e%3cpath%20d='M1.06641%20220L158.366%200H1.06641V220Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M617.262%200L459.962%20220H617.262V0Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M310.166%200L155.066%20220H310.166V0Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M310.145%20220L465.245%200H310.145V220Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M155.1%20220L-0.000396729%20440H155.1V220Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M155.078%20440L310.178%20220H155.078V440Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M460.1%20220L305%20440H460.1V220Z'%20fill='%23FCCE80'/%3e%3cpath%20d='M460.078%20440L615.178%20220H460.078V440Z'%20fill='%23FCCE80'/%3e%3c/svg%3e");background-repeat:repeat;background-size:100.5px 73px;color:#111;font-size:14px;font-weight:700}.blog_footer_socials{display:flex;gap:10px}.blog_footer_socials a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid #111;border-radius:12px;background:#fff;font-size:15px;font-weight:800;transition:transform .2s ease,background .2s ease}.blog_footer_socials a:hover{transform:translateY(-3px) rotate(-3deg);background:#29ee59}.blog_detail_layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start;margin-top:10px}.blog_detail_main{position:relative;isolation:isolate;border:2px solid #111;border-radius:28px;overflow:hidden;background-color:#fff}.blog_detail_main:before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 100vw);height:calc(100% + 30vw);transform:translate(-50%,-50%) rotate(12deg);transform-origin:center;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(190,190,190,.3) 2px,transparent 2px);background-size:22px 22px}.blog_detail_main>*{position:relative;z-index:1}.blog_detail_main_head{position:relative;isolation:isolate;overflow:hidden;padding:20px;color:#fff;background-color:#303033;background-image:url("data:image/svg+xml,%3csvg%20width='201'%20height='200'%20viewBox='0%200%20201%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_24_242)'%3e%3crect%20width='201'%20height='200'%20fill='%233B3B3B'/%3e%3cpath%20d='M79.0761%2020.9239L21.2132%2078.7868C9.49747%2090.5025%209.49746%20109.497%2021.2132%20121.213L79.0761%20179.076C90.7918%20190.792%20109.787%20190.792%20121.503%20179.076L179.365%20121.213C191.081%20109.497%20191.081%2090.5025%20179.365%2078.7868L121.503%2020.9239C109.787%209.20817%2090.7918%209.20816%2079.0761%2020.9239Z'%20fill='%234C494D'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_24_242'%3e%3crect%20width='201'%20height='200'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-repeat:repeat;background-size:30px 30px}.blog_detail_main_head h1{position:relative;z-index:1;font-size:clamp(30px,4.5vw,38px);font-weight:700;line-height:1.25}.blog_detail_main_pad{padding:20px}.blog_detail_image_wrapper{aspect-ratio:16 / 9;border:2px solid #111;border-radius:20px;overflow:hidden;background:#ddd}.blog_detail_image_wrapper img{width:100%;height:100%;display:block;object-fit:cover}.blog_author_row{margin-top:20px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:2px solid #111;border-radius:16px;background:#fff;color:#565d91;font-size:15px;font-weight:700}.blog_author{display:flex;align-items:center;gap:10px;color:#111;font-weight:800}.blog_author_badge{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid #111;border-radius:50%;background:#ffca6a;font-size:15px;font-weight:800}.blog_meta{display:flex;align-items:center;gap:10px}.blog_meta_sep{color:#ffca6a}.blog_portfolio_link{margin-top:16px}.blog_portfolio_link a{display:inline-block;padding:10px 20px;border:2px solid #111;border-radius:12px;background:#ffca6a;color:#111;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.blog_portfolio_link a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.blog_detail_body{padding-top:clamp(22px,4vw,34px)}.blog_detail_body p{margin-bottom:22px;color:#222;font-size:clamp(17px,1.4vw,20px);font-weight:400;line-height:1.75}.blog_detail_back{display:inline-flex;align-items:center;margin:24px 0 6px;padding:12px 22px;border:2px solid #111;border-radius:999px;background:#fff;font-weight:800;transition:transform .2s ease,background .2s ease}.blog_detail_back:hover{transform:translate(-4px);background:#ffca6a}.blog_detail_back.center{margin:0}.blog_detail_side{position:relative;display:flex;flex-direction:column;gap:22px;align-self:stretch}.blog_ad{min-height:180px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #111;border-radius:20px;background:#fff;color:#4a4a55}.blog_ad_label{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#565d91}.blog_ad_placeholder{font-size:16px;font-weight:700}.blog_side_points{position:sticky;top:30px;isolation:isolate;border:2px solid #111;border-radius:24px;overflow:hidden;background-color:#fff}.blog_side_points>*{position:relative;z-index:1}.blog_side_points_head{z-index:2;position:relative;isolation:isolate;overflow:hidden;padding:18px 20px;color:#fff;background-color:#303033;background-image:url("data:image/svg+xml,%3csvg%20width='201'%20height='200'%20viewBox='0%200%20201%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_24_242)'%3e%3crect%20width='201'%20height='200'%20fill='%233B3B3B'/%3e%3cpath%20d='M79.0761%2020.9239L21.2132%2078.7868C9.49747%2090.5025%209.49746%20109.497%2021.2132%20121.213L79.0761%20179.076C90.7918%20190.792%20109.787%20190.792%20121.503%20179.076L179.365%20121.213C191.081%20109.497%20191.081%2090.5025%20179.365%2078.7868L121.503%2020.9239C109.787%209.20817%2090.7918%209.20816%2079.0761%2020.9239Z'%20fill='%234C494D'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_24_242'%3e%3crect%20width='201'%20height='200'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-repeat:repeat;background-size:30px 30px}.blog_side_points_head h3{position:relative;z-index:1;font-size:22px;font-weight:800}.blog_side_points_body{padding:18px;position:relative}.dotpattern_point{position:absolute}.dotpattern_point{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 30vw);height:calc(100% + 30vw);transform:translate(-50%,-50%) rotate(12deg);transform-origin:center;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(190,190,190,.3) 2px,transparent 2px);background-size:22px 22px}.blog_points_bare{display:flex;flex-direction:column;gap:16px;z-index:1}.blog_points{position:relative;isolation:isolate;margin:8px 0 30px;padding:18px;border:2px solid #111;border-radius:24px;overflow:hidden;background-color:#fff;background-image:radial-gradient(circle,rgba(190,190,190,.3) 2px,transparent 2px);background-size:22px 22px;display:flex;flex-direction:column;gap:16px}.blog_points_bare{position:relative;isolation:isolate}.blog_points>.blog_point,.blog_points_bare>.blog_point{position:relative;z-index:1}.blog_point_head{position:relative;overflow:hidden;display:flex;align-items:center;border-radius:16px;background-color:#303033;background-image:url("data:image/svg+xml,%3csvg%20width='618'%20height='440'%20viewBox='0%200%20618%20440'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='616'%20height='440'%20transform='translate(1.06738)'%20fill='%230088B9'/%3e%3cpath%20d='M1.06738%20220L158.367%200H1.06738V220Z'%20fill='%2327A3D0'/%3e%3cpath%20d='M617.263%200L459.963%20220H617.263V0Z'%20fill='%2327A3D0'/%3e%3cpath%20d='M310.167%200L155.067%20220H310.167V0Z'%20fill='%2327A3D0'/%3e%3cpath%20d='M310.146%20220L465.246%200H310.146V220Z'%20fill='%2327A3D0'/%3e%3cpath%20d='M155.1%20220L-0.000396729%20440H155.1V220Z'%20fill='%2327A3D0'/%3e%3cpath%20d='M155.078%20440L310.178%20220H155.078V440Z'%20fill='%2327A3D0'/%3e%3cpath%20d='M460.1%20220L305%20440H460.1V220Z'%20fill='%2327A3D0'/%3e%3cpath%20d='M460.078%20440L615.178%20220H460.078V440Z'%20fill='%2327A3D0'/%3e%3c/svg%3e");background-repeat:repeat;background-size:68.5px 49px;z-index:1}.blog_point_num{flex-shrink:0;width:44px;height:44px;margin-left:5px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:28px;font-weight:700;z-index:2}.blog_point_title{position:relative;flex:1;min-width:0;padding:10px 30px;color:#111;font-size:clamp(15px,1.6vw,18px);font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;z-index:2}.blog_point_title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20300%2062'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M31.5464%206.40201C34.353%202.38982%2038.9412%200%2043.8376%200L291.154%200C295.573%200%20299.154%203.58172%20299.154%208V54C299.154%2058.4183%20295.573%2062%20291.154%2062H8.01355C1.54254%2062%20-2.25097%2054.7169%201.45821%2049.4144L31.5464%206.40201Z'%20fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;z-index:-1}.blog_point_text{margin:10px 0 0;color:#333;font-size:clamp(16px,1.3vw,18px);line-height:1.7}.blog_point--clickable{cursor:pointer;transition:transform .2s ease}.blog_point--clickable:hover{transform:translate(4px)}.blog_point--clickable:active{transform:translate(2px)}@media (max-width: 500px){.blog_points{padding:14px}.blog_detail_main:before{width:calc(100% + 400vw)}.blog_point_num{width:38px;height:38px;font-size:14px}.blog_point_title{padding:8px 16px;line-clamp:2;overflow:hidden}}.blog_detail_notfound{margin-top:10px;padding:70px 30px;border:2px solid #111;border-radius:28px;background:#fff;text-align:center}.blog_detail_notfound h1{font-size:clamp(30px,5vw,52px);font-weight:800}.blog_detail_notfound p{margin:12px 0 26px;color:#565d91;font-weight:700}@media (max-width: 1100px){.blog_detail_layout{grid-template-columns:1fr}.blog_detail_side{flex-direction:row;align-items:stretch}.blog_side_points{flex:1.6;min-width:0;position:static}.blog_ad{min-height:160px;flex:1}}@media (max-width: 768px){.blog_detail_side{flex-direction:column}.blog_ad{min-height:140px}.blog_detail_main{border-radius:22px}.blog_side_points{border-radius:20px}}@media (max-width: 500px){.blog_footer_bottom{background-size:90.5px 65px}.blog_detail_layout{gap:15px}.blog_detail_main{border-radius:18px}.blog_detail_main_head{padding:24px 14px}.blog_detail_main_head h1{font-size:18px;line-height:1.15}.blog_detail_main_pad{padding:14px}.blog_detail_image_wrapper{border-radius:14px}.blog_author_row{padding:12px 14px;gap:6px;font-size:13px}.blog_author_badge{width:32px;height:32px;font-size:13px}.blog_meta{gap:8px}.blog_detail_side{gap:15px}.blog_ad{min-height:120px;padding:14px}.blog_side_points{border-radius:18px}.blog_side_points_head{padding:14px 16px}.blog_side_points_head h3{font-size:19px}.blog_side_points_body{padding:14px}.blog_detail_body{padding-top:20px}.blog_detail_body p{margin-bottom:18px;font-size:16px;line-height:1.7}.blog_detail_back{padding:10px 18px;font-size:15px}.blog_detail_notfound{padding:40px 18px;border-radius:18px}.blog_menu_overlay{padding:16px 12px}.blog_menu_close{padding:8px 16px;font-size:15px}.blog_menu_links{gap:10px}.blog_menu_link{gap:12px}.blog_menu_link_text{font-size:clamp(32px,12vw,46px)}.blog_menu_socials{justify-content:center;gap:10px}.blog_menu_socials a{padding:8px 14px;font-size:14px}}.blog_content_heading{color:#111;margin-top:clamp(28px,4vw,44px);margin-bottom:clamp(12px,2vw,18px);font-weight:800;line-height:1.3}.blog_content_h2{font-size:clamp(22px,2vw,30px)}.blog_content_h3{font-size:clamp(19px,1.7vw,25px)}.blog_content_h4{font-size:clamp(17px,1.4vw,21px)}.blog_content_figure{margin:clamp(24px,3vw,40px) 0}.blog_content_image_wrapper{border:2px solid #111;border-radius:16px;overflow:hidden;background:#ddd;aspect-ratio:16 / 9}.blog_content_image_wrapper img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s ease}.blog_content_image_wrapper:hover img{transform:scale(1.03)}.blog_content_caption{margin-top:10px;text-align:center;font-size:clamp(13px,1.1vw,15px);color:#777;font-style:italic}.blog_content_quote{margin:clamp(24px,3vw,40px) 0;padding:clamp(18px,2vw,28px) clamp(20px,2.5vw,36px);border-left:5px solid #111;border-radius:0 12px 12px 0;background:#f7f7f7}.blog_content_quote p{margin-bottom:10px!important;font-size:clamp(16px,1.5vw,22px)!important;font-weight:500;font-style:italic;color:#333!important}.blog_content_quote_author{display:block;font-size:clamp(14px,1.1vw,16px);font-style:normal;color:#888;font-weight:600}.blog_content_list{margin:clamp(16px,2vw,24px) 0;padding-left:clamp(20px,2vw,30px)}.blog_content_list li{margin-bottom:10px;color:#222;font-size:clamp(17px,1.4vw,20px);font-weight:400;line-height:1.75;padding-left:6px}.blog_content_list li::marker{color:#111;font-weight:800}.blog_content_code{margin:clamp(20px,2.5vw,32px) 0;padding:clamp(16px,2vw,24px);border:2px solid #111;border-radius:12px;background:#1a1a1a;overflow-x:auto}.blog_content_code code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:clamp(14px,1.1vw,16px);line-height:1.7;color:#e0e0e0;white-space:pre}.blog_detail_tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(20px,2.5vw,32px);padding-top:clamp(16px,2vw,24px);border-top:1px solid #e0e0e0}.blog_detail_tag{padding:6px 14px;border:2px solid #111;border-radius:999px;font-size:clamp(12px,1vw,14px);font-weight:600;color:#111;background:#fff;transition:background .2s ease,color .2s ease}.blog_detail_tag:hover{background:#111;color:#fff}.blog_card_excerpt{margin:0;padding:0;font-size:clamp(14px,1.1vw,16px);color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.robo_pattern{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;pointer-events:none}.robo_pattern_track{--robo-tile-w: 274px;--robo-tile-h: 206px;position:absolute;left:0;top:0;width:100%;height:calc(100% + var(--robo-tile-h));background-image:url("data:image/svg+xml,%3csvg%20width='274'%20height='206'%20viewBox='0%200%20274%20206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(137%20103)%20scale(0.5)%20translate(-137%20-103)'%3e%3cpath%20d='M21.1772%2069.6807L21.1323%2069.3633C21.1305%2069.3483%2021.128%2069.3249%2021.1245%2069.2939C21.1147%2069.2069%2021.0993%2069.0576%2021.0825%2068.8506C21.0489%2068.4356%2021.0101%2067.7898%2021.0015%2066.9463C20.9842%2065.2571%2021.0868%2062.7888%2021.5845%2059.8027C22.5783%2053.8397%2025.1404%2045.8303%2031.4653%2037.7803C44.0238%2021.7968%2072.3977%204.50001%20136.677%204.5C200.957%204.5%20229.331%2021.7968%20241.889%2037.7803C248.214%2045.8303%20250.776%2053.8397%20251.77%2059.8027C252.268%2062.7888%20252.37%2065.2571%20252.353%2066.9463C252.344%2067.7898%20252.307%2068.4356%20252.273%2068.8506C252.256%2069.0576%20252.24%2069.2069%20252.23%2069.2939C252.226%2069.3249%20252.224%2069.3483%20252.222%2069.3633L252.177%2069.6807V70L252.178%20147.468C252.178%20147.471%20252.178%20147.488%20252.177%20147.517C252.175%20147.575%20252.171%20147.684%20252.16%20147.842C252.138%20148.157%20252.091%20148.664%20251.992%20149.334C251.793%20150.676%20251.386%20152.668%20250.548%20155.096C248.88%20159.933%20245.49%20166.556%20238.55%20173.265C224.696%20186.657%20196.021%20201%20136.677%20201C77.3334%20201%2048.659%20186.657%2034.8052%20173.265C27.8655%20166.556%2024.4752%20159.933%2022.8071%20155.096C21.97%20152.668%2021.562%20150.676%2021.3638%20149.334C21.2647%20148.664%2021.2185%20148.157%2021.1968%20147.842C21.1859%20147.684%2021.1811%20147.575%2021.1792%20147.517L21.1782%20147.468L21.1772%2070V69.6807Z'%20stroke='%23FFE5BA'%20stroke-width='9'/%3e%3cpath%20d='M136.5%2054C168.594%2054%20193.421%2058.1526%20210.057%2062.2266C225.262%2065.9503%20234.5%2080.041%20234.5%2095.6953V124C234.5%20137.255%20223.755%20148%20210.5%20148H62.5C49.2452%20148%2038.5%20137.255%2038.5%20124V95.6953C38.5002%2080.041%2047.7384%2065.9503%2062.9434%2062.2266C79.5789%2058.1526%20104.406%2054%20136.5%2054ZM90.5%2090C83.8696%2090%2077.5107%2092.6339%2072.8223%2097.3223C69.6217%20100.523%2067.3787%20104.502%2066.2773%20108.814C65.4232%20112.159%2068.2982%20115%2071.75%20115C75.2018%20115%2077.8755%20112.036%2079.5303%20109.007C80.0963%20107.971%2080.8112%20107.011%2081.6611%20106.161C84.0053%20103.817%2087.1848%20102.5%2090.5%20102.5C93.8152%20102.5%2096.9947%20103.817%2099.3389%20106.161C100.189%20107.011%20100.904%20107.971%20101.47%20109.007C103.125%20112.036%20105.798%20115%20109.25%20115C112.702%20115%20115.577%20112.159%20114.723%20108.814C113.621%20104.502%20111.378%20100.523%20108.178%2097.3223C103.489%2092.6339%2097.1304%2090%2090.5%2090ZM183%2090C176.37%2090%20170.011%2092.6339%20165.322%2097.3223C162.122%20100.523%20159.879%20104.502%20158.777%20108.814C157.923%20112.159%20160.798%20115%20164.25%20115C167.702%20115%20170.375%20112.036%20172.03%20109.007C172.596%20107.971%20173.311%20107.011%20174.161%20106.161C176.505%20103.817%20179.685%20102.5%20183%20102.5C186.315%20102.5%20189.495%20103.817%20191.839%20106.161C192.689%20107.011%20193.404%20107.971%20193.97%20109.007C195.625%20112.036%20198.298%20115%20201.75%20115C205.202%20115%20208.077%20112.159%20207.223%20108.814C206.121%20104.502%20203.878%20100.523%20200.678%2097.3223C195.989%2092.6339%20189.63%2090%20183%2090Z'%20fill='%23FFE5BA'/%3e%3ccircle%20cx='193.5'%20cy='160'%20r='5'%20fill='%23FFE5BA'/%3e%3ccircle%20cx='206.5'%20cy='160'%20r='5'%20fill='%23FFE5BA'/%3e%3ccircle%20cx='219.5'%20cy='160'%20r='5'%20fill='%23FFE5BA'/%3e%3cpath%20d='M19.9997%2075.5H13.5C8.52944%2075.5%204.5%2079.5294%204.5%2084.5V117C4.5%20121.971%208.52944%20126%2013.5%20126H19.9997'%20stroke='%23FFE5BA'%20stroke-width='9'%20stroke-linecap='round'/%3e%3cpath%20d='M253.5%2075.5H260C264.971%2075.5%20269%2079.5294%20269%2084.5V117C269%20121.971%20264.971%20126%20260%20126H253.5'%20stroke='%23FFE5BA'%20stroke-width='9'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e");background-repeat:repeat;background-size:var(--robo-tile-w) var(--robo-tile-h);animation:robo-slide 8s linear infinite;will-change:transform}@keyframes robo-slide{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(-1 * var(--robo-tile-h)),0)}}.blog-scroll-track{position:fixed;top:35vh;right:20px;width:26px;height:40vh;background:#0003;border-radius:999px;z-index:200;overflow:hidden}.blog-scroll-thumb{position:absolute;left:5px;right:5px;top:5px;bottom:5px;min-height:40px;border-radius:999px;overflow:hidden;cursor:grab;transition:transform .2s ease-out,left .3s ease,right .3s ease}.blog-scroll-thumb-pattern{position:absolute;top:50%;left:50%;width:calc(100% + 400px);height:calc(100% + 400px);transform:translate(-50%,-50%) rotate(90deg);background-image:url(/Scroller_Lines.svg);background-repeat:repeat;background-position:0 0;background-size:45px 32.22px;will-change:background-position;pointer-events:none}.blog-scroll-track:hover .blog-scroll-thumb,.blog-scroll-thumb.dragging{left:2px;right:2px;cursor:grabbing}.blog-scroll-thumb.dragging{transition:none}@media (max-width: 600px){.blog-scroll-track{display:none}}.scrollbar-active .cursorcustomeone{opacity:0!important;transition:opacity .2s ease}*{padding:0;margin:0;box-sizing:border-box;font-family:Lexend,sans-serif;font-optical-sizing:auto;font-style:normal}body,html{width:100vw;height:fit-content;overflow-x:hidden}#root{width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow-x:hidden}#root::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{background:#1e1e1e;position:relative}::selection{background:#a658ff;color:#fff}img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}section{width:90vw;height:100vh;display:flex;align-items:center;justify-content:space-between;position:relative}.herosection{color:#fff;width:92vw;height:100vh;z-index:10}.herotitles h1{font-size:12.2em;font-weight:500}.herotitles{margin-top:10vh}.herotohero{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center}.avtareyes{max-height:210px!important;min-width:210px!important;height:210px;background:#fff;border-radius:200px;padding:10px;margin-left:40px;position:relative;transition:all .1s ease-out;overflow:hidden}@media (max-width: 600px){.avtareyes{margin-left:0;margin-top:10vh}}.avtareyes:before{content:"";position:absolute;top:var(--y);left:var(--x);width:0;height:0;background:#a658ff;z-index:10;border-radius:50%;transform:translate(-40%,-40%);transition:.5s,top 0s,left 0s}.avtareyes:hover:before{width:500px;height:500px}.eyeballs{top:50%;left:50%;position:absolute;transform:translate(-50%,70%);width:75px;display:flex;justify-content:space-between;z-index:20}.eyeball{background:#000;width:10px;height:10px;border-radius:20px;position:relative;transition:transform .1s ease-out}.eyeball:after{content:"";position:absolute;width:5px;z-index:10;height:5px;top:0;right:-1px;background-color:#fff;border-radius:10px}.avtareyes img{width:100%;height:100%;object-fit:contain;z-index:19;position:relative}.myskillsathero{margin-right:2%;text-align:end;color:#8a8a8a}.autoswipe_tonextskillhero{height:30px;color:#a658ff;overflow:hidden}.myimage{width:90vw;background:#6c6c6c;height:234vh;border-radius:30px;position:absolute;z-index:5;bottom:0;overflow:hidden}@media (max-width: 600px){.aboutcreator{flex-direction:column;margin-bottom:60vh}.aboutcreatorabt{flex-direction:column}.myimage{height:90svh!important;border-radius:15px}}.myimage img{width:100%;height:100%;object-fit:cover}.myimage canvas{display:block;width:100%!important;height:100%!important}.aboutcreator,.aboutcreatorabt{position:relative;display:flex;gap:30px;width:90vw;min-height:100vh}.abts{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;color:#fff;position:relative}.abts p{color:#8a8a8a;width:80%}.abt2{position:relative!important;height:100%!important;align-items:center;justify-content:center;bottom:0!important}.myimageidk{height:90vh;width:100%;position:relative}.abt1{transform:translate(100%);opacity:.5;text-align:end;align-items:end;padding-top:60px;z-index:-1}.abt3{transform:translate(-100%);opacity:.5;z-index:-1;text-align:start;padding-bottom:40px;justify-content:end}.abt5{text-align:start;padding-bottom:40px;justify-content:end}.emptysection{width:90vw;height:100vh;display:block}.purplelighteffect{position:absolute;z-index:-1;width:40%;border-radius:50%;height:70vh;background:#a658ff;filter:blur(150px);opacity:.9}.plight_at_about{right:-45%}.plight_at_bottom{left:-40%}.howiwork{gap:10vh;font-weight:200;color:#fff;flex-direction:column;justify-content:center;height:auto}.howrows{width:100%;display:flex;justify-content:space-between}.howrows h3:nth-child(2){color:#8a8a8a}.tran_block_app{transform-origin:top center;z-index:120;width:20vw;height:100vh;break-inside:avoid;background-color:#000;position:relative;transform:translateY(0);will-change:transform,height;margin-right:-.5px;transform-style:preserve-3d;backface-visibility:hidden}.tran_block_app:last-child{margin-right:0}.heroloading{width:100vw;height:100vh;z-index:999;position:fixed;display:flex;pointer-events:auto;top:0}.heroloading.done{opacity:0;pointer-events:none}.topsectionincenterofload{width:100vw;height:100vh;align-items:center;justify-content:center;flex-direction:column;color:#fff;z-index:125;position:absolute}.Portfolioheading{height:60vh;justify-content:end;display:flex;flex-direction:column;font-size:12rem;position:absolute;bottom:2vh;left:10px;font-weight:700}#ranteshportfolio_heroloading{position:absolute;top:10px;left:15px;font-size:2rem;font-weight:300;transform:translateY(20px)}#port{transform:translateY(40px)}.Portfolioheading span:last-child{display:flex;overflow:hidden}@media (max-width:800px){.howrows{flex-direction:column}.howiwork{font-size:.9em}}@media (max-width:600px){.Portfolioheading{font-size:4rem}#ranteshportfolio_heroloading{font-size:1.1rem;transform:translate(-10px,33vh)}}