@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";@import"https://fonts.cdnfonts.com/css/geist";:root{--border-width: 20px;--border-indent: calc(var(--border-width) * 3.5);--title-indent: 3rem;--navbar-height: 60px;--background-blue: #181743;--accent-gold: #F2D8A7;--accent-gold-hover: #F2C78A;--hero-red: #E85D5E;--white: #FFFFFF;--white-transparent-20: rgba(255, 255, 255, .2);--white-transparent-80: rgba(255, 255, 255, .8);--font-size-hero: 3.5rem;--font-size-large: 2.5rem;--font-size-medium: 1.3rem;--font-size-base: 1rem;--font-size-small: .9rem;--font-size-xsmall: .75rem}html{scroll-behavior:smooth;font-size:clamp(14px,1.2vw,20px)}body{margin:0;background-color:var(--background-blue);border:var(--border-width) solid var(--white);border-top:none;min-height:100vh;font-family:Inter;color:var(--white);z-index:10}h1{font-size:var(--font-size-hero)}a{color:var(--accent-gold);text-decoration:none}a.button{color:var(--white);text-decoration:none}a:hover{color:var(--accent-gold-hover);transition:color .2s}.border{position:relative;width:100%;height:var(--border-width);background:var(--white);z-index:10}.content-wrapper{margin-top:calc(var(--border-width) * 2);height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .4s ease-out forwards}.fade-in-up{opacity:0;animation:fadeInUp .5s ease-out forwards}.fade-in-delayed{opacity:0;animation:fadeIn .4s ease-out .1s forwards}.fade-in-delayed-2{opacity:0;animation:fadeIn .4s ease-out .2s forwards}.fade-in-delayed-3{opacity:0;animation:fadeIn .4s ease-out .3s forwards}.fade-in-delayed-4{opacity:0;animation:fadeIn .4s ease-out .4s forwards}.hidden-until-scroll{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}.hidden-until-scroll.visible{opacity:1;transform:translateY(0)}.Navbar{position:fixed;top:0;left:var(--border-width);right:var(--border-width);height:var(--border-indent);display:flex;justify-content:space-between;background-image:linear-gradient(#00000080,#0000);align-items:flex-end;padding:0 3rem 3rem;z-index:5;font-size:var(--font-size-medium)}.brand{color:var(--white)}.brand .name{color:var(--white);font-weight:800;text-decoration:none}.brand .page{color:var(--white);font-weight:400;text-decoration:none}.brand .page:hover{color:var(--accent-gold-hover);transition:color .2s}.nav-links{display:flex;gap:1rem;justify-content:space-between;font-family:Geist}@media (max-width: 768px){.Navbar{font-size:var(--font-size-medium)}}:root{--purple1: #181743;--purple2: #730F8E;--purple-pink: #A21190;--pink: #C62368;--purple-pink1: #CE0682;--blue: #8FA8D9;--light-pink: #eb6db4;--fuscia: #C62368;--meteor-yellow: #fedc01}.planet-scene{position:relative;width:min(90vw,800px);aspect-ratio:1.2 / 1;margin:0 auto;overflow:visible;transform:translate(-.15em);font-size:clamp(.45rem,1.8vw,1.8rem)}.planet-container{width:10em;height:10em;padding:1em;border-radius:10em;background:linear-gradient(150deg,var(--fuscia),transparent,transparent);position:absolute;animation:planet-moving 2s ease infinite;transition:all .2s ease;left:42%}.planet-container .shine{width:0;height:0;position:absolute;border-left:1.75em solid transparent;border-right:1.75em solid transparent;border-top:1.4em solid var(--light-pink);border-radius:50%;transform:rotate(-40deg);top:2.25em;left:1.9em}.planet-container .shine:after{content:"";position:absolute;background:linear-gradient(190deg,#c90779,#770e8d,#35145a);height:8em;width:8em;border-radius:5em;left:-3.9em;top:-.8em}.planet-container .shine-2{position:absolute;width:.65em;height:.55em;background:#eb6db4;border-radius:5em;top:3.25em;left:2.275em;transform:rotate(-55deg)}.planet-container .shine-2:after{content:"";position:absolute;width:.6em;height:.5em;background:#eb6db4;border-radius:5em;top:.45em;left:2.175em;transform:rotate(206deg)}.planet-container .shine-2:before{content:"";position:absolute;height:.5em;width:.7em;background:var(--light-pink);border-radius:10em;top:1.2em;left:3em;transform:rotate(40deg)}.planet-container .planet-ring{width:15em;height:2em;position:absolute;border-top:1em solid transparent;border-bottom:1em solid var(--fuscia);border-left:1.25em solid var(--fuscia);border-right:1.25em solid var(--fuscia);border-radius:100%;left:-2em;transform:rotate(-30deg);top:4em}.planet-container .planet-ring2{width:15em;height:2em;position:absolute;border-top:1em solid var(--fuscia);border-bottom:1em solid var(--fuscia);border-left:1.25em solid var(--fuscia);border-right:1.25em solid var(--fuscia);border-radius:100%;left:-2em;transform:rotate(-30deg);top:4em;z-index:-1}.planet-container .planet{width:10em;height:10em;background:linear-gradient(150deg,var(--fuscia),var(--purple2),transparent);border-radius:5em}.stars-container{position:absolute;width:100%;height:100%;left:0;top:0;transform:none}.stars-container .stars{width:8.5em;top:7em;position:relative;left:11em}.stars-container .stars div:nth-child(1){width:1em;position:relative;height:.3em;border-radius:100%;background:#fff;animation:twinkle-width 1s ease infinite}.stars-container .stars div:nth-child(2){width:.3em;height:1em;position:absolute;background:#fff;border-radius:100%;left:.35em;top:-.35em;transform-origin:middle;animation:twinkle-height 1s ease infinite}.stars-container .stars div:nth-child(3){background:#fff;content:"";position:absolute;width:.5em;height:.5em;left:.25em;top:-.1em;border-radius:5em}.stars-container .stars:nth-child(1){position:relative;transform:scale(.8);top:5em;left:9em}.stars-container .stars:nth-child(1) div{animation-delay:.5s}.stars-container .stars:nth-child(2){position:relative;transform:scale(1);top:3em;left:4em}.stars-container .stars:nth-child(2) div{animation-delay:.5s}.stars-container .stars:nth-child(3){position:relative;transform:scale(1);top:4.5em;left:20em}.stars-container .stars:nth-child(3) div{animation-delay:.3s}.stars-container .stars:nth-child(4){position:relative;transform:scale(.8);top:16em;left:3em}.stars-container .stars:nth-child(4) div{animation-delay:.8s}.stars-container .stars:nth-child(5){position:relative;transform:scale(.5);top:1.5em;left:12.5em}.stars-container .stars:nth-child(5) div{animation-delay:.6s}.stars-container .stars:nth-child(6){position:relative;transform:scale(.5);top:12.5em;left:4.5em}.stars-container .stars:nth-child(6) div{animation-delay:.8s}.stars-container .stars-2{border-radius:100%;position:absolute;animation:twinkle .5s ease infinite}.stars-container .stars-2:nth-child(7){width:.5em;height:.5em;background:linear-gradient(to right,var(--purple2),transparent);left:7.5em;top:6em;animation-delay:.2s}.stars-container .stars-2:nth-child(8){width:.5em;height:.5em;background:linear-gradient(to right,transparent,var(--pink));left:21em;top:-2.5em}.moon{width:5em;height:5em;border-radius:100%;background:linear-gradient(150deg,var(--blue) 55%,var(--fuscia) 98%);position:absolute;top:20%;left:10%;animation:planet-moving2 2s ease infinite;animation-delay:.5s;animation-fill-mode:both;will-change:transform}@keyframes planet-moving{0%{top:30%}50%{top:31%}to{top:30%}}@keyframes planet-moving2{0%{transform:translateY(3rem)}50%{transform:translateY(3.2rem)}to{transform:translateY(3rem)}}@keyframes twinkle-height{0%{height:1em;top:-.35em}50%{height:.5em;top:-.15em}to{height:1em;top:-.35em}}@keyframes twinkle-width{0%{width:1em;left:0}50%{width:.5em;left:.25em}to{width:1em;left:0}}@keyframes twinkle{0%{opacity:0}50%{opacity:1}to{opacity:0}}.card{display:flex;flex-direction:column;border:5px solid var(--white);border-radius:5px;position:relative;overflow:hidden;width:100%;height:100%;min-height:420px;background-color:#0000004d;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;box-sizing:border-box;margin:0}.card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;box-shadow:0 4px 8px #00000026;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-content{padding:1.25rem;display:flex;flex-direction:column;gap:0;flex-grow:1}.card-title{font-size:var(--font-size-medium);font-weight:600;text-decoration:none;color:var(--white);margin:0;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.15);transition:color .2s;min-height:1.5em;height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title:hover{color:var(--accent-gold)}.card-description{font-size:var(--font-size-small);color:var(--white-transparent-80);margin:0;margin-bottom:.75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:3em;min-height:3em;max-height:3em;cursor:default;pointer-events:none}.card-tags{display:flex;flex-wrap:nowrap;gap:.5rem;margin-top:auto;overflow:hidden;height:2rem;align-items:center;pointer-events:none}.card-tag{font-size:.7rem;color:#fffffff2;border:none;padding:.3rem .75rem;border-radius:3px;white-space:nowrap;font-weight:600;letter-spacing:.01em;box-shadow:0 2px 4px #0003,0 1px 2px #0000001a}.space-container{width:100%;height:30vh;background:var(--navy-blue);position:relative;overflow:hidden;margin:3rem 0}.rocket{position:absolute;width:120px;height:120px;top:50%;transform:translateY(-50%) rotate(90deg);animation:flyAcross 20s linear infinite;z-index:10;opacity:1}@keyframes flyAcross{0%{left:-160px}50%{left:calc(100% + 160px)}50.01%{left:-160px}to{left:-160px}}.rocket-body{position:relative;width:100%;height:100%;opacity:1}.rocket-main{width:60px;height:90px;background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:50% 50% 10px 10px;position:absolute;left:30px;top:10px;box-shadow:inset -2px -2px 8px #0000004d}.rocket-nose{width:32px;height:32px;background:linear-gradient(135deg,#ffb3c9,#ff6b9d);border-radius:50%;position:absolute;left:14px;top:-12px}.rocket-window{width:24px;height:24px;background:linear-gradient(135deg,#a8c8e4,#6b8fb8);border-radius:50%;position:absolute;left:18px;top:16px;opacity:.9;box-shadow:inset 2px 2px 4px #ffffff80,inset -2px -2px 4px #0000004d}.rocket-window-highlight{width:10px;height:10px;background:#ffffffb3;border-radius:50%;position:absolute;left:4px;top:4px}.rocket-wing{width:36px;height:50px;background:linear-gradient(135deg,#d65780,#a83d5e);position:absolute;top:60px;border-radius:0 0 10px;box-shadow:inset -1px -1px 5px #0000004d}.rocket-wing.left{left:0;transform:skewY(-15deg)}.rocket-wing.right{right:0;transform:skewY(15deg) scaleX(-1)}.rocket-stripe{width:100%;height:8px;background:linear-gradient(90deg,transparent 0%,#ffb3c9 50%,transparent 100%);position:absolute;top:40px;left:0}.rocket-booster{width:24px;height:16px;background:linear-gradient(135deg,#8b5a7a,#5a3d4f);position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:0 0 4px 4px}.rocket-thruster{width:32px;height:18px;background:linear-gradient(180deg,#5a3d4f,#3a2a3a);position:absolute;bottom:-18px;left:50%;transform:translate(-50%);border-radius:0 0 8px 8px;box-shadow:inset 0 2px 4px #00000080}.rocket-flame{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);animation:flicker .2s infinite alternate}.flame-part{width:16px;height:30px;background:linear-gradient(180deg,gold,#ff6b00,red);border-radius:50%/60% 60% 40% 40%;display:inline-block;margin:0 4px}@keyframes flicker{0%{transform:translate(-50%) scaleY(1);opacity:1}to{transform:translate(-50%) scaleY(.85);opacity:.8}}.rocket-star{position:absolute;z-index:1}.rocket-star-horizontal{width:32px;height:8px;border-radius:100%;background:#fff;position:relative;animation:rocket-twinkle-width 1s ease infinite}.rocket-star-vertical{width:8px;height:32px;position:absolute;background:#fff;border-radius:100%;left:12px;top:-12px;animation:rocket-twinkle-height 1s ease infinite}.rocket-star-center{background:#fff;position:absolute;width:14px;height:14px;left:9px;top:-3px;border-radius:50%}@keyframes rocket-twinkle-height{0%{height:32px;top:-12px}50%{height:16px;top:-4px}to{height:32px;top:-12px}}@keyframes rocket-twinkle-width{0%{width:32px;left:0}50%{width:16px;left:8px}to{width:32px;left:0}}.intro-section{display:flex;flex-direction:row;align-items:center;margin-top:10vh}.intro-content{padding:0 0 0 3rem}.intro-content{width:min(50%,800px);font-size:var(--font-size-large);display:flex;flex-direction:column;justify-content:space-between}.intro-content h1,.intro-content p{margin-top:0;margin-bottom:1rem}.wave-gap{height:0rem}.hero-wave-gap{height:10vh;width:100%}@media (max-aspect-ratio: 4/3){.wave-gap{height:10rem}}@media (max-aspect-ratio: 1/1){.wave-gap{height:16rem}}.intro-content a{color:var(--accent-gold);text-decoration:none}.intro-content a:hover{color:var(--accent-gold-hover);transition:color .2s}.intro-content .linkedin{display:block;margin-bottom:0}.wave{display:block;width:100%;overflow:hidden}.wave img{display:block;margin-bottom:-1px;width:100%}.wave.reverse{margin-top:-3rem}.wave.reverse img{transform:scaleY(-1)}@media (max-width: 1440px){.wave img,.wave.reverse img{width:200%;margin-left:-50%}}@media (max-width: 768px){.wave img,.wave.reverse img{width:220%;margin-left:-60%}}@media (max-width: 480px){.wave img,.wave.reverse img{width:250%;margin-left:-75%}}.hero{height:fit-content;width:100%;background-color:var(--hero-red);padding:3rem 0;margin-bottom:2.5rem;overflow:visible;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:3rem}.hero h1,.hero p,.hero a{margin-top:0}.link{display:flex;gap:1rem;align-items:center}.link a{display:flex;align-items:center}.hero-images{display:flex;flex-direction:column;gap:1.5rem;padding-right:3rem;flex-shrink:1;justify-content:center;align-items:center;margin-top:3rem}.hero-image-box{width:550px;height:367px;border:5px solid var(--white);border-radius:5px;overflow:hidden;transition:transform .3s ease;flex-shrink:1;background-color:#fff;padding:.25rem;box-sizing:content-box}.hero-image-box img{width:100%;height:100%;object-fit:cover;display:block}.link img{width:64px;height:64px}.projects-section{padding:var(--border-indent) 3rem var(--border-indent) 3rem}.projects-section h1{text-align:center;margin-bottom:0rem}.filter-section{margin-bottom:3rem;display:flex;justify-content:center;padding-top:2rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{background-color:transparent;border:2px solid var(--white-transparent-20);border-radius:5px;color:var(--white-transparent-80);padding:.6rem 1.5rem;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.filter-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.filter-btn.active{background-color:var(--accent-gold);border-color:var(--accent-gold);color:var(--background-blue)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;width:100%;margin-left:auto;margin-right:auto}.project-item{opacity:1;transition:opacity .3s ease,transform .3s ease;width:100%;margin:0;padding:0}.project-item.hidden{display:none}@media (max-width: 1199px) and (min-width: 769px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.intro-section{flex-direction:column;text-align:center;padding:0 2rem}.intro-content{width:100%;padding:0}#planet-container{display:none}.hero{flex-direction:column;padding:2rem 3rem;text-align:center;box-sizing:border-box}.hero .intro-content{text-align:center;padding:0;width:100%}.hero-images{padding:0;padding-bottom:2rem;margin-top:2rem;order:2;width:100%;box-sizing:border-box}.hero-image-box{width:100%;max-width:100%;height:auto}.hero-image-box img{aspect-ratio:3 / 2;height:auto}.socials{display:flex!important;flex-direction:row!important;justify-content:center;gap:2rem;margin-top:2rem}.link{flex-direction:column;gap:0}.link a:not(:has(img)){display:none}.link a{display:flex;align-items:center;justify-content:center}.link img{width:56px;height:56px;transition:transform .2s}.link a:hover img{transform:scale(1.1)}.projects-section{padding:2rem 1.5rem}.filter-section{padding-top:1rem;margin-bottom:2rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.filter-buttons{gap:.75rem}.filter-btn{padding:.6rem 1.2rem;font-size:var(--font-size-base)}}