@media(prefers-reduced-motion:reduce){.hero-video{display:none!important}*{transition-duration:0s!important}}:root{--bg-body: rgb(248 250 252);--accent-gradient: linear-gradient(180deg, #00bbff 0%, rgb(0, 85, 211) 100%);--text-main: #111111;--text-body: #353535;--text-muted: #5c5c5c;--radius: 1.25rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth!important;overflow-x:hidden;scrollbar-width:none}body{font-family:Google Sans Flex,sans-serif;background-color:var(--bg-body);color:var(--text-body);overflow-x:hidden;line-height:1.5}.floating-nav{z-index:3;width:auto;max-width:100%;position:fixed;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;overflow-x:auto;padding:.55rem;background-color:#fffffff5;box-shadow:inset 2px 3px 1px #fff,inset -1px -1px 1px #0000000d,5px 5px 6px #00000026;border:.5px solid rgba(255,255,255,.3);border-radius:var(--radius);transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s ease-out,border-color .2s ease-out,box-shadow .2s cubic-bezier(.34,1.56,.64,1);will-change:transform,background-color,border-color,box-shadow}.floating-nav:hover{transform:translate(-50%) translateY(-5px) scale(1.05)}.floating-nav a{text-decoration:none;color:var(--text-main);font-size:clamp(1rem,.864rem + .682vw,1.3rem);font-weight:400;padding:.8rem;border-radius:var(--radius);transition:background-color .2s ease-out,color .2s ease-out,box-shadow .2s cubic-bezier(.34,1.56,.64,1),transform .2s cubic-bezier(.34,1.56,.64,1)}.floating-nav a:hover{color:#000;background-color:transparent;box-shadow:inset 2px 3px 1px #fff,inset -1px -1px 1px #0000000d,5px 5px 6px #00000026;border:.5px solid rgba(255,255,255,.3);transform:scale(.95)}.floating-nav.is-hero a{color:#fff;text-shadow:5px 5px 6px rgba(0,0,0,.5)}.floating-nav.is-hero{background-color:transparent;box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #0000000d,5px 5px 6px #0006}.floating-nav.is-hero a:hover{box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #0000000d,5px 5px 6px #0006}.hero-container{position:relative;width:100%;height:100vh;overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:translateZ(0);will-change:transform}.hero-content{display:block;z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;width:100%;height:100vh}.hero-branding{position:absolute;top:10vh;left:10vw;align-items:flex-start;opacity:0;transform:translate(-320px);transition:opacity .3s ease .1s,transform .3s ease .1s;will-change:opacity,transform}.hero-branding.is-visible-hero{opacity:1;transform:translate(0)}.hero-content h1{align-items:flex-start;font-size:clamp(3.2rem,1.475rem + 8.624vw,7rem);font-weight:650;letter-spacing:-3px;line-height:1.2;color:#fff;max-width:100%;text-align:left;text-shadow:5px 5px 6px rgba(0,0,0,.5)}.hero-content .role{text-align:left;align-items:flex-start;color:#fff;font-size:clamp(1.2rem,.351rem + 2.264vw,1.8rem);font-weight:650;letter-spacing:1px;text-shadow:5px 5px 6px rgba(0,0,0,.5)}.hero-socials{position:absolute;bottom:30vh;left:0;right:0;display:flex;justify-content:center;gap:1rem;opacity:0;transform:translate(320px);transition:opacity .3s ease .2s,transform .3s ease .2s;will-change:opacity,transform}.hero-socials.is-visible-hero{opacity:1;transform:translate(0)}.hero-socials a{font-size:clamp(2.4rem,2.218rem + .908vw,2.8rem);color:#fff;text-shadow:5px 5px 6px rgba(0,0,0,.5);transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .2s ease-out;will-change:transform,color}.hero-socials a:hover{color:#fff;transform:scale(1.3) rotate(5deg)}.hero-content .bio{position:absolute;top:45vh;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:clamp(1.2rem,.928rem + 1.362vw,1.8rem);font-weight:500;width:30ch;max-width:90vw;text-align:center;text-shadow:5px 5px 6px rgba(0,0,0,.5);line-height:1.5;white-space:pre-wrap;opacity:0;transition:opacity .3s ease .45s;will-change:opacity}.hero-content .bio.is-visible-hero{opacity:1}.typewriter-caret{margin-left:3px;display:inline-block;width:5px;background-color:transparent;color:#fff;font-weight:500}.typewriter-caret.is-blinking{animation:caret-blink 1s step-end infinite}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.main-content-wrapper{width:100%}.portfolio-section{min-height:auto;padding:4rem 2rem;justify-items:center}.section-container{max-width:1440px;width:100%}.section-title{margin-bottom:2rem;font-size:clamp(2.5rem,2.071rem + 2.143vw,4rem);font-weight:900;letter-spacing:-1px;text-align:center;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(3px 3px 2px rgba(0,0,0,.2));opacity:0;transform:translate(320px);transition:opacity .3s ease,transform .3s ease;will-change:opacity,transform}.section-title.is-visible-title{opacity:1;transform:translate(0)}.projects-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;margin-top:2.5rem;justify-items:center}.project-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius);box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #00000026,5px 5px 6px #00000026;overflow:hidden;width:100%;max-width:448px;opacity:0;transform:translate(-320px);transition:opacity .3s ease .1s,transform .3s ease .1s;will-change:opacity,transform}.project-card.is-visible-card{opacity:1;transform:translate(0)}.project-card:hover{transform:scale(1.05);box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #0000000d,5px 5px 15px #0000004d;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1);will-change:transform,box-shadow}.project-image{height:12rem;width:100%;object-fit:cover;content-visibility:auto;contain-intrinsic-size:1px 220px}.project-details{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-details h3{font-size:clamp(1.1rem,.986rem + .571vw,1.5rem);text-align:left;margin-bottom:1rem;font-weight:600;line-height:1.2;color:var(--text-main);text-shadow:2px 1px 2px rgba(0,0,0,.15)}.project-description{color:var(--text-body);text-align:left;font-size:clamp(.9rem,.843rem + .286vw,1.1rem);font-weight:300;line-height:1.5;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow-y:auto;scrollbar-width:none;margin-bottom:2rem}.card-actions{display:flex;gap:.8rem;margin-top:auto;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-block;padding:.75rem;text-decoration:none;border-radius:var(--radius);font-weight:600;font-size:clamp(.8rem,.743rem + .286vw,1rem);text-align:center;flex:1;min-width:8rem;background:var(--accent-gradient);color:#fff;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1);will-change:transform,box-shadow}.btn-primary:hover{transform:scale(1.03);box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #0000000d,5px 5px 10px #0000004d}.footer{background-color:var(--bg-body);color:var(--text-muted)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.35rem;flex-direction:row;align-items:left;text-align:justify;width:100%;margin:0 auto;padding:4rem 1rem 5rem;opacity:0;transform:translate(320px);transition:opacity .3s ease .1s,transform .3s ease .1s;will-change:opacity,transform}.footer-content.is-visible-footer{opacity:1;transform:translate(0)}.footer-socials{display:flex;gap:1rem}.footer-socials a{text-decoration:none;font-size:clamp(2rem,1.857rem + .714vw,2.5rem);color:var(--text-muted);transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .2s ease-out,text-shadow .2s cubic-bezier(.34,1.56,.64,1);will-change:transform,color,text-shadow}.footer-socials a:hover{color:var(--text-main);transform:scale(1.3) rotate(5deg);text-shadow:5px 5px 6px rgba(0,0,0,.15)}@media screen and (min-width:688px)and (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project-image{height:13rem}}@media screen and (min-width:1025px){.projects-grid{grid-template-columns:repeat(3,1fr)}.project-image{height:16rem}.hero-branding{top:5vh;left:3vw}.hero-socials{bottom:85vh;left:85vw}.hero-content .bio{top:50vh;left:50vw;transform:translate(-50%,-50%)}.footer-content{padding:4rem 1rem 1rem}}@media screen and (orientation:landscape)and (max-height:500px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project-image{height:12.5rem}.floating-nav a{padding:.5rem}.hero-branding{top:10vh;left:5vw}.hero-content h1{font-size:clamp(3rem,1.191rem + 5.096vw,4rem)}.hero-content .role{font-size:clamp(1rem,.638rem + 1.019vw,1.2rem)}.hero-socials{bottom:75vh;left:75vw}.hero-content .bio{top:50vh;left:50vw;transform:translate(-50%,-50%);font-size:1.1rem}}.tech-stack-container{width:100%;overflow:hidden;padding:2rem 0;margin:1.5rem 0;display:flex;align-items:center;position:relative;z-index:2;opacity:0;transform:translate(320px);transition:opacity .3s ease .15s,transform .3s ease .15s;will-change:opacity,transform}.tech-stack-container.is-visible-tech{opacity:1;transform:translate(0)}.tech-stack-container:before,.tech-stack-container:after{content:"";position:absolute;top:0;width:4rem;height:100%;z-index:2;pointer-events:none}.tech-stack-container:before{left:0;background:linear-gradient(to right,var(--bg-body) 0%,transparent 100%)}.tech-stack-container:after{right:0;background:linear-gradient(to left,var(--bg-body) 0%,transparent 100%)}.tech-stack-track{display:flex;gap:1rem;width:max-content;animation:scroll 25s linear infinite;backface-visibility:hidden;perspective:1000px}.tech-stack-track:has(.tech-item:hover){animation-play-state:paused}.tech-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:1rem;white-space:nowrap;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1),background-color .2s ease-out;will-change:transform,box-shadow,background-color}.tech-item:hover{background-color:#fff;transform:scale(1.1) rotate(2deg);box-shadow:5px 5px 6px #00000026}.tech-logo{width:2rem;height:2rem;object-fit:contain}.tech-name{font-size:clamp(.88rem,.77rem + .54vw,1.25rem);font-weight:600;color:var(--text-main)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% / 3))}}@media screen and (min-width:1024px){.tech-stack-container:before,.tech-stack-container:after{width:10rem}.tech-stack-track{animation:scroll 30s linear infinite;gap:2rem}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}