.engineering-page{background:var(--bg);color:var(--text);min-height:100vh}.engineering-nav{z-index:100;background:linear-gradient(#0e0e0ef2 0%,#0000 100%);justify-content:space-between;align-items:center;padding:28px 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-back{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#fff9;cursor:pointer;font-size:10px;font-weight:500;text-decoration:none;transition:color .3s,transform .3s}.nav-back:hover{color:#fff;transform:translate(-3px)}.nav-name{font-family:var(--sans);letter-spacing:.25em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px #0009;font-size:11px;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-name:hover{opacity:.6}.nav-section{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#fff9;font-size:10px;font-weight:500}.nav-right{align-items:center;gap:28px;display:flex}.nav-social{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#fff9;font-size:10px;font-weight:500;text-decoration:none;transition:color .3s}.nav-social:hover{color:#fff}.hero{align-items:flex-end;width:100%;height:100vh;padding:80px 48px;display:flex;position:relative;overflow:hidden}.hero-bg{filter:brightness(.62)saturate(.85);background-image:-webkit-image-set(url(https://knlwzjvuqipjrjpgnovc.supabase.co/storage/v1/object/public/portfolio/optimized/covers/engineering-hero.avif) 1x type("image/avif"),url(https://knlwzjvuqipjrjpgnovc.supabase.co/storage/v1/object/public/portfolio/optimized/covers/engineering-hero.webp) 1x type("image/webp"));background-image:image-set("https://knlwzjvuqipjrjpgnovc.supabase.co/storage/v1/object/public/portfolio/optimized/covers/engineering-hero.avif" 1x type("image/avif"),"https://knlwzjvuqipjrjpgnovc.supabase.co/storage/v1/object/public/portfolio/optimized/covers/engineering-hero.webp" 1x type("image/webp"));background-position:50%;background-size:cover;transition:transform 8s;position:absolute;inset:0;transform:scale(1.04)}.hero:hover .hero-bg{transform:scale(1)}.hero-overlay{background:linear-gradient(#0e0e0e99 0%,#0e0e0e66 50%,#0e0e0eeb 100%),linear-gradient(90deg,#0e0e0e80 0%,#0000 60%);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#f0ede805 1px,#0000 1px),linear-gradient(90deg,#f0ede805 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.hero-content{z-index:2;max-width:760px;position:relative}.hero-eyebrow{font-family:var(--sans);letter-spacing:.35em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;font-size:10px}.hero-title{color:var(--text);letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(52px,8vw,120px);font-weight:400;line-height:.95}.hero-desc{font-family:var(--sans);color:#f0ede88c;max-width:480px;margin-bottom:14px;font-size:14px;line-height:1.7}.hero-desc--last{margin-bottom:0}.hero-stats{border-top:1px solid #f0ede814;gap:40px;margin:32px 0 36px;padding-top:28px;display:flex}.hero-stat-value{color:var(--text);letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(22px,2.5vw,30px);font-weight:400;line-height:1}.hero-stat-label{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#f0ede84d;font-size:9px}.hero-tags{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.tag{font-family:var(--sans);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);border:1px solid var(--faint);padding:6px 14px;font-size:9px;transition:color .3s,border-color .3s}.tag:hover{color:var(--text);border-color:#f0ede84d}.hero-cta{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--text);align-items:center;gap:10px;font-size:11px;text-decoration:none;transition:gap .3s;display:inline-flex}.hero-cta:hover{gap:16px}.hero-scroll-hint{z-index:2;font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#f0ede833;writing-mode:vertical-rl;text-orientation:mixed;font-size:9px;position:absolute;bottom:40px;right:48px}.arch-section{border-bottom:1px solid var(--faint);padding:64px 48px;overflow-x:auto}.arch-header{justify-content:space-between;align-items:baseline;margin-bottom:44px;display:flex}.arch-section-label{font-family:var(--sans);letter-spacing:.4em;text-transform:uppercase;color:#f0ede840;font-size:9px}.arch-section-meta{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#f0ede81f;font-size:9px}.arch-diagram-img{border-radius:4px;width:100%;max-width:1200px;display:block}.arch-pipeline{align-items:flex-start;min-width:max-content;display:flex}.arch-pipeline-item{align-items:flex-start;display:flex}.arch-node{background:#f0ede804;border:1px solid #f0ede814;flex-direction:column;min-width:114px;display:flex}.arch-node-header{border-bottom:1px solid #f0ede80f;align-items:center;gap:8px;height:36px;padding:0 14px;display:flex}.arch-node-num{font-family:var(--sans);letter-spacing:.15em;color:#f0ede826;flex-shrink:0;font-size:8px}.arch-node-name{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#f0ede8a6;font-size:9px;font-weight:500}.arch-node-tools{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.arch-node-tool{font-family:var(--sans);letter-spacing:.06em;color:#f0ede84d;font-size:9px}.arch-arrow{color:#f0ede81f;height:36px;font-family:var(--sans);flex-shrink:0;align-self:flex-start;align-items:center;padding:0 8px;font-size:12px;display:flex}.arch-streams-row{border-top:1px solid #f0ede80f;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;padding-top:20px;display:flex}.arch-streams-label{font-family:var(--sans);letter-spacing:.35em;text-transform:uppercase;color:#f0ede82e;white-space:nowrap;border-right:1px solid #f0ede814;padding-right:16px;font-size:8px}.arch-stream-pill{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#f0ede847;border:1px solid #f0ede812;padding:5px 12px;font-size:8px}.agent-section{border-bottom:1px solid var(--faint);padding:80px 48px}.agent-label{font-family:var(--sans);letter-spacing:.4em;text-transform:uppercase;color:#f0ede840;margin-bottom:48px;font-size:9px}.agent-body{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.agent-title{letter-spacing:-.02em;color:var(--text);font-size:clamp(40px,5vw,72px);font-weight:400;line-height:.95}.agent-right{flex-direction:column;gap:20px;display:flex}.agent-desc{font-family:var(--sans);color:#f0ede88c;font-size:14px;line-height:1.7}.agent-capabilities{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.agent-cap{font-family:var(--sans);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);border:1px solid var(--faint);padding:6px 14px;font-size:9px;transition:color .3s,border-color .3s}.agent-cap:hover{color:var(--text);border-color:#f0ede84d}.rule{background:var(--faint);width:100%;height:1px}.about{border-bottom:1px solid var(--faint);grid-template-columns:1fr 2fr 1fr;align-items:center;gap:40px;padding:64px 48px;display:grid}.about-role{font-family:var(--sans);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);font-size:10px;line-height:1.8}.about-bio{color:#f0ede8cc;text-align:center;font-size:clamp(16px,1.5vw,20px);font-weight:400;line-height:1.55}.about-location{font-family:var(--sans);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);text-align:right;font-size:10px;line-height:1.8}.credentials{grid-template-columns:1fr 1fr;gap:0;display:grid}.cred-col{border-bottom:1px solid var(--faint);padding:72px 48px}.cred-col:first-child{border-right:1px solid var(--faint)}.cred-section{margin-bottom:56px}.cred-section:last-child{margin-bottom:0}.cred-label{font-family:var(--sans);letter-spacing:.4em;text-transform:uppercase;color:#f0ede840;margin-bottom:28px;font-size:9px}.exp-item{border-bottom:1px solid var(--faint);align-items:flex-start;gap:18px;margin-bottom:32px;padding-bottom:32px;display:flex}.exp-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.entry-logo{flex-shrink:0;width:40px;height:40px;margin-top:2px}.entry-info{flex:1}.exp-company{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:400}.exp-role{font-family:var(--sans);letter-spacing:.1em;color:var(--muted);margin-bottom:4px;font-size:11px}.exp-date{font-family:var(--sans);letter-spacing:.15em;color:#f0ede833;font-size:10px}.edu-item{align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.edu-item:last-child{margin-bottom:0}.edu-school{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:400}.edu-degree{font-family:var(--sans);letter-spacing:.08em;color:var(--muted);margin-bottom:3px;font-size:11px}.edu-date{font-family:var(--sans);letter-spacing:.15em;color:#f0ede833;font-size:10px}.skills-group{margin-bottom:28px}.skills-group:last-child{margin-bottom:0}.skills-group-label{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#f0ede833;align-items:center;gap:8px;margin-bottom:12px;font-size:9px;display:flex}.skills-list{flex-wrap:wrap;gap:8px;display:flex}.skill-chip{font-family:var(--sans);letter-spacing:.15em;color:#f0ede88c;border:1px solid var(--faint);padding:5px 12px;font-size:10px;transition:color .3s,border-color .3s}.skill-chip:hover{color:var(--text);border-color:#f0ede840}.achievement-item{align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.achievement-item:last-child{margin-bottom:0}.achievement-mark{font-family:var(--sans);color:#f0ede833;letter-spacing:.1em;flex-shrink:0;margin-top:3px;font-size:9px}.achievement-text{font-family:var(--sans);color:var(--muted);letter-spacing:.03em;font-size:12px;line-height:1.6}.achievement-text strong{color:#f0ede8bf;font-weight:500}.contact{border-top:1px solid #f0ede814;flex-direction:column;gap:16px;padding:80px 48px;display:flex}.contact-label{font-family:var(--sans);letter-spacing:.4em;text-transform:uppercase;color:var(--muted);font-size:9px}.contact-email{letter-spacing:-.01em;color:var(--text);font-size:clamp(24px,4vw,48px);font-weight:400;text-decoration:none;transition:opacity .3s;display:inline-block}.contact-email:hover{opacity:.5}.engineering-footer{justify-content:space-between;align-items:center;padding:48px;display:flex}.footer-name{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#f0ede833;font-size:10px}.footer-links{gap:32px;display:flex}.footer-link{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#f0ede840;font-size:10px;text-decoration:none;transition:color .3s}.footer-link:hover{color:#f0ede8b3}@media (max-width:768px){.engineering-nav{padding:20px 24px}.nav-section,.nav-social{display:none}.hero{height:auto;min-height:100vh;padding:100px 24px 60px}.hero-scroll-hint{display:none}.hero-stats{gap:24px}.arch-section{padding:48px 24px}.arch-header{flex-direction:column;gap:8px}.agent-section{padding:48px 24px}.agent-body{grid-template-columns:1fr;gap:32px}.about{grid-template-columns:1fr;gap:20px;padding:48px 24px}.about-location{text-align:left}.credentials{grid-template-columns:1fr}.cred-col{padding:48px 24px;border-right:none!important}.engineering-footer{text-align:center;flex-direction:column;gap:20px;padding:32px 24px}}.hero--02{background-color:var(--bg-eng);background-image:repeating-radial-gradient(circle at 18% 30%,#c2703d0f 0 1.5px,#0000 1.5px 66px),repeating-radial-gradient(circle at 84% 72%,#c2703d0d 0 1.5px,#0000 1.5px 82px);align-items:flex-start;height:auto;min-height:auto;padding:120px 48px;overflow:hidden}.hero--02 .hero-content{max-width:760px}
