:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:vt323;src:url(../../vt323.ttf) format("truetype"),url(/assets/vt323-BZsogN36.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-Regular-uksdTzU6.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-Medium-DQ2qISv5.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-SemiBold-CyPHWoed.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Kumar One Outline;src:url(/assets/KumarOneOutline-Regular-DpZ5l45e.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Cedarville Cursive";src:url(/assets/CedarvilleCursive-Regular-C2jkQaQV.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.new-landing{min-height:100vh;width:100vw;background:#000;color:#fff;overflow-x:hidden;display:flex;flex-direction:column;position:relative}.landing-header{text-align:center;padding:3rem 2rem 2rem;z-index:10;position:relative;flex-shrink:0}.name{font-family:vt323,cursive,sans-serif;font-size:4.2rem;font-weight:400;margin:0 0 .5rem;letter-spacing:.02em;text-transform:lowercase;color:#fff}.title{font-family:Inconsolata,monospace;font-size:1.2rem;font-weight:400;margin:0 0 .5rem;opacity:.9;letter-spacing:.1em;text-transform:uppercase;color:#f99}.location{font-family:Inconsolata,monospace;font-size:1rem;font-weight:400;margin:0;opacity:.7;letter-spacing:.15em;text-transform:uppercase}.split-container{display:flex;flex:1;height:45vh;min-height:375px;position:relative}.split-section{width:50%;position:relative;cursor:pointer;overflow:hidden;transition:all .4s ease;display:flex;align-items:center;justify-content:center;z-index:1}.split-section.hovered{z-index:2}.split-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;will-change:auto;-webkit-transform:translateZ(0);transform:translateZ(0)}.split-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.split-section.hovered .split-overlay{background:#ff99994d}.split-content{text-align:center;z-index:3;position:relative;padding:1rem}.split-title{font-family:Kumar One Outline,cursive,sans-serif;font-size:6rem;font-weight:400;margin:0 0 .5rem;text-transform:lowercase;letter-spacing:.02em;text-shadow:2px 2px 8px rgba(0,0,0,.7);color:#fff}.split-subtitle{font-family:Inconsolata,monospace;font-size:1rem;font-weight:400;margin:0;opacity:.9;letter-spacing:.1em;text-transform:uppercase;text-shadow:1px 1px 4px rgba(0,0,0,.7);color:#f99}.life-split .split-title{font-family:"Cedarville Cursive",cursive,sans-serif;color:#fff}.life-split.hovered .split-title{color:#000;text-shadow:0 0 20px rgba(255,153,153,.8)}.work-split .split-title{font-family:"Cedarville Cursive",cursive,sans-serif;color:#fff}.work-split.hovered .split-title{color:#000;text-shadow:0 0 20px rgba(255,153,153,.8)}.landing-footer{padding:2rem;text-align:center;z-index:10;position:relative;flex-shrink:0}.links-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-link{color:#fff;text-decoration:none;font-family:Inconsolata,monospace;font-size:1rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1.5rem;border:1px solid rgba(255,255,255,.3);border-radius:25px;transition:all .3s ease;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block}.footer-link:hover{border-color:#f99;background:#ff99991a;box-shadow:0 4px 15px #f993;color:#f99}@media (max-width: 1024px){.name{font-size:3rem}.split-title{font-size:3.5rem}.split-container{height:37.5vh;min-height:300px}}@media (max-width: 768px){.landing-header{padding:2rem 1.5rem 1.5rem}.name{font-size:2.5rem}.title{font-size:1rem}.location{font-size:.9rem}.split-container{flex-direction:column;height:auto;min-height:45vh}.split-section{width:100%;height:37.5vh;min-height:225px}.split-title{font-size:3rem}.split-subtitle{font-size:.9rem}.links-container{gap:1rem}.footer-link{font-size:.9rem;padding:.7rem 1.2rem}.split-video{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}}@media (max-width: 480px){.landing-header{padding:1.5rem 1rem 1rem}.name{font-size:2rem;line-height:1.2}.title{font-size:.9rem}.location{font-size:.8rem}.split-container{flex-direction:column;height:auto;min-height:37.5vh}.split-section{width:100%;height:30vh;min-height:187px}.split-title{font-size:2.5rem;line-height:1.1}.split-subtitle{font-size:.8rem}.split-content{padding:.5rem}.links-container{flex-direction:column;align-items:center;gap:.8rem}.footer-link{font-size:.8rem;padding:.6rem 1rem;width:200px;text-align:center}.landing-footer{padding:1.5rem 1rem}}@media (max-width: 360px){.name{font-size:1.8rem}.split-section{height:26vh;min-height:150px}.split-title{font-size:2rem}.split-subtitle{font-size:.7rem}}@media (hover: hover) and (pointer: fine){.split-section:hover{transform:scale(1.02)}.footer-link:hover{transform:translateY(-2px)}}@media (hover: none) and (pointer: coarse){.split-section:active{transform:scale(.98);transition:transform .1s ease}.footer-link:active{transform:scale(.95);transition:transform .1s ease}.split-section:hover{transform:none}.footer-link:hover{transform:none;border-color:#ffffff4d;background:#ffffff0d;box-shadow:none}}@media (max-width: 768px){.split-video{opacity:.9}.split-section,.split-overlay{transition:none}}@font-face{font-family:vt323;src:url(/assets/vt323-BZsogN36.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-Regular-uksdTzU6.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-Medium-DQ2qISv5.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-SemiBold-CyPHWoed.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}.life-page{min-height:100vh;width:100vw;background:#000;padding:2rem;font-family:Inconsolata,monospace;margin:0;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;align-items:center;position:relative;transform:translateZ(0)}.life-back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff!important;font-family:Inconsolata,monospace;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;align-self:flex-start;position:relative;z-index:2;will-change:transform,background-color}.life-back-button:hover{background:#f993;transform:translateY(-2px);border:1px solid #ff9999;color:#f99!important}.life-content{max-width:900px;width:100%;background:#000c;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:4rem;box-shadow:0 20px 40px #00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;z-index:1;color:#fff}.profile-section{display:flex;align-items:flex-start;gap:3rem;margin-bottom:4rem}.profile-image{flex-shrink:0;position:relative}.profile-image img{width:160px;height:160px;border-radius:50%;object-fit:cover;object-position:center 20%;border:6px solid rgba(255,255,255,.2);box-shadow:0 15px 35px #00000080;transition:transform .3s ease}.profile-image img:hover{transform:scale(1.05);border-color:#f99}.profile-info{flex:1;padding-top:1rem}.name{font-family:vt323,cursive;font-size:3.5rem;font-weight:400;color:#fff;margin:0 0 1rem;letter-spacing:.02em;text-transform:lowercase;line-height:1.1}.title{font-family:Inconsolata,monospace;font-size:1.5rem;font-weight:500;color:#f99;margin:0 0 .75rem;line-height:1.3}.location{font-family:Inconsolata,monospace;font-size:1.2rem;color:#fffc;margin:0;display:flex;align-items:center;gap:.5rem}.bio-section{margin-bottom:4rem}.bio{font-family:Inconsolata,monospace;font-size:1.2rem;line-height:1.7;color:#ffffffe6;margin:0;text-align:left;max-width:none}.links-section{margin-bottom:3rem}.links-section h3{font-family:vt323,cursive;font-size:2rem;font-weight:400;color:#fff;margin:0 0 2rem;text-transform:lowercase;letter-spacing:.02em;text-shadow:0 0 20px rgba(255,255,255,.4),2px 2px 4px rgba(0,0,0,.8)}.social-links{display:flex;gap:1.5rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:50px;font-family:Inconsolata,monospace;font-weight:500;font-size:1rem;transition:all .3s ease;box-shadow:0 6px 20px #0000004d;border:1px solid rgba(255,255,255,.2);will-change:transform,background-color}.social-link:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ff99994d;background:#f993;border-color:#f99;color:#f99}.icon{width:22px;height:22px;fill:currentColor}.signature{text-align:center;margin-top:4rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.1)}.signature p{color:#fff9;font-size:1rem;margin:0;font-style:italic}@media (max-width: 1024px){.life-content{padding:3rem}.name{font-size:3rem}.title{font-size:1.4rem}.bio{font-size:1.1rem}.profile-section{gap:2.5rem}.profile-image img{width:160px;height:160px;object-position:center 20%}}@media (max-width: 768px){.life-page{padding:1.5rem}.life-content{padding:2.5rem}.profile-section{flex-direction:column;text-align:center;align-items:center;gap:2rem;margin-bottom:3rem}.profile-info{padding-top:0}.profile-image img{width:140px;height:140px;object-position:center 20%}.name{font-size:2.5rem}.title{font-size:1.3rem}.location{font-size:1.1rem;justify-content:center}.bio-section{margin-bottom:3rem}.bio{font-size:1.1rem;line-height:1.6;text-align:center}.links-section h3{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.social-links{justify-content:center;gap:1rem}.social-link{padding:.75rem 1.5rem;font-size:.95rem}}@media (max-width: 480px){.life-page{padding:1rem}.life-content{padding:2rem}.profile-image img{width:120px;height:120px;border-width:4px;object-position:center 20%}.name{font-size:2.2rem}.title{font-size:1.2rem}.location{font-size:1rem}.bio{font-size:1rem;line-height:1.6}.links-section h3{font-size:1.6rem}.social-link{padding:.65rem 1.25rem;font-size:.9rem;gap:.5rem}.icon{width:18px;height:18px}.signature{margin-top:3rem;padding-top:2rem}.signature p{font-size:.9rem}}@media (hover: none) and (pointer: coarse){.social-link:hover{transform:none;box-shadow:0 6px 20px #0000004d;background:#ffffff1a;border-color:#fff3;color:#fff}.social-link:active{transform:scale(.98);background:#f993;border-color:#f99;color:#f99}.life-back-button:hover{background:#ffffff1a;transform:none;border:1px solid rgba(255,255,255,.2);color:#fff!important}.life-back-button:active{transform:scale(.98);background:#f993;border:1px solid #ff9999;color:#f99!important}.profile-image img:hover{transform:none;border-color:#fff3}}@font-face{font-family:vt323;src:url(/assets/vt323-BZsogN36.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-Regular-uksdTzU6.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-Medium-DQ2qISv5.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inconsolata;src:url(/assets/Inconsolata-SemiBold-CyPHWoed.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}.work-page{min-height:100vh;width:100vw;background:#000;padding:2rem;font-family:Inconsolata,monospace;margin:0;box-sizing:border-box;transform:translateZ(0);color:#fff}.work-back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff!important;font-family:Inconsolata,monospace;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;will-change:transform,background-color}.work-back-button:hover{background:#f993;transform:translateY(-2px);border:1px solid #ff9999;color:#f99!important}.work-content{max-width:1200px;margin:0 auto}.work-header{text-align:center;margin-bottom:3rem;color:#fff}.work-header h1{font-family:vt323,cursive;font-size:4rem;font-weight:400;margin:0 0 1rem;letter-spacing:.05em;text-transform:lowercase;text-shadow:0 0 20px rgba(255,255,255,.4),0 0 40px rgba(255,255,255,.2),2px 2px 4px rgba(0,0,0,.8);will-change:transform}.tagline{font-family:Inconsolata,monospace;font-size:1.3rem;font-weight:400;opacity:.9;margin:0;will-change:transform;color:#f99}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.client-card{position:relative;background:#fff;border-radius:20px;padding:0;cursor:pointer;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);will-change:transform,box-shadow;color:#000;height:280px;overflow:hidden;background-size:60%;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;justify-content:flex-end}.client-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #ff99994d;border:1px solid rgba(255,153,153,.2)}.client-logo{display:none}.client-info{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;text-align:center;color:#fff;border-radius:0 0 20px 20px}.client-info h3{font-family:Inconsolata,monospace;font-size:1.3rem;font-weight:600;color:#fff;margin:0 0 .5rem;will-change:transform}.year{font-family:Inconsolata,monospace;font-size:.9rem;color:#f99;font-weight:500;will-change:transform}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#000;border:1px solid rgba(255,255,255,.2);border-radius:20px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;will-change:transform;color:#fff}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#ffffffb3;z-index:1001;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;will-change:transform,color;transition:color .3s ease}.close-button:hover{color:#f99}.modal-header{display:flex;align-items:center;gap:1.5rem;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.2)}.modal-logo{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:12px;padding:.75rem;flex-shrink:0;will-change:transform;border:1px solid rgba(255,255,255,.2)}.modal-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:none}.modal-title h2{font-family:vt323,cursive;font-size:1.8rem;font-weight:400;color:#fff;margin:0 0 .5rem;will-change:transform;text-transform:lowercase;letter-spacing:.05em}.modal-year{font-family:Inconsolata,monospace;font-size:1rem;color:#f99;font-weight:500;will-change:transform}.modal-body{padding:2rem}.project-description{font-family:Inconsolata,monospace;font-size:1.1rem;line-height:1.7;color:#ffffffe6;margin:0 0 2rem;will-change:transform}.technologies h4{font-family:vt323,cursive;font-size:1.2rem;font-weight:400;color:#fff;margin:0 0 1rem;text-transform:lowercase;letter-spacing:.05em}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#fff;color:#000;font-family:Inconsolata,monospace;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;will-change:transform;border:1px solid rgba(255,255,255,.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.work-header h1{font-size:3.5rem}.tagline{font-size:1.2rem}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.client-card{height:260px;background-size:55%}}@media (max-width: 768px){.work-page{padding:1.5rem}.work-header h1{font-size:3rem}.tagline{font-size:1.1rem}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.client-card{height:240px;background-size:50%}.client-info,.modal-overlay{padding:1rem}.modal-header{padding:1.5rem 1.5rem 1rem;flex-direction:column;text-align:center}.modal-body{padding:1.5rem}.modal-title h2{font-size:1.3rem}.project-description{font-size:.95rem;line-height:1.6}}@media (max-width: 480px){.work-header h1{font-size:2.5rem}.tagline{font-size:1rem}.clients-grid{grid-template-columns:1fr;gap:1rem}.client-card{height:200px;background-size:45%}.client-info{padding:.75rem}.client-info h3{font-size:1.1rem}.modal-header,.modal-body{padding:1rem}.tech-tag{font-size:.75rem;padding:.3rem .6rem}}@media (hover: none) and (pointer: coarse){.client-card:hover{transform:none;box-shadow:0 10px 30px #0000004d}.client-card:active{transform:scale(.98)}.back-button:hover{background:#ffffff1a;transform:none}.back-button:active{transform:scale(.98);background:#fff3}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{height:100%;width:100%}.App{height:100%;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}html{scroll-behavior:smooth}::selection{background:#667eea4d;color:inherit}*:focus{outline:2px solid #667eea;outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit;outline:none}a{color:inherit;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}