@font-face{font-family:Degular;src:url(/assets/DegularVariable-B8fM7rP8.ttf)}*{font-family:Bricolage Grotesque,sans-serif;scroll-behavior:smooth}:root{--border-grey: rgb(221, 221, 221);--bg-color: #f7f5f5 }::-webkit-scrollbar{width:10px;box-sizing:border-box;border:#555;border-width:2px;border-style:solid}::-webkit-scrollbar-thumb{background:#838383;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-track{background:#f7f5f5}::selection{background-color:#8c66f8;color:#fff}.BtnIcon{rotate:0deg!important;mix-blend-mode:normal!important;height:.8rem;place-self:center}.swal2-popup{background-color:#fffc!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px 2px #0000001a;font-family:Inter Tight,sans-serif!important;border-radius:10px!important}.swal2-popup h2{font-family:Inter Tight,sans-serif!important;font-weight:500}.swal2-popup div{font-family:Inter Tight,sans-serif!important}.swal2-success-circular-line-right,.swal2-success-circular-line-left,.swal2-success-fix{display:none!important}.swal2-success-line-long,.swal2-success-line-tip{background-color:#8c66f8!important}.swal2-icon,.swal2-success,.swal2-icon-show{border-color:#8c66f8!important}.swal2-confirm,.swal2-styled{background-color:#3b3a40!important;border-radius:100px!important;border-color:#d8d8d8!important;border-width:2px!important;padding:10px 30px!important;font-family:Inter Tight,sans-serif!important}.swal2-confirm:hover,.swal2-styled:hover{background:#000!important}.swal2-container,.swal2-backdrop-show{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes appear{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.BAnime{animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%}.IMGP{padding:1rem 0rem 0rem;text-align:justify}.HelloFont span{font-family:Inter Tight,sans-serif}.ImgSize img{aspect-ratio:21/9}.CSNavigation{display:flex;justify-content:space-between;padding:2rem 2rem 0rem}.CSNavigation .CSNavigationBack a{display:flex;align-items:center;gap:.5rem}.CSNavigation li a,.CSNavigation li p{color:#787878;cursor:pointer}#ActiveProject{color:#3b3a40;font-weight:550}.CSNavigation img{height:1rem;transform:rotate(180deg)}.BoxHandler{margin:0rem 2rem}li{list-style:none}.GTGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(200px,40%,500px),1fr));gap:8px}.GTGrid h1{font-family:Inter Tight,sans-serif;font-size:1.5rem;font-weight:500;color:#787878}.GTGrid h1 span{font-family:Inter Tight,sans-serif;color:#3b3a40}#Dot{color:#5ee1a7}.CSContent{display:flex;justify-content:space-between}.CSMinimap{max-width:200px;padding:0rem 3rem 0rem 1rem;border-left-color:#ddd;border-left-width:2px;border-left-style:solid;height:fit-content;margin-top:20px}.CSMinimap li{font-family:Inter Tight,sans-serif}.CSMinimap.fixed{position:fixed;max-width:200px;top:20px;right:0rem;padding-left:1rem;border-left-color:#ddd;border-left-width:2px;border-left-style:solid}.CSMinimap.fixed li{font-family:Inter Tight,sans-serif}.CSMinimapG{background-image:red;height:100%;display:none}.CSMinimapG.fixed{display:block;width:200px;background-image:red;height:100%;border-left-width:2px;border-left-style:solid}.CSScrollable,.CSScrollable.fixed{display:flex;flex-direction:column;width:80%;gap:4rem}.CaseWrap{display:flex;flex-direction:column;gap:1rem}.CSBreadCrumbs{display:flex;gap:1rem}.Proto{height:1px}.CSPadding{padding:0rem 2rem}.BorderLineDiv{height:2px;background:#ddd;margin:0rem 2rem}.CaseTextWrap{padding:0rem 2rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.CaseTextWrap p{font-size:1.5rem;font-family:Inter Tight,sans-serif;color:#787878;font-weight:500}.CaseTextWrap p span{font-family:Inter Tight,sans-serif;color:#5ee1a7}.TopicContent{display:flex;flex-direction:column;gap:1rem}.TopicContent h1{font-family:Inter Tight,sans-serif;font-size:1.5rem;font-weight:500;color:#787878}.TopicContent h1 span{font-family:Inter Tight,sans-serif;color:#3b3a40}.ProjImg{width:100%;border-radius:4px}.ProjThumb{width:100%;border-radius:4px;aspect-ratio:21/7;object-fit:cover}.CSHeading1{font-size:3rem;font-weight:500;font-family:Inter Tight,sans-serif}.CSHeading2{font-size:2.5rem;font-weight:600;color:#797979}.CSSubHeading1{font-size:2rem;font-weight:600;color:#797979}.CSJustify{text-align:justify}.TMGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,30%,600px),1fr));gap:10px}.TWrapper{display:flex;gap:.6rem;align-items:start}.TMAvatar{aspect-ratio:1/1;height:60px;border-radius:100px;border-style:solid;border-color:#ddddddad}.TMName{font-weight:600;font-family:Inter Tight,sans-serif;font-size:1rem}.TLIconWrap{padding:4px 0;display:flex;border-radius:100px;gap:4px}.TLIcon{padding:4px;width:20px;background:#ddd;border-radius:100px;overflow:visible}.AMContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(200px,30%,800px),1fr));gap:10px;background:#f1eeee;padding:1rem;border-radius:10px}.AMContainer img{width:100%}.LWContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(200px,45%,500px),1fr));gap:8px;background:#f1eeee;padding:1rem;border-radius:10px}.LWContainer img{width:100%;border-radius:0}.LFW{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;gap:0}.LFW img{width:100%}.LCContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(300px,40%,800px),1fr));gap:3rem}.LCContainer ul{display:flex;flex-direction:column;gap:1rem}.LCContainer ul li{list-style:decimal;list-style-position:outside;padding-left:.5rem;margin-left:1rem}.LCContainer span{display:flex;gap:.5rem}.LCContainer span p{font-family:Inter Tight,sans-serif;font-size:1.2rem;font-weight:500;color:#333}.LCContainer li{color:#202020}.PersonaCard{background-color:#e7ebef;border-radius:10px;height:fit-content}.PCThumbnailBox{display:flex;align-items:end;background-size:cover;background-position:center top;border-radius:10px 10px 0 0;height:500px}.PC1 .PCThumbnailBox{background-image:linear-gradient(180deg,#fff0 35%,#e7ebef 90%),url(/assets/AlexV-Bb38vNhW.png)}.PC2 .PCThumbnailBox{background-image:linear-gradient(180deg,#fff0 35%,#e7ebef 90%),url(/assets/Emily-Bv-t55Wf.png)}.ZPC1 .PCThumbnailBox{background-image:linear-gradient(180deg,#fff0 30%,#f0e8fb 75%,#e7ebef 90%),url(/assets/1-BVQUGGr6.png)}.ZPC2 .PCThumbnailBox{background-image:linear-gradient(180deg,#fff0 30%,#e3fbef 75%,#e7ebef 90%),url(/assets/2-Dhq4MMNi.png)}.PCContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(300px,40%,800px),1fr));gap:10px}.PCTBContent{display:flex;flex-direction:column;bottom:1rem}.PCPersonalInfo{display:flex;flex-direction:column;padding:.5rem 1rem;color:#323232;mix-blend-mode:multiply}.PCNA{display:flex;gap:.5rem}.PCNA p,.PCNA h2{color:#3e3e3e}.PCAbout{display:flex;gap:1rem}.PCAbout li{display:flex;gap:.5rem}.PCAbout li img{filter:grayscale(100) brightness(.5)}.PCQuote{padding:1rem;margin:0rem 1rem;border-radius:10px;background:linear-gradient(90deg,#ffe1f780,#ddf9ff80,#d8ffea80);background-blend-mode:screen;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.PCQuote h3{color:#434343;mix-blend-mode:color-burn}.PCQuote p{padding:.5rem 0rem;color:#2c2c2c;mix-blend-mode:color-burn}.PCSliderBox{display:flex;flex-direction:column}.PCMetrics{display:flex;flex-direction:column;gap:.5rem;color:#000;padding:1rem}.PCMetrics ul{display:flex;flex-direction:column;gap:.5rem}.PCMetrics h3{color:#434343;mix-blend-mode:color-burn}.PCBox{padding:1rem;position:relative;overflow:hidden}.PCBox h3{color:#434343;mix-blend-mode:color-burn}.PCBox ul{width:85%;display:flex;position:relative;flex-direction:column;gap:5px;padding:.5rem 0rem 0rem 1rem;z-index:1}.PCBox li{list-style-type:disc}#Bio{list-style-type:none}.PersonaEmoji{height:8rem;position:absolute;z-index:0;left:100%;top:50%;transform:translateY(-65%) translate(-45%);opacity:70%;mix-blend-mode:overlay;filter:grayscale(.8);rotate:-30deg}.PCB1{color:#292929;background:linear-gradient(45deg,#d768ff1a,#1886e02a,#0025741a)}.PCB2{color:#292929;background:linear-gradient(45deg,#ff5f9f1a,#db1a1a2a,#7400001a)}.PCB3{color:#292929;background:linear-gradient(45deg,#5eeaff1a,#15e16a2a,#0074501a);border-radius:0 0 10px 10px}.DonutChartContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(250px,40%,400px),1fr));gap:10px}.DonutChartBox{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;padding:2rem;background-size:cover;background-position:center;background-image:radial-gradient(circle,#f1eeeee7,#f1eeeefa 70%),url(/assets/Dot4-CeJPWeXC.jpg);border-radius:10px}.DonutChartBox p{text-align:center}.DCGap,.CJM{display:flex;flex-direction:column;gap:1rem}.CJM img{border-radius:10px}.DCSection{display:flex;flex-direction:column;gap:1rem}.PTContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(250px,40%,400px),1fr));gap:10px;padding:1.5rem 2rem 2rem;background-color:#f0eeef;border-radius:10px;margin-bottom:2rem}.PTMasonry{height:fit-content;display:flex;flex-direction:column;gap:10px}.PTPage{height:fit-content;display:flex;flex-direction:column}.PTLabel{padding:8px 20px;width:fit-content;margin:.5rem 0 .4rem;background-color:#3b3a40;border-radius:100px;color:#f1eeee;font-size:.8rem;text-align:center}.PTImage{height:fit-content;display:flex;flex-direction:column;gap:0px;border-radius:10px;overflow:hidden}.PTImage img{border-radius:0}.grid-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 2rem 2rem;background-color:#f0eeef;border-radius:10px;margin-bottom:2rem}.grid-title{grid-column:1 / -1;font-size:1.25rem;padding:8px 20px;width:fit-content;margin:1rem 0 -.4rem;background-color:#3b3a40;border-radius:100px;color:#f1eeee;font-size:.8rem;text-align:center;white-space:nowrap}.grid-wrapper img{width:100%;height:auto;display:block;object-fit:cover;border-radius:8px}.Mb{display:none}@media (max-width: 1600px){p{font-size:1.2rem}.LCContainer li{font-size:1.2rem}}@media (max-width: 1280px){p{font-size:1rem}.LCContainer li{font-size:1rem}}@media (max-width: 767px){.Dk{display:none}.Mb{display:block}.CSHeading1{font-size:1.9rem!important;font-weight:600}.DonutChartContainer{padding:0rem}.CSPadding{padding:0}.BoxHandler{margin:0rem}.PTContainer{gap:10px;padding:.5rem 1rem 1rem;margin-bottom:1rem}.PTLabel{font-size:.7rem}.PTImage{border-radius:4px}.TMAvatar{height:40px}.CSNavigation{padding:2rem 1rem 0rem}.CSNavigation .CSNavigationBack a{display:flex;align-items:center;gap:.5rem}.CSNavigation .CSNavigationBack a p{display:none}.CSBreadCrumbs{gap:.5rem}.LFW{height:fit-content;box-sizing:border-box;padding:0}.LFWIMG{aspect-ratio:1/1;object-fit:cover;margin-top:-7px}.LFW img:first-of-type{aspect-ratio:1/2;object-fit:cover;margin-top:0}.grid-wrapper{grid-template-columns:repeat(2,1fr);gap:.2rem;padding:.3rem 1rem 1rem;margin-bottom:1rem}.grid-title{margin:.7rem 0 .2rem;background-color:#3b3a40;border-radius:100px;color:#f1eeee;font-size:.8rem;text-align:center;white-space:nowrap}}@media (max-width: 600px){.CSContent{justify-content:center}.CSMinimap,.CSMinimap.fixed,.CSMinimapG,.CSMinimapG.fixed{display:none}.CSScrollable,.CSScrollable.fixed{width:90%}.CSPadding{padding:0rem}}@media (max-width: 767px){.DonutChartContainer{grid-template-columns:repeat(auto-fill,minmax(clamp(200px,40%,500px),1fr))}}.NavContainer{display:flex;flex-direction:column;align-items:center;height:fit-content}.NavContainer ul{display:flex;flex-direction:column;align-items:center;list-style-type:none;padding:0;margin:0;width:100%}.ListBox{display:flex;flex-direction:column;align-items:center;width:100%}.ListBox:hover{background-color:#ede9e9}#HelloGuest{gap:0px;vertical-align:bottom}#HelloGuest li a{max-height:fit-content;padding:0}#HelloGuest li a h2{font-weight:400}#NavGuest{font-size:24px;margin-top:-6px}#IconsUL{flex-direction:row;justify-content:space-evenly;gap:none}#IconsUL li{display:flex;justify-content:center;width:fit-content}.NavLink{width:100%;height:100%;padding:2vh;display:flex;align-items:baseline;justify-content:center;font-size:20px;text-decoration:none;color:#000;gap:-1rem}.NavLink p{font-size:40px;color:#e09600}.NavLink:hover{color:#454545}.BorderDiv{height:2px;width:100%;background-color:#eeecec}.CVBtn{padding:6px 24px;background-color:#3b3a40;color:#fff;border-radius:100px;margin-top:1rem;border-style:none}.CVBtn:hover{background-color:#000}.SubmitButton{width:100%;display:flex;gap:0rem;justify-content:center;padding:10px 20px;background:#3b3a40;border-style:none;border-color:#d8d8d8;border-width:2px;border-radius:100px;color:#f7f5f5;cursor:pointer;margin:1rem 0;text-align:center;transition:background .2s ease-in}a:has(.SubmitButton){text-decoration:none!important}.SubmitButton:hover{background:#000;transition:background .2s ease-out}.SubmitButton:disabled{filter:brightness(1.8) contrast(.2)}.SubmitButton:disabled:hover{filter:brightness(1.8) contrast(.3);background:#3b3a40}.InputwithError{width:25vw}.InputBar{box-shadow:none!important;outline:none;text-align:center}.InputBar::placeholder{display:flex;flex-direction:column;align-items:center;color:#666;text-align:center}.InputBar:focus{border:#c0c0c0 solid 2px!important}.InputBar:hover{border:#c0c0c0 solid 2px!important;box-shadow:none!important}.InpErr{display:flex;flex-direction:column;position:relative}.error-message{position:absolute;color:red;font-size:.8em;margin-top:0;text-align:center;place-self:center;bottom:-1rem}@media (max-width: 1100px){.InputwithError{width:30vw}}@media (max-width: 850px){.InputwithError{width:50vw}}@media (max-width: 500px){.InputwithError{width:70vw}}.occupation-select{font-size:.8rem}.select__control{border-radius:100px!important;border-color:#e3e3e3!important;box-shadow:none!important;padding:0 6px!important;border:#e3e3e3 solid 2px!important}.select__control:hover{border:#c0c0c0 solid 2px!important}.select__control--is-focused{border:#e3e3e3 solid 2px!important}.select__placeholder{color:#666!important;text-align:center}.select__single-value{color:#3b3a40!important;text-align:center}.select__value-container{padding:0!important}.select__menu{border-radius:10px!important;overflow:hidden!important;box-shadow:0 0 0 2px #ffffffb3,0 4px 12px #0000000d!important;z-index:100!important;top:auto!important;bottom:100%!important;margin-top:0!important;background-color:#ffffffb3!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;animation:menu .3s ease-in forwards}@keyframes menu{0%{transform:translateY(10%) scale(.8);opacity:0;filter:blur(20px)}to{transform:translateY(-4%) scale(1);opacity:1;filter:blur(0px)}}.select__menu-list{padding-top:0!important;padding-bottom:0!important}.select__option{padding:12px 16px!important;color:#3b3a40!important;cursor:pointer!important;background-color:transparent!important;transition:background-color .2s ease!important;box-shadow:0 -1px #d4d4d433!important;margin-top:2px;mix-blend-mode:multiply}.select__option:hover{background-color:#4d4d4d1a!important;border-radius:6px!important}.select__option--is-selected{background-color:#8754ff66!important;color:#fff!important;border-radius:6px!important}.select__option--is-selected:hover{background-color:#6422ff66!important;color:#fff!important;border-radius:6px!important}.select__option:first-child{box-shadow:0 0 #d4d4d400!important;margin-top:0}.select__indicators{position:absolute;right:0}.select__dropdown-indicator{color:#999!important;padding:8px 8px 8px 0!important}.select__dropdown-indicator:hover{color:#666!important}.select__clear-indicator{color:#999!important}.select__clear-indicator:hover{color:#666!important}.select__indicator-separator{display:none!important}.select__input-container{color:#333!important}.select__dropdown-indicator svg{fill:#666!important;width:24px!important;height:20px!important}.IntroDiv{height:100%;width:100%;position:fixed;background-color:#f7f5f5;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.MascotIntro{display:flex;flex-direction:column;align-items:center;gap:1rem}.HelloThere{display:flex;flex-direction:column;align-items:center;gap:.2rem}.HelloThere .myname{font-family:Inter Tight,sans-serif;font-size:1.4rem}.IntroInputBox{display:flex;flex-direction:column;align-items:center;gap:10px}.IntroInputBox p{padding:10px}.SkipButton{border:none;background-color:transparent;color:#ddd;rotate:45deg;position:absolute;top:1rem;right:1rem;cursor:pointer}.SkipButton img{opacity:1;width:.8rem}.SkipButton:hover{text-decoration:underline}.ReactLogo{display:flex;align-items:center;font-size:.8rem;gap:2px}.ReactLogo img{width:1rem}@media (max-width: 767px){.SkipButton img{width:.7rem}}.NavContainer>img{height:150px}.Pedro{width:80%}.HeroSection{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding:2rem}.InnerSection{position:relative;display:flex;flex-direction:row;gap:1rem;height:100%}.TextPart{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;flex:1}.IDTag{width:80%;-webkit-user-drag:none;pointer-events:none}.IDTagDiv{display:flex;justify-content:center;align-items:center}.TextTitle{display:flex;flex-direction:column;gap:10px;align-self:center;justify-content:center;align-items:center}.DockMaintainer{justify-items:center}.ImagePart{position:relative;background-color:#eeecec;width:40%;height:100%;border-radius:8px;overflow:hidden}.ImagePart div{height:100%}.ImagePart .PFVideo{position:relative;justify-self:center;align-items:center;height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(90deg,#0000,#0009 20%,#000 25%,#000 75%,#0009 80%,#0000);mask-image:linear-gradient(90deg,#0000,#0009 20%,#000 25%,#000 75%,#0009 80%,#0000);mask-mode:alpha}.ThumbnailPart{background-color:#eeecec;width:100%;border-radius:8px;overflow:hidden}.ThumbnailPart img{justify-self:center;height:30vh}.ImgCenter{display:flex;justify-content:center}.SpanHeight{height:4rem;display:flex;align-items:center}.SpanHeight1{height:5rem;display:flex;align-items:center}.HSTitle{font-size:5rem;font-weight:500}.HSSubTitle{font-size:2rem;font-weight:400;text-align:center;align-self:center}.ParaBox{padding:8px 12px;background-color:#1c1c1c;border:#eeecec;border-style:solid;border-width:2px;border-radius:100px}.ParaMask{-webkit-mask-image:linear-gradient(90deg,#0000 2%,#000 15%,#000 85%,#0000 98%);mask-image:linear-gradient(90deg,#0000 2%,#000 15%,#000 85%,#0000 98%);mask-mode:alpha}.IconWithTextWrap{display:flex}.IconWithTextWrap span{color:#fff}.DockMaintainer{height:fit-content;transition-duration:1s;width:100%}.LaptopWebgl{animation-name:fadeIn;animation-delay:1.5s;animation-duration:2s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1100px){.TextPart{width:90vw}.TextTitle{padding:5% 0%}}@media (max-width: 1000px){.HSTitle{font-size:4.5rem;font-weight:550}}@media (max-width: 880px){.SpanHeight{height:6rem;display:flex;align-items:center}.SpanHeight1{height:7rem;display:flex;align-items:center}.HSTitle{font-size:7rem;font-weight:550}.ThumbnailPart{display:none}.ImagePart{width:100%}.InnerSection{flex-direction:column-reverse}}@media (max-width: 880px) and (orientation: landscape){.HSTitle{font-size:4rem;font-weight:550}}@media (max-width: 767px){.ThumbnailPart{display:none}.InnerSection{display:flex;flex-direction:column-reverse;align-items:center;height:90vh;gap:0rem}.HeroSection{height:97vh}.ImagePart{background-color:#eeecec;width:90vw;border-radius:16px}.ImagePart img{justify-self:center;height:55vh}.ThumbnailPart{background-color:#eeecec;width:90vw;border-radius:5px}.ThumbnailPart img{justify-self:center;height:30vh}.TextPart{width:90vw;padding:2rem 0}.IDTag{width:90%}.FadeTitle{margin:0 0 2rem}}.Text{font-family:Inter Tight,sans-serif;font-weight:500;font-size:2rem}.Regular{color:#838383}.Dark{font-family:Bricolage Grotesque,sans-serif}.Colour{color:#e09600}.HeadConfig{display:flex;flex-direction:column;gap:4px}.block-reveal-container{position:relative;overflow:hidden}.header{font-size:2rem;margin-bottom:1rem}.paragraph{font-size:1.2rem;margin-bottom:2rem}.block{width:100px;height:20px;background-color:#add8e6;opacity:0;transform:translate(100%)}.parallax{overflow:hidden;letter-spacing:-2px;line-height:.8;margin:0;white-space:nowrap;display:flex;flex-wrap:nowrap}.parallax .scroller{font-weight:600;text-transform:uppercase;font-size:64px;white-space:nowrap;display:flex;flex-wrap:nowrap}.parallax span{display:block;margin-right:30px;color:#000}*{margin:0;padding:0;color:#3b3a40}.horizontal-section-content{display:flex;flex-direction:row;width:max-content;padding-right:15vw}.horizontal-panel{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.horizontal-panel h2{font-size:1.875rem;font-weight:600}.hpanel-X{width:84vw;align-items:end}.hpanel-X .UIUXDES{display:block;width:90%}.hpanel-X .UIUXDESM{display:none;width:90%}.hpanel-Y{width:75vw;padding:0 4rem;justify-content:space-between;position:relative}.hpanel-Z{background:url(/assets/AIPortraitBG1-Cqppo1_Z.png);background-size:cover;width:50vw;justify-content:flex-start;position:relative}.hpanel-Z .Dbox{max-width:40vw;overflow:hidden;position:relative;padding:0 5vw}.hpanel-Z .Dbox h2{width:100%;color:#f7f5f5;font-family:Inter Tight,sans-serif;font-size:1.8rem}.hpanel-Z .CSTitleBox{mix-blend-mode:screen;margin-bottom:.5rem}.hpanel-Z .CSTitleBox p{color:#000}.GRImg{height:Clamp(300px,40vw,700px);aspect-ratio:2/3;overflow:hidden;border-radius:100vh;-webkit-user-drag:none;pointer-events:none}.PFPortrait{height:Clamp(300px,40vw,700px);aspect-ratio:2/3;object-fit:cover}.TSS2{display:flex;flex-direction:column;gap:0rem;color:#3b3a40;position:relative}.TSS2 .CSTitleBox{margin-bottom:.5rem}.TSS2M{margin-bottom:20vh}.TSS2 span{font-family:Inter Tight,sans-serif;font-weight:600;font-size:Clamp(2rem,4vw,4rem)}.LText{color:#b3b3b3}.TText{font-family:Bricolage Grotesque,sans-serif;color:#4a37ac;font-size:6.5rem}#GText{color:#09da94}.PlaceGif{position:absolute;bottom:0;left:50%;transform:translate(-50%);pointer-events:none}.ParaImg{width:40vw;aspect-ratio:21/9}.ComTL{display:flex;flex-direction:column;align-items:center;gap:2rem}.ComTL h2{font-family:Inter Tight,sans-serif;font-weight:600}.CLogo{width:80%}.ParaContainer{display:flex;flex-direction:column;gap:1rem;rotate:-30deg;margin:-150px;scale:1.1;place-self:center}.ProjThumbnail{place-self:center;-webkit-mask-image:linear-gradient(180deg,#000 50%,#0000);mask-image:linear-gradient(180deg,#000 50%,#0000);mask-mode:alpha}.ProjThumbCover{aspect-ratio:21/7;overflow:hidden;margin:2rem;border-radius:5px;background-color:#151625}body{overflow-x:hidden;background-color:#f7f5f5}.HelloCat{display:flex;flex-direction:column;align-items:center}.MainContainer{display:flex;justify-content:end;overflow-x:hidden}.NavBar{display:flex;position:fixed;width:clamp(16%,200px,18%);height:100%;justify-content:flex-end;left:0;overflow-x:hidden;background-color:#f7f5f5}.NavGroup{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;box-sizing:border-box;border-style:solid;border-color:#eeecec;border-width:2px}.ScrollContent{width:clamp(84%,600px,82%);margin-left:clamp(16vw,200px,18vw);display:flex;flex-direction:column}.MainSection{margin-top:2rem;height:fit-content;width:100%;display:none}.MainSectionM{height:fit-content;width:100%;display:block}.MainSectionM div{-webkit-mask-image:linear-gradient(90deg,#0000,#0009 10%,#000 15%,#000 85%,#0009 90%,#0000);mask-image:linear-gradient(90deg,#0000,#0009 10%,#000 15%,#000 85%,#0009 90%,#0000);mask-mode:alpha;filter:brightness(10);box-sizing:border-box}#MSMTitle{font-size:1.2rem;text-align:center;margin:6rem 0 0;padding:0}.Marquee{display:flex;flex-direction:column;gap:1rem;align-items:center}.Marquee h2{font-family:Inter Tight,sans-serif;color:#3b3a40;font-weight:500}.HeaderConfig{margin-bottom:-40vh;z-index:2}.HeaderConfig h1{text-align:center}.Padding{padding:2rem}.PCardFlex{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(250px,30vw,800px),1fr));gap:10px;padding:1rem 2rem 2rem}.ProjectGroup{display:flex;flex-direction:column;gap:2rem;padding:2rem}.PGTitle{display:flex;justify-content:space-between;align-items:center}.PGTitle h1{font-family:Inter Tight,sans-serif;font-weight:600;font-size:6rem;color:#ddd}.PGTitle h1 span{position:relative;color:#ddd}.PGTitle h1 span img{height:2rem;position:absolute}.PGTitle p{width:40%}.CloverWrapper{height:0rem;position:relative;z-index:1;bottom:-50%}.CAnime{width:35vw;animation:CAnime 30s infinite linear;filter:blur(20px);z-index:1;-webkit-user-drag:none;pointer-events:none}@keyframes CAnime{0%{transform:scale(.6) rotate(0)}50%{transform:scale(.6) rotate(180deg)}to{transform:scale(.6) rotate(360deg)}}.AllLinks{display:flex;z-index:10}.PJBorder{height:2px;background-color:#eeecec;border-radius:1rem}.SpanOutline .parallax .scroller span{color:#f4f1f1;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000}.EarthWrap{display:flex;flex-direction:column;width:100%;margin-top:10vh}.EarthMask{order:2;display:flex;flex-direction:column;width:100%}.EarthTitle{order:1;z-index:4;align-self:center;padding-top:2rem;margin-bottom:-15vh;text-align:center}.EarthTitle h1{font-family:Inter Tight,sans-serif;font-weight:500;font-size:2.5rem}.EarthTitle h2{font-family:Inter Tight,sans-serif;font-weight:500}.EarthTitle h2 .Hello{height:2rem;margin-bottom:-.5rem}.EarthTitle span img{height:3rem;margin-bottom:-.5rem;padding-left:.3rem}.earthSq{justify-content:center;align-items:center;aspect-ratio:16/9}.DEarth{display:block}.MEarth{display:none}.wave-container{display:inline-block;padding-right:4px}.waving-hand{height:2rem;transform-origin:60% 100%;animation:wave 5s infinite ease-in-out;margin-bottom:-2px}@keyframes wave{0%{transform:rotate(-10deg)}10%{transform:rotate(8deg)}20%{transform:rotate(-6deg)}30%{transform:rotate(0)}40%{transform:rotate(-8deg)}50%{transform:rotate(2deg)}60%{transform:rotate(-18deg)}70%{transform:rotate(-0deg)}80%{transform:rotate(-16deg)}90%{transform:rotate(-4deg)}to{transform:rotate(-10deg)}}.MumbaiDiv{display:flex;flex-direction:column;padding-top:30vh;position:relative;z-index:1}.MumbaiText{font-size:7rem;color:#ddd;transition:color 1s ease-in}.MumbaiText:hover{color:#000}.BasedIn{font-size:3rem;align-self:center;color:#696969}.PFBrands{height:3rem}.Contact{display:flex;flex-direction:column-reverse;gap:1rem;padding:0rem 2rem 2rem}.Contact .ContactItem{font-family:Inter Tight,sans-serif;width:100%}.Contact .ContactItem h1{font-family:Inter Tight,sans-serif;font-weight:500}.Contact .ContactItem .Brainwrap{display:inline;height:clamp(1.3rem,3vw,3.5rem);width:1rem;position:relative}.Contact .ContactItem .Brainwrap img{position:absolute;width:clamp(1rem,4vw,4rem);bottom:clamp(0px,3vh,5px)}.RB{border-radius:10px;padding:1rem 2rem;box-sizing:border-box;background-color:#3b3a40;z-index:10;box-shadow:0 4px 12px #0000000d!important;overflow:hidden!important;display:flex;align-items:center;gap:clamp(1rem,5vw,4rem)}.RB span{font-family:Inter Tight,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:600!important;color:#696969}.RB .space-x-1 .inline-block:last-of-type{color:#09da94}.RB h1:first-of-type{font-size:clamp(2rem,5vw,3.5rem);font-weight:600!important;color:#09da94;display:inline}.RBIWrap{display:flex;flex:1;justify-content:end;align-items:center;height:fit-content}.RBIWrap a{text-decoration:none!important}.RBIWrap:last-child{display:flex;flex:1}.RBIWrap:last-child Button{background-color:#09da94!important;white-space:nowrap;width:fit-content;margin-left:8px;color:#3b3a40;transition:background-color .2s ease-in,color .2s ease-in}.RBIWrap:last-child Button:hover{background-color:#000!important;color:#fff;transition:background-color .2s ease-out,color .2s ease-out}.RBIWrap:last-child Button img{filter:brightness(1);transition:filter .2s ease-in}.RBIWrap:last-child Button:hover img{filter:brightness(10);transition:filter .2s ease-out}.GIT Button{display:none;color:#3b3a40;background-color:#09da94!important;transition:background-color .2s ease-in,color .2s ease-in}.GIT Button:hover{background-color:#000!important;color:#fff;transition:background-color .2s ease-out,color .2s ease-out}.GIT Button img{filter:brightness(1);transition:filter .2s ease-in}.GIT Button:hover img{filter:brightness(10);transition:filter .2s ease-out}.RBIconText{display:flex;gap:8px;padding:0 8px;align-items:center;text-decoration:none;border-style:none solid;border-color:#494949;border-width:1px;cursor:pointer}.RBIconText img{width:1rem;height:fit-content;filter:brightness(1);transition:filter .2s ease-in}.RBIconText p{color:#696969;white-space:nowrap;filter:brightness(1);transition:filter .2s ease-in}.RBIconText:hover img,.RBIconText:hover p{filter:brightness(2);transition:filter .2s ease-in;text-decoration:none}.RBIconText:first-of-type{border-style:none!important}.LB{display:flex;border-radius:10px;padding:2rem;box-sizing:border-box;background-color:#fbfafa;z-index:10;box-shadow:0 4px 12px #0000000d!important;overflow:hidden!important}.LB h2{font-family:Inter Tight,sans-serif;font-weight:500;font-size:clamp(1.3rem,4vw,4rem);z-index:10}.LB .LBspan{flex:1;padding:0 1rem 0 0;box-sizing:border-box}.LB .LBspan p{margin-top:clamp(.5rem,1vw,.8rem);font-size:clamp(1.1rem,1.5vw,1.5rem);z-index:10!important}.LB form{flex:1;padding:0 0 0 2rem;box-sizing:border-box;border-left-style:solid;border-width:1px;border-color:#eeecec}.LB form input,.LB form textarea{background-color:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.PJTitle{font-family:Inter Tight,sans-serif;font-weight:500;text-align:center}.Titlewrapper{display:flex;align-items:center;justify-content:center;padding:2rem 2rem 1rem;gap:.5rem}.Titledash{height:2px;width:200px;background-color:#eeecec;display:none}.Calendar{height:2rem}@media (max-width: 1260px){.ScrollContent{width:clamp(84%,900px,82%);margin-left:clamp(16vw,200px,18vw)}}@media (max-width: 1180px){.ScrollContent{width:clamp(82%,900px,81%);margin-left:clamp(16vw,200px,18vw)}}@media (max-width: 1100px){.NavBar,.NavLine{display:none}.ScrollContent{width:100vw;margin:0}.MumbaiDiv{padding-top:30vh}.ProjThumbCover{margin:2rem 0rem;width:90vw;justify-self:center;aspect-ratio:16/9}}@media (max-width: 1100px) and (orientation: landscape){.NavBar,.NavLine{display:block}.ScrollContent{width:clamp(82%,600px,80%);margin-left:clamp(16vw,200px,18vw)}}@media (max-width: 767px){.NavBar,.NavLine{display:none}.ScrollContent{width:100vw;margin:0}.MumbaiDiv{padding-top:30vh}.Padding{padding:5%}.ProjThumbCover{margin:2rem 0rem;width:90vw;justify-self:center;aspect-ratio:16/9}.Contact{display:flex;flex-direction:column-reverse;padding:1rem;width:100vw;place-self:center;box-sizing:border-box}.Contact .ContactItem{width:100%}.Contact .ContactItem .Brainwrap{height:clamp(1.3rem,3vw,3.5rem)}.Contact .ContactItem .Brainwrap img{width:clamp(1rem,10vw,4rem);bottom:clamp(0px,3vh,5px)}.LB{flex-direction:column;padding:0rem;border-left-style:none;border-top-style:solid;border-width:1px;border-color:#eeecec;background-color:#fbfafa;box-shadow:0 0 0 2px #f7f7f780,0 4px 12px #0000001a!important}.LB form{padding:2rem 1rem 1rem;z-index:100;background-color:#ececec9b;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.LB form button{width:100%!important}.LB h2{font-weight:500;font-size:clamp(1.3rem,10vw,4rem);z-index:10}.LBspan{padding:1rem 1rem 8rem!important;justify-content:center;align-items:center}.LBspan h2 br{display:none}.LBspan h2,.LBspan p{display:block}.RB{flex-direction:column;gap:.5rem;padding:1rem 1rem 1.5rem}.RB .RBIWrap a:last-of-type{display:none}.RBIconText{justify-content:center;border-style:none none none solid}.RBIconText p{white-space:nowrap}.RB span{font-family:Inter Tight,sans-serif;font-size:clamp(3rem,5vh,3.5rem);font-weight:600!important;color:#696969}.GIT .SubmitButton{display:block}.GIT a{text-decoration:none!important}.CloverWrapper{display:flex;height:0rem;background-color:#00c282;z-index:1;bottom:-80%;place-self:center}.CAnime{width:45vh;height:45vh;animation:CAnime 30s infinite linear;filter:blur(20px);z-index:1;-webkit-user-drag:none;pointer-events:none}.earthSq{justify-content:center;align-items:center;aspect-ratio:3/2}.EarthTitle{margin-bottom:0vh}.EarthTitle h1{font-size:1.6rem}.EarthTitle h2{font-size:1.3rem}.EarthTitle span img{height:2rem;margin-bottom:-.4rem}.EarthWrap{margin-top:0vh}.DEarth{display:none}.MEarth{display:block}.waving-hand{height:1.6rem}.PFBrands{height:2rem}.PCardFlex{padding:1rem 1rem 2rem}.horizontal-section-content{display:flex;flex-direction:row;width:max-content;padding-right:0vw;height:100vh;align-items:end}.horizontal-panel{width:100vw;display:flex;align-items:center;justify-content:center}.horizontal-panel h2{font-size:1.875rem;font-weight:600}.hpanel-X{width:100vw;align-items:center;justify-content:center}.hpanel-X .UIUXDES{display:none}.hpanel-X .UIUXDESM{display:block;width:100%}.hpanel-Y{height:100vh;width:100vw;padding:2rem 1rem 20vh;justify-content:end;gap:5vh;position:relative;flex-direction:column-reverse}.TSS2M{margin-bottom:1rem}.TSS2 span{font-size:2rem}.GRImg{height:auto;width:70%}.PFPortrait{height:auto;width:100%}.hpanel-Z{background:url(/assets/AIPortraitBG1-Cqppo1_Z.png);background-size:cover;width:100vw;justify-content:flex-start;position:relative}.hpanel-Z .Dbox{max-width:80vw;overflow:hidden;position:relative;padding:0 10vw}.hpanel-Z .Dbox h2{width:100%;color:#f7f5f5;font-family:Inter Tight,sans-serif;font-size:1.7rem;text-align:justify}.hpanel-Z .CSTitleBox{mix-blend-mode:screen;margin-bottom:.5rem}.hpanel-Z .CSTitleBox p{color:#000}.PJTitle{white-space:nowrap;font-size:1.2rem}.Titlewrapper{padding:0rem 1rem 1rem}.Titledash{background-color:#ddd}.MainSection{display:none}.MainSectionM{display:block}#MSMTitle{font-size:1.2rem;text-align:center;margin:6rem 0 0;padding:0}.ProjectGroup{gap:1rem;padding:2rem 0}.PGTitle{flex-direction:column;justify-content:start;align-items:start;padding:1rem;gap:1rem}.PGTitle h1{font-size:5rem}.PGTitle p{width:100%}.PJBorder{height:2px;background-color:#eeecec;margin:0 1rem}}@media (max-width: 380px){.RBIconText{gap:.3rem}.RBIconText p{font-size:.9rem}}.scroll-animation-wrapper{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:end}.scroll-animation-content{display:flex;flex-direction:row;align-items:center;will-change:transform;gap:2rem}.scroll-animation-content>*{flex-shrink:0}.main-container{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-size:cover;background-position:center;border-radius:10px;overflow:hidden;color:#fff;aspect-ratio:3/2}.top-section{width:fit-content;margin:.5rem;border:none;border-width:.1rem;border-radius:100px;padding:.5rem 1rem;background-color:#fff5;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.title{font-size:18px;font-weight:700}.subtitle{font-size:14px}.blurred-bottom-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#f0f0f080,#bad5db80,#e2c4da80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px;border-top:solid;border-width:1px;border-color:#bbbbd3}.icon-and-text{display:flex;align-items:center}.icon{width:40px;height:40px;margin-right:10px;mix-blend-mode:multiply}.text{font-size:1rem;font-weight:500;color:#fff;mix-blend-mode:color-dodge}.button-container{margin-left:auto}@media (max-width: 767px){.main-container{aspect-ratio:8/9}.top-section{margin:10px}.blurred-bottom-section{padding:8px;margin:10px;border-radius:8px}}.PJ-main-container{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;position:relative;background-size:cover;background-position:center;border-radius:10px;overflow:hidden;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.PJ-Image{display:flex;width:100%;aspect-ratio:21/9;justify-content:end;align-items:end;gap:.5rem;padding:.5rem;box-sizing:border-box}.PJ-top-section{width:fit-content;border:none;border-width:.1rem;border-radius:100px;padding:.5rem 1rem;background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.PJ-top-section p{color:#f7f5f5}.PJ-TextGroup{display:flex;justify-content:space-between;padding:1rem;gap:2rem;font-size:clamp(1rem,2.5vw,2.5rem)}.PJ-TextGroup span{display:flex;height:fit-content}.PJ-TextGroup span h2{font-family:Inter Tight,sans-serif;font-weight:500;font-size:inherit;white-space:nowrap}.PJ-TextGroup p{width:50%;text-align:justify}.PJ-Icon{width:clamp(1.4rem,3vw,3rem);height:clamp(1.4rem,3vw,3rem);margin-right:10px;place-self:center}@media (max-width: 767px){.PJ-main-container{padding:0 1rem}.PJ-Image{aspect-ratio:5/4;width:100%;justify-content:start;align-items:end;gap:.5rem;padding:.5rem}.PJ-TextGroup{flex-direction:column;justify-content:space-between;padding:1rem 0;gap:1rem}.PJ-TextGroup span{padding:0}.PJ-TextGroup span h2{font-weight:600;font-size:1.5rem}.PJ-TextGroup p{width:100%;text-align:left;padding:.5rem 1rem;background-color:#eeecec;box-sizing:border-box;border-radius:10px}.icon{width:30px;height:30px}.PJ-top-section{background-color:#21212180;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.PJ-top-section p{color:#f7f5f5}}.stroke-button{display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;border-radius:10px;border:none;cursor:pointer;transition:background-color .3s;width:40px;height:40px;mix-blend-mode:hard-light}.stroke-button:hover{background-color:#fff}button img{mix-blend-mode:difference;rotate:-45deg;width:20px}.solid-button{border:2px solid #1e90ff;color:#1e90ff;width:40px;height:40px;padding:10px;border-radius:100px;background-color:transparent;cursor:pointer;transition:background-color .3s,color .3s}.solid-button:hover{background-color:#1e90ff;color:#fff}.IconContainerBox{border-radius:100%;background:linear-gradient(45deg,#d6e9de80,#cfcde780);border-style:solid;border-color:#ededed;border-width:1px}.Docker{background:linear-gradient(90deg,#eeecec,#efeded);border-radius:100px}.popOver{padding:4px 8px;color:#fff;border-radius:100px;background-color:#79797979;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 0 2px #a4a4a488}.minimap{list-style:none;padding:0}.minimap-item{cursor:pointer;padding:8px 0;color:gray;transition:color .3s ease;font-size:.8rem}.minimap-item.active{color:#e09600}.bar-container{width:100%;background-color:#e0e0e0;overflow:hidden;border-radius:8px;position:relative}.bar{height:100%;border-radius:8px}.CSTitle{display:flex;justify-content:center;align-items:center;gap:.5rem}.CSTitle p{font-size:1rem;color:#2e2e2e}.CSLine{height:2px;background:var(--border-grey);width:3rem}.CSTitleBox{padding:.5rem;background-color:#e6e6e6;font-size:1rem;width:fit-content;border-radius:6px 6px 6px 0;color:gray;height:fit-content;white-space:nowrap}.d2m-container{display:flex;flex-direction:column;align-items:center}.d2m-toggle{position:relative;width:40px;height:26px;border-radius:999px;background:linear-gradient(to right,#8a2be2,#8a2be2);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 10px;transition:background .4s ease;border:solid #ddd 2px;-webkit-tap-highlight-color:transparent}.d2m-slider{position:absolute;top:0;left:0;width:60px;height:100%;z-index:0;transition:background .4s ease}.d2m-slider.desktop{background:linear-gradient(to right,#8a7bff,#494564)}.d2m-slider.mobile{background:linear-gradient(to right,#456558,#09da94)}.d2m-knob{position:absolute;top:3px;width:20.5px;height:20.5px;background-image:url(/assets/Knob-DBdHPVeP.png);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:50%;z-index:1;transition:left .3s ease}.desktop .d2m-knob{left:3px}.mobile .d2m-knob{left:37px}.d2m-icon{position:relative;z-index:2;width:20px;height:20px;opacity:.5;transition:opacity .3s ease}.d2m-icon.active{opacity:1}.d2m-icon img{width:100%;height:100%}.d2m-content{width:100%}.d2m-icons-wrapper{padding:6px 16px;display:flex;align-items:center;gap:.5rem;background-color:#e6e6e6;border-radius:6px}.TitleD2M{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:100%}@media (max-width: 400px){.d2m-icons-wrapper{padding:2px 8px;display:flex;align-items:center;justify-content:center;gap:.3rem;background-color:#e6e6e6;border-radius:6px}.d2m-icon img{width:16px;height:16px}.d2m-icon{display:flex;align-items:center;width:auto}}form{display:flex;flex-direction:column;gap:10px}form input{border-radius:100px;padding:.5rem;border-style:solid;border-width:2px;border-color:#eeecec}form textarea[name=message]{border-radius:10px;padding:.5rem;border-style:solid;border-width:2px;border-color:#eeecec;resize:none}form button{width:fit-content;place-self:center;padding:10px 20px;background:linear-gradient(90deg,#ffe1f7 -10%,#ddf9ff,#d8ffea 110%);border-style:solid;border-color:#d8d8d8;border-width:2px;border-radius:100px}.ContactBtn{width:clamp(10rem,20vw,20rem)!important;box-sizing:border-box!important;margin-bottom:0!important}.IBContact{text-align:left!important;background-color:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.IBContact::placeholder{text-align:left!important}@media (max-width: 767px){.ContactBtn{place-self:center}}.ProgBarContainer{position:fixed;top:0;width:100vw;height:3px;background-color:#ddd}.ProgBar{height:100%;width:0%;background-color:#8c66f8}.horizontal-scroll-section{position:relative;width:100%;overflow:hidden}.horizontal-scroll-container{width:100vw;height:100vh;display:flex;align-items:center}.scroll-progress-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:256px;height:8px;background-color:#e5e7ebcc;border-radius:9999px;z-index:100;box-shadow:0 2px 5px #0003;display:none}.scroll-progress-indicator{height:100%;background-color:#3b82f6;border-radius:9999px;transition:width .1s ease}.vs0-wrapper{display:inline-flex;font-size:2rem;font-family:monospace}.vs0-char{display:inline-block;height:1em;overflow:hidden;position:relative}.vs0-char-inner{display:flex;flex-direction:column;transform:translateY(0)}.vs0-char-inner span{height:1em;line-height:1em}.roll{animation:roll-up .6s ease-in-out forwards}@keyframes roll-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.vs3-container{display:inline-block;min-height:1em}.vs3-text{font-family:Bricolage Grotesque,sans-serif;font-size:1.5rem;white-space:pre;line-height:1;position:relative;display:inline-block;color:#3b3a40}.vs3-cursor{display:inline-block;width:4px;height:1em;background-color:#b3b3b3;margin-left:2px;animation:blink 1s steps(2,start) infinite;vertical-align:top;position:relative;top:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.vs4-wrapper{display:flex;justify-content:center;align-items:center;gap:.1em;font-size:2rem;font-family:sans-serif;perspective:1000px}.vs4-char-wrapper{display:inline-block}.vs4-flip-card{display:inline-block;position:relative;transform-style:preserve-3d;transition:transform .6s ease-in-out}.vs4-flip-card.flip{transform:rotateX(180deg)}.vs4-front,.vs4-back{position:absolute;top:0;left:0;backface-visibility:hidden;display:inline-block;width:100%;height:100%}.vs4-front{transform:rotateX(0)}.vs4-back{transform:rotateX(180deg)}.df-wrapper{display:inline-block;position:relative;font-size:1rem;line-height:1;margin-right:.15rem}.df-stem{display:block;width:.13em;height:.54em;background:#b3b3b3;margin:0 auto -.05rem;transform-origin:bottom}.df-dot{display:block;width:.13em;height:.13em;border-radius:50%;background:#09da94;position:absolute;top:-.2em;left:50%;transform:translate(-50%);opacity:1}.animate .df-stem{animation:stem-bounce .8s ease-in-out forwards}.animate .df-dot{animation:dot-fall 2.4s ease-in-out .4s forwards}@keyframes stem-bounce{0%{transform:scaleY(1)}30%{transform:scaleY(.6)}60%{transform:scaleY(1.3)}to{transform:scaleY(1.35)}}@keyframes dot-fall{0%{transform:translate(-50%);opacity:1}10%{transform:translate(-50%,-30px) scaleX(3) scaleY(3)}to{transform:translate(-50%,1000px) scaleX(3) scaleY(4);opacity:1}}.gif-player-container{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden}.gif-player-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.gif-player-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.first-gif.fade-out{opacity:0;transition:opacity .3s ease-out}.custom-gif-player{position:absolute;width:25vw;aspect-ratio:2/3;overflow:hidden;bottom:-45vh;left:25vw;rotate:45deg;z-index:10}.custom-gif-player2{position:absolute;width:18vw;aspect-ratio:2/3;overflow:hidden;bottom:-40vh;left:10vw;rotate:-30deg;z-index:10}@media (max-width: 768px){.gif-player-container{width:50%}.custom-gif-player{bottom:-25vh;left:40vw;rotate:45deg}.custom-gif-player2{width:45%;bottom:-24vh;left:5vw;rotate:-30deg}}