@import"https://fonts.googleapis.com/css2?family=Damion&display=swap";: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}}:root{color-scheme:dark;--bg: #050609;--bg-alt: #0b0d13;--bg-card: #0c1018;--text-main: #f4f5fb;--text-muted: #a3a7bc;--accent-primary: #f5b000;--accent-secondary: #3ba86b;--line-soft: rgba(68, 76, 104, .8);--line-subtle: rgba(40, 46, 70, .9);--radius-lg: 16px;--radius-pill: 999px;--shadow-soft: 0 20px 48px rgba(0, 0, 0, .75);--transition-fast: .15s ease-out}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1a2235 0,#050609 55%,#020306);color:var(--text-main)}.app{display:flex;flex-direction:column;width:100%}.main{width:100%;padding:96px 5% 80px}.hero,.section,.section-contact{width:100%;margin:0 auto;justify-content:space-between}section{scroll-margin-top:80px}.hero-hello,.hero-name{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.hero-hello{font-family:Damion,cursive;font-size:1.1em;color:var(--accent-primary);animation:helloSlide 1.5s ease forwards;animation-delay:1s}.hero-name{opacity:0;color:var(--text-main);animation:nameFadeInSlide 1.5s ease forwards;animation-delay:1.5s}@keyframes helloSlide{0%{transform:translate(-50%)}to{transform:translate(-140%)}}@keyframes nameFadeInSlide{0%{opacity:0;transform:translate(-20%)}to{opacity:1;transform:translate(-20%)}}.nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(to bottom,rgba(5,7,13,.96),rgba(5,7,13,.88),transparent);border-bottom:1px solid rgba(70,77,106,.7)}.nav-inner{width:100%;padding:14px 2%;display:flex;justify-content:space-between}.nav-logo{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;display:inline-flex;align-items:center;font-size:13px;letter-spacing:.22em;gap:8px;text-transform:uppercase;color:var(--text-muted);container-type:inline-size}.logo-full{display:inline}.logo-short{display:none}.nav-logo:before{content:"";width:12px;height:2px;border-radius:999px;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary))}@container (max-width: 175px){.logo-full{display:none}.logo-short{display:inline}.nav-logo:before{width:8px}.nav-logo{gap:4px}}.nav-links{display:flex;gap:clamp(5px,2vw,20px);font-size:13px}.nav-links a{color:var(--text-muted);text-decoration:none;position:relative;padding-bottom:4px;transition:color var(--transition-fast)}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent-primary);transition:width var(--transition-fast)}.nav-links a:hover{color:var(--text-main)}.nav-links a:hover:after{width:100%}button.nav-links{background:none;border:none;padding:0 0 4px;font:inherit;font-weight:500;cursor:pointer;color:var(--text-muted);text-decoration:none;position:relative;transition:color var(--transition-fast)}button.nav-links:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent-primary);transition:width var(--transition-fast)}button.nav-links:hover{color:var(--text-main)}button.nav-links:hover:after{width:100%}.hero{padding-top:24px;padding-bottom:56px;text-align:center;justify-items:center}.hero-tagline{text-transform:uppercase;letter-spacing:.26em;font-size:11px;color:var(--accent-secondary);margin:0 0 10px}.hero-title{position:relative;font-size:clamp(32px,6.5vw,50px);font-weight:650;margin:0 0 10px;text-align:center;display:inline-block;height:1.2em}.hero-title .accent{color:var(--accent-primary)}.hero-subtitle{max-width:560px;font-size:14px;line-height:1.8;color:var(--text-muted);margin:0 0 22px;text-align:center;text-justify:inter-word;text-align-last:center;letter-spacing:.1px}.hero-actions{display:flex;gap:12px;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-pill);font-size:13px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary{background:var(--accent-primary);color:#1a1304;box-shadow:0 16px 36px #000000b3}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 20px 46px #000000d9}.btn-ghost{border-color:var(--line-soft);background:#090c14f5;color:var(--text-main)}.btn-ghost:hover{border-color:var(--accent-secondary)}.section{padding:40px 0 32px;border-top:1px solid rgba(55,62,90,.8);justify-items:center}.section-title{font-size:16px;font-weight:550;margin:0 0 12px;text-align:center}.section-text{position:relative;font-size:14px;line-height:1.8;color:var(--text-main);width:80%;margin:0 auto}.section-text+.section-text{margin-top:10px}.section-text-muted{color:var(--text-muted);text-align:center;position:relative;max-width:none}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;max-height:90px;overflow-y:auto;border:1px solid var(--line-subtle);border-radius:var(--radius-lg);padding:10px}.pill{font-size:11px;padding:6px 11px;border-radius:var(--radius-pill);border:1px solid var(--line-subtle);background:#090c17fa;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;transition:.2s ease}button.pill{border:none}.pill-active{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}button.pill:hover{border-color:var(--accent-soft);color:var(--text);background:var(--accent-secondary)}.pill-small{font-size:10px;padding:4px 9px}.card-pill-row{margin-top:12px}.modal-pill-row{margin:10px 0 20px}.pill-clear{margin-right:12px;border-color:var(--accent-secondary);color:var(--accent-secondary);background-color:#090c17fa}.focus-toggle{display:flex;flex-wrap:wrap;width:100%;gap:8px;justify-content:center;margin-bottom:14px}.focus-pill{border-radius:var(--radius-pill);border:1px solid var(--line-subtle);background:#090c17fa;padding:7px 14px;font-size:12px;color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.12em;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.mechanical .focus-pill.active{background:#facc15;border-color:#facc15;color:#09100a}.mechanical-pill:hover{border-color:#facc15;transform:translateY(-1px)}.electrical .focus-pill.active{background:#4ade80;border-color:#4ade80;color:#03130b}.electrical-pill:hover{border-color:#4ade80;transform:translateY(-1px)}.software .focus-pill.active{background:#fa6060;border-color:#fa6060;color:#04121f}.software-pill:hover{border-color:#fa6060;transform:translateY(-1px)}.projects-featured-grid{position:relative;display:grid;gap:18px;margin-top:32px;width:100%}@media(min-width:860px){.projects-featured-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}}.card.featured{border-width:2px;border-color:var(--accent-secondary);max-height:300px}.card.featured .card-image-wrap{height:80%}.projects-featured-grid .card.featured:last-child:nth-child(odd){margin-left:auto;margin-right:auto}.projects-grid{display:grid;gap:18px;margin-top:32px;grid-template-columns:repeat(2,1fr)}@media(min-width:860px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.card{position:relative;background:linear-gradient(135deg,#111623,#070a13);border-radius:var(--radius-lg);border:1px solid var(--line-soft);padding:16px 14px 14px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;max-height:250px;gap:8px;overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 22px 52px #000000e6;background:linear-gradient(145deg,#151a2a,#070a13)}.card.featured:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 22px 52px #000000e6;background:linear-gradient(145deg,#151a2a,#070a13)}.card-open{border-color:var(--accent-primary)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card-title{font-size:14px;margin:0}.card-role{font-size:11px;color:var(--text-muted);margin:2px 0 0}.card-chevron{font-size:18px;line-height:1;-webkit-user-select:none;user-select:none}.card-text-summary{font-size:12px;color:var(--text-muted);margin:8px 0 0}.card-text{font-size:12px;color:var(--text-muted);line-height:1.7;margin:0}.card-image-wrap{overflow:hidden;border-bottom:1px solid rgba(148,163,184,.18);height:80%}.card-image{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform var(--transition-fast),filter var(--transition-fast)}.card:hover .card-image{transform:scale(1.06);filter:brightness(1.05)}.projects-show-more-wrap{margin-top:16px;display:flex;justify-content:center}.projects-show-more-btn{padding:8px 16px;border-radius:999px;border:2px solid var(--accent-primary);background:#090c17e6;color:var(--text);font-size:13px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.projects-show-more-btn:hover{color:var(--text-main);border-color:var(--accent-secondary);transform:translateY(-1px)}.contact-links{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.contact-link{font-size:13px;padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--line-soft);text-decoration:none;color:var(--text-main);background:#090c14fa;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.contact-link:hover{border-color:var(--accent-secondary);background:#0b0f1a;transform:translateY(-1px);box-shadow:0 14px 38px #000000b3}.primary-link{border-color:var(--accent-primary);background:var(--accent-primary);color:#1a1304}.footer{border-top:1px solid rgba(55,62,90,.9);padding:9px 3% 12px;font-size:12px;color:var(--text-muted);text-align:center;margin-top:auto}.modal-backdrop{position:fixed;inset:0;background:radial-gradient(circle at top,rgba(10,14,25,.35),rgba(0,0,0,.45),transparent 70%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:40}.modal{position:relative;width:80%;background:#070a13f5;border-radius:18px;border:1px solid var(--line-soft);padding:22px 22px 20px;box-shadow:0 24px 60px #000000e6;max-height:90vh;overflow-y:auto;overflow-x:hidden}.modal-close{position:absolute;top:-10px;right:-15px;border:none;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer}.modal-close:hover{color:var(--text-main)}.modal-tag{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-secondary);margin:0 0 6px}.modal-image{justify-self:center;width:90%;max-height:55vh;object-fit:cover;border-radius:12px;margin-bottom:16px;display:block}@media(max-width:860px){.modal-image{width:100%}}.modal-title{font-size:18px;margin:0 0 6px}.modal-role{font-size:12px;color:var(--text-muted);margin:0 0 14px}.modal-section{margin-top:20px}.modal-section-title{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text);text-transform:uppercase;letter-spacing:.08em}.modal-section-body{font-size:15px;line-height:1.6;color:var(--text-muted)}.experience-item{position:relative;background:#090c1799;border:1px solid var(--line-subtle);border-radius:14px;padding:18px 22px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border .2s ease,transform .2s ease,background .2s ease;cursor:pointer;width:80%;margin:0 auto 20px}.experience-item:hover{border-color:var(--accent);transform:translateY(-2px)}.experience-header{position:relative;padding-right:110px;display:flex;width:100%}.experience-logo{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:clamp(60px,20%,150px);object-fit:contain;opacity:.85;pointer-events:none}.experience-item:hover .experience-logo{opacity:1}.experience-body{max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height .25s ease,opacity .2s ease,transform .2s ease}.experience-item.is-open .experience-body{max-height:500px;overflow-y:auto;opacity:1;transform:translateY(0)}.experience-tags{margin:10px 0 4px}.experience-responsibilities{margin:4px 0 0;padding-left:20px;color:var(--text-muted);font-size:15px;line-height:1.55}.experience-responsibilities li{margin-bottom:8px}.experience-divider{margin:0 6px;color:var(--text-muted);font-size:18px;font-weight:1000}