:root{--bg:#dce7fb;--bg-dark:#1a1a1a;--ink:#141414;--paper:#fff;--gray:#6b6b6b;--gray-lt:#c7c7c7;--accent:#2b6cff;--font-mono:"JetBrains Mono", "Space Mono", "Courier New", Courier, monospace;--font-sans:Arial, Helvetica, sans-serif;--pad:32px;--max-w:1200px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:underline}a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.viewport-hero{flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex}.site-nav{background:var(--bg-dark);color:var(--paper);width:100%;max-width:calc(var(--max-w) + 2 * var(--pad));border-bottom:3px solid var(--accent);border-left:2px solid var(--ink);border-right:2px solid var(--ink);padding:12px var(--pad);font-family:var(--font-mono);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-size:18px;font-weight:700;text-decoration:none}.nav-logo:hover{background:var(--accent);color:var(--paper)}.nav-links{flex-wrap:wrap;gap:4px;list-style:none;display:flex}.nav-links a{color:var(--paper);padding:4px 10px;font-size:14px;text-decoration:none;display:block}.nav-links a:hover{background:var(--paper);color:var(--ink)}.nav-links a.active{background:var(--accent);color:var(--paper)}#hero-section{background:var(--bg-dark);color:var(--paper);max-width:calc(var(--max-w) + 2 * var(--pad));border-bottom:3px solid var(--accent);border-left:2px solid var(--ink);border-right:2px solid var(--ink);flex:1;width:100%;min-height:0;margin:0 auto;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:68% 35%;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-overlay{padding:32px var(--pad) 40px;background:linear-gradient(#0000 25%,#00000040 55%,#000000bf 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}#hero-name{font-family:var(--font-sans);font-size:clamp(2.25rem,8vw,4.5rem);font-weight:700;line-height:1}#hero-tagline{font-family:var(--font-mono);color:var(--gray-lt);margin-top:16px;font-size:15px}#hero-tagline:before{content:"> ";color:var(--accent);font-weight:700}.page-section{background:var(--paper);border-bottom:2px solid var(--ink);max-width:calc(var(--max-w) + 2 * var(--pad));border-left:2px solid var(--ink);border-right:2px solid var(--ink);margin:0 auto}.section-inner{max-width:var(--max-w);padding:40px var(--pad);flex-direction:column;gap:20px;margin:0 auto;display:flex}.section-head{display:flex}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:var(--paper);padding:4px 8px;font-size:13px;font-weight:700;display:inline-block}.about-text{max-width:820px;margin:0 auto;font-size:1rem}.about-text strong{font-weight:700}.entry{border-bottom:1px solid var(--gray-lt);align-items:flex-start;gap:16px;padding:20px 0;display:flex}.entry:first-child{padding-top:0}.entry:last-child{border-bottom:none;padding-bottom:0}.entry-logo{object-fit:contain;flex-shrink:0;width:36px;height:36px}.entry-main{flex:1;min-width:0}.entry-media{aspect-ratio:4/3;object-fit:cover;border:2px solid var(--ink);flex-shrink:0;width:240px;height:auto;display:block}.entry-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.entry-title{font-size:1rem;font-weight:700}.entry-title-sub{font-style:italic;font-weight:400}.entry-date{font-family:var(--font-mono);color:var(--gray);font-size:12px}.entry-org{font-family:var(--font-mono);margin:4px 0 8px;font-size:13px;display:block}.entry-body{font-size:.9rem;list-style:none}.entry-body li{padding-left:14px;position:relative}.entry-body li+li{margin-top:6px}.entry-body li:before{content:"–";color:var(--gray);position:absolute;left:0}.projects-list{flex-direction:column;display:flex}.project-row{border-bottom:1px solid var(--gray-lt);align-items:flex-start;gap:20px;padding:24px 0;display:flex}.project-row:first-child{padding-top:0}.project-row:last-child{border-bottom:none;padding-bottom:0}.project-media{aspect-ratio:16/10;background:repeating-linear-gradient(45deg, var(--gray-lt), var(--gray-lt) 10px, var(--paper) 10px, var(--paper) 20px);border:2px solid var(--ink);flex-shrink:0;justify-content:center;align-items:center;width:280px;display:flex;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%}.project-media span{font-family:var(--font-mono);text-transform:uppercase;color:var(--gray);background:var(--paper);border:1px solid var(--gray-lt);padding:3px 8px;font-size:11px}.project-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.project-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.project-name{font-family:var(--font-sans);font-size:1.15rem;font-weight:700}.project-num{font-family:var(--font-mono);color:var(--accent);margin-right:8px;font-size:.8rem;font-weight:400}.project-meta{font-family:var(--font-mono);color:var(--gray);font-size:11px}.project-desc{font-size:.85rem;list-style:none}.project-desc li{padding-left:14px;position:relative}.project-desc li+li{margin-top:10px}.project-desc li:before{content:"–";opacity:.6;position:absolute;left:0}.project-stack{flex-wrap:wrap;gap:4px;padding-top:4px;display:flex}.project-tag{font-family:var(--font-mono);text-transform:uppercase;border:1px solid;padding:2px 6px;font-size:10px}.project-links{gap:8px;padding-top:8px;display:flex}.project-link{font-family:var(--font-mono);border:1px solid;padding:3px 8px;font-size:12px;text-decoration:none}.project-link:hover{background:var(--ink);color:var(--paper)}.contact-row{font-family:var(--font-mono);flex-direction:column;display:flex}.contact-item{border-bottom:1px solid var(--gray-lt);color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:18px 0;text-decoration:none;transition:color .15s,padding-left .15s;display:flex}.contact-item:first-child{padding-top:0}.contact-item:last-child{border-bottom:none;padding-bottom:0}.contact-item:hover{color:var(--accent);padding-left:8px}.contact-label{letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:700}.contact-arrow{color:var(--accent);font-size:16px;transition:transform .15s}.contact-item:hover .contact-arrow{transform:translate(3px,-3px)}footer{background:var(--paper);max-width:calc(var(--max-w) + 2 * var(--pad));padding:20px var(--pad);font-family:var(--font-mono);border-left:2px solid var(--ink);border-right:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 auto;display:flex}.footer-copy{color:var(--gray);font-size:12px}@media (width<=860px){:root{--pad:16px}.site-nav{flex-wrap:nowrap}.nav-logo{flex-shrink:0}.nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-left:1px solid var(--gray);flex-wrap:nowrap;flex:auto;gap:0;min-width:0;margin-left:12px;padding-left:12px;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links li{flex-shrink:0}.hero-overlay{padding:24px var(--pad) 28px}.section-inner{padding:28px var(--pad);gap:16px}.entry{flex-wrap:wrap}.entry-media{aspect-ratio:16/9;order:3;width:100%;height:auto}.project-row{flex-wrap:wrap}.project-media{width:100%}}