html:not(.dark){--bg:#f0f0f0;--bg-secondary:#e8f4fb;--text:#333;--text-muted:#5a7a9a;--blue-tint:#b4d2f059;--glass-bg:#b4d2f033;--glass-border:#ffffff80;--shadow:#64a0dc26;--accent:#1a3a5c}html.dark{--bg:#0e1b2a;--bg-secondary:#1a2a3a;--text:#e8f4fd;--text-muted:#8aafc8;--blue-tint:#1e3c6480;--glass-bg:#14284680;--glass-border:#ffffff14;--shadow:#0006;--accent:#dacb56}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;font-family:Arial,sans-serif;transition:background-color .3s,color .3s;display:flex}main{flex:1}.inline-link{color:var(--accent);text-decoration:none;transition:color .2s,text-decoration .2s}.inline-link:hover{text-decoration:underline}header{background:var(--blue-tint);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 24px var(--shadow);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{border-radius:8px}nav{gap:12px;display:flex}nav a{color:var(--text);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border-radius:8px;justify-content:center;align-items:center;padding:8px 20px;font-size:1rem;text-decoration:none;transition:background .2s;display:flex}nav a:hover{background:#fff6}nav a.active-link{background:#b4d2f099;border-color:#64a0dcb3;font-weight:600}#theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:1rem;transition:background .2s}#theme-toggle:hover{background:var(--blue-tint)}footer{background:var(--blue-tint);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--glass-border);box-shadow:0 -4px 24px var(--shadow);color:var(--text);margin-top:60px;padding:24px 20px}.footer-inner{flex-direction:column;align-items:center;gap:16px;display:flex}.footer-name{font-size:1.1rem;font-weight:700}.footer-contact{flex-direction:column;align-items:center;gap:4px;display:flex}.footer-contact a{color:var(--accent);font-size:.95rem;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-links a{color:var(--text);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.95rem;text-decoration:none;transition:background .2s;display:flex}.footer-links a:hover{background:#fff6}.footer-copy{opacity:.6;margin:0;font-size:.8rem}.about-grid{z-index:1;grid-template-columns:1fr 2fr;align-items:center;gap:48px;max-width:900px;margin:80px auto;padding:0 40px;display:grid;position:relative}.about-image img{border-radius:20px;width:100%;height:auto;box-shadow:0 8px 32px #64a0dc33}.bio-name-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.hkn-badge{flex-shrink:0;margin-bottom:16px;display:block}.bio-name-row h1{margin:0}.about-bio h1{color:var(--text);margin-bottom:16px;font-size:2rem}.about-bio p{color:var(--text);margin-bottom:24px;font-size:1rem;line-height:1.8}.bio-location{color:var(--text-muted);letter-spacing:.03em;margin-top:-12px;margin-bottom:20px;font-size:.9rem}.resume-link{color:var(--text);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border-radius:8px;padding:10px 24px;font-size:.95rem;text-decoration:none;transition:background .2s}.resume-link:hover{background:var(--blue-tint)}.projects-container{max-width:1100px;margin:80px auto;padding:0 40px}.projects-title{color:var(--text);text-align:center;margin-bottom:24px;font-size:2rem}.filter-buttons{justify-content:center;gap:12px;margin-bottom:40px;display:flex}.filter-btn{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 24px;font-size:.95rem;transition:background .2s}.filter-btn.active,.filter-btn:hover{background:var(--blue-tint);border-color:#64a0dcb3}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;display:grid}.project-card{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 20px var(--shadow);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card:hover{box-shadow:0 8px 32px var(--shadow);transform:translateY(-4px)}.project-image img{width:100%;height:auto;display:block}.project-info{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.project-info h3{color:var(--text);margin:0;font-size:1.1rem}.project-info p{color:var(--text);margin:0;font-size:.9rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;display:flex}.tag{background:var(--glass-bg);color:var(--text);border:1px solid var(--glass-border);border-radius:20px;padding:3px 10px;font-size:.75rem}.read-more{color:var(--text);border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:8px;align-self:flex-start;margin-top:12px;padding:7px 18px;font-size:.9rem;text-decoration:none;transition:background .2s;display:inline-block}.read-more:hover{background:var(--blue-tint)}.project-detail{max-width:800px;margin:60px auto;padding:0 40px}.back-link{color:var(--text);margin-bottom:24px;font-size:.95rem;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.detail-image{object-fit:cover;width:100%;max-height:400px;box-shadow:0 8px 32px var(--shadow);border-radius:16px;margin-bottom:32px}.detail-content h1{color:var(--text);margin-bottom:12px;font-size:2rem}.detail-content p{color:var(--text);white-space:pre-line;margin-top:20px;font-size:1rem;line-height:1.8}.carousel{width:100%;margin-bottom:32px;position:relative}.carousel-track-wrapper{box-shadow:0 8px 32px var(--shadow);border-radius:16px;overflow:hidden}.carousel-track{transition:transform .5s;display:flex}.carousel-slide{min-width:100%}.carousel-slide img{object-fit:cover;width:100%;height:420px;display:block}.carousel-btn{background:var(--glass-bg);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;z-index:2;border-radius:50%;width:40px;height:40px;font-size:1rem;transition:background .2s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:var(--blue-tint)}.carousel-btn.prev{left:12px}.carousel-btn.next{right:12px}.carousel-dots{justify-content:center;gap:8px;margin-top:12px;display:flex}.dot{cursor:pointer;background:#64a0dc4d;border-radius:50%;width:8px;height:8px;transition:background .2s}.dot.active{background:var(--text)}.project-resources{border-top:1px solid var(--glass-border);margin-top:2.5rem;padding-top:1.5rem}.project-model{border-top:1px solid var(--glass-border);width:100%;margin-top:2.5rem;margin-left:auto;margin-right:auto;padding-top:1.5rem}.pcb-viewer{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;width:100%;height:480px;margin-bottom:.75rem}.project-resources h2{letter-spacing:.01em;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.project-resources ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.resource-link{color:var(--accent);align-items:center;gap:.4rem;font-size:.95rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.resource-link:hover{opacity:.75;text-decoration:underline}.resource-icon{font-size:1em}html.dark #logo{filter:invert()}html:not(.dark) #theme-toggle{filter:grayscale()brightness(0)}html.dark nav a.active-link{background:#1e508c99;border-color:#64b4ff66}html.dark .read-more{color:#a8d4f5;background:#1e508c66;border-color:#64b4ff4d}html.dark .read-more:hover{background:#1e508c99}.hkn-badge-dark,html.dark .hkn-badge-light{display:none}html.dark .hkn-badge-dark{display:block}.crest-dark,html.dark .crest-light{display:none}html.dark .crest-dark{display:block}@media (width<=768px){header{padding:8px 12px}nav a{padding:6px 10px;font-size:.85rem}#theme-toggle{padding:6px 8px;font-size:.85rem}.about-grid{text-align:center;grid-template-columns:1fr;margin:40px auto;padding:0 20px}.bio-name-row{justify-content:center}.hkn-badge{flex-shrink:0;margin-bottom:16px;display:block}.about-image img{max-width:220px;height:auto;margin:0 auto;display:block}.hkn-badge-light,.hkn-badge-dark{display:none}html:not(.dark) .hkn-badge-light,html.dark .hkn-badge-dark{display:block}}@media (width<=480px){header{padding:8px}nav{gap:5px}nav a{padding:5px 7px;font-size:.78rem}}#sine-bg[data-astro-cid-sor4u3rk]{opacity:1;pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}html:not(.dark) #sine-bg[data-astro-cid-sor4u3rk]{opacity:.4}