:root{--bg-color: black;--t1-color: white;--t2-color: #e90c06;--t3-color: black;--p-font: 11px;--h-font: 80px;--t-font: 16px;--font1: "Manrope", sans-serif;--font2: "Handjet", sans-serif}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html,body{overflow-x:hidden;background-color:var(--bg-color);color:var(--t1-color)}header{font-family:var(--font1);position:sticky;top:0;z-index:200;background-color:var(--bg-color)}.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;font-size:18px;padding:35px 40px;background-color:var(--bg-color)}.nav-links{justify-self:center;display:flex;gap:40px;background:transparent}.nav-left{justify-self:start;background:transparent}.initials{font-family:var(--font2);font-size:30px;font-weight:500;letter-spacing:1px;color:var(--t1-color)}.hamburger{justify-self:end;display:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;cursor:pointer;background:none;border:none;padding:6px;width:38px;height:38px}.ham-bar{display:block;height:2px;background-color:var(--t1-color);border-radius:2px;transition:transform .35s ease,opacity .25s ease,width .35s ease}.ham-bar--top{width:26px}.ham-bar--mid{width:18px}.ham-bar--bot{width:26px}.hamburger--open .ham-bar--top{width:26px;transform:translateY(7px) rotate(45deg)}.hamburger--open .ham-bar--mid{opacity:0;transform:scaleX(0)}.hamburger--open .ham-bar--bot{width:26px;transform:translateY(-7px) rotate(-45deg)}.navbar a{text-decoration:none;color:var(--t1-color);font-weight:200;padding:7px 17px;border-radius:50px;background:transparent;transition:background .2s ease,color .2s ease,font-weight .2s ease}.nav-links a:hover{background:var(--t2-color);color:var(--t3-color);font-weight:400;box-shadow:inset 0 2px 6px #00000080}.mobile-overlay{position:fixed;inset:0;z-index:150;pointer-events:none;visibility:hidden}.mobile-overlay--open{pointer-events:all;visibility:visible}.mobile-overlay__bg{position:absolute;inset:0;background-color:var(--bg-color);transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.77,0,.175,1)}.mobile-overlay--open .mobile-overlay__bg{transform:scaleY(1)}.mobile-overlay__nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;flex-direction:column;padding:0 32px;gap:0;background:transparent}.mobile-nav-item{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;background:transparent;opacity:0;transform:translate(-24px);transition:opacity .35s ease calc(var(--i) * .07s + .2s),transform .4s ease calc(var(--i) * .07s + .2s),color .2s ease}.mobile-nav-item:last-child{border-bottom:none}.mobile-overlay--open .mobile-nav-item{opacity:1;transform:translate(0)}.mobile-nav-item:hover .mobile-nav-label{color:var(--t2-color)}.mobile-nav-item:hover .mobile-nav-arrow{transform:translate(6px);color:var(--t2-color)}.mobile-nav-num{font-family:var(--font2);font-size:13px;color:var(--t2-color);opacity:.8;min-width:28px;background:transparent}.mobile-nav-label{font-family:var(--font2);font-size:52px;font-weight:500;color:var(--t1-color);flex:1;background:transparent;transition:color .2s ease;line-height:1}.mobile-nav-arrow{font-family:var(--font1);font-size:22px;color:#ffffff4d;background:transparent;transition:transform .25s ease,color .2s ease}.mobile-overlay__footer{position:absolute;bottom:40px;left:32px;right:32px;display:flex;gap:24px;background:transparent;opacity:0;transition:opacity .3s ease .5s}.mobile-overlay--open .mobile-overlay__footer{opacity:1}.mobile-overlay__footer a{font-family:var(--font1);font-size:12px;font-weight:600;letter-spacing:2px;color:#fff6;text-decoration:none;background:transparent;transition:color .2s ease}.mobile-overlay__footer a:hover{color:var(--t2-color)}.intro{margin:30px 300px;display:flex;align-items:center;flex-direction:row;justify-content:space-around;font-family:var(--font2);height:80vh}.intro h1{font-weight:500;font-size:var(--h-font)}.hero-title{margin-top:-100px}.hero-title .line{display:block;text-align:right}.accent{color:var(--t2-color);display:inline}.hey{font-size:40px}.image-logo{position:relative;width:320px}.profile-img{border-radius:24px;display:block;width:295px;height:400px;object-fit:cover}.icons{position:absolute;bottom:0;left:12px;display:flex;flex-direction:column;gap:1px}.icons a{background:transparent}.icons img{width:33px;height:33px;background:none;padding:6px;border-radius:6px;cursor:pointer;transition:transform .2s ease}.icons img:hover{transform:scale(1.15)}.gmail img{width:33px;height:28px}.one-liner{display:flex;align-items:center;justify-content:space-around;text-align:center;flex-direction:row;margin:100px;gap:20px}.opening,.closing{font-family:var(--font2);color:var(--t2-color);font-size:var(--h-font);font-weight:400;flex-shrink:0;background:transparent}.text{font-family:var(--font1);font-weight:200;font-size:var(--t-font);background:transparent}.text-break{display:block}.quick-links,.work{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:100px 150px;gap:40px;font-family:var(--font1);font-weight:200;font-size:var(--t-font)}.quick-links h2{font-family:var(--font2);font-size:40px;font-weight:400;align-self:flex-start;background:transparent}.quick-links p{background:transparent}.link-btns{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:80px;background:transparent}.link-btn-item{display:inline-flex;align-items:center;justify-content:center;width:150px;height:50px;border-radius:50px;font-family:var(--font1);font-size:var(--t-font);text-decoration:none;font-weight:500;box-shadow:inset 0 2px 6px #00000080;cursor:pointer;transition:transform .2s ease}.link-btn-item:hover{transform:scale(1.1)}.btn-1{background-color:var(--t2-color);color:var(--t3-color)!important;border:none}.btn-2{background-color:#ffffff1a;border:solid 1.5px rgba(255,255,255,.6);color:var(--t1-color)!important}.work h2{font-family:var(--font2);font-size:40px;font-weight:400;align-self:flex-start;background:transparent}.work-1{display:flex;flex-direction:row;align-items:center;justify-content:space-around;background-color:transparent;border:solid 1.5px var(--t2-color);border-radius:20px;width:75vw;min-height:250px;height:auto;padding:20px;gap:20px}.project-info{display:flex;flex-direction:column;justify-content:space-between;gap:15px;background:transparent}.p1-img{object-fit:cover;width:30vw;border-radius:10px;height:200px;flex-shrink:0}.p-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-family:var(--font2);gap:30px;background:transparent}.p-heading h2{font-size:35px;font-weight:500;background:transparent}.p-links{display:flex;flex-direction:row;align-items:center;gap:10px;background:transparent}.p-links a{background:transparent}.p-desc{font-size:14px;background:transparent;line-height:1.6}.p-tech{background:transparent}.p-tech button{background-color:#ffffff14;border:solid 1.5px rgba(255,255,255,.4);color:var(--t1-color);border-radius:5px;padding:5px;margin:5px;font-family:var(--font1);font-size:14px;font-weight:400}.p-links img{width:28px;height:28px;background:transparent}.view-all{display:flex;align-items:center;flex-direction:row;justify-content:center;gap:8px;background:transparent}.view-all-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--t1-color);font-family:var(--font2);font-size:22px;font-weight:400;background:transparent;transition:color .2s ease}.arrow-2{width:20px;height:20px;background:transparent}.timeline{display:flex;align-items:center;justify-content:space-around;margin:75px 60px;gap:30px}.timeline-img{width:10px;height:400px;flex-shrink:0}.timeline h2{font-family:var(--font2);font-weight:400;background:transparent}.timeline p{font-family:var(--font1);font-weight:200;background:transparent}.left,.right{width:100%;background:transparent}.right{display:flex;flex-direction:column;align-items:flex-start;padding-top:90px;gap:145px;text-align:left}.left{display:flex;flex-direction:column;align-items:flex-end;padding-bottom:90px;gap:145px;text-align:right}.t-1,.t-2,.t-3,.t-4{background:transparent}.about-page{display:flex;justify-content:center;padding:60px 20px 100px}.code-editor{background-color:#111;border-radius:12px;padding:40px 50px;width:100%;max-width:700px;font-family:Courier New,Courier,monospace}.code-line{display:flex;gap:30px;line-height:1.75;background:transparent}.line-num{color:var(--t2-color);min-width:20px;text-align:right;-webkit-user-select:none;user-select:none;font-size:14px;background:transparent;opacity:.9}.line-content{color:var(--t1-color);font-size:14px;background:transparent;white-space:pre-wrap;word-break:break-word}.label-text{color:var(--t1-color);background:transparent}.skills-text{color:var(--t2-color);background:transparent}.projects-page{padding:60px 100px 80px;display:flex;flex-direction:column;gap:40px;font-family:var(--font1)}.page-title{font-family:var(--font2);font-size:70px;font-weight:500;background:transparent}.projects-list{display:flex;flex-direction:column;gap:30px;background:transparent}.project-card{display:flex;flex-direction:row;align-items:center;gap:30px;border:1.5px solid var(--t2-color);border-radius:20px;padding:20px;font-weight:200;background:transparent}.project-card-img{width:35%;min-width:200px;height:200px;object-fit:cover;border-radius:10px;background:#1a1a1a;flex-shrink:0}.project-card-info{display:flex;flex-direction:column;gap:14px;flex:1;background:transparent}.projects-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin-top:20px;font-weight:200;font-size:var(--t-font);background:transparent;max-width:600px;align-self:center}.cta-btn{cursor:pointer;padding:14px 30px;border-radius:50px;font-family:var(--font1);font-size:var(--t-font);font-weight:600;border:none;transition:transform .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cta-btn:hover{transform:scale(1.05)}.contact-page{display:flex;flex-direction:column;align-items:center;padding:60px 100px 80px;gap:28px;font-family:var(--font1);min-height:80vh}.contact-page .page-title{align-self:flex-start;background:transparent}.contact-desc{font-size:16px;font-weight:200;line-height:1.7;align-self:flex-start;background:transparent;color:#ffffffd9}.schedule-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font1);font-size:17px;font-weight:500;background-color:var(--t2-color);color:var(--t3-color);border:none;border-radius:50px;padding:14px 40px;cursor:pointer;text-decoration:none;transition:transform .2s ease;margin-top:8px}.schedule-btn:hover{transform:scale(1.05);color:var(--t3-color)}.contact-or{font-size:15px;font-weight:200;background:transparent;color:#ffffff80}.contact-socials{display:flex;flex-direction:row;gap:20px;background:transparent;align-items:center}.contact-icon-link{display:flex;align-items:center;justify-content:center;padding:12px;transition:transform .2s ease,background .2s ease}.contact-icon-link:hover{transform:scale(1.12)}.contact-icon-img{width:35px;height:35px;object-fit:contain;background:transparent}.contact-social-label{font-size:14px;font-weight:200;background:transparent;color:#ffffff80}footer{background-color:var(--t2-color);position:relative;width:100%;height:70px;bottom:0;display:flex;justify-content:center;align-items:center;padding:0 60px;box-shadow:inset 0 2px 6px #00000080}footer p{background:none;font-family:var(--font1);color:var(--t3-color);font-size:var(--t-font);font-weight:500}@media(max-width:1200px){.intro{margin:0;padding:60px 80px;justify-content:center;gap:60px;height:auto;min-height:70vh}.hero-title{margin-top:0}.one-liner{margin:60px}.quick-links,.work{margin:60px 80px}.timeline{margin:60px 40px}}@media(max-width:768px){.navbar{padding:16px 20px;grid-template-columns:auto 1fr auto;font-size:14px}.nav-links{display:none}.hamburger{display:flex}.intro{margin:0;padding:30px 20px 40px;flex-direction:column;justify-content:center;height:auto;text-align:center;gap:24px;min-height:unset}.hero-title{order:2;margin-top:0}.hero-title .line{text-align:center}.hey{font-size:36px}.intro h1{font-size:52px}.image-logo{order:1;display:flex;justify-content:center;width:100%}.profile-img{border-radius:50%;width:160px;height:160px}.icons{display:none}.one-liner{margin:40px 20px;flex-direction:column;gap:10px}.opening,.closing{font-size:48px}.text{font-size:15px}.quick-links,.work{margin:50px 20px;gap:24px}.quick-links h2,.work h2{font-size:32px}.link-btns{gap:30px}.link-btn-item{width:130px;height:44px;font-size:15px}.work-1{flex-direction:column;width:90vw;height:auto;padding:16px;gap:16px}.p1-img{width:100%;height:180px}.about-page{padding:30px 12px 80px}.code-editor{padding:24px 16px;border-radius:8px}.code-line{gap:14px}.line-num,.line-content{font-size:12px}.projects-page{padding:40px 20px 60px}.page-title{font-size:48px}.project-card{flex-direction:column;height:auto}.project-card-img{width:100%;min-width:unset;height:180px}.contact-page{padding:40px 20px 60px;gap:24px}.contact-desc{font-size:15px}.schedule-btn{font-size:16px;padding:12px 32px}}@media(max-width:380px){.intro h1{font-size:44px}.link-btns{flex-direction:column;gap:16px}.mobile-nav-label{font-size:40px}}.splash{position:fixed;inset:0;z-index:9999;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;pointer-events:none}.splash--fly{animation:splashBgFade .55s ease .25s forwards}@keyframes splashBgFade{to{background-color:transparent}}.splash__initials{display:flex;align-items:baseline;gap:0;font-family:var(--font2);font-weight:500;line-height:1}.splash__k,.splash__dot1,.splash__v,.splash__dot2{display:inline-block;opacity:0;transform:translateY(30px);font-size:18vw;color:var(--t1-color);transition:none}.splash__dot1,.splash__dot2{color:var(--t2-color);font-size:18vw}.splash--enter .splash__k{animation:charEnter .45s cubic-bezier(.22,1,.36,1) .05s forwards}.splash--enter .splash__dot1{animation:charEnter .45s cubic-bezier(.22,1,.36,1) .15s forwards}.splash--enter .splash__v{animation:charEnter .45s cubic-bezier(.22,1,.36,1) .25s forwards}.splash--enter .splash__dot2{animation:charEnter .45s cubic-bezier(.22,1,.36,1) .35s forwards}@keyframes charEnter{to{opacity:1;transform:translateY(0)}}.splash--hold .splash__k,.splash--hold .splash__dot1,.splash--hold .splash__v,.splash--hold .splash__dot2{opacity:1;transform:translateY(0)}.splash--fly .splash__k,.splash--fly .splash__dot1,.splash--fly .splash__v,.splash--fly .splash__dot2{opacity:1;animation:flyToCorner .6s cubic-bezier(.4,0,.2,1) forwards}.splash--fly .splash__dot1{animation-delay:.01s}.splash--fly .splash__v{animation-delay:.02s}.splash--fly .splash__dot2{animation-delay:.03s}@keyframes flyToCorner{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translate(calc(-50vw + 80px),calc(-50vh + 52px)) scale(.13)}}.app-content{opacity:0}.app-content--visible{animation:contentFadeIn .3s ease forwards}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}