@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow:hidden}@keyframes letterUp{0%{opacity:0;transform:translateY(46px)rotate(3deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes introLetter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 18px #ffffff40}50%{box-shadow:0 0 34px 6px #fff6}}@keyframes atmosGlow{0%,to{box-shadow:0 0 30px 2px #8cb4ff40}50%{box-shadow:0 0 46px 8px #8cb4ff66}}@keyframes radarPing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.portfolio-app{color:#f2f2f2;background:#0a0a0a;height:100dvh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.star-canvas,.spotlight,.cursor-dot,.cursor-ring,.cursor-trail{pointer-events:none;position:fixed}.star-canvas{z-index:0;width:100%;height:100%;inset:0}.intro{z-index:50;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.intro--done{visibility:hidden;opacity:0;pointer-events:none}.intro__name{color:#fff;letter-spacing:4px;text-transform:uppercase;gap:10px;font-family:Space Grotesk,Inter,sans-serif;font-size:15px;display:flex;overflow:hidden}.intro__name span{animation:.6s cubic-bezier(.2,.9,.2,1) both introLetter}.intro__name span:nth-child(2){animation-delay:.2s}.intro__track{background:#ffffff1f;border-radius:2px;width:120px;height:2px;margin-top:22px;overflow:hidden}.intro__bar{background:#fff;width:100%;height:100%;transition:width 1.3s cubic-bezier(.4,0,.2,1)}.cursor-dot{z-index:60;background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px}.cursor-ring{z-index:60;border:1.5px solid #ffffff73;border-radius:50%;width:32px;height:32px;margin:-16px;transition:left 80ms linear,top 80ms linear,transform .25s,border-color .25s}.cursor-ring--hover{border-color:#ffffffe6;transform:scale(2.2)}.cursor-trail{z-index:59;background:#fff;border-radius:50%;margin:-2.5px}.spotlight{z-index:0;background:radial-gradient(circle,#ffffff0f,#0000 70%);border-radius:50%;width:480px;height:480px;transition:left .12s linear,top .12s linear}.scroll-progress{z-index:40;background:#fff;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.site-header{z-index:20;color:#8a8a8a;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,48px);font-family:Space Grotesk,Inter,sans-serif;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}.site-logo{color:#fff;letter-spacing:.5px;font-size:18px;font-weight:700;text-decoration:none}.side-nav{z-index:20;flex-direction:column;gap:18px;display:flex;position:fixed;top:50%;right:clamp(10px,3vw,36px);transform:translateY(-50%)}.side-nav__link{color:#f2f2f2;opacity:.7;justify-content:flex-end;align-items:center;gap:10px;text-decoration:none;transition:opacity .25s;display:flex}.side-nav__link:hover{opacity:1}.side-nav__link span{letter-spacing:1px;text-transform:uppercase;font-size:12px;display:none}.side-nav__link i{background:#4a4a4a;border-radius:3px;width:6px;height:6px;transition:all .3s}.side-nav__link--active span{display:inline}.side-nav__link--active i{background:#fff;width:22px}.portfolio-scroller{z-index:1;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:none;height:100dvh;position:relative;overflow-y:scroll}.portfolio-scroller::-webkit-scrollbar{display:none}.section{scroll-snap-align:center;opacity:0;filter:blur(6px);min-height:100dvh;padding:clamp(70px,12vw,110px) clamp(20px,6vw,64px);transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1),filter .7s;position:relative;transform:translateY(36px)scale(.97)}.exact-section{flex-direction:column;justify-content:center;display:flex;overflow:hidden}.about-section,.contact-section{height:100dvh;padding-top:0;padding-bottom:0}.section.is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.section-number,.section-watermark{color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1;position:absolute}.section-number{font-size:min(24vw,240px);bottom:4%;left:5%}.section-watermark{font-size:min(30vw,320px)}.section-watermark--left{font-size:min(34vw,380px);top:50%;left:4%;transform:translateY(-50%)}.section-watermark--right{top:10%;right:4%}.section-watermark--bottom-left{bottom:8%;left:4%}.section-watermark--left-top{top:10%;left:4%}.section-watermark--contact{color:#ffffff09;font-size:min(38vw,420px);top:50%;right:6%;transform:translateY(-50%)}.hero-section{flex-direction:column;justify-content:center;display:flex;overflow:hidden}.hero-copy{z-index:1;max-width:680px;position:relative}.eyebrow{color:#8a8a8a;letter-spacing:3px;text-transform:uppercase;margin:0 0 22px;font-family:Space Grotesk,Inter,sans-serif;font-size:14px}h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif}h1{margin:0;font-size:clamp(36px,5.4vw,80px);font-weight:700;line-height:1.05}h2{margin:0;font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.1}h3{margin:0}.word{white-space:nowrap;margin-right:.28em;display:inline-block}.letter{opacity:0;animation:.7s cubic-bezier(.2,.9,.2,1) forwards letterUp;display:inline-block}.hero-summary{color:#9a9a9a;opacity:0;max-width:560px;margin:26px 0 0;font-size:18px;line-height:1.7;animation:.9s 1.4s forwards letterUp}.hero-actions{opacity:0;flex-wrap:wrap;gap:16px;margin-top:34px;animation:.9s 1.6s forwards letterUp;display:flex}.button{color:#f2f2f2;border:1px solid #ffffff40;border-radius:999px;padding:14px 30px;font-size:15px;text-decoration:none;transition:transform .15s ease-out,border-color .3s,color .3s;display:inline-block}.button:hover{border-color:#ffffffa6}.button--primary{color:#0a0a0a;background:#fff;border-color:#fff;font-weight:600;animation:2.8s ease-in-out infinite pulseGlow}.globe-wrap{z-index:0;filter:drop-shadow(0 0 60px #8cb4ff2e);width:min(260px,44vw);max-width:260px;height:min(260px,44vw);max-height:260px;position:absolute;top:8%;right:6%}.globe{width:100%;height:100%}.globe canvas{display:block;width:100%!important;height:100%!important}.section-heading{align-items:baseline;gap:16px;margin-bottom:36px;display:flex}.about-section .section-heading{margin-bottom:26px}.section-heading span,.contact-index{color:#4a4a4a;font-family:Space Grotesk,Inter,sans-serif;font-size:14px}.about-lede{color:#e8e8e8;clip-path:inset(0);max-width:780px;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(20px,2.6vw,30px);font-weight:500;line-height:1.6}.about-lede strong{color:#fff}.about-stats{flex-wrap:wrap;gap:48px;margin-top:48px;display:flex}.about-stats div{gap:4px;display:grid}.about-stats strong{color:#fff;font-family:Space Grotesk,Inter,sans-serif;font-size:34px}.about-stats span{color:#8a8a8a;font-size:13px}.skills-grid{background:#ffffff14;border:1px solid #ffffff14;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;max-width:1080px;display:grid;overflow:hidden}.skill-card{opacity:0;background:#0a0a0a;padding:24px;transition:opacity .6s,transform .6s cubic-bezier(.34,1.4,.4,1),background .3s;transform:scale(.82)rotate(-5deg)}.is-visible .skill-card{opacity:1;transform:scale(1)rotate(0)}.skill-card:hover{background:#111}.skill-card h3{color:#fff;margin-bottom:10px;font-size:15px;font-weight:600}.skill-card p{color:#9a9a9a;margin:0;font-size:13px;line-height:1.8}.experience-panel{max-width:820px}.experience-title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.experience-title-row h3{font-size:22px;font-weight:600}.experience-title-row span{color:#fff;border:1px solid #ffffff40;border-radius:999px;height:fit-content;padding:5px 12px;font-size:13px}.experience-panel p{color:#8a8a8a;margin:0 0 28px;font-size:15px}.experience-list{gap:14px;max-width:820px;margin:0;padding:0;list-style:none;display:grid}.experience-list li{color:#c3c3c3;opacity:0;border-left:1px solid #ffffff26;padding-left:20px;font-size:15px;line-height:1.6;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.is-visible .experience-list li{opacity:1;transform:translateY(0)}.project-list{max-width:900px;display:grid}.project{opacity:0;transform-origin:top;border-bottom:1px solid #ffffff14;padding:26px 0;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1),padding-left .35s;transform:perspective(900px)rotateX(18deg)translateY(24px)}.is-visible .project{opacity:1;transform:perspective(900px)rotateX(0)translateY(0)}.project:hover{padding-left:32px}.project__title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.project__title-row span{color:#333;font-family:Space Grotesk,Inter,sans-serif;font-size:28px;font-weight:700}.project h3{font-size:24px;font-weight:600}.project__meta{color:#8a8a8a;margin-top:6px;font-size:13px}.project p{color:#9a9a9a;max-width:680px;margin:14px 0 16px;font-size:15px;line-height:1.7}.project ul{color:#b3b3b3;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px 20px;max-width:680px;margin:0 0 18px;padding:0;font-size:13px;line-height:1.6;list-style:none;display:grid}.project li:before{color:#666;content:"·";margin-right:8px}.tech-list{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tech-list span{color:#b3b3b3;border:1px solid #ffffff24;border-radius:999px;padding:5px 12px;font-size:12px}.education-list{gap:18px;max-width:820px;display:grid}.education-card{opacity:0;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:22px 0;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(-24px)}.is-visible .education-card{opacity:1;transform:translate(0)}.education-card span,.education-card p,.education-card strong{color:#9a9a9a}.education-card h3{font-size:18px;font-weight:600}.education-card p{color:#8a8a8a;margin:4px 0 0;font-size:14px}.education-card__meta{text-align:right}.education-card__meta span{color:#fff;font-size:14px;font-weight:600;display:block}.education-card__meta strong{color:#8a8a8a;margin-top:2px;font-size:13px;display:block}.contact-section{position:relative}.contact-index{margin-bottom:20px;display:block}.contact-title{margin:0 0 16px}.contact-section h3{max-width:700px;margin:0 0 28px;font-size:clamp(34px,5vw,64px);font-weight:600;line-height:1.08}.contact-links{flex-wrap:wrap;gap:16px;width:fit-content;display:flex;position:relative}.contact-links a{color:#f2f2f2;border:1px solid #ffffff40;border-radius:999px;padding:16px 32px;font-size:15px;text-decoration:none;transition:border-color .25s,transform .25s}.contact-links a:hover{border-color:#fff}.contact-links .contact-email{color:#0a0a0a;background:#fff;border-color:#fff;font-weight:600;position:relative}.contact-links .contact-email:hover{transform:translateY(-3px)}.contact-ping{pointer-events:none;border:1px solid #ffffff4d;border-radius:999px;animation:2.4s ease-out infinite radarPing;position:absolute;inset:0}.contact-location{color:#4a4a4a;margin:48px 0 0;font-size:13px}@media (pointer:fine){.portfolio-app,.portfolio-app a,.portfolio-app button{cursor:none}}@media (width<=860px){.side-nav{display:none}.site-header{padding-inline:20px}.section{scroll-snap-align:start;min-height:auto;padding:96px 20px}.hero-section,.contact-section{min-height:100dvh}.split-section,.skills-grid,.project ul{grid-template-columns:1fr}.project{grid-template-columns:1fr;gap:14px}.globe-wrap{opacity:.7;top:11%;right:-10%}.cursor-dot,.cursor-ring,.cursor-trail{display:none}}