html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}:root{--bg:#0d1b2a;--sans-serif:"Inter", sans-serif;--text-color:#e4e4e4;--surface:#26313d;--accent-gold:#d0b14f;--muted-text:#9aa5b1;background:var(--bg);color:var(--text-color);font-family:var(--sans-serif);font-optical-sizing:auto}#root{flex-direction:column;min-height:100dvh;display:flex}.main-container{flex:1}body{margin:0}.hero-container{animation:.4s ease-out both fadeUp}.outlet-wrapper{animation:.6s ease-out .2s both fadeUp}.style-heading{text-transform:uppercase;text-align:center;color:#f5f5f5;margin:0;line-height:.95}.style-heading .accent-heading{color:#10597fa1}ol{margin:0;padding-left:0;list-style:none}@media (width>=1080px){.style-heading{text-align:start}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.particles-container{z-index:-1;background-color:#0d1b2a;width:100%;height:100%;position:fixed;top:0;left:0}.greeting-overlay{--greetings-bg:var(--bg);background:var(--greetings-bg);z-index:9999;opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}.greeting-overlay.fade-out{opacity:0;pointer-events:none}.greeting-name{text-transform:uppercase;font-size:clamp(3rem,18vw,200px);font-weight:900;animation:.7s .6s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.greeting-name{animation:none}.greeting-overlay{transition:none}}.nav{background-color:#162534;border-radius:16px;justify-content:center;align-items:center;gap:18px;width:298px;height:48px;margin:1.56em auto 2.5em;display:flex}.nav-item{-webkit-user-drag:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.nav-item.active{background-color:#d4af37;border-radius:12px}.nav-item.active svg .icons{fill:#0d1b2a}.nav-label{color:#f5f5f5;white-space:nowrap;opacity:0;pointer-events:none;background-color:#1e3a4f;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:200;transition:opacity .2s,transform .2s;position:absolute;bottom:0;transform:translateY(0)}.nav-item:hover .nav-label{opacity:1;transform:translateY(35px)}@media (width>=1080px){.nav{margin:2em auto 5em}}.hero-container{-webkit-user-select:none;user-select:none;background-color:#f5f5f5;border-radius:16px;flex-direction:column;align-items:center;gap:30px;width:100%;padding:1.875em 1.25em;display:flex}.img-container{background:linear-gradient(45deg,#f0d060 21%,#d4af37 54%);border-radius:16px;width:260px;height:210px;position:relative}.border-line{-webkit-user-drag:none;width:27px;height:27px;position:absolute}.top-left{top:10px;left:10px}.top-right{top:10px;right:10px}.bottom-left{bottom:10px;left:10px}.bottom-right{bottom:10px;right:10px}.portrait{object-fit:cover;object-view-box:inset(0% -5% 20% 0%);-webkit-user-drag:none;border-radius:16px;width:260px;height:100%;display:block}.hero-text{margin-top:12px}.hero-bio{text-align:center}.hero-bio .name{color:#000;margin:0;font-size:2.25rem;font-weight:700}.hero-bio .caption{color:#646b6e;max-width:300px;margin:0 0 1em;padding:0 .3125em;font-size:1.125rem;line-height:1.1}.hero-socials ul{flex-direction:row;justify-content:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.list-item a{-webkit-user-drag:none;justify-content:center;padding:.375em;display:flex}@media (width>=810px){.img-container{width:240px;height:284px}.portrait{object-view-box:inset(0% 0% 0% 0%);width:240px;height:100%}}@media (width>=1080px){.hero-container{align-self:flex-start;width:344px;position:sticky;top:40px}}.main-wrapper{max-width:750px;margin:0 auto;padding:0 20px}.hero-hidden-mobile{display:none}.outlet-wrapper{margin-top:40px}@media (width>=1080px){.main-container{margin:0}.main-wrapper{justify-content:space-between;gap:50px;max-width:1140px;padding:0 30px;display:flex}.hero-hidden-mobile{display:flex}.outlet-wrapper{flex:1 0 0;max-width:696px;margin-top:0}}@media (width>=1440px){.main-wrapper{gap:100px;padding:0}}.footer{border-top:1px solid var(--surface);margin-top:80px}.footer-wrapper{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:750px;margin:0 auto;padding:24px 20px 32px;display:flex}.footer-name{margin:0;font-weight:600}.footer-role,.footer-copy{color:var(--muted-text);margin:0;font-size:.875rem}.footer-socials{align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.footer-social{color:var(--muted-text);transition:color .2s;display:flex}.footer-social svg{width:20px;height:20px}.footer-social--linkedin svg{width:18px;height:18px}.footer-social--mail svg{width:24px;height:24px}.footer-social:hover,.footer-social:focus-visible{color:var(--accent-gold)}@media (width>=700px){.footer-wrapper{text-align:start;flex-direction:row;justify-content:space-between;align-items:flex-end}}@media (width>=1080px){.footer-wrapper{max-width:1140px;padding-inline:30px}}@media (width>=1440px){.footer-wrapper{padding-inline:0}}.secondary-heading{padding-top:80px;padding-bottom:40px;font-size:42px}.secondary-heading span{display:block}.projects-container{width:100%}.projects-nav-item{border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:20px 8px;text-decoration:none;display:flex;position:relative}.projects-nav-item:hover{background-color:#162534}.projects-img{-webkit-user-drag:none;border-radius:16px;align-self:self-start;width:93px}.link-icon{transition:opacity .3s,transform .3s;position:absolute;top:10px;right:10px;transform:translate(-5px)translateY(5px)}.projects-nav-item:hover .link-icon,.projects-nav-item:focus-visible .link-icon{transform:translate(0)}.projects-content-container .projects-subheading{color:#f5f5f5;min-width:200px;max-width:420px;margin:0 0 10px}.projects-content-container p{-webkit-line-clamp:2;line-clamp:2;color:#9ea7ad;-webkit-box-orient:vertical;max-width:420px;margin:0;display:-webkit-box;overflow:hidden}@media (width>=810px){.secondary-heading{padding-top:90px;font-size:74px}}@media (width>=1080px){.secondary-heading{padding-top:120px}}@media (width>=1440px){.secondary-heading{font-size:90px}}.work-exp-item{padding:16px 8px;position:relative}.work-exp-item a{text-decoration:none}.work-exp-subheading{color:#f5f5f5}.work-exp-item:hover{background-color:#162534;border-radius:16px}.work-exp-subheading,p{margin:0}.work-exp-date-location,.work-exp-summary{color:#9ea7ad}.work-exp-date-location{margin:8px 0}.work-exp-summary{max-width:513px}.work-exp-link-icon{transition:opacity .3s,transform .3s;position:absolute;top:10px;right:10px;transform:translate(-5px)translateY(5px)}.work-exp-item:hover .work-exp-link-icon,.work-exp-item:focus-visible .work-exp-link-icon{transform:translate(0)}.tech-stack-list,.tech-stack-items{padding-left:0;list-style:none}.tech-stack-item{border-radius:16px;gap:12px;margin-bottom:10px;padding:20px 8px;display:flex}.tech-stack-item:hover{background-color:#162534}.tech-stack-subheading{margin:0 0 10px}.tech-stack-container p{color:#9ea7ad}.tech-stack-icon-container{background-color:#f5f5f5;border-radius:16px;width:60px;height:60px;padding:9px}.tech-stack-icon{color:#d4af37;width:100%;height:100%}.tech-stack-container{flex:1}@media (width>=510px){.tech-stack-items{grid-template-columns:1fr 1fr;gap:10px;display:grid}}.toast{z-index:100;border-left:4px solid var(--toast-accent);background:var(--surface);color:var(--text-color);border-radius:10px;align-items:center;gap:1rem;padding:.5rem 1.25rem;animation:.3s ease-out toast-in;display:flex;top:6.75rem;box-shadow:0 10px 30px #00000073}.toast-success{--toast-accent:#4caf50}.toast-error{--toast-accent:#e5484d}.toast-message{flex:1;margin:0}.toast-close{color:var(--muted-text);cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-size:1.5rem;line-height:1}.toast-close:hover{color:var(--text-color)}.toast-close:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px;border-radius:4px}@keyframes toast-in{0%{opacity:0;transform:translateY(-1rem)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.contact-form{gap:1.25rem;margin-top:2rem;display:grid}.form-row{gap:1.25rem;display:grid}.form-field{gap:.5rem;display:grid}.form-field input,.form-field textarea{background:var(--surface);color:var(--text-color);font:inherit;border:2px solid #0000;border-radius:10px;padding:1rem}.form-field textarea{resize:vertical}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent-gold);outline:none}.submit-btn{background:var(--accent-gold);color:#111;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:1rem;font-weight:600}.honeypot{display:none}@media (width>=600px){.form-row{grid-template-columns:1fr 1fr}}.primary-heading{padding-bottom:30px;font-size:52px}.primary-heading span{display:block}.hero-message{color:#9ea7ad;letter-spacing:.03rem;text-align:center;max-width:500px;margin:0 auto 20px;font-weight:300;line-height:1.3}.stats-container{color:#9ea7ad;justify-content:center;gap:50px;display:flex}.stats-item p{margin:0}.stats-item{text-transform:uppercase;flex-direction:column;font-size:14px;font-weight:300;display:flex}.stats-value{color:#f5f5f5;font-size:50px;font-weight:600}.stats-label{width:79px}@media (width>=810px){.primary-heading{font-size:82px}.stats-value{font-size:60px}.stats-label{font-size:16px}}@media (width>=1080px){.hero-message{text-align:start;margin:0 0 40px;font-size:18px}.stats-container{justify-content:start;gap:70px}.stats-value{font-size:70px}}@media (width>=1440px){.primary-heading{font-size:96px}}.project-detail{max-width:750px;margin:0 auto;padding:40px 20px 80px}.back-link{color:var(--muted-text);font-size:.9375rem;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover,.back-link:focus-visible{color:var(--accent-gold)}.project-title{text-transform:uppercase;color:#f5f5f5;margin:24px 0 12px;font-size:clamp(2rem,6vw,3rem);line-height:.95}.project-lead{color:var(--muted-text);margin:0 0 24px;line-height:1.6}.project-tech{flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.tech-chip{background:var(--surface);border-radius:999px;padding:6px 12px;font-size:.8125rem}.project-actions{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.btn{border-radius:10px;padding:12px 24px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .2s,opacity .2s}.btn-primary{background:var(--accent-gold);color:#111}.btn-primary:hover{opacity:.85}.btn-secondary{border:1px solid var(--surface);color:var(--text-color)}.btn-secondary:hover{background:var(--surface)}.project-cover{border-radius:12px;width:100%;height:auto;margin-bottom:48px;display:block}.project-section{margin-bottom:40px}.project-section h2{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-gold);margin:0 0 12px;font-size:1.25rem}.project-section p{margin:0;line-height:1.7}.project-features{margin:0;padding-left:20px;line-height:1.8}