@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";.section-container{width:1300px}.title,.para{font-kerning:none;-webkit-text-rendering:optimizeSpeed;text-rendering:optimizeSpeed;-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (max-width: 1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (max-width: 1400px){.section-container{width:900px}}@media only screen and (max-width: 900px){.section-container{width:500px;max-width:var(--cWidth)}}:root{font-family:Geist,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5;scroll-behavior:smooth;color-scheme:light dark;color:#eae5ec;background-color:var(--backgroundColor);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none;--accentColor: #a78bfa;--accentSoft: #c1aefc;--accentLight: #e0d6fd;--accentMid: #9263f4;--accentDeep: #7c3aed;--accentDark: #4c1d95;--accentMuted: #7c6aa8;--accentRgb: 167, 139, 250;--accentDeepRgb: 124, 58, 237;--backgroundColor: #0a0e17;--vh: 100vh;--vh: 100svh}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:inherit}a:hover{color:var(--accentColor)}main{opacity:1;transition:.3s}.main-active{opacity:0;animation:fadeIn 1s 1;animation-fill-mode:forwards}@keyframes fadeIn{to{opacity:1}}body{margin:0;height:auto;background-color:#050810;flex-grow:1;--cWidth: calc(100% - 30px) ;--cMaxWidth: 1920px;max-width:100vw;overflow-x:hidden}.main-body{max-width:100vw;overflow-x:hidden}.container-main{width:100%;margin:auto;position:relative}.container1{width:var(--cWidth);height:var(--vh);margin:auto;position:relative}.split-line{overflow:hidden}.split-h2{overflow:hidden;display:flex;white-space:nowrap;flex-wrap:nowrap}.techstack{width:100%;position:relative;overflow:clip;height:var(--vh);margin:50px auto -100px}.techstack h2{font-size:80px;text-align:center;position:absolute;width:100%;top:120px;left:0;font-weight:400;text-transform:uppercase}@media screen and (min-width: 768px){body{--cWidth: 94%}}@media screen and (max-width: 900px){.techstack h2{font-size:40px}}body:not(.intro-done) .landing-intro,body:not(.intro-done) .landing-info,body:not(.intro-done) .header,body:not(.intro-done) .icons-section,body:not(.intro-done) .nav-fade{visibility:hidden}body .section-title,body .about-me h3.section-title,body .what-box h2.section-title,body .career-section h2.section-title,body .work-section h2.section-title,body .contact-section h3.section-title,body .techstack h2.section-title{font-family:Geist,sans-serif;font-size:40px;line-height:1.2;font-weight:400;font-style:normal;letter-spacing:1px;text-transform:none;color:var(--accentColor);background:none;-webkit-text-fill-color:currentColor;text-align:left}body .techstack .techstack-title{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:2;pointer-events:none}body .techstack h2.section-title{position:static;width:auto;margin:0}@media only screen and (max-width: 1200px){body .section-title,body .about-me h3.section-title,body .what-box h2.section-title,body .career-section h2.section-title,body .work-section h2.section-title,body .contact-section h3.section-title{font-size:32px}}body .theme-switcher-button{text-transform:none;letter-spacing:1px}body .theme-option{font-size:12px;letter-spacing:.5px}body .header ul li,body .header ul li a{font-weight:400;letter-spacing:1px}@media only screen and (max-width: 1024px){body .section-title,body .about-me h3.section-title,body .what-box h2.section-title,body .career-section h2.section-title,body .work-section h2.section-title,body .contact-section h3.section-title{font-size:24px;margin:0 0 18px;padding:0}body .theme-switcher-name,body .theme-switcher-chevron{font-size:11px;letter-spacing:1px}body .theme-switcher-menu{min-width:170px}body .theme-option{padding:8px 10px}body .header.menu-open ul{row-gap:4px;min-width:150px;padding:6px;align-items:stretch;font-size:12px;background:#111522;border:1px solid #262b3a;border-radius:12px}body .header.menu-open ul li{letter-spacing:.5px;color:#d6d6dc}body .header.menu-open ul li a{display:block;padding:8px 10px;border-radius:8px;letter-spacing:.5px}body .about-section,body .whatIDO,body .career-section,body .work-section,body .contact-section{min-height:calc(100lvh - var(--navH, 64px));box-sizing:border-box;padding-top:28px;padding-bottom:28px;margin-top:0;margin-bottom:0}body .about-me p,body .what-content p,body .career-info-box p,body .carousel-category,body .carousel-tools p{font-size:14px;line-height:22px;font-weight:300;letter-spacing:.1px;color:#d4d0d8;text-align:justify;-webkit-hyphens:auto;hyphens:auto}body .what-content h3,body .career-info .career-role h4,body .carousel-details h4,body .contact-flex .contact-degree p{font-size:16px;line-height:22px;font-weight:500;letter-spacing:.3px;color:#eae5ec}body .what-content h4,body .what-content h5,body .career-info .career-role h5,body .career-info-in>h4,body .career-info-in>h5,body .carousel-tools .tools-label,body .carousel-number h3,body .contact-flex h4,body .contact-degree span{font-size:12px;line-height:18px;font-weight:400;letter-spacing:.5px;text-transform:none}body .about-section{align-items:flex-start}body .about-me{padding:0}body .about-me p{margin:0}body .about-me p>br:first-child{display:none}body .whatIDO{padding-top:28px}body .what-box h2.section-title{margin-top:0}body .whatIDO{flex-direction:column;justify-content:flex-start;align-items:stretch;height:auto}body .whatIDO .what-box{height:auto;margin-top:0;margin-bottom:0}body .what-box-in{gap:12px}body .what-content,body .what-noTouch:hover,body .what-content-active,body .what-content.what-sibling,body .what-box-in:hover .what-noTouch:not(:hover),body .what-noTouch:hover~.what-content{padding:14px 16px}body .what-content h4{margin-top:2px;opacity:.6}body .what-content p{margin:8px 0}body .what-content h5{margin:8px 0 6px;opacity:.6}body .what-content-flex{gap:6px}body .what-tags{font-size:11px;padding:2px 8px}body .career-section .career-container{width:100%}body .career-info-in>h4,body .career-info-in>h5{color:var(--accentColor)}body .career-info .career-role h5{margin:2px 0 0;color:var(--accentColor)}body .career-info-box{margin-bottom:28px;gap:6px}body .carousel-slide{padding:10px 0}body .carousel-content{gap:12px}body .carousel-number h3{opacity:.5;margin-top:2px}body .carousel-details{gap:4px}body .carousel-tools{margin-top:4px}body .carousel-tools .tools-label{opacity:.6}body .carousel-tools p{margin-top:2px}body .carousel-category,body .carousel-tools p{line-height:20px}body .contact-container{width:100%}body .contact-flex{gap:28px}body .contact-flex h4{margin-top:16px;opacity:.6}body .contact-flex p,body .contact-flex p a{font-size:14px;line-height:22px;margin:2px 0 0}body .contact-degree{margin-top:8px}body .contact-degree span{display:block;opacity:.6;margin:0}body a.contact-social{font-size:14px;padding:8px 0;margin-top:0}body a.contact-social .contact-handle{font-size:12px}body .contact-box a.contact-social+h4{margin-top:16px}body .contact-box h2{font-size:14px}body .contact-box h5{font-size:12px}body .landing-intro{left:0;right:0;width:fit-content;margin:0 auto}body .landing-info{bottom:90px}}.rotate-notice{display:none}@media only screen and (orientation: landscape) and (max-height: 500px) and (pointer: coarse){.rotate-notice{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--backgroundColor);color:var(--accentColor);font-size:44px}.rotate-notice p{margin:0;font-size:14px;letter-spacing:1px;color:#d4d0d8}.rotate-notice svg{animation:rotateHint 2.4s ease-in-out infinite}body:has(.rotate-notice){overflow:hidden}}@keyframes rotateHint{0%,30%{transform:rotate(90deg)}60%,to{transform:rotate(0)}}body .carousel-content{align-items:flex-start}@media only screen and (max-width: 1025px){body .carousel-image-wrapper{order:-1}}:root{--secW: 1300px}@media only screen and (max-width: 1600px){:root{--secW: min(1200px, 100vw - 160px)}}@media only screen and (max-width: 1400px){:root{--secW: min(900px, 100vw - 160px)}}@media only screen and (min-width: 1025px){body .whatIDO .what-box:first-child{justify-content:flex-start}body .what-box h2.section-title{margin-right:0;margin-left:calc((100vw - var(--secW)) / 2 - 3vw)}}body .work-image-in{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:8px;background:#05070c}body .work-image-in:before{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:var(--workImg) center / cover no-repeat;filter:blur(18px) brightness(.45)}body .work-image img{position:relative;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0}@media only screen and (min-width: 1025px){body .techstack{width:var(--secW);margin-left:auto;margin-right:auto}body .techstack .techstack-title{width:100%;max-width:100%}}@media only screen and (min-width: 600px) and (max-width: 1024px){body .section-title,body .about-me h3.section-title,body .what-box h2.section-title,body .career-section h2.section-title,body .work-section h2.section-title,body .contact-section h3.section-title{font-size:34px;margin-bottom:26px}body .about-me p,body .what-content p,body .career-info-box p,body .carousel-category,body .carousel-tools p,body .contact-flex p,body .contact-flex p a{font-size:18px;line-height:29px}body .what-content h3,body .career-info .career-role h4,body .carousel-details h4,body .contact-flex .contact-degree p{font-size:22px;line-height:30px}body .what-content h4,body .what-content h5,body .career-info .career-role h5,body .career-info-in>h4,body .career-info-in>h5,body .carousel-tools .tools-label,body .carousel-number h3,body .contact-flex h4,body .contact-degree span{font-size:15px;line-height:22px}body .what-tags{font-size:14px;padding:4px 12px}body a.contact-social{font-size:18px;padding:12px 0}body a.contact-social .contact-handle{font-size:15px}body .about-me,body .what-box,body .career-section .career-container,body .work-container,body .contact-container{width:640px;max-width:calc(100% - 64px);margin-left:auto;margin-right:auto}body .what-content,body .what-noTouch:hover,body .what-content-active,body .what-content.what-sibling,body .what-box-in:hover .what-noTouch:not(:hover),body .what-noTouch:hover~.what-content{padding:22px 26px}body .work-image-in{aspect-ratio:16 / 9}}body .carousel-wrapper{display:flex;flex-direction:column}body .carousel-dots{order:-1;margin:0 0 8px;min-height:44px;align-items:center}body .carousel-arrow{top:0;bottom:auto;transform:none;width:44px;height:44px;font-size:20px;-webkit-backdrop-filter:none;backdrop-filter:none}body .carousel-arrow-left{left:0}body .carousel-arrow-right{right:0}@media only screen and (max-width: 1024px){body .carousel-arrow{width:40px;height:40px;font-size:18px}body .carousel-dots{min-height:40px;margin-bottom:4px}}@media only screen and (min-width: 1025px){body .techstack .tech-canvas{-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}}@media only screen and (max-width: 1024px){body .career-info h4{width:auto}}@media only screen and (min-width: 1025px) and (max-height: 900px){body .character-model{height:calc(100vh - var(--navH, 90px))}}@media only screen and (min-width: 1025px) and (hover: none),only screen and (min-width: 1025px) and (pointer: coarse){body .whatIDO .what-box:last-child{justify-content:flex-end;align-self:flex-start;padding-top:calc(var(--navH, 70px) + 20px);padding-right:2vw;box-sizing:border-box}body .what-box-in{height:auto;margin-left:0;width:300px;gap:10px}body .what-border1,body .what-border2,body .what-corner,body .what-arrow,body .what-content:before,body .what-content:after{display:none}body .what-content,body .what-content-active,body .what-content.what-sibling{width:100%;height:auto;min-height:0;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0a0e178c}body .what-content-in{opacity:1;animation:none}body .what-content h3{font-size:18px}body .what-content h4{font-size:12px;margin-top:2px}body .what-content p{font-size:12px;line-height:17px;margin:6px 0}body .what-content h5{font-size:11px;margin:8px 0 6px;opacity:.6}body .what-content h5,body .what-content-flex{opacity:1}body .what-content-flex{gap:6px}body .what-tags{font-size:11px;padding:2px 8px}}@media only screen and (min-width: 1025px) and (hover: none),only screen and (min-width: 1025px) and (pointer: coarse){body .nav-fade{height:calc(var(--navH, 70px) + 16px)}}@media (hover: none),(pointer: coarse){body .cursor-main{display:none}}@media only screen and (min-width: 1025px) and (hover: none),only screen and (min-width: 1025px) and (pointer: coarse){body .contact-section{min-height:calc(100vh - var(--navH, 74px) - 32px);box-sizing:border-box}}@media only screen and (min-width: 600px) and (max-width: 1024px){body .landing-intro h2,body .landing-info h3{font-size:30px}body .landing-intro h1{font-size:56px;line-height:58px}body .landing-info h2{font-size:56px;line-height:60px}body h2.landing-info-h2{font-size:66px}body .about-me,body .what-box,body .whatIDO .what-box:last-child,body .career-section .career-container,body .work-container,body .contact-container{width:680px;max-width:calc(100% - 64px);margin-left:auto;margin-right:auto}body .whatIDO .what-box-in{width:100%;margin-left:0}body .career-section.section-container,body .contact-section.section-container{width:100%;max-width:100%}body .about-section,body .whatIDO,body .career-section,body .work-section,body .contact-section{min-height:calc(100lvh - var(--navH, 64px));padding-top:40px;padding-bottom:40px}body .section-title,body .about-me h3.section-title,body .what-box h2.section-title,body .career-section h2.section-title,body .work-section h2.section-title,body .contact-section h3.section-title{font-size:44px;margin-bottom:30px}body .about-me p,body .what-content p,body .career-info-box p,body .carousel-category,body .carousel-tools p,body .contact-flex p,body .contact-flex p a{font-size:20px;line-height:32px}body .what-content h3,body .career-info .career-role h4,body .carousel-details h4,body .contact-flex .contact-degree p{font-size:26px;line-height:34px}body .what-content h4,body .what-content h5,body .career-info .career-role h5,body .career-info-in>h4,body .career-info-in>h5,body .carousel-tools .tools-label,body .carousel-number h3,body .contact-flex h4,body .contact-degree span{font-size:17px;line-height:25px}body .what-tags{font-size:15px;padding:5px 13px}body a.contact-social{font-size:22px;padding:14px 0}body a.contact-social .contact-handle{font-size:17px}}@media only screen and (max-width: 1024px){body .landing-circle1,body .landing-circle2{transition:opacity .4s ease}body.past-landing .landing-circle1,body.past-landing .landing-circle2{opacity:0}body.past-landing .character-rim{visibility:hidden}}