:root{--steel-bg:#0a0d14;--steel-surface:#141923;--steel-accent:#6f8fa9;--text-main:#e0e5ea;--text-muted:#7b8898}*,:before,:after{box-sizing:border-box}html{background:var(--steel-bg);scroll-behavior:smooth;min-height:100%;overflow-x:hidden}body{width:100%;min-height:100vh;color:var(--text-main);isolation:isolate;background:0 0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#6f8fa90e 1px,#0000 1px),linear-gradient(90deg,#6f8fa90b 1px,#0000 1px);background-size:92px 92px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0a0d14b8,#0000 82%);mask-image:linear-gradient(#0a0d14b8,#0000 82%)}body:after{content:"";z-index:0;pointer-events:none;background:#0a0d143d;position:fixed;inset:0}a{color:inherit}#webgl-canvas{z-index:-1;background:var(--steel-bg);width:100%;height:100%;display:block;position:fixed;inset:0}.site-nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0d14bd;border-bottom:1px solid #6f8fa929;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:100vw;min-height:76px;padding:1rem 5vw;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--text-main);align-items:center;gap:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:2.25rem;height:2.25rem;color:var(--steel-accent);background:#141923b8;border:1px solid #6f8fa980;border-radius:8px;place-items:center;font-size:.9rem;display:inline-grid}.nav-links{background:#14192375;border:1px solid #6f8fa929;border-radius:8px;flex:0 auto;align-items:center;gap:.35rem;min-width:0;padding:.25rem;display:inline-flex}.nav-links a{min-width:0;min-height:2.25rem;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;padding:.45rem .85rem;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.nav-links a:hover,.nav-links a:focus-visible,.nav-links a.is-active{color:var(--text-main);background:#6f8fa924;outline:none}main{z-index:2;width:calc(100% - 2rem);max-width:1160px;margin:0 auto;padding:7.5rem 0 5rem;position:relative}.transition-fade{transition:opacity .22s,transform .22s}html.is-animating .transition-fade{opacity:0;transform:translateY(.75rem)}.hero-shell{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:2rem;min-height:68vh;padding-bottom:3rem;display:grid}.profile-hero{grid-template-columns:minmax(320px,420px) minmax(0,1fr);justify-content:space-between;align-items:center;gap:2rem;min-height:68vh;padding-bottom:3rem;display:grid}.hero-copy{max-width:760px}.profile-hero .hero-copy{grid-column:2}.profile-frame{aspect-ratio:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14192399;border:1px solid #6f8fa933;border-radius:12px;grid-column:1;justify-self:center;width:min(100%,420px);height:min(420px,100vw - 2rem);transition:border-color .18s,transform .18s,background .18s;position:relative;overflow:hidden}.profile-frame:before{content:"";z-index:1;pointer-events:none;border:1px solid #6f8fa938;border-radius:10px;position:absolute;inset:1rem}.profile-frame:hover{background:#141923b8;border-color:#6f8fa98f;transform:scale(1.015)}.profile-image{object-fit:cover;filter:grayscale(.78)saturate(.54)contrast(1.08);width:100%;height:100%;transition:filter .18s,transform .18s;display:block}.profile-frame:hover .profile-image{filter:grayscale(.56)saturate(.66)contrast(1.1);transform:scale(1.035)}.eyebrow{color:var(--steel-accent);text-transform:uppercase;margin:0 0 .8rem;font-size:.78rem;font-weight:700}h1,h2,h3,p,a,span{overflow-wrap:break-word}h1,h2,h3{max-width:100%}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:1.2rem;font-size:4rem;line-height:1}h2{margin-bottom:1rem;font-size:2.2rem;line-height:1.08}h3{margin-bottom:.75rem;font-size:1.15rem;line-height:1.2}.hero-lede,.page-header p,.section-heading p,.glass-card p,.project-card p{color:var(--text-muted)}.hero-lede{max-width:640px;margin-bottom:2rem;font-size:1.15rem}.action-row{flex-wrap:wrap;gap:.8rem;display:flex}.button-primary,.button-secondary{border-radius:8px;justify-content:center;align-items:center;min-height:2.8rem;padding:.72rem 1rem;font-weight:700;text-decoration:none;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.button-primary{color:var(--text-main);background:#6f8fa938;border:1px solid #6f8fa9b8}.button-secondary{color:var(--text-muted);background:#14192380;border:1px solid #6f8fa938}.button-primary:hover,.button-primary:focus-visible,.button-secondary:hover,.button-secondary:focus-visible{color:var(--text-main);border-color:#6f8fa9db;outline:none;transform:translateY(-2px)}.signal-panel,.glass-card,.project-card,.hobby-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14192399;border:1px solid #6f8fa933;border-radius:12px}.signal-panel{padding:1rem}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.signal-grid div{background:#0a0d1457;border:1px solid #6f8fa924;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:8.5rem;padding:1rem;display:flex}.metric-value{color:var(--text-main);font-size:2.2rem;font-weight:800;line-height:1}.metric-label{color:var(--text-muted);font-size:.86rem}.section-block{padding:2rem 0 0}.section-heading{max-width:700px;margin-bottom:1.5rem}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.glass-card{min-height:17rem;padding:1.5rem;transition:border-color .18s,transform .18s,background .18s}.glass-card:hover{background:#141923b8;border-color:#6f8fa975;transform:translateY(-4px)}.card-index{color:var(--steel-accent);margin-bottom:2rem;font-weight:800;display:inline-flex}.page-header{width:100%;max-width:780px;padding:3rem 0 2rem}.page-header h1{margin-bottom:1rem}.page-header p{max-width:660px;font-size:1.1rem}.bento-grid{gap:1.5rem;display:grid}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{flex-direction:column;min-width:0;min-height:24rem;padding:1.5rem;transition:border-color .18s,transform .18s,background .18s;display:flex}.project-card:hover{background:#141923b8;border-color:#6f8fa985;transform:translateY(-4px)}.featured-project{grid-column:span 2;min-height:22rem}.project-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:1.25rem;font-size:.82rem;display:flex}.project-meta>span{min-width:0}.project-type{color:var(--steel-accent);font-weight:700}.tech-stack{flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;display:flex}.tech-pill{min-height:1.75rem;color:var(--steel-accent);background:#6f8fa91f;border:1px solid #6f8fa933;border-radius:8px;align-items:center;padding:.28rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.project-card p{flex:1;margin-bottom:1.5rem}.project-link{color:var(--text-main);border-bottom:1px solid #6f8fa9b8;align-self:flex-start;padding-bottom:.2rem;font-weight:700;text-decoration:none;transition:color .18s,border-color .18s}.project-link:after{content:" ->";color:var(--steel-accent)}.project-link:hover,.project-link:focus-visible{color:var(--steel-accent);border-color:var(--text-main);outline:none}.hobbies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hobby-card{flex-direction:column;min-width:0;min-height:31rem;padding:1.5rem;transition:border-color .18s,transform .18s,background .18s;display:flex;overflow:hidden}.hobby-card:hover{background:#141923b8;border-color:#6f8fa985;transform:translateY(-4px)}.hobby-card p{color:var(--text-muted)}.hobby-visual{background-color:#0a0d146b;background-image:linear-gradient(#6f8fa91a 1px,#0000 1px),linear-gradient(90deg,#6f8fa914 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #6f8fa924;border-radius:10px;min-height:12rem;margin:-.25rem -.25rem 1.4rem;position:relative;overflow:hidden}.hobby-visual span{background:#6f8fa91a;border:1px solid #6f8fa957;border-radius:8px;display:block;position:absolute}.hardware-card .hobby-visual span:first-child{width:42%;height:52%;top:18%;left:12%}.hardware-card .hobby-visual span:nth-child(2){width:20%;height:32%;top:28%;right:18%}.hardware-card .hobby-visual span:nth-child(3){border-radius:0;width:58%;height:1px;bottom:24%;left:22%}.gaming-card .hobby-visual span:first-child{width:56%;height:38%;top:24%;left:12%}.gaming-card .hobby-visual span:nth-child(2){width:16%;height:16%;top:22%;right:18%}.gaming-card .hobby-visual span:nth-child(3){border-radius:0;width:30%;height:1px;bottom:30%;right:18%}@media (width<=880px){.site-nav{padding-inline:1rem}main{width:calc(100% - 1rem);padding-top:6.5rem}.hero-shell,.profile-hero,.capability-grid,.projects-grid,.hobbies-grid{grid-template-columns:1fr}.hero-shell,.profile-hero{min-height:auto;padding-top:1.5rem}.profile-frame{grid-column:auto;justify-self:start;width:min(100%,360px);height:min(360px,100vw - 1rem)}.profile-hero .hero-copy{grid-column:auto}h1{font-size:3rem}h2{font-size:1.9rem}.featured-project{grid-column:span 1}}@media (width<=560px){.site-nav{gap:.35rem;min-height:68px;padding:.75rem}.brand-mark{width:2rem;height:2rem;font-size:.78rem}.brand span:last-child{display:none}.nav-links a{padding-inline:.48rem;font-size:.84rem}main{width:calc(100% - .75rem);max-width:calc(100vw - .75rem);padding-bottom:3rem}h1{overflow-wrap:anywhere;max-width:11.5ch;font-size:2rem}h2{overflow-wrap:anywhere;font-size:1.55rem}.hero-lede,.page-header p{font-size:1rem}.page-header{max-width:calc(100vw - .75rem)}.project-meta{flex-direction:column;gap:.35rem}.signal-grid{grid-template-columns:1fr}.signal-grid div,.glass-card,.project-card,.hobby-card{min-height:auto}.glass-card,.project-card,.hobby-card{padding:1.1rem}.hobby-visual{min-height:9rem}}@media (width<=400px){.brand{display:none}.site-nav{justify-content:center}.nav-links{gap:.12rem;padding:.2rem}.nav-links a{padding-inline:.36rem;font-size:.78rem}h1{font-size:1.82rem}.project-meta{font-size:.76rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}.reveal{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.revealed{opacity:1;transform:translateY(0)}.reveal[data-delay="1"]{transition-delay:80ms}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}.reveal[data-delay="4"]{transition-delay:.32s}.reveal[data-delay="5"]{transition-delay:.4s}.site-footer{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0d1499;border-top:1px solid #6f8fa91f;width:100%;margin-top:5rem;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1160px;margin:0 auto;padding:2rem 1rem;display:flex}.footer-text{color:var(--text-muted);margin:0;font-size:.82rem}.footer-links{background:#1419234d;border:1px solid #6f8fa91f;border-radius:8px;align-items:center;gap:.25rem;padding:.2rem;display:inline-flex}.footer-links a{min-height:2rem;color:var(--text-muted);border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .18s,background .18s;display:inline-flex}.footer-links a:hover,.footer-links a:focus-visible{color:var(--text-main);background:#6f8fa91f;outline:none}@media (width<=560px){.footer-inner{text-align:center;flex-direction:column;padding:1.5rem 1rem}.footer-links a{padding:.3rem .5rem;font-size:.78rem}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.profile-frame:after{content:"";z-index:0;background:conic-gradient(from var(--border-angle), transparent 0deg, #6f8fa94d 100deg, transparent 200deg, #6f8fa91f 300deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;border-radius:13px;padding:1px;animation:6s linear infinite spin-border;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin-border{to{--border-angle:360deg}}@media (prefers-reduced-motion:reduce){.profile-frame:after{opacity:.3;animation:none}}.nav-links a[aria-current=page]{color:var(--text-main);position:relative}.nav-links a[aria-current=page]:after{content:"";background:var(--steel-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.tech-pill{transition:background .2s,border-color .2s,transform .2s,color .2s}.tech-pill:hover{color:var(--text-main);background:#6f8fa938;border-color:#6f8fa985;transform:scale(1.04)}h1{letter-spacing:-.02em}h2{letter-spacing:-.015em}.eyebrow{letter-spacing:.08em}::selection{color:#fff;background:#6f8fa94d}.error-shell{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.error-code{color:var(--steel-accent);letter-spacing:-.04em;margin:0;font-size:6rem;font-weight:800;line-height:1}.error-shell h1{margin:.5rem 0 1rem;font-size:2rem}.error-shell p{max-width:480px;color:var(--text-muted);margin-bottom:2rem}@media (width<=560px){.error-code{font-size:4rem}.error-shell h1{font-size:1.5rem}}.feed{flex-direction:column;gap:2.5rem;padding-bottom:2rem;display:flex}.feed-post{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14192399;border:1px solid #6f8fa933;border-radius:12px;grid-template-columns:340px minmax(0,1fr);gap:1.5rem;transition:border-color .18s,background .18s;display:grid;overflow:hidden}.feed-post:hover{background:#141923b8;border-color:#6f8fa975}.post-image{background-position:50%;background-size:cover;border-right:1px solid #6f8fa924;height:100%;min-height:200px;position:relative;overflow:hidden}.post-image-placeholder{background-color:#0a0d146b;background-image:linear-gradient(#6f8fa91a 1px,#0000 1px),linear-gradient(90deg,#6f8fa914 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.post-image-placeholder span{background:#6f8fa91a;border:1px solid #6f8fa957;border-radius:8px;display:block;position:absolute}.post-image-placeholder span:first-child{width:42%;height:52%;top:18%;left:12%}.post-image-placeholder span:nth-child(2){width:20%;height:32%;top:28%;right:18%}.post-image-placeholder span:nth-child(3){border-radius:0;width:58%;height:1px;bottom:24%;left:22%}.post-content{flex-direction:column;justify-content:center;padding:1.5rem 1.5rem 1.5rem 0;display:flex}.post-date{color:var(--steel-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:inline-block}.post-content h2{margin-bottom:.75rem}.post-content p{color:var(--text-muted);max-width:600px;margin:0;line-height:1.6}@media (width<=880px){.feed-post{grid-template-columns:1fr}.post-image{border-bottom:1px solid #6f8fa924;border-right:none;min-height:180px}.post-content{padding:1rem 1.5rem 1.5rem}}@media (width<=560px){.feed{gap:1.5rem}.post-image{min-height:140px}.post-content{padding:.75rem 1.1rem 1.1rem}}