:root{--bg: #0b0d0b;--panel: #111511;--panel-2: #171c17;--text: #f2f3ef;--muted: #a8b0a5;--line: #2a312a;--copper: #c87533;--copper-bright: #e8a15f;--green: #7fbf88;--max: 1120px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{color:var(--copper-bright)}img{max-width:100%}.wrap{width:min(calc(100% - 40px),var(--max));margin:0 auto}header.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em}.brand-mark{width:30px;height:30px;border:2px solid var(--copper);border-radius:8px;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;height:2px;background:var(--copper);left:5px;right:5px}.brand-mark:before{top:9px}.brand-mark:after{bottom:9px}nav ul{display:flex;gap:26px;list-style:none;padding:0;margin:0;color:var(--muted);font-size:.95rem}main{min-height:calc(100vh - 150px)}.hero{padding:92px 0 64px;display:grid;grid-template-columns:1.3fr .7fr;gap:64px;align-items:end}.kicker{color:var(--copper-bright);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.83rem;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(3.2rem,8vw,6.7rem);margin:18px 0 22px;max-width:900px}h2{font-size:clamp(2rem,4vw,3.2rem);margin-top:0}.lead{color:var(--muted);font-size:clamp(1.05rem,2vw,1.32rem);max-width:760px}.hero-aside{border-left:1px solid var(--line);padding-left:30px;color:var(--muted)}.hero-aside strong{color:var(--text);display:block;margin-bottom:6px}.section{padding:64px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head p{color:var(--muted);max-width:580px;margin:0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{grid-column:span 6;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--panel-2));border-radius:18px;padding:28px;min-height:270px;transition:transform .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);border-color:#65401f}.card.featured{grid-column:span 8}.card.small{grid-column:span 4}.card .meta,.article-meta{color:var(--copper-bright);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.card h3{font-size:1.65rem;margin:60px 0 12px}.card p{color:var(--muted);margin-bottom:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tag{border:1px solid var(--line);border-radius:999px;color:var(--muted);padding:4px 9px;font-size:.78rem}.article{width:min(calc(100% - 40px),820px);margin:0 auto;padding:76px 0 100px}.article h1{font-size:clamp(2.8rem,7vw,5rem);margin-bottom:20px}.article h2{font-size:2rem;margin:58px 0 18px}.article p,.article li{color:#c4cbc1;font-size:1.05rem}.article code{color:#f0c99e;background:#151915;border:1px solid var(--line);padding:.1em .35em;border-radius:5px}.callout{margin:34px 0;border-left:3px solid var(--copper);background:var(--panel);padding:20px 22px;color:var(--muted)}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.fact{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel)}.fact strong{display:block;color:var(--text)}.fact span{color:var(--muted);font-size:.92rem}footer{border-top:1px solid var(--line);color:var(--muted);padding:32px 0 46px;font-size:.9rem}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:60px;gap:30px}.hero-aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}nav ul{gap:14px;font-size:.86rem}.card,.card.featured,.card.small{grid-column:1 / -1}.section-head{display:block}.fact-grid{grid-template-columns:1fr}}.diagram{margin:36px 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:#0e120e;overflow-x:auto}.diagram-title{color:var(--copper-bright);font:700 .75rem/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.1em;margin-bottom:22px}.diagram-row{display:flex;justify-content:center;gap:14px;min-width:0}.diagram-split .diagram-node{flex:1}.diagram-node{min-width:0;padding:13px 16px;border:1px solid #3a433a;border-radius:10px;background:var(--panel);color:var(--text);text-align:center;font-size:.92rem}.diagram-accent{border-color:#7a4b27}.diagram-arrow{text-align:center;color:var(--muted);padding:8px 0;font-family:ui-monospace,monospace}.diagram-flow{display:flex;align-items:center;gap:8px}.diagram-flow .diagram-node{flex:1}.diagram-arrow-inline{color:var(--muted)}@media(max-width:620px){.diagram{padding:18px}.diagram-split,.diagram-flow{flex-direction:column}.diagram-split .diagram-node,.diagram-flow .diagram-node{width:100%}.diagram-arrow-inline{transform:rotate(90deg)}}.portfolio-hero{padding:104px 0 88px;max-width:var(--max)}.portfolio-hero h1{font-size:clamp(4.2rem,11vw,8.4rem);line-height:.86;margin:28px 0 36px}.portfolio-hero h1 span{color:var(--copper-bright)}.portfolio-hero .lead{max-width:790px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{border:1px solid var(--line);border-radius:10px;padding:11px 16px;color:var(--text);font-size:.92rem}.button.primary{background:var(--copper);border-color:var(--copper);color:#100b07;font-weight:750}.button.primary:hover{color:#100b07;background:var(--copper-bright)}.project-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-panel{border:1px solid var(--line);border-radius:18px;padding:28px;background:linear-gradient(145deg,var(--panel),#0e120e);min-width:0;transition:transform .18s ease,border-color .18s ease}.project-panel:hover{transform:translateY(-3px);border-color:#65401f}.project-topline{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.project-topline span:first-child{color:var(--copper-bright)}.project-panel h3{font-size:2rem;margin:26px 0 12px}.project-panel p{color:var(--muted)}.project-link{margin-top:30px;font-weight:700;font-size:.9rem;color:var(--text)}.project-visual{height:150px;margin:26px 0 4px;border:1px solid var(--line);border-radius:13px;position:relative;overflow:hidden;background:#0a0d0a}.circuit-visual .chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #6f4728;padding:16px 22px;border-radius:7px;color:var(--copper-bright);font:700 .85rem ui-monospace,monospace;letter-spacing:.08em;background:#111511}.trace{position:absolute;background:#495149}.t1{height:1px;width:38%;left:0;top:50%}.t2{height:1px;width:38%;right:0;top:50%}.t3{width:1px;height:50%;left:50%;bottom:0}.rf-core{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--copper-bright);left:50%;top:50%;transform:translate(-50%,-50%)}.rf-ring{position:absolute;left:50%;top:50%;border:1px solid #485148;border-radius:50%;transform:translate(-50%,-50%)}.r1{width:48px;height:48px}.r2{width:90px;height:90px}.r3{width:138px;height:138px}.capability-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.capability-list{display:flex;flex-wrap:wrap;gap:10px}.capability-list span{border-bottom:1px solid var(--line);padding:10px 2px;margin-right:20px;color:#c8cec5;font-size:1.08rem}.closing{max-width:800px}.closing h2{font-size:clamp(2.8rem,6vw,5rem);margin:16px 0 24px}.closing p{color:var(--muted);font-size:1.1rem;max-width:650px}@media(max-width:760px){.portfolio-hero{padding:70px 0 64px}.portfolio-hero h1{font-size:clamp(3.6rem,19vw,6rem)}.project-pair,.capability-grid{grid-template-columns:1fr}.capability-grid{gap:22px}.project-visual{height:125px}.project-topline{font-size:.66rem}}.contact-page{max-width:860px}.contact-form{margin:38px 0;display:grid;gap:20px}.contact-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-form label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#0e120e;color:var(--text);padding:13px 14px;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--copper)}.contact-form textarea{resize:vertical;min-height:160px}.contact-form button{justify-self:start;font:inherit;cursor:pointer}.contact-form button:disabled{opacity:.45;cursor:not-allowed}.form-status{color:var(--muted);font-size:.9rem;margin:0}.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:620px){.contact-row{grid-template-columns:1fr}}.nav-right{display:flex;align-items:center;gap:22px}.language-switch{display:flex;align-items:center;gap:6px;font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);letter-spacing:.06em}.language-switch a{padding:6px 2px}.language-switch a.active{color:var(--copper-bright)}@media(max-width:760px){.nav-right{gap:10px}.nav{height:auto;min-height:74px;padding:12px 0;gap:12px}.brand span:last-child{display:none}nav ul{gap:10px}.language-switch{font-size:.68rem}}