.nav{transform:skew(var(--skew-angle));display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.5rem;flex-wrap:nowrap;margin-left:auto;margin-bottom:.5rem;padding:.5rem 1.2rem;border-left:.2rem solid var(--color-primary-70);border-bottom:.1rem solid var(--color-primary-70);border-bottom-left-radius:1.2rem;background:transparent;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.nav-item,.nav-menu-btn{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;border:.1rem solid var(--color-primary-80);border-radius:.5rem;background:var(--color-primary-20);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:background .3s ease-in-out;cursor:pointer}.nav-item:hover,.nav-menu-btn:hover{background:var(--color-primary-30)}.nav-item{padding:0 1.2rem}.nav-item>p{transform:skew(var(--neg-skew-angle));font-size:clamp(.9rem,.649rem + .401vw,1.1rem)}.nav-item.active{background:var(--color-primary-40)}.nav-menu-btn{display:none;align-self:stretch;padding:0 .4rem}.nav-menu-btn>span{transform:skew(var(--neg-skew-angle));font-size:1.2rem;transition:transform .3s ease-in-out}.nav-menu-btn>span.arrow-icon.rotated{transform:skew(var(--neg-skew-angle)) rotate(180deg)}@media screen and (max-width: 900px){.nav-menu-btn{display:flex}}.nav-menu-container{position:absolute;bottom:0;right:.5rem;transform:translateY(100%);display:grid;grid-template-rows:0fr;border:.1rem solid var(--color-primary-70);border-radius:.7rem;background:var(--color-black);opacity:0;z-index:1000;transition:all .4s ease-in-out}.nav-menu-container.open{grid-template-rows:1fr;opacity:1}.nav-menu-container.open .nav-menu .nav-item{opacity:1}.nav-menu-container .nav-menu{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.4rem;flex-wrap:nowrap;padding:.5rem;overflow:hidden}.nav-menu-container .nav-menu .nav-item{width:100%;padding:0 .5rem;border:none;border-radius:.4rem;opacity:0;transition:all .4s ease-in-out}.nav-menu-container .nav-menu .nav-item>p{transform:skew(0);font-size:.9rem}@media screen and (max-width: 900px){.nav{padding:.5rem clamp(.7rem,.531rem + .75vw,1rem)}.nav-item{padding:0 clamp(.8rem,.688rem + .5vw,1rem)}}.header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;width:100%;position:relative;background:var(--color-black-50);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-bottom:.1rem solid var(--color-primary-70)}.header__content{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;width:100%;height:100%;padding:0 1.2rem 0 1rem}.header__content h1{text-shadow:0 0 20px rgba(255,255,255,.3);font-size:clamp(.9rem,.625rem + 1.222vw,2rem);text-wrap:wrap}.header__content h1>span{text-shadow:0 0 20px rgba(255,255,255,.5)}.header__toggle{width:2.5rem;height:2.5rem;border:.1rem solid var(--color-primary-70);border-radius:1rem;background:var(--color-primary-20);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:all .3s ease-in-out;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.5rem;flex-wrap:nowrap}.header__toggle:hover{width:11.25rem;background:var(--color-primary-20);border-color:var(--color-primary-30);box-shadow:0 0 15px var(--color-primary-40)}.header__toggle.active{background:var(--color-primary-40);border-color:var(--color-primary-80);box-shadow:0 0 20px var(--color-primary-50)}.header__toggle.active[data-is-stars-enabled=true].active{cursor:none}.header__toggle-text{font-size:1rem;font-weight:var(--font-light);color:var(--color-white);white-space:nowrap;display:none;font-family:Outfit,sans-serif}.header__toggle:hover .header__toggle-text{display:block;opacity:.7}.header__toggle-icon{font-size:1.2rem}.space-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#0d0d0d,#112,#0f1419,#0d0d0d,#080808)}.stars-small,.stars-medium,.stars-large{position:absolute;width:100%;height:100%}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle linear infinite}.star-small{width:1px;height:1px;box-shadow:0 0 2px #fff9}.star-medium{width:2px;height:2px;box-shadow:0 0 4px #fff6}.star-large{width:3px;height:3px;box-shadow:0 0 6px #ffffff4d}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.space-background:before{content:"";position:absolute;top:20%;left:0;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 4px #fffc;animation:shootingStar 3s linear infinite;animation-delay:5s;opacity:0}@keyframes shootingStar{0%{opacity:0;transform:translate(0) translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(300px) translateY(150px)}}.quotes{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:0;flex-wrap:nowrap}.quotes-label,.quotes-display{transform:skew(var(--skew-angle));background:transparent;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-top-right-radius:1.2rem;border-top:.1rem solid var(--color-primary-70);border-right:.15rem solid var(--color-primary-70)}.quotes-label{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.5rem;flex-wrap:nowrap;padding:.4rem 1.5rem .4rem 1rem}.quotes-label p,.quotes-label span{transform:skew(var(--neg-skew-angle));text-shadow:0 0 20px rgba(255,255,255,.4)}.quotes-label p{font-size:clamp(.9rem,.649rem + .401vw,1.1rem)}.quotes-label span{font-size:clamp(1.2rem,1.15rem + .222vw,1.4rem);border:.1rem solid var(--color-primary-70);border-radius:.5rem;background:var(--color-primary-20);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));cursor:pointer;transition:transform .3s ease-in-out}.quotes-label span.arrow-icon.rotated{transform:skew(var(--neg-skew-angle)) rotate(180deg)}.quotes-display{display:grid;grid-template-rows:0fr;width:clamp(22rem,15.5rem + 28.889vw,48rem);max-width:90vw;max-height:80dvh;opacity:0;transition:all .5s ease-in-out}@media screen and (max-width: 600px){.quotes-display[data-quotes-open=true]{z-index:1000;background:var(--color-black)}}.quotes-display.open{grid-template-rows:1fr;padding:.5rem 2rem .5rem 1rem;opacity:1}.quotes-display-content{display:grid;grid-template-columns:auto 1fr;grid-column-gap:.7rem;align-items:center;min-height:0}.quotes-display-content-line{align-self:stretch;width:.3rem;min-height:2rem;transform:skew(var(--neg-skew-angle)) skewY(var(--neg-skew-angle));background:var(--color-primary-70)}.quotes-display-content-text{transform:skew(var(--neg-skew-angle));padding-right:.2rem;font-size:clamp(.8rem,.7rem + .444vw,1.2rem);line-height:150%}.quotes-display-content-text span:first-child{display:inline}.quotes-display-content-text span:last-child{display:inline-block;margin-left:.15rem;width:.2rem;height:1.5em;vertical-align:top;background:var(--color-primary-90);animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.contact{position:fixed;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;gap:0;flex-wrap:nowrap}@media screen and (max-width: 600px){.contact[data-form-open=true]{z-index:1000}}.contact-label{transform:skew(var(--neg-skew-angle));display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.5rem;flex-wrap:nowrap;padding:.4rem 1rem .4rem 1.5rem;border-top-left-radius:1.2rem;border-top:.1rem solid var(--color-primary-70);border-left:.15rem solid var(--color-primary-70);background:transparent;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.contact-label[data-form-open=true]{background:var(--color-black)}.contact-label p,.contact-label span{transform:skew(var(--skew-angle));text-shadow:0 0 20px rgba(255,255,255,.4)}.contact-label p{font-size:clamp(.9rem,.649rem + .401vw,1.1rem)}.contact-label span{font-size:clamp(1.2rem,1.15rem + .222vw,1.4rem);cursor:pointer;background:var(--color-primary-20);border:.1rem solid var(--color-primary-70);border-radius:.5rem;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:transform .3s ease}.contact-label span.arrow-icon.rotated{transform:skew(var(--skew-angle)) rotate(180deg)}.contact-form{display:grid;grid-template-rows:0fr;width:clamp(20rem,16rem + 17.778vw,36rem);max-width:90vw;max-height:80dvh;border-top-left-radius:1.2rem;border-top:.1rem solid var(--color-primary-70);border-left:.1rem solid var(--color-primary-70);background:var(--color-black);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));opacity:0;transition:all .5s ease-in-out}.contact-form.open{grid-template-rows:1fr;padding:1rem 1.5rem;opacity:1}.contact-form-content{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:1rem;flex-wrap:nowrap;width:100%;min-height:0;overflow-y:scroll;transition:all .4s ease-in-out}.contact-form-content p{opacity:1;font-size:clamp(1.1rem,.95rem + .667vw,1.7rem);font-weight:var(--font-medium);text-shadow:0 0 20px rgba(255,255,255,.4);transition:all .2s ease-in-out}.contact-form-content form{display:flex;justify-content:center;align-items:stretch;flex-direction:column;gap:1rem;flex-wrap:nowrap;width:100%}.contact-form-content form input,.contact-form-content form textarea{padding:.5rem;color:var(--color-white);font-family:inherit;font-size:clamp(.8rem,.7rem + .444vw,1.2rem);border:.1rem solid var(--color-primary-70);border-radius:.4rem;background:transparent;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:all .3s ease}.contact-form-content form input::placeholder,.contact-form-content form textarea::placeholder{color:#fff9}.contact-form-content form input:focus,.contact-form-content form textarea:focus{outline:none;border-color:#4169e1;box-shadow:0 0 10px #fff3}.contact-form-content form textarea{resize:none}.contact-form-content form button{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.2rem;flex-wrap:nowrap;padding:.5rem;color:var(--color-white);font-family:inherit;font-size:clamp(.9rem,.825rem + .333vw,1.2rem);border:.1rem solid var(--color-primary-70);border-radius:.4rem;background:var(--color-primary-20);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));cursor:pointer;transition:all .3s ease}.contact-form-content form button span{font-size:clamp(1.1rem,1.025rem + .333vw,1.4rem);transition:transform .3s ease-in-out}.contact-form-content form button:hover{box-shadow:0 0 15px var(--color-primary-50)}.contact-form-content form button:hover span{transform:translate(4px)}.contact-form-content .status-message{color:var(--color-white);font-family:inherit;font-size:clamp(.8rem,.7rem + .444vw,1.2rem)}.footer{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;width:100%;padding-top:.5rem;border-top:.1rem solid var(--color-primary-70);background:var(--color-black-50);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.photo-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-black);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.space-photo-holder{position:relative;transform-style:preserve-3d;display:inline-block}.space-photo-holder .speech-bubble{position:absolute;left:115%;top:30%;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;gap:.5rem;flex-wrap:nowrap;padding:1rem 1.5rem;border-radius:1rem;background:var(--color-primary-30);animation:floatIn 1s ease-in-out forwards}.space-photo-holder .speech-bubble:before,.space-photo-holder .speech-bubble:after{content:"";position:absolute;left:0;bottom:12%;transform:translate(-50%,-50%) rotate(45deg);width:.7rem;aspect-ratio:1;border:.1rem solid var(--color-primary);background:inherit;clip-path:polygon(0 0,0 100%,100% 100%,0 0)}.space-photo-holder .speech-bubble:after{left:-.45rem}@media screen and (max-width: 1100px){.space-photo-holder .speech-bubble{all:unset;position:absolute;bottom:-55%;left:50%;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;gap:.5rem;flex-wrap:nowrap;padding:1rem 1.5rem;border-radius:1rem;background:var(--color-primary-30);animation:floatInMobile 1s ease-in-out forwards}.space-photo-holder .speech-bubble:before,.space-photo-holder .speech-bubble:after{all:unset;content:"";position:absolute;left:50%;top:0;transform:translate(-50%,-50%) rotate(-135deg);width:.7rem;aspect-ratio:1;border:.1rem solid var(--color-primary);background:inherit;clip-path:polygon(0 100%,100% 0,100% 100%,0 100%)}.space-photo-holder .speech-bubble:after{top:-.45rem}}.space-photo-holder .speech-text{text-wrap:nowrap;font-size:clamp(.8rem,.7rem + .444vw,1.2rem);color:var(--color-white)}.space-photo-holder .speech-input{width:100%;margin-top:.3rem;padding:.4rem;outline:none;border-radius:.5rem;border:.1rem solid var(--color-primary);background:transparent;color:var(--color-white);font-family:var(--ff),sans-serif;font-size:clamp(.8rem,.7rem + .444vw,1.2rem)}.space-photo-holder .speech-actions{width:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:row;gap:.5rem;flex-wrap:nowrap}.space-photo-holder .speech-actions button{padding:.4rem .8rem;border:none;border-radius:.4rem;cursor:pointer;background:var(--color-primary);color:var(--color-white);font-family:var(--ff),sans-serif;font-size:clamp(.9rem,.825rem + .333vw,1.2rem);transition:background .2s ease-in-out}.space-photo-holder .speech-actions button:hover{background:var(--color-primary-90)}.photo-frame{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;width:clamp(10rem,9rem + 4.444vw,14rem);aspect-ratio:1;padding:clamp(.3rem,.25rem + .222vw,.5rem);border-radius:1.5rem;background:linear-gradient(145deg,var(--color-primary-50),var(--color-primary-20));box-shadow:0 10px 30px #00000080,inset 0 2px 8px #fff6,0 0 20px #0096ff66;overflow:hidden}.photo{width:100%;height:100%;border-radius:1rem;object-fit:cover;overflow:hidden;box-shadow:inset 0 2px 10px #0003}.orbit-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(15rem,13.5rem + 6.667vw,21rem);aspect-ratio:1;transform-style:preserve-3d}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(0) rotateY(0) rotate(0);border:.1rem solid rgba(0,150,255,.2);border-radius:50%;transform-style:preserve-3d}.orbit.orbit-1{width:90%;aspect-ratio:1;animation:orbit1 14s linear infinite}.orbit.orbit-2{width:91%;aspect-ratio:1;animation:orbit2 16s linear infinite}.orbit.orbit-3{width:92%;aspect-ratio:1;animation:orbit3 18s linear infinite}.particle{position:absolute;width:min(6px,1.5vw);height:min(6px,1.5vw);background:radial-gradient(circle,#00c8ffcc,#00c8ff00 70%);border-radius:50%;box-shadow:0 0 min(10px,2.5vw) #00c8ff99;animation:particleGlow 2s ease-in-out infinite alternate}.particle.particle-1{top:0;left:50%;transform:translate(-50%)}.particle.particle-2{top:50%;right:0;transform:translateY(-50%)}.particle.particle-3{bottom:0;left:50%;transform:translate(-50%)}.particle.particle-4{top:50%;left:0;transform:translateY(-50%)}.orbit-2 .particle{background:radial-gradient(circle,#9664ffcc,#9664ff00 70%);box-shadow:0 0 min(10px,2.5vw) #9664ff99}.orbit-3 .particle{background:radial-gradient(circle,#00ff96cc,#00ff9600 70%);box-shadow:0 0 min(10px,2.5vw) #00ff9699}@keyframes floatIn{0%{opacity:0;transform:translate(-50%) translateY(0)}to{opacity:1;transform:translate(0) translateY(-50%)}}@keyframes floatInMobile{0%{opacity:0;transform:translate(-50%) translateY(0)}to{opacity:1;transform:translate(-50%) translateY(50%)}}@keyframes orbit1{0%{transform:translate(-50%,-50%) rotateX(0)}to{transform:translate(-50%,-50%) rotateX(360deg)}}@keyframes orbit2{0%{transform:translate(-50%,-50%) rotateY(0)}to{transform:translate(-50%,-50%) rotateY(360deg)}}@keyframes orbit3{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes particleGlow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.about{display:flex;flex-direction:column;justify-content:flex-start;gap:1rem}.about>h4{font-size:clamp(1.1rem,.875rem + 1vw,2rem);text-shadow:0 0 20px rgba(255,255,255,.5)}.about .about-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0;flex-wrap:nowrap}.about .about-content-body p{margin-block:.15rem;width:100%;text-align:left;font-size:clamp(.8rem,.7rem + .444vw,1.2rem);font-weight:var(--font-regular);line-height:150%;text-shadow:0 0 20px rgba(255,255,255,.3)}.about .about-content-body p strong{text-shadow:0 0 20px rgba(255,255,255,.4);font-weight:var(--font-medium)}.about .about-content-body p .profile-link{color:var(--color-white);text-decoration:underline}.about .about-content-body p .profile-link:hover{text-decoration:none}.about .about-content-body .username-field{field-sizing:content;padding:0 .3rem;outline:none;border:none;border-radius:.2rem;background:var(--color-primary-40);color:var(--color-white);font-family:var(--ff),sans-serif;font-size:clamp(.8rem,.7rem + .444vw,1.2rem)}@media screen and (max-width: 800px){.about .about-content-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}.about .about-content-body.expanded{display:flex;flex-direction:column}}.about .about-content .read-more-btn{display:none;align-self:flex-start;margin-top:.5rem;background:none;border:none;color:var(--color-white);font-family:var(--ff),sans-serif;font-size:clamp(.8rem,.7rem + .444vw,1.2rem);font-weight:var(--font-medium);cursor:pointer;opacity:.75;transition:opacity .2s ease}.about .about-content .read-more-btn:hover{opacity:1}@media (max-width: 800px){.about .about-content .read-more-btn{display:flex}}.skills-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;flex-wrap:nowrap;width:100%}.skills-container .skills-header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;width:100%;padding:.5rem}.skills-container .skills-header>h4{font-size:clamp(1.1rem,.875rem + 1vw,2rem);text-shadow:0 0 20px rgba(255,255,255,.5)}.skills-container .skills-header__toggle{padding:.5rem clamp(.5rem,.375rem + .556vw,1rem);border-radius:.5rem;border:.1rem solid var(--color-primary-30);font-size:clamp(.6rem,.525rem + .333vw,.9rem);font-family:var(--ff),sans-serif;color:var(--color-white);background:var(--color-primary-10);cursor:pointer;transition:all .3s ease-in-out}.skills-container .skills-header__toggle:hover{background:var(--color-primary-20)}.skills-container .skills-view{display:flex;width:100%;padding:.5rem;overflow:hidden}@media screen and (max-width: 750px){.skills-container .skills-view{padding:0}}.skills-container .skills-view:hover .skills-view__slide{animation-play-state:paused}.skills-container .skills-view__slide{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;animation:70s scroll infinite linear}.skills-container .skills-view__compact{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:clamp(.3rem,.188rem + .5vw,.75rem);flex-wrap:wrap;width:100%}.skills-container .skills-view__compact .skills-view__item{flex-direction:row;gap:clamp(.2rem,.075rem + .556vw,.7rem);margin:0;padding:.5rem}@media screen and (max-width: 750px){.skills-container .skills-view__compact .skills-view__name{display:none}}.skills-container .skills-view__compact .skills-view__icon{height:clamp(1.5rem,1.425rem + .333vw,1.8rem)}.skills-container .skills-view__item{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;flex-wrap:nowrap;margin:0 .5em;padding:.7rem;border-radius:.5rem;background:var(--color-primary-20);transition:all .3s ease-in-out}.skills-container .skills-view__item:hover{background:var(--color-primary-30)}.skills-container .skills-view__icon{height:clamp(1.8rem,1.625rem + .778vw,2.5rem)}.skills-container .skills-view__name{font-family:var(--ff),sans-serif;font-size:clamp(.6rem,.5rem + .444vw,1rem);font-weight:var(--font-light);text-wrap:nowrap}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.home-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;flex-wrap:nowrap;width:80%;margin:auto 0}@media screen and (max-width: 750px){.home-container{width:90%}}.home-container .photo-links-about-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:4.5rem;flex-wrap:nowrap;width:100%}@media screen and (max-width: 1300px){.home-container .photo-links-about-wrapper{flex-direction:column;gap:1rem;padding:clamp(.5rem,.298rem + .899vw,1rem) 0 0 0}}.home-container .photo-links-about-wrapper .photo-links-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;flex-wrap:nowrap}.social-links{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:clamp(.6rem,.575rem + .111vw,.7rem);flex-wrap:nowrap;width:100%;z-index:1}.social-links a{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap}.experience-container{display:flex;justify-content:space-evenly;align-items:flex-start;flex-direction:row;gap:2rem;flex-wrap:nowrap;width:90%}@media screen and (max-width: 900px){.experience-container{flex-direction:column;align-items:center;gap:0}}.timeline{width:100%;position:relative;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:0;flex-wrap:nowrap}@media screen and (min-width: 1400px){.timeline{width:45%}}@media screen and (min-width: 800px) and (max-width: 900px){.timeline{width:90%}}.timeline .checkpoint{position:relative;padding-left:clamp(1rem,.75rem + 1.111vw,2rem);padding-block:.5em;border-left:.1rem solid var(--color-primary-80);width:100%}.timeline .checkpoint:first-child{padding-top:1rem}.timeline .checkpoint:last-child{padding-bottom:1rem}.timeline .checkpoint:before{content:"";position:absolute;top:50%;left:0;width:clamp(1rem,.75rem + 1.111vw,2rem);height:.1rem;background:var(--color-primary-80)}.timeline .checkpoint:after{content:"";position:absolute;top:50%;left:0;width:.7rem;aspect-ratio:1;transform:translate(calc((50% + .05rem)*-1),calc((50% - .05rem)*-1));border-radius:50%;background:var(--color-primary)}.timeline .checkpoint .checkpoint-header{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:.3rem;flex-wrap:nowrap;padding:.5rem 1rem}.timeline .checkpoint .checkpoint-header span,.timeline .checkpoint .checkpoint-header h4{font-size:clamp(1.1rem,.875rem + 1vw,2rem);text-shadow:0 0 20px rgba(255,255,255,.2);font-weight:var(--font-medium);text-wrap:nowrap}.timeline .checkpoint>div{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:.4rem;flex-wrap:nowrap;padding:.7rem 1rem;border:.1rem solid var(--color-primary-80);border-radius:1rem;background:var(--color-primary-10)}.timeline .checkpoint>div .heading{font-size:clamp(.8rem,.7rem + .444vw,1.2rem)}.timeline .checkpoint>div .sub-heading{font-size:clamp(.7rem,.6rem + .444vw,1.1rem)}.timeline .checkpoint>div .text{font-size:clamp(.6rem,.5rem + .444vw,1rem);line-height:150%}.timeline .checkpoint>div .label{padding:.2rem .5rem;border:.1rem solid var(--color-primary-80);border-radius:.5rem;background:var(--color-primary-20);font-size:clamp(.6rem,.5rem + .444vw,1rem);vertical-align:top}.timeline .checkpoint>div .wrapper{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:0;flex-wrap:wrap;width:100%}.all-skills-button{color:var(--color-white);cursor:pointer}.carousel-wrapper{width:100%;aspect-ratio:16/9;border-radius:1rem;background:#ffffff0d;border:.1rem solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;overflow:hidden;animation:carouselFadeIn .7s ease-in-out forwards}.carousel-wrapper .carousel-track{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94);will-change:transform}.carousel-wrapper .carousel-slide{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap}.carousel-wrapper .carousel-image{width:100%;height:100%;object-fit:contain;display:block;border-radius:1rem}.carousel-wrapper .carousel-button{position:absolute;top:50%;transform:translateY(-50%);outline:none;background:var(--color-black-60);border:none;padding:.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:0 4px 15px #0003}.carousel-wrapper .carousel-button>span{font-size:clamp(1rem,.75rem + 1.111vw,2rem);color:var(--color-white);opacity:.8;transition:all .3s ease-in-out}.carousel-wrapper .carousel-button:hover{opacity:1;background:var(--color-black-80);transform:translateY(-50%);box-shadow:0 6px 20px #0003}.carousel-wrapper .carousel-button:hover>span{opacity:1}.carousel-wrapper .carousel-button--prev{left:.5rem}.carousel-wrapper .carousel-button--next{right:.5rem}.carousel-wrapper.single-image .carousel-button{display:none}.carousel-wrapper:after{content:attr(data-current) " / " attr(data-total);position:absolute;bottom:clamp(.5rem,.375rem + .556vw,1rem);right:clamp(.5rem,.375rem + .556vw,1rem);background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.5rem clamp(.8rem,.75rem + .222vw,1rem);border-radius:clamp(1.2rem,1.125rem + .333vw,1.5rem);border:.1rem solid rgba(255,255,255,.2);font-size:clamp(.6rem,.5rem + .444vw,1rem)}.carousel-wrapper.single-image:after{display:none}.carousel-placeholder{width:100%;height:100%;background:#ffffff0d;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:1rem;border:1px solid rgba(255,255,255,.1)}.carousel-image.loading{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}.carousel-indicators{position:absolute;bottom:clamp(.5rem,.375rem + .556vw,1rem);left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:15}.carousel-indicators .carousel-dot{width:clamp(.4rem,.25rem + .667vw,1rem);aspect-ratio:1;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:all .3s ease-in-out}.carousel-indicators .carousel-dot:hover{background:#ffffffb3;transform:scale(1.2)}.carousel-indicators .carousel-dot.active{background:#fff;transform:scale(1.3);box-shadow:0 0 10px #ffffff80}@keyframes carouselFadeIn{0%{transform:scale(0);opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{transform:scale(1);opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.projects-container{display:flex;justify-content:center;align-items:flex-start;flex-direction:row;gap:0;flex-wrap:nowrap;width:100%;padding:0 clamp(0rem,-.3rem + 1.333vw,1.2rem)}.projects-container .project-carousel{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:flex-start;flex-direction:row;gap:0;flex-wrap:nowrap;width:100%;height:100%;background:var(--color-black-70);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;overflow-x:hidden;overflow-y:scroll}.projects-container .project-carousel .project-carousel-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;flex-wrap:nowrap;width:90%;min-height:100%;padding:1rem 0}@media screen and (min-width: 1100px){.projects-container .project-carousel .project-carousel-content{width:70%}}.projects-container .project-carousel .project-carousel-content .project-carousel-title{font-size:clamp(1.1rem,.875rem + 1vw,2rem);animation:fadeIn 1s ease-in-out forwards}.projects-container .project-carousel .project-carousel-content .project-carousel-btns-group{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;gap:.5rem;flex-wrap:nowrap;width:100%}.projects-container .project-carousel .project-carousel-content .project-carousel-btns-group .project-carousel-btn{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;padding:clamp(.5rem,.425rem + .333vw,.8rem);outline:none;border-radius:50%;border:.1rem solid rgba(255,255,255,.2);color:var(--color-white);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:fadeIn 1s ease-in-out forwards}.projects-container .project-carousel .project-carousel-content .project-carousel-btns-group .project-carousel-btn span{font-size:clamp(1rem,.875rem + .556vw,1.5rem)}.projects-container .project-carousel .project-carousel-content .project-carousel-btns-group .project-carousel-btn:not(:disabled):hover,.projects-container .project-carousel .project-carousel-content .project-carousel-btns-group .project-carousel-btn:not(:disabled):active{background:#fff3;border-color:#fff6}.projects-container .project-carousel .project-carousel-content .project-carousel-btns-group .project-carousel-btn:disabled{color:#ffffff1a;cursor:not-allowed}.projects-container .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;width:100%}@media screen and (max-width: 1250px){.projects-container .projects-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 750px){.projects-container .projects-grid{grid-template-columns:repeat(1,1fr);width:95%}}@media screen and (max-width: 500px){.projects-container .projects-grid{width:100%}}.projects-container .projects-grid .project-grid-item{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:0;flex-wrap:nowrap;border:.1rem solid var(--color-primary-80);border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.projects-container .projects-grid .project-grid-item:hover{border-color:var(--color-primary);box-shadow:0 0 30px var(--color-primary-30)}.projects-container .projects-grid .project-grid-item .project-title{width:100%;padding:.7rem 1rem;border-bottom:.1rem solid var(--color-primary-80);background:transparent}.projects-container .projects-grid .project-grid-item .project-title .title{font-size:clamp(1.1rem,.875rem + 1vw,2rem)}.projects-container .projects-grid .project-grid-item .project-data{flex:1;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:.4rem;flex-wrap:nowrap;padding:.7rem 1rem;background:var(--color-primary-10)}.projects-container .projects-grid .project-grid-item .project-data .project-cta-gallery{color:var(--color-white);background:none;border:none;font-family:var(--ff),sans-serif;cursor:pointer;transition:all .2s ease;padding:.2rem 0}.projects-container .projects-grid .project-grid-item .project-data .project-cta-gallery:disabled{color:var(--color-primary-80);cursor:not-allowed}.projects-container .projects-grid .project-grid-item .project-data .project-cta-gallery:disabled:hover{color:var(--color-primary-80);transform:none}.projects-container .projects-grid .project-grid-item .project-data .project-cta-link{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.2rem;flex-wrap:nowrap;font-size:clamp(.6rem,.5rem + .444vw,1rem);line-height:150%;color:var(--color-white);transition:all .2s ease}.projects-container .projects-grid .project-grid-item .project-data .project-cta-link span{font-size:clamp(.6rem,.5rem + .444vw,1rem);transition:transform .2s ease}.projects-container .projects-grid .project-grid-item .project-data .text{font-size:clamp(.7rem,.6rem + .444vw,1.1rem);line-height:150%}.projects-container .projects-grid .project-grid-item .project-data .label{padding:.3rem .5rem;border:.1rem solid var(--color-primary-80);border-radius:.5rem;background:var(--color-primary-20);font-size:clamp(.6rem,.5rem + .444vw,1rem)}.projects-container .projects-grid .project-grid-item .project-data .wrapper{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:.4rem;flex-wrap:wrap;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content-container{flex:1;display:flex;width:90%;min-height:0;background:var(--color-black-10);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-left:.1rem solid var(--color-primary-70);border-right:.1rem solid var(--color-primary-70);z-index:-1}.main-content{display:flex;justify-content:center;align-items:flex-start;flex-direction:row;gap:0;flex-wrap:nowrap;width:100%;padding:1.5rem 1rem;overflow-x:hidden;overflow-y:scroll}:root{--palette-white: 255, 255, 255;--palette-black: 0, 0, 0;--palette-primary: 80, 110, 200;--palette-bg-primary: 13, 13, 13;--color-white: rgb(var(--palette-white));--color-black: rgb(var(--palette-black));--color-primary: rgb(var(--palette-primary));--bg-primary: rgb(var(--palette-bg-primary));--color-black-10: rgba(var(--palette-black), .1);--color-black-20: rgba(var(--palette-black), .2);--color-black-30: rgba(var(--palette-black), .3);--color-black-40: rgba(var(--palette-black), .4);--color-black-50: rgba(var(--palette-black), .5);--color-black-60: rgba(var(--palette-black), .6);--color-black-70: rgba(var(--palette-black), .7);--color-black-80: rgba(var(--palette-black), .8);--color-black-90: rgba(var(--palette-black), .9);--color-primary-10: rgba(var(--palette-primary), .1);--color-primary-20: rgba(var(--palette-primary), .2);--color-primary-30: rgba(var(--palette-primary), .3);--color-primary-40: rgba(var(--palette-primary), .4);--color-primary-50: rgba(var(--palette-primary), .5);--color-primary-60: rgba(var(--palette-primary), .6);--color-primary-70: rgba(var(--palette-primary), .7);--color-primary-80: rgba(var(--palette-primary), .8);--color-primary-90: rgba(var(--palette-primary), .9);--glass-blur: 15px;--glass-shadow: 0 12px 40px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .2);--ff: "Space Grotesk";--fs-h1: clamp(2rem, 1.5625rem + 1.9444vw, 3.75rem);--fs-h2: clamp(1.75rem, 1.4375rem + 1.3889vw, 3rem);--fs-h3: clamp(1.5rem, 1.25rem + 1.1111vw, 2.5rem);--fs-h4: clamp(1.38rem, 1.225rem + .6889vw, 2rem);--fs-h5: clamp(1.25rem, 1.1875rem + .2778vw, 1.5rem);--fs-h6: clamp(1.12rem, 1.0875rem + .1444vw, 1.25rem);--fs-p1: var(--fs-h5);--fs-p2: var(--fs-h6);--fs-p3: 1rem;--fs-p4: .88rem;--fs-b1: .88rem;--fs-b2: .75rem;--fs-l1: .88rem;--fs-l2: .75rem;--font-extrabold: 800;--font-bold: 700;--font-semibold: 600;--font-medium: 500;--font-regular: 400;--font-light: 300;--skew-angle: 36deg;--neg-skew-angle: -36deg}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}*::-webkit-scrollbar{display:none}html,body{position:relative;width:100vw;height:100vh;font-family:var(--ff),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:transparent;color:var(--color-white);overflow:hidden}a{text-decoration:none;color:var(--color-white)}.h1{font-size:var(--fs-h1);line-height:120%;letter-spacing:-.02em;font-weight:var(--font-bold)}.h2{font-size:var(--fs-h2);line-height:120%;letter-spacing:-.02em;font-weight:var(--font-bold)}.h3{font-size:var(--fs-h3);line-height:120%;letter-spacing:-.02em;font-weight:var(--font-semibold)}.h4{font-size:var(--fs-h4);line-height:120%;letter-spacing:-.02em;font-weight:var(--font-semibold)}.h5{font-size:var(--fs-h5);line-height:120%;letter-spacing:-.02em;font-weight:var(--font-semibold)}.h6{font-size:var(--fs-h6);line-height:120%;letter-spacing:-.02em;font-weight:var(--font-medium)}.p1{font-size:var(--fs-p1);line-height:150%;letter-spacing:0;font-weight:var(--font-regular)}.p2{font-size:var(--fs-p2);line-height:150%;letter-spacing:0;font-weight:var(--font-regular)}.p3{font-size:var(--fs-p3);line-height:150%;letter-spacing:0;font-weight:var(--font-regular)}.p4{font-size:var(--fs-p4);line-height:150%;letter-spacing:0;font-weight:var(--font-regular)}.b1{font-size:var(--fs-b1);line-height:100%;letter-spacing:.05em;font-weight:var(--font-semibold)}.b2{font-size:var(--fs-b2);line-height:100%;letter-spacing:.05em;font-weight:var(--font-semibold)}.l1{font-size:var(--fs-l1);line-height:100%;letter-spacing:.05em;font-weight:var(--font-semibold)}.l2{font-size:var(--fs-l2);line-height:100%;letter-spacing:.05em;font-weight:var(--font-semibold)}.app{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0;flex-wrap:nowrap;height:100dvh;z-index:1;overflow:hidden}