.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#root{width:100%;background-color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track-gradient, #d6d6d6);box-shadow:inset 0 0 19px #fff}::-webkit-scrollbar-thumb{background:#1769ff;cursor:pointer;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#145adb;cursor:pointer}html{scroll-behavior:smooth;width:100%}.fade-in-left{opacity:0;transform:translate(-30px);animation:fadeInLeft .75s forwards}h6{font-size:20px!important;font-weight:550!important}@keyframes fadeInLeft{to{opacity:1;transform:translate(0)}}.AboutWidthWrapper{max-width:1200px;margin:0 auto;padding-bottom:80px;gap:48px;display:flex;flex-direction:column}.AboutWidthWrapper2{max-width:1200px;margin:0 auto;padding-bottom:80px;display:flex;flex-direction:column}.AboutWidthWrapperContent{max-width:100vw;background-color:#fffefc;display:flex;flex-direction:column}.AboutMeBio{display:flex;justify-content:space-between;gap:40px;align-items:flex-start;align-self:center}.SkillsSection-Wrapper{width:80%;align-self:center}.AboutMePhoto{flex:2;max-width:500px}.AboutMeImg{width:100%;height:auto;object-fit:cover;border-radius:10px}.AboutMeContainer{flex:1;font-size:20px;gap:24px;line-height:1.6;vertical-align:top;margin:0;font-family:Inter;flex-direction:column;display:flex;border-radius:16px}.AboutMeText h6{font-weight:400;padding-top:16px}@media (max-width: 800px){.AboutMeBio{flex-direction:column;align-items:flex-start}.AboutMePhoto{width:100%;max-width:none}.AboutMeText{padding-top:16px;margin-top:20px}}.AboutMeTitle{font-size:48px;padding:24px 0;width:fit-content}.CatPhotos{flex-direction:column;gap:16px;display:flex}.CatPhoto img{height:100%;width:100%;border-radius:12px}.AboutMeText{flex:1;font-size:20px;line-height:1.6;vertical-align:top;margin:0;font-family:Inter}.DesignStrengthTitle{display:flex;flex-direction:row;align-content:center;gap:16px;margin-bottom:8px}.DesignStrengthTitle h2{font-size:28px;font-weight:550;font-family:Inter;margin:0}.DesignStrengthTitle svg{font-size:32px;margin:0;align-self:center}.DesignStrengthContainer h6{margin:0}.AboutMeDesign{width:80%;display:flex;flex-direction:column;align-self:center;gap:40px;border-top:#e8e8e8 solid 1px;padding-top:24px}.AboutMeFacts{display:flex;flex-direction:column;align-content:center;padding-bottom:32px}.AboutMeLinks a{display:flex;flex-direction:row;gap:8px;padding:8px;border-radius:4px;transition:.3s}.AboutMeLinks:hover .EmailLink{background-color:#1768ff1b;color:#1769ff;transition:.3s}.AboutMeLinks:hover .LinkedInLink{background-color:#0a66c212;color:#0a66c2;transition:.3s}.AboutMeLinks:hover .ResumeLink{background-color:#f5222d11;color:#f5222d;transition:.3s}.AboutMeLinks h5{margin:0}.AboutMeLinks svg{margin:0;align-self:center}.LinkSection{display:flex;flex-direction:row;justify-content:flex-start;gap:16px}.AboutSection{display:flex;flex-direction:column;align-self:center;width:80%}.CatRow{display:flex;flex-direction:row;gap:16px}.AboutBackground{background-image:radial-gradient(circle at center center,#e8e8e8 8%,#fbf7ef64 9%);background-size:30px 30px}.AboutWidth{width:80%;align-self:center}.LinktoCats{font-weight:550;color:#1769ff;cursor:pointer}.LinktoCats:hover{color:#1769ff;text-decoration:underline}.AboutMeQuote{display:flex;align-content:center;text-align:center;border-radius:4px;padding-bottom:8px;justify-content:center;border-bottom:solid 4px rgb(229,229,229)}.AboutMeQuote h1{display:flex;align-content:center;text-align:center;font-size:32px;color:#464555;font-style:italic}.Highlight{color:#1769ff;font-weight:550}.skills-container{display:flex;flex-wrap:wrap;gap:0;padding:8px 0 32px}.skill-item{display:flex;flex-direction:row;gap:24px;align-items:center;text-align:left;border-radius:16px;padding:1rem;flex-basis:calc(24% - 1.5rem);transition:transform .3s ease}.Group-item{display:flex;flex-direction:row;align-items:center;text-align:center;font-weight:600;border-radius:16px;padding:16px;flex-basis:calc(32.5% - 1.5rem);transition:transform .3s ease}.Group-item p{margin:0;font-weight:350;font-size:20px}.Group-item-text{font-weight:200}.skill-image{height:64px;width:64px;border-radius:8px;object-fit:contain}.skills-container{overflow:visible}.skill-item:hover{transform:translateY(-10px)}.Skill-Header{text-align:left;margin:0;font-weight:600}.Skill-Description{text-align:left;margin:0;color:#8d8db9}@media (max-width: 768px){.skill-item{flex-basis:calc(50% - 1.5rem)}}@media (max-width: 480px){.skill-item{flex-basis:100%}}@media (max-width: 1200px){.SkillsSection-Wrapper{width:80%;align-self:left}.skills-container{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;gap:0;padding:8px 0 32px}}.SkillsHeader{padding:24px 0 0;border-top:#e8e8e8 solid 1px;font-size:28px;font-weight:550}.Tag-pill-Blue{display:inline-block;padding:5px 10px;gap:8px;border-radius:15px;background-color:#e0ebff;font-size:16px;color:#333;font-weight:550}.IntroText{margin:0;padding:0;font-size:32px;color:#464555;font-weight:700}.PillGroup{display:inline-flex;gap:8px;flex-wrap:wrap;padding-top:16px;padding-bottom:8px}.projects-container{display:flex;flex-wrap:wrap;flex-direction:flex;justify-content:center;align-items:center;gap:48px;width:100%;padding:80px 0 240px}.Project-Card:hover{border-radius:8px;text-align:center;background-color:#fff;transform:scale(1.02);box-shadow:#959da533 0 8px 24px}.Project-Card{border-radius:8px;max-width:1200px;padding:24px;text-align:center;background-color:#fff;border:1px solid ghostwhite;transition:transform .3s ease,box-shadow .3s ease;transform:scale(1);will-change:transform,box-shadow}.Card-inner{display:flex;flex-direction:column;align-items:center;vertical-align:top;gap:0px;width:800px}.Card-image{width:100%;height:480px;overflow:hidden;border-radius:16px;transition:all .2s ease-in-out}.Card-image img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.Card-image:hover{cursor:none}.Card-Details{margin-top:10px;align-items:flex-start;text-align:left;width:100%}.Card-Details h1{font-style:normal;font-size:40px;margin:0;padding-top:0}.Card-Tags,.Card-Description{margin-top:5px}.Tag-pill{display:inline-block;padding:5px 10px;margin:5px;border-radius:15px;background-color:#f0f0f0;font-size:16px;color:#333}.Card-Description p,.Card-Description p:hover{font-size:16px;color:#333}.Project-Link:hover{color:#333}.LandingScreen{opacity:.7;background-image:radial-gradient(circle at center center,#cdd7fe 8%,#fdf8f292 9%);background-size:30px 30px;z-index:1;height:100vh}.css-selector{background:linear-gradient(230deg,#1769ff,#fb4914);background-size:400% 400%;-webkit-animation:AnimationName 21s ease infinite;-moz-animation:AnimationName 21s ease infinite;-o-animation:AnimationName 21s ease infinite;animation:AnimationName 21s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:0% 24%}50%{background-position:100% 77%}to{background-position:0% 24%}}@-moz-keyframes AnimationName{0%{background-position:0% 24%}50%{background-position:100% 77%}to{background-position:0% 24%}}@-o-keyframes AnimationName{0%{background-position:0% 24%}50%{background-position:100% 77%}to{background-position:0% 24%}}@keyframes AnimationName{0%{background-position:0% 24%}50%{background-position:100% 77%}to{background-position:0% 24%}}.OceanContainer{background:radial-gradient(ellipse at center,#fffeea,#fffeea 35%,#b7e8eb);height:100vh}.HomepageSection{width:100%;height:80vh;display:block}section .air{position:absolute;bottom:0;left:0;width:100%;height:100px;background:url(/assets/PaleBlueWavesGrain-BImWQS-U.png);background-size:1000px 100px}section .air.air1{animation:wave 30s linear infinite;z-index:5;opacity:1;animation-delay:0s;bottom:0}section .air.air2{animation:wave2 15s linear infinite;z-index:4;opacity:.5;animation-delay:-5s;bottom:10px}section .air.air3{animation:wave 30s linear infinite;z-index:3;opacity:.2;animation-delay:-2s;bottom:15px}section .air.air4{animation:wave2 5s linear infinite;z-index:2;opacity:.7;animation-delay:-5s;bottom:20px}@keyframes wave{0%{background-position-x:0px}to{background-position-x:1000px}}@keyframes wave2{0%{background-position-x:0px}to{background-position-x:-1000px}}.animated-title{flex:auto;height:340px;position:relative;display:flex;justify-content:center;align-items:center;bottom:25%}.animated-title>div{height:128px;overflow:hidden;position:absolute;width:70%}.animated-title>div div{font-size:40px;position:absolute;width:100%}.animated-title>div div span{display:block}.animated-title>div.text-top{top:0;max-width:2000px;word-wrap:break-word}.animated-title>div.text-top div{animation:showTopText .7s ease-in-out forwards;animation-delay:1.75s;bottom:0;transform:translateY(100%);word-wrap:break-word}.animated-title>div.text-bottom{white-space:nowrap;bottom:0;display:block;height:134px}.animated-title>div.text-bottom div{animation:showBottomText .8s ease-in-out forwards;animation-delay:.5s;top:0;transform:translateY(-100%)}.animated-title1{height:154px;position:relative;display:block;min-width:800px;width:auto;bottom:25%;padding-left:15%}.animated-title1>div{height:100%;overflow:hidden;position:absolute;width:90%}.animated-title1>div div{font-size:40px;position:absolute;width:100%}.animated-title1>div div span{display:block}.animated-title1>div.text-top{top:0}.animated-title1>div.text-top div{animation:showTopText .4s ease-in-out forwards;animation-delay:1.75s;bottom:0;transform:translateY(100%)}h1,h4{margin:0}@keyframes showTopText{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes showBottomText{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.SignatureBlue{color:#1769ff;text-decoration:none;font-weight:700}.SignatureBlue:hover{text-decoration:underline}.Headerspacing{margin-top:10px}.headingCont{display:flex;flex-direction:column;flex-basis:45%;min-width:1000px}.HomeHeaderText h1{font-size:80px;font-weight:400}.HomeHeaderText{font-size:88px;font-weight:700}.Headerspacing{line-height:1.3;overflow-wrap:break-word;max-width:1200px}.Headerspacing h4{word-wrap:break-word;overflow-wrap:break-word;max-width:1200px}.LandingContent{padding-top:10vh;display:flex;flex-direction:row;gap:240px}.headingCont1{display:inline-flex;align-content:center;text-align:right;height:auto;right:0%;bottom:25%;padding-top:16px;padding-right:40px;position:relative;flex-basis:45%;max-height:720px;max-width:600px;border-radius:12px}.headingCont1 img{object-fit:contain;max-width:720px;max-height:440px;min-height:400px;border-radius:12px}@media (min-width: 2000px){.LandingContent{padding-top:20vh;display:flex;flex-direction:row;justify-content:center;gap:180px}.headingCont1 img{object-fit:contain;max-width:520px;max-height:540px;min-height:400px;border-radius:12px}}h1,h4{font-weight:600;color:#464555}@media (min-width: 1600px) and (max-width: 2000px){.LandingContent{padding-top:20vh;display:flex;flex-direction:row;justify-content:center;border-radius:12px}.headingCont1 img{object-fit:contain;max-width:520px;max-height:auto;min-height:400px;border-radius:12px}}#Subtext{font-size:40px;font-weight:450}.StrongBlue{color:#1769ff;font-weight:600}#cloud_1{position:absolute;top:30%;right:47%}#cloud_2{position:absolute;top:30%;left:10%}#cloud_3{position:absolute;top:60%;right:55%}#cloud_4{position:absolute;top:65%;right:75%}.images_cloud{height:40px;width:40px}.HomepageBackground{background:#fff;background:linear-gradient(180deg,#fff 25%,#f0f6ff 44%)}@media (min-width: 2450px){.animated-title1{height:96px;position:relative;display:block;min-width:800px;width:auto;bottom:25%;padding-left:15%}}@media (min-width: 700px) and (max-width: 1600px){.LandingContent{padding-top:10px;display:flex;flex-direction:column!important;gap:80px;align-items:center}.headingCont1 img{border-radius:12px}.headingCont{flex-direction:column;justify-content:center;max-width:1000px}.HomepageSection{width:100%;height:100%}#cloud_1{position:absolute;top:30%;right:7%}#cloud_2{position:absolute;top:30%;left:15%}#cloud_3{position:absolute;top:70%;right:55%}#cloud_4{position:absolute;top:60%;right:25%}}@media (max-width: 700px){.Project-Card{width:85%}.headingCont1{padding:0}.Card-image img{width:100%}.Card-inner{width:fit-content}.HomepageSection{height:100%}.LandingContent{flex-direction:column}.headingCont1{justify-content:center}.animated-title1{padding-left:0%;flex-wrap:wrap;width:90%;display:flex;position:relative;justify-content:center}.Headerspacing{width:90%;flex-wrap:wrap;justify-content:center}#Subtext{width:60%;font-size:24px;justify-content:center}.text-top{display:flex;width:100%;justify-content:center}.HomeHeaderText{font-size:40px;font-weight:700}.animated-title{flex:auto;height:100px;position:relative;display:flex;justify-content:center;align-items:center;bottom:25%}#cloud_1{position:absolute;top:30%;right:17%}#cloud_2{position:absolute;top:30%;left:5%}#cloud_3{position:absolute;top:50%;right:55%}#cloud_4{position:absolute;top:44%;right:25%}}@font-face{src:url(/assets/GraphikRegular-WgGeNo8p.otf);font-family:Graphik-Regular}@font-face{src:url(/assets/GraphikMedium-BMyDNf7-.otf);font-family:Graphik-Medium}@font-face{src:url(/assets/GraphikLight-CH6f5yiC.otf);font-family:Graphik-Light}body{cursor:none}.Navigation-Bar{top:0;background-color:#fff;display:flex;height:64px;align-items:center;box-shadow:0 0 8px #ddd;position:fixed;width:100%;z-index:10;border-bottom:1px solid rgb(238,238,238);cursor:none}.Navigation-Links{align-items:center;font-family:Graphik-Medium;font-weight:600;cursor:none;display:flex;flex-direction:row;align-content:flex-end;gap:24px;justify-content:space-between}.Navigation-Link{cursor:none}.Navigation-page{height:16px;padding-bottom:8px}.Navigation-page:hover{color:#1769ff}.Navigation-contents{display:flex;flex-direction:row;padding:10px 56px;width:100%;justify-content:space-between}.hover-underline-animation{position:relative;color:#464555;cursor:none}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:3px;bottom:0;left:0;background-color:#1769ff;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}.Hamburger-Icon{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:101}.Hamburger-Icon span{height:3px;width:100%;background-color:#464555;border-radius:2px;transition:all .3s ease}.Hamburger-Icon.open span:nth-child(1){transform:rotate(45deg);position:relative;top:8px}.Hamburger-Icon.open span:nth-child(2){opacity:0}.Hamburger-Icon.open span:nth-child(3){transform:rotate(-45deg);position:relative;bottom:8px}@media screen and (max-width: 1400px){.Hamburger-Icon{display:flex}.Navigation-Links{position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);flex-direction:column;background-color:#fff;padding:40px 32px;display:none;z-index:100;gap:32px;justify-content:flex-start;align-items:flex-start;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease}.Navigation-Links.open{display:flex;transform:translate(0)}.Navigation-Link{font-size:24px;font-family:Graphik-Medium;color:#464555}.Navigation-Link:hover{color:#1769ff}.Navigation-contents{align-items:center}}.FooterContainer{display:flex;flex-direction:column;width:100%;justify-content:center;background:#f3f3f398;align-items:center;margin-bottom:0;height:280px;box-shadow:0 0 30px #4442;border-radius:24px 24px 0 0}.FooterContainerInner{display:flex;flex-direction:column;justify-content:flex-end;width:70%;padding-top:24px;padding-left:16px;border-radius:16px}.FooterHeader{font-weight:700}.FooterHeader h1{color:#464555;font-style:italic;margin-bottom:0}.FooterSubheader h3{color:#1769ff;font-style:italic;font-weight:600}.FooterSocials{display:flex;gap:16px}.FooterItem h3{margin-top:12px;margin-bottom:8px}.FooterItem p{margin-top:12px}.FooterIcon{font-size:24px}.FooterSocialLink{display:flex;flex-direction:row;align-content:center;align-self:center;justify-content:center;gap:px}.tab-container{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.tab-buttons{background-color:#fff;padding:16px 0 4px;display:flex;flex-direction:row;gap:16px;height:48px}.tab-buttons button{width:100%;color:#000;font-size:20px;font-weight:600;background-color:#f0f0f04c}.tab-buttons button:hover{width:100%;font-size:20px;font-weight:600;border-radius:8px 8px 0 0;background-color:#1768ff16;border:0px;height:48px}.tab-container{height:100%}.vp-center{height:min-content;display:flex;align-items:flex-start}.video-content{width:100%;height:100%;max-height:800px;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden}.video-player{width:100%;height:100%}.video-content .react-player{width:100%!important;height:100%!important}.tab-buttons button.active{background-color:#f3f3f3b3;color:#212121;border-bottom:2px #1769ff solid;border-radius:8px 8px 0 0}.tab-buttons button:focus{outline:none;border-bottom:2px #1769ff solid}.VideoHeader h2{font-weight:600;font-size:28px;margin:0}@media (min-width:768px) and (max-width:1600px){.video-content{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;border-radius:16px;overflow:hidden}.vp-center{display:flex;align-items:flex-start}}.video-content .react-player iframe{width:100%!important;height:100%!important}.highlight-wrapper{display:inline;position:relative;padding:0 2px;margin:0;line-height:1}.highlight-wrapper:before{content:"";position:absolute;left:0;bottom:.05em;width:100%;height:100%;background-color:#ffef86;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:0}.highlight-wrapper.animate:before{transform:scaleX(1)}.highlight-text{position:relative;z-index:1;font-weight:500;color:#464555}.FormatBoldText{color:#464555;font-weight:550}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%}.modal-content img{width:100%;height:auto;border-radius:5px}.close-button{position:absolute;top:10px;right:10px;background-color:#fff;border:none;padding:10px 10px 5px;cursor:pointer;font-size:16px;border-radius:5px}.close-button:hover{position:absolute;top:10px;right:10px;background-color:#cecece;border:none;padding:10px 10px 5px;cursor:pointer;font-size:16px;border-radius:5px;transition:.3s}:root{--LightBlue40: rgba(23, 104, 255, .088) }.WorkSection{display:block;width:100%}.WorkSection a{top:-250px;offset-anchor:center}.SectionWrapper{width:55%;flex-wrap:wrap;margin:auto;min-width:300px;padding:56px 0}.SectionWrapper2{width:75%;flex-wrap:wrap;margin:auto;min-width:300px;padding:32px 0}.SectionWrapper3{width:64%;flex-wrap:wrap;margin:auto;min-width:300px;padding:32px 0}.WorkSection{display:block}.FullWidthDiv{margin-bottom:32px}.HeaderTitleCover{block-size:fit-content;resize:vertical;white-space:normal;font-family:Graphik-Medium;font-size:28px;font-weight:800;margin:0px,8px;height:inherit;justify-content:baseline;align-items:baseline;vertical-align:middle;line-height:40px;color:#464555}.Container-1{display:flex;padding-bottom:32px;gap:48px}.Container-1 h2{font-weight:600;font-size:28px;margin:0}.RedRoo{display:flex;flex-direction:column}.Redbox{block-size:fit-content;resize:vertical;white-space:normal;font-family:Graphik-Medium;font-size:32px;font-weight:700;margin:16px,12px;height:inherit;justify-content:baseline;align-items:baseline;vertical-align:middle;line-height:40px}.ListText{width:auto;display:block;font-size:20px;padding-left:24px;line-height:1.6;margin:auto;color:#708090}.ContainerText{color:#708090;width:100%;display:block;font-size:20px;margin-top:8px;margin-bottom:32px;line-height:1.3}.Container-FullWidth h4{font-size:48px}.Container-FullWidth h5,.Container-FullWidth h2{font-weight:600;font-size:28px;margin:0}.Container-FullWidth p{font-size:20px;margin-top:8px;margin-bottom:24px;color:#8d8db9}.Container-FullWidth{margin-bottom:32px}.Container-1{display:flex;padding-bottom:32px;justify-content:start;gap:80px}.Container-1 ul{margin:0;padding-top:8px;padding-left:20px}.Container-1 li{font-size:20px;color:#464555}.Container-1 ul{margin-top:28px}.Container-1 h6{margin:0;font-size:28px;justify-content:space-between;font-weight:600}.ProblemStatement{display:flex;flex-direction:column;width:100%;margin:auto;min-width:300px;background-color:var(--LightBlue40);min-height:320px;justify-content:center;align-items:center}.Container-Center-1,.Container-2{display:flex;align-items:center;gap:80px;vertical-align:middle;padding-bottom:40px;flex-direction:row}.Container-Child-1{flex:3;display:flex;flex-direction:column}.Container-Child-1 h2{font-size:28px;font-weight:550;margin:0}.Container-Child-1 p{font-size:20px;margin-top:8px;margin-bottom:24px}.Container-Child-2{flex:4;display:flex;flex-direction:column}.ContainerImage{width:100%;height:100%;object-fit:contain;padding-top:24px}.ContainerVideo{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1024px){.Container-Center-1{flex-direction:column;gap:20px}.Container-Child-1,.Container-Child-2{max-width:100%;flex:1}}@media screen and (max-width: 768px){.Container-Child-1 h5{font-size:28px}.Container-Child-1 p{font-size:18px}.Container-Child-2 h5{font-size:28px}.Container-Child-2 p{font-size:18px}}.SectionDivider{display:flex;flex-direction:column;width:100%;margin:auto;min-width:300px;background-color:#f0f0f04c;min-height:320px;justify-content:center;align-items:center;padding:40px 0;gap:24px}.HeaderTitleCenter{font-size:64px}.Container-Gridish{display:flex;flex-direction:row;background-color:#fff;padding:16px;border-radius:16px;width:65%;justify-content:space-evenly;box-shadow:0 0 8px #ddd}.GridishSection{padding:8px 16px;transition:background-color .3s;border-radius:16px}.GridishSection ul{padding-left:24px}.GridishSection:hover{background-color:#1769ff33;cursor:pointer;transition:background-color .3s}.GridishSection:hover h3{color:#1769ff;cursor:pointer;transition:background-color .5s}.GridishSection h3{transition:background-color .5s;cursor:pointer}.GridishTitle{font-size:32px;border-bottom:5px solid #1769ff;flex-shrink:1;margin-bottom:16px}.Container-Header{display:flex;flex-wrap:wrap;width:100%;margin:auto;min-width:300px;background-color:var(--LightBlue40);min-height:320px;justify-content:center;align-items:center}.Work-Width-Wrapper{display:block;flex-wrap:wrap;width:55%;margin:auto;min-width:300px;padding:112px 0}.Work-Width-Wrapper p{font-size:20px}.Container-Child-3{flex:2;display:flex;flex-direction:column}.Container-Child-3 p{font-size:18px}.Container-Child-3 h3{font-size:24px;margin:0}.Container-Child-4{flex:2;display:flex;flex-direction:column}.BorderBox{border-left:4px solid #464555;padding:8px 16px 8px 24px;background-color:#f9f8ff;border-radius:4px}.CenterTitle{text-align:center;font-weight:400}.iframe-wrapper{display:flex;width:100%;max-width:100%;height:400px;max-height:100%;position:relative;padding-top:56.25%;align-content:center;align-self:center;align-items:center;margin-top:20px;border-radius:16px;border:1px solid blueviolet}.iframe-wrapper iframe{border-radius:16px}.FigmaEmbed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}strong{color:#464555;font-weight:550}.Work-Width-Wrapper h2{font-size:48px;font-weight:700;color:#1769ff;margin:0}.Work-Width-Wrapper h5{font-size:48px;font-weight:600;color:#1769ff;margin:0;font-style:italic}.Work-Width-Wrapper p{margin-top:0}.OtherWorks{display:flex;justify-content:center;align-items:center;background-color:#e6f4f1;padding:32px 0}.OtherWorksWrapper{display:flex;justify-content:center;align-items:center;gap:20px}.WorkContainer{color:#fff;height:400px;width:400px;box-shadow:0 0 8px #ddd}.Container-Child-1 h5{font-size:32px;font-weight:600;margin-top:8px;margin-bottom:0}.WorkCover{position:relative;width:100%;height:100%;max-height:80vh;overflow:hidden}.WorkCoverImage{width:100%;height:100%;object-fit:cover}.WorkCover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 30px #00000080;pointer-events:none}.ProblemStatement h3{margin:0;color:#1769ff;font-style:italic}.Container-FullWidth li{font-size:20px;padding-left:0}@media (min-width:768px) and (max-width:1600px){.Container-1{flex-direction:column}}@media (max-width: 768px){.SectionWrapper,.SectionWrapper2,.SectionWrapper3{width:90%}.Container-1,.Container-2,.Container-Gridish{flex-direction:column}}.PersonaSubTitle{color:#464555;font-weight:500}.MetricContainer{display:flex;flex-direction:column;background-color:#1768ff16;border-radius:4px;flex:1;padding:16px}.Three-Container-Div{display:flex;flex-direction:row;justify-content:space-between;gap:24px}.MetricContainer h5{font-size:16px;margin:0;color:#1769ff}.impact-grid{display:flex;flex-direction:row;gap:24px}.impact-grid-item{padding:16px;background-color:#f9f8ff;flex:1;border-radius:8px}.impact-features{padding:16px;background-color:#f9f8ff;flex:1;border-radius:8px;margin-top:24px}.highlight-bold{font-weight:600;color:#464555;background-image:linear-gradient(to right,#ffef86 100%,transparent 0);background-size:0% 100%;background-repeat:no-repeat;transition:background-size .6s ease-out;opacity:0}.highlight-bold.animate{background-size:100% 100%;opacity:1;animation:highlightAnimation .6s ease-out forwards}@keyframes highlightAnimation{0%{background-size:50% 100%;opacity:0}to{background-size:100% 100%;opacity:1}}.sidebar{position:fixed;bottom:24px;right:24px;width:180px;display:flex;flex-direction:column;background-color:#fff;padding:8px;box-shadow:0 2px 5px #0003;border-radius:16px;z-index:10;visibility:visible;-webkit-backdrop-filter:10px;backdrop-filter:10px;opacity:.8}.SideNavButtons button{background:transparent;border:none;padding:10px;cursor:none;display:flex;flex-direction:row;align-items:center;width:100%;gap:8px;transition:background-color .3s}.sidebar button:focus{outline:none}.sidebar button:hover{background-color:#1769ff33}.sidebar h5{margin:0;font-size:.9rem;font-weight:300;color:#333}.sidebar h3{margin:0;font-size:16px;font-weight:400;color:#000}.back-to-top{font-size:12px;text-decoration:underline;cursor:none;padding-left:8px;display:flex;align-items:center}.SideNavControl{display:flex;flex-direction:row;justify-content:space-between}.toggle-button{background-color:#fff;padding:8px}@media (max-width: 800px){.sidebar{display:none}}.More-Works{padding:20px 40px}.More-Works h2{font-size:28px;color:#213547}.More-Works-Container{display:flex;flex-direction:row;gap:40px;padding-bottom:40px}.Project-LinkPortfolio{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;vertical-align:top}.Card-imagePortfolio img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.Card-imagePortfolio{width:100%;height:480px;overflow:hidden;border-radius:16px;transition:all .2s ease-in-out}.Card-imagePortfolio:hover{transform:scale(1.05);box-shadow:#959da533 0 8px 24px;transition:transform .3s ease}.Card-innerWorksPortfolio{display:flex;flex-direction:column;width:100%;align-items:center;vertical-align:top;gap:0px;min-width:480px}@media (max-width:2000px){.Card-innerWorksPortfolio{min-width:480px;height:504px}}@media (max-width:1480px){.More-Works-Container{display:flex;flex-direction:column;gap:40px;padding-bottom:40px}.Card-innerWorksPortfolio{min-width:100%;height:100%}}.PasswordContainer{height:100vh;width:100vw;display:flex;padding-top:240px;align-items:center;background-color:#e6f4f1;flex-direction:column}form{display:flex;flex-direction:column;gap:24px;width:320px}input{height:24px;border-radius:4px}input p{font-size:24px;padding-left:16px}input :hover{border:1px solid #1769ff;height:24px;border-radius:4px}.cursor-dot{width:24px;height:24px;border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}body,a,button,input,select,[role=button]{cursor:none}:root{font-family:Inter,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#464555;background-color:#464555;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{src:url(/assets/GraphikRegular-WgGeNo8p.otf);font-family:Graphik-Regular}@font-face{src:url(/assets/GraphikMedium-BMyDNf7-.otf);font-family:Graphik-Medium}@font-face{src:url(/assets/GraphikLight-CH6f5yiC.otf);font-family:Graphik-Light}@font-face{src:url(/assets/GraphikBold-ldCWiP0y.otf);font-family:Graphik-Bold}a{font-weight:500;color:#464555;text-decoration:none}a h2{font-weight:600;color:#464555;text-decoration:none}a h2:hover{color:#1769ff;text-decoration:none}a:hover{color:#1769ff}body{margin:0;display:flex;padding-top:64px;min-width:320px;min-height:100vh;background-color:#fff}h1,h4{font-family:Inter}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#1769ff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}