@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Abel&family=Josefin+Sans&display=swap";.navbar{padding:2rem;text-align:center}.navbar ul{display:flex;justify-content:center;gap:4rem;list-style:none}.navbar ul li{color:#aaa;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:color .3s}.navbar ul li a{text-decoration:none;color:inherit}.navbar ul li:hover{color:#f8b26a}.hero{display:flex;justify-content:space-between;align-items:center;padding:10rem 2rem 5rem 10rem;gap:2rem;flex-wrap:wrap}.hero .hero-text{flex:1 1 400px}.hero .hero-text h1{color:#f8b26a;font-family:Josefin Sans,sans-serif;font-size:2.5rem;line-height:1.3;margin-bottom:1.5rem}.hero .hero-text p{color:#999;margin-bottom:2rem;font-size:.95rem}.hero .hero-text .cta{font-family:Abel,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.03rem;padding:.8rem 2rem;border-radius:999px;background:linear-gradient(135deg,#f8b26a,#facb9b);color:#1a1a1a;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;text-decoration:none;display:inline-block;transition:all .3s ease}.hero .hero-text .cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f8b26a4d;filter:brightness(1.05)}.hero .hero-shape{flex:1 1 300px;display:flex;align-items:center;justify-content:center}.hero .hero-shape .loader-inner{--loader-background: linear-gradient( 0deg, rgba(50, 50, 50, .2) 0%, rgba(100, 100, 100, .2) 100% );position:relative;height:250px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.hero .hero-shape .loader-inner .loader-logo{position:absolute;top:50%;left:50%;transform:translate(-49%,-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;animation:color-change 2s infinite ease-in-out;z-index:999}.hero .hero-shape .loader-inner .loader-logo img.logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,0,0,.4))}.hero .hero-shape .loader-inner .box{position:absolute;background:var(--loader-background);border-radius:50%;border-top:1px solid rgba(100,100,100,.8);box-shadow:#0000004d 0 10px 10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:ripple 2s infinite ease-in-out}.hero .hero-shape .loader-inner .box:nth-child(2){inset:30%;z-index:98;animation-delay:.2s}.hero .hero-shape .loader-inner .box:nth-child(3){inset:20%;z-index:97;animation-delay:.4s}.hero .hero-shape .loader-inner .box:nth-child(4){inset:10%;z-index:96;animation-delay:.6s}.hero .hero-shape .loader-inner .box:nth-child(5){inset:0;z-index:95;animation-delay:.8s}@keyframes ripple{0%{transform:scale(1);box-shadow:#0000004d 0 10px 10px}50%{transform:scale(1.3);box-shadow:#0000004d 0 30px 20px}to{transform:scale(1);box-shadow:#0000004d 0 10px 10px}}@keyframes color-change{0%,to{opacity:.7}50%{opacity:1}}.about{padding:8rem 2rem 4rem;max-width:1100px;margin:0 auto;text-align:center}.about h2{font-size:2rem;margin-bottom:1.5rem;color:#f8b26a;font-family:Josefin Sans,sans-serif}.about p{color:#999;font-family:Abel,sans-serif;line-height:1.6;margin-bottom:2rem;font-size:1rem}.about .skill-bars{display:flex;flex-direction:column;gap:1.5rem;margin:3rem 0}.about .skill-dials{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem 4rem;padding:2rem 0}.tech-stack{padding:6rem 2rem 2rem;text-align:center}.tech-stack h3{font-size:1.6rem;margin-bottom:2rem;color:#ccc;letter-spacing:1px}.tech-stack .stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:2.5rem;justify-items:center;padding:0 1rem}.tech-stack .stack-item{width:64px;height:64px;background:#1a1a1a;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;transition:.3s ease}.tech-stack .stack-item img{width:40px;height:40px}.tech-stack .stack-item:hover{box-shadow:inset 6px 6px 12px #0000004d,inset -6px -6px 12px #ffffff0d}.tech-fallback{font-size:2rem;display:block;text-align:center;line-height:1}.skill-bar{text-align:left}.skill-bar .label{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.85rem;color:#999}.skill-bar .bar-bg{background:#1a1a1a;border-radius:100px;box-shadow:inset 6px 6px 12px #151515,inset -6px -6px 12px #252525;height:10px;overflow:hidden}.skill-bar .bar-bg .bar-fill{height:100%;background:linear-gradient(90deg,#f8b26a,#facb9b);border-radius:100px;transition:width .6s ease}.skill-dial{display:flex;flex-direction:column;align-items:center;width:120px;height:auto}.skill-dial svg{transform:rotate(-90deg)}.skill-dial svg circle{stroke-linecap:round;transition:stroke-dashoffset .6s ease}.skill-dial svg circle:first-child{stroke:#111}.skill-dial svg circle:last-child{stroke:#f8b26a}.skill-dial .label{margin-top:.5rem;text-align:center}.skill-dial .label .percent{display:block;font-weight:700;color:#f8b26a}.skill-dial .label .title{font-size:.8rem;color:#999}.tech-pills{margin-top:4rem;text-align:center}.tech-pills h3{font-family:Josefin Sans,sans-serif;font-size:1.8rem;margin-bottom:2rem}.tech-pills .pill-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem 2rem}.tech-pills .pill{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.7rem 1.4rem;background:#1a1a1a;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;border-radius:30px;font-family:Abel,sans-serif;font-size:.95rem;color:#eee;transition:all .2s ease}.tech-pills .pill img,.tech-pills .pill .emoji{width:20px;height:20px;display:inline-block;vertical-align:middle}.tech-pills .pill .emoji{font-size:1.2rem}.tech-pills .pill:hover{box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0d}.quote-block{margin:5rem auto;max-width:800px;background:linear-gradient(145deg,#facb9b,#f69939);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;border-radius:20px;padding:2rem 3rem;text-align:center}.quote-block p{margin:0;color:#0d0d0d!important;font-family:Josefin Sans,sans-serif!important;font-size:1.1rem!important;font-weight:400!important;opacity:1!important;filter:none!important}.quote-block p strong{font-weight:900}.value-cards{margin:6rem 3rem;text-align:center}.value-cards h3{font-size:1.8rem;font-family:Josefin Sans,sans-serif;margin-bottom:2.5rem}.value-cards .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;justify-items:center}.value-cards .value-card{background:#1a1a1a;padding:2rem;border-radius:20px;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;max-width:300px;transition:all .3s ease}.value-cards .value-card h4{font-size:1.2rem;margin-bottom:1rem;font-family:Josefin Sans,sans-serif;color:#fff}.value-cards .value-card p{font-size:.95rem;color:#999;font-family:Abel,sans-serif}.value-cards .value-card:hover{box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0d}.projects{padding:4rem 2rem;text-align:center}.projects h2{font-family:Josefin Sans,sans-serif;font-size:2rem;margin-bottom:2.5rem;color:#f8b26a}.projects .project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:100px auto 0}.project-card{background:#1a1a1a;border-radius:20px;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;transition:all .1s ease}.project-card .card-header h3{font-family:Josefin Sans,sans-serif;font-size:1.2rem;margin-bottom:.5rem;color:#fff}.project-card .card-header .subtitle{font-family:Abel,sans-serif;font-size:.9rem;font-weight:400;color:#f8b26a;margin-top:-.25rem;margin-bottom:.8rem}.project-card .card-header .description{font-family:Abel,sans-serif;font-size:.95rem;color:#999;line-height:1.5}.project-card .tags{display:flex;flex-wrap:wrap;gap:.4rem}.project-card .tags .pill{background:#272727;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-family:Abel,sans-serif;box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0d}.project-card .card-footer{margin-top:auto;text-align:right}.project-card .card-footer .view-btn{display:inline-block;font-size:.9rem;font-weight:500;color:#f8b26a;text-decoration:none;padding:.5rem 1.2rem;border-radius:999px;background:#1a1a1a;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;transition:background .3s}.project-card .card-footer .view-btn:hover{box-shadow:4px 4px 8px #0000004d,-4px -4px 8px #ffffff08}.project-card .card-footer .view-btn:active{box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0d}.contact{padding:6rem 2rem;max-width:700px;margin:0 auto;text-align:center}.contact h2{font-family:Josefin Sans,sans-serif;font-size:2rem;margin-bottom:2rem;color:#f8b26a}.contact .contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact .contact-form .form-group{display:flex;flex-direction:column;text-align:left}.contact .contact-form .form-group label{font-family:Abel,sans-serif;font-size:.95rem;margin-bottom:.5rem;color:#999;padding-left:.25rem}.contact .contact-form .form-group input,.contact .contact-form .form-group textarea{font-family:Abel,sans-serif;font-size:1rem;padding:.75rem 1rem;border:none;border-radius:12px;background:#1a1a1a;color:#fff;box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0d;resize:none}.contact .contact-form .form-group input:focus,.contact .contact-form .form-group textarea:focus{outline:none;box-shadow:inset 3px 3px 8px #0006,inset -3px -3px 8px #ffffff05}.contact .contact-form .submit-btn{align-self:center;background:#1a1a1a;color:#f8b26a;padding:.75rem 2rem;font-family:Abel,sans-serif;font-size:1rem;font-weight:500;border-radius:999px;border:none;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;cursor:pointer;transition:background .3s ease}.contact .contact-form .submit-btn:hover{box-shadow:4px 4px 8px #0000004d,-4px -4px 8px #ffffff08}.contact .contact-form .submit-btn:active{box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0d}.error-message{color:#ff4d4d;background:#ff4d4d0d;font-size:.95rem;font-family:Abel,sans-serif;padding:.5rem 1rem;border-radius:12px;margin-bottom:1rem;box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0d}.error-message{position:relative;display:flex;justify-content:center;align-items:center;gap:.5rem}.error-message .error-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#ff4d4d;font-size:1rem;cursor:pointer;padding:0;line-height:1}.error-message .error-close:hover{color:#ff1a1a}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0d!important;-webkit-text-fill-color:#fff!important;background-color:transparent!important;transition:background-color 5000s ease-in-out 0s;border:none}.social-icons{display:flex;justify-content:center;gap:1.25rem;margin:1.5rem 0}.social-icons a{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#1a1a1a;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;transition:box-shadow .2s ease}.social-icons a:hover{box-shadow:4px 4px 8px #0000004d,-4px -4px 8px #ffffff08}.social-icons a img{width:26px;height:26px;object-fit:contain}.footer{margin-top:4rem;padding:2rem 1rem;text-align:center;background:#1a1a1a;box-shadow:inset 0 1px #ffffff08;font-family:Abel,sans-serif;color:#999}.footer p{margin:0;font-size:.95rem}.footer p strong{color:#ccc}.footer .socials{margin-top:.75rem;display:flex;justify-content:center;gap:1.5rem}.footer .socials a{text-decoration:none;font-size:.9rem;color:#f8b26a;transition:color .3s ease}.footer .socials a:hover{color:#f69939}.alt-link{margin-top:.5rem;font-size:.85rem;color:#999}.alt-link a{color:#facb9b;text-decoration:underline;font-weight:500}.alt-link a:hover{color:#f8b26a}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:#1a1a1a;color:#f8b26a;border:none;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.scroll-to-top:hover{box-shadow:0 0 0 2px #f8b26a33,6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;transform:translateY(-1px);color:#f9bf82}.scroll-to-top:active{box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0d}.arrow{font-size:1.8rem;line-height:1}:root{--connector: 24px;--gap: 24px;--fast-w: 20%;--slow-w: 24%}.resume{width:100%;padding:4rem 0;background:#1a1a1a}.resume__title{text-align:center;font-family:Josefin Sans,sans-serif;color:#f8b26a;letter-spacing:1px;margin-bottom:4rem;font-size:2rem}.resume__canvas{position:relative;width:100%;min-height:140vh;margin:0;box-shadow:inset 6px 6px 12px #0000004d,inset -6px -6px 12px #ffffff0d;overflow:hidden}.resume__canvas:before{content:"";position:absolute;left:50%;top:0;width:4px;height:100%;transform:translate(-50%);background:linear-gradient(to bottom,transparent 0%,rgba(248,178,106,.5) 15%,rgba(248,178,106,.5) 85%,transparent 100%);border-radius:2px;pointer-events:none}.resume__canvas:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(26,26,26,.9) 0%,transparent 8%,transparent 92%,rgba(26,26,26,.9) 100%);pointer-events:none;mix-blend-mode:multiply}@keyframes resume-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.resume__track{position:absolute;left:0;right:0;top:0;display:grid;grid-auto-rows:minmax(140px,auto);row-gap:3.5rem;padding:5rem 0;will-change:transform}.resume__track--slow{animation:resume-scroll 30s linear infinite;z-index:0}.resume__track--fast{animation:resume-scroll 30s linear infinite;padding-top:7rem;row-gap:3rem;z-index:10}.resume__entry--fast{position:relative;z-index:10;width:var(--fast-w);border-radius:20px;box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;padding:1rem;background:linear-gradient(145deg,#ffffff0f,#ffffff08 40%,#0000000d 70%),#1a1a1a;outline:1px solid rgba(255,255,255,.02)}.resume__entry--slow{position:relative;z-index:1;width:var(--slow-w);box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0d;background:linear-gradient(145deg,#f8b26a1f,#f8b26a0a 38%,#0000 70%),linear-gradient(to bottom right,#ffffff08,#0000001a);-webkit-backdrop-filter:none;backdrop-filter:none}.resume__entry--slow:after{z-index:-1}@media (prefers-reduced-motion: reduce){.resume__track{animation:none}}.resume__entry{position:relative;border-radius:20px;color:#ddd;padding:1.25rem}.resume__entry:after{content:"";position:absolute;top:50%;width:var(--connector);height:2px;background:#f8b26a59;transform:translateY(-50%)}.resume__entry--slow{width:var(--slow-w);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;-webkit-backdrop-filter:none;backdrop-filter:none}.resume__entry--fast{width:var(--fast-w);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0d;padding:1rem;-webkit-backdrop-filter:none;backdrop-filter:none}.resume__entry--slow:after{width:calc(var(--connector-px, var(--connector)) + var(--gap-px, var(--gap)) + var(--fast-w-px, 0px))}.resume__entry--left:after{right:calc(-1 * var(--connector))}.resume__entry--right:after{left:calc(-1 * var(--connector))}.resume__entry--slow.resume__entry--left:after{right:calc(-1 * (var(--connector-px, var(--connector)) + var(--gap-px, var(--gap)) + var(--fast-w-px, 0px)))}.resume__entry--slow.resume__entry--right:after{left:calc(-1 * (var(--connector-px, var(--connector)) + var(--gap-px, var(--gap)) + var(--fast-w-px, 0px)))}.resume__entry--fast.resume__entry--left{margin-left:calc(50% - var(--fast-w) - var(--connector))}.resume__entry--slow.resume__entry--left{margin-left:calc(50% - var(--fast-w) - var(--gap) - var(--slow-w) - var(--connector))}.resume__entry--fast.resume__entry--right{margin-left:calc(50% + var(--connector))}.resume__entry--slow.resume__entry--right{margin-left:calc(50% + var(--fast-w) + var(--gap) + var(--connector))}.resume__entry-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.35rem}.resume__entry-title{font-size:1.05rem;letter-spacing:.5px}.resume__entry-period{font-size:.85rem;color:#999}.resume__entry-blurb{font-size:.95rem;opacity:.9;line-height:1.5}@media (max-width: 1100px){:root{--fast-w: 26%;--slow-w: 38%;--gap: 20px}}@media (max-width: 900px){:root{--fast-w: 30%;--slow-w: 34%;--gap: 16px}}@media (max-width: 740px){.resume__entry,.resume__entry--fast,.resume__entry--slow{width:min(92%,520px);margin-left:50%;transform:translate(-50%)}.resume__entry:after{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a1a;font-family:Abel,sans-serif;color:#ccc;overflow-x:hidden}body::-webkit-scrollbar{width:0;background:transparent}