@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Stack+Sans+Notch:wght@200..700&display=swap";body{min-width:320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f9f9f9;background:#0b2531;margin:0;font-family:Manrope,sans-serif;font-weight:200}a{color:inherit;text-decoration:none}.section{min-height:0;padding:120px}.section-header{margin-bottom:70px}.section h2{letter-spacing:-.05em;margin:10px 0;font-size:clamp(3rem,7vw,6rem)}.section-title{margin-bottom:0;display:inline-block;position:relative}.section-title h2{z-index:2;letter-spacing:-.06em;margin:0;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:500;line-height:.95;position:relative}.navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);background:#1d46503e;border:1px solid #28606e2d;border-radius:999px;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:fixed;top:15px;left:20px;right:20px}.navbar-logo{top:px;letter-spacing:.08em;font-weight:700;position:relative}.nav-indicator{opacity:0;font-size:.7rem;line-height:.1;transition:opacity .25s,transform .25s;transform:scale(0)}.navbar a{color:inherit;text-shadow:0 1px 8px #06171f;text-decoration:none;transition:transform .25s,opacity .25s}.navbar a:hover{transform:translateY(-1px)}.navbar-links,section-label{align-items:center;gap:40px;font-family:Manrope,sans-serif;display:flex}.navbar-links a{letter-spacing:.08em;flex-direction:column;align-items:center;gap:3px;font-size:.85rem;transition:transform 25ms,all;display:flex;position:relative}.navbar-links a:hover{transform:scale(1.05)}.navbar-links a:hover .nav-indicator{opacity:1;transform:scale(1)}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 10vw;display:flex}.hero-eyebrow,.section-label{letter-spacing:.15em;font-size:.75rem;font-weight:700}.hero h1{letter-spacing:-.06em;margin:16px 0;font-size:clamp(4rem,10vw,9rem);font-weight:500;line-height:.9}.hero-subtitle{max-width:1000px;font-size:1.5rem;font-weight:400}.hero-description{max-width:600px;padding-bottom:14px;font-weight:200;line-height:1.6}.hero-button{letter-spacing:.1em;color:#28606ed0;background:.3s ease;border:1px solid #07202c;border-radius:10px;width:fit-content;margin-top:50px;padding:14px 24px;font-size:.8rem;font-weight:600;transition:all .25s}.hero-button:hover{color:#2e6e7e;background:#06171fb6;text-decoration:none}.about-section{width:min(2200px,100% - 10px);margin:0 auto;padding-top:50px;padding-bottom:80px}.about-header{margin-bottom:0}.about-content{max-width:1200px;margin-top:0}.about-text{background:rgba(#28606e);border:1px solid rgba(#05171f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;max-width:1100px;margin:0 auto;padding:3rem}.about-text p{z-index:1;color:rgba(#28606e);margin:0 0 1.4rem;font-size:1.05rem;line-height:1.8;position:relative}.about-text p:first-child{color:#fff;font-size:1.25rem;font-weight:500;line-height:1.6}.about-text p:last-of-type{margin-bottom:0}.about-section{position:relative;overflow:hidden}.about-section:before{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#409799cb 0%,#1cfbff1b 35%,#0000 70%);border-radius:50%;width:350px;height:350px;animation:12s ease-in-out infinite alternate aboutOrb;position:absolute;top:20%;left:10%}@keyframes aboutOrb{0%{transform:translate(0)scale(.9)}50%{transform:translate(180px,80px)scale(1.15)}to{transform:translate(350px,-30px)scale(.95)}}.about-cv{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding-top:2rem;display:flex}.about-cv>span{letter-spacing:.04em;color:#ffffff8c;text-transform:uppercase;font-size:.9rem;font-weight:500}.about-cv-buttons{gap:.8rem;display:flex}.about-cv-button{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.3rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .3s,border-color .3s,transform .3s;display:inline-flex}.about-cv-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-3px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:10px;display:grid}.project-card{background:#28606e;border:.5px solid #3d7d8e;border-radius:60px;padding-bottom:20px;transition:box-shadow .4s,border-color .4s;overflow:hidden}.project-card:hover{box-shadow:0 20px 20px #06171f}.project-image{aspect-ratio:16/10;background:#28606e;width:100%;line-height:0;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;display:block}.project-info{padding:24px}.project-category{letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin:0 0 40px;font-size:.7rem;font-weight:600}.project-category h3{margin-top:40px;margin-bottom:40px;font-size:1.35rem;font-weight:600}.project-info h3{letter-spacing:.05em;margin:0 0 40px;font-size:1.5rem;font-weight:200}.project-stage{opacity:.6;font-style:italic;font-weight:200}.project-description{max-width:500px;margin:0 0 20px;font-size:.9rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.project-tools{flex-wrap:wrap;gap:24px;margin-bottom:10px;display:flex}.project-tags span{letter-spacing:.04em;border:1px solid #5ca6bb;padding:5px 9px;font-size:.7rem}.project-link{color:inherit;align-items:center;gap:8px;padding:10px 0;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .3s,background .3s;display:inline-flex}.project-link:hover{transform:translate(4px)}.project-card-link{color:inherit;text-decoration:none;display:block}.project-list{margin:0;padding:0;list-style:none}.project-list li{border-top:1px solid #ccc}.project-list li:last-child{border-bottom:1px solid #ccc}.project-list a{padding:20px 0;font-size:1.2rem;transition:padding-left .3s,opacity .3s;display:block}.project-list a:hover{opacity:.6;padding-left:20px;text-decoration:none}.project-page{width:100%;overflow-x:hidden}.project-page-hero{width:min(1200px,100% - 80px);margin:0 auto;padding-top:50px;padding-bottom:80px}.project-back{letter-spacing:.1em;color:#526e74;border:1px solid #05171f;border-radius:40px;width:fit-content;margin-bottom:50px;padding:15px 24px;font-size:.7rem;transition:background .25s,color .25s,transform .25s;display:inline-block}.project-back:hover{color:#92c8d4;background:#06171f7e;text-decoration:none;transform:translate(-4px)}.project-page-category{letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin-bottom:20px;font-size:.7rem;font-weight:600}.project-page h1{letter-spacing:-.08em;max-width:100%;margin:0;font-size:clamp(3rem,7vw,7rem);font-weight:500;line-height:.99}.project-page-intro{opacity:.65;max-width:650px;margin-top:35px;margin-bottom:0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.project-page-video{object-fit:contain;border-radius:40px;width:min(100%,1000px);height:auto;margin:80px auto 0;display:block}.project-page-content{width:min(1200px,100% - 80px);margin:0 auto 50px}.documentation-section{background-color:#06171fc9;border-radius:40px;margin:10px 0;padding:20px}.documentation-section h2{background-color:#28606e33;border-radius:30px;margin:0 30px 40px;padding:15px}.documentation-section p{opacity:1;margin:30px;font-size:1rem;line-height:1.8}.documentation-section i{opacity:.5;max-width:700px;margin-inline:50px;font-size:.85rem;line-height:1.2}.documentation-section h3{opacity:.5;max-width:1000px;margin-inline:50px;font-size:.85rem;font-style:italic;font-weight:200;line-height:1.2}.documentation-section a{letter-spacing:.05em;text-transform:uppercase;color:#f5f8f9;opacity:.5;background:.3s ease;border:1px solid #b8e3f7;border-radius:40px;align-items:center;gap:8px;width:fit-content;margin:30px 50px;padding:14px 24px;font-size:.8rem;font-style:italic;font-weight:600;transition:all .25s;display:inline-flex}.documentation-section a:hover{opacity:1;background:#06171fb6;text-decoration:none;transform:translate(8px)}.career-roadmap{margin:0 auto;flex-direction:column;gap:50px;width:min(900px,100%);margin-top:140px;display:flex}.career-node{cursor:default;align-items:center;width:50%;min-height:100px;transition:opacity .3s;display:flex;position:relative}.career-node.left{text-align:right;justify-content:flex-end;align-self:flex-start;padding-right:40px}.career-node.right{text-align:left;justify-content:flex-start;align-self:flex-end;padding-left:40px}.career-node.left .career-bubble{right:40px}.career-node.right .career-bubble{left:40px}.career-content{max-width:600px}.career-year{letter-spacing:.12em;text-transform:uppercase;opacity:.5;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.career-content h3{letter-spacing:-.03em;margin:0 0 10px;font-size:1.5rem;font-weight:600}.career-content p{opacity:.65;margin:0;font-size:.9rem;line-height:1.6}.contact{min-height:60vh}.contact-links{gap:30px;transition:transform 2.5ms,all;display:flex}.contact-links a:hover{transform:scale(1.1)}@media (width<=700px){.navbar{padding:20px}.navbar-links{gap:14px}.navbar-links a{font-size:.7rem}.hero,.section{padding-left:6vw;padding-right:6vw}.hero h1{font-size:18vw}}@media (width<=768px){.about-text{border-radius:20px;padding:2rem}.about-text p{font-size:1rem;line-height:1.7}.about-text p:first-child{font-size:1.15rem}.about-cv{flex-direction:column;align-items:flex-start;gap:1.2rem}.about-cv-buttons{flex-direction:column;width:100%}.about-cv-button{width:100%}}@media (width<=700px){.project-grid{grid-template-columns:1fr}.career-roadmap{gap:45px}.career-node,.career-node.left,.career-node.right{text-align:left;justify-content:flex-start;align-self:flex-start;width:100%;padding-left:40px;padding-right:0}.career-node.left .career-bubble,.career-node.right .career-bubble{left:10px;right:auto}.career-content{max-width:500px}.project-page-hero{width:calc(100% - 30px);padding-top:120px;padding-bottom:70px}.project-page h1{font-size:clamp(2.8rem,13vw,4.5rem)}.project-page-video{border-radius:16px;margin-top:50px}.project-page-content{width:calc(100% - 30px)}.documentation-section{padding:70px 0}}