*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}:root{--noir:#0d0e11;--noir2:#151720;--noir3:#1c1f2a;--creme:#f3ede3;--creme2:#e8e0d4;--creme3:#c9bfb2;--cuivre:#c4783a;--cuivre2:#e09458;--cuivre3:#7a4420;--acier:#5b7e96;--acier2:#7fa5bf;--acier3:#2e4a5c;--border-d:#f3ede312;--border-l:#0d0e1114;--display-font:"Space Grotesk",sans-serif;--sans:"DM Sans",sans-serif;--mono:"IBM Plex Mono",monospace}body{background:var(--noir);color:var(--creme);font-family:var(--sans);font-weight:300;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");position:fixed;inset:0}.container{max-width:1160px;margin:0 auto;padding:0 56px}section{padding:100px 0}.label{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--cuivre);align-items:center;gap:16px;margin-bottom:16px;font-size:10px;display:flex}.label:before{content:"";background:var(--cuivre);flex-shrink:0;width:28px;height:1px;display:block}.label--acier{color:var(--acier)}.label--acier:before{background:var(--acier)}.rule{background:var(--border-d);width:100%;height:1px;margin-bottom:64px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes blockIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.32s}.reveal-d4{transition-delay:.46s}.nav{z-index:200;justify-content:space-between;align-items:center;padding:20px 56px;display:flex;position:fixed;top:0;left:0;right:0}.nav:before{content:"";pointer-events:none;background:linear-gradient(#0d0e11f2,#0000);position:absolute;inset:0}.nav-brand{align-items:center;gap:12px;text-decoration:none;display:flex;position:relative}.nav-wordmark{font-family:var(--display-font);letter-spacing:.1em;text-transform:uppercase;color:var(--creme);font-size:15px;font-weight:600}.nav-links{gap:28px;list-style:none;display:flex;position:relative}.nav-links a{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--creme3);font-size:10px;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--cuivre)}.lang-switch{font-family:var(--mono);color:var(--creme3);border-left:1px solid var(--border-d);gap:12px;margin-left:24px;padding-left:24px;font-size:11px;display:flex}.lang-switch button{color:inherit;cursor:pointer;letter-spacing:.1em;background:0 0;border:none;padding:0;font-family:inherit;transition:color .3s}.lang-switch button:hover{color:var(--cuivre)}.lang-switch button.active{color:var(--cuivre);font-weight:700}.hero{grid-template-columns:1fr 1fr;align-items:center;min-height:100vh;padding-top:80px;display:grid;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(60% 70% at 70% 30%,#c4783a12 0%,#0000 65%),radial-gradient(50% 60% at 20% 80%,#5b7e960f 0%,#0000 60%);position:absolute;inset:0}.hero-grid-overlay{background:repeating-linear-gradient(0deg,#0000,#0000 79px,#f3ede304 79px 80px),repeating-linear-gradient(90deg,#0000,#0000 79px,#f3ede304 79px 80px);position:absolute;inset:0}.hero-left{z-index:2;padding-left:56px;position:relative}.hero-eyebrow{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--cuivre);opacity:0;align-items:center;gap:12px;margin-bottom:24px;font-size:10px;animation:.8s ease-out .3s forwards fadeUp;display:flex}.hero-eyebrow:before{content:"";background:var(--cuivre);width:20px;height:1px}.hero-name{font-family:var(--display-font);letter-spacing:-.03em;opacity:0;margin-bottom:8px;font-size:clamp(52px,6vw,88px);font-weight:500;line-height:.95;animation:1s cubic-bezier(.16,1,.3,1) .5s forwards fadeUp}.hero-name em{color:var(--cuivre);font-style:normal}.hero-title{font-family:var(--display-font);color:var(--creme3);letter-spacing:-.01em;opacity:0;margin-bottom:40px;font-size:clamp(18px,2.5vw,28px);font-weight:300;animation:.8s ease-out .7s forwards fadeUp}.hero-bio{color:var(--creme3);opacity:0;max-width:420px;margin-bottom:40px;font-size:14px;line-height:1.85;animation:.8s ease-out .85s forwards fadeUp}.hero-tags{opacity:0;flex-wrap:wrap;gap:8px;animation:.8s ease-out 1s forwards fadeUp;display:flex}.hero-tag{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--creme3);border:1px solid var(--border-d);padding:6px 14px;font-size:9px;transition:border-color .3s,color .3s}.hero-tag:hover,.hero-tag--active{border-color:var(--cuivre);color:var(--cuivre)}.hero-right{z-index:2;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.hero-avatar-wrap{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) .6s forwards scaleIn;position:relative}.hero-avatar-ring{border:1px solid var(--border-d);border-radius:50%;justify-content:center;align-items:center;width:260px;height:260px;display:flex;position:relative}.hero-avatar-ring:before{content:"";border:1px solid #c4783a26;border-radius:50%;position:absolute;inset:-12px}.hero-avatar-ring:after{content:"";border:1px solid #c4783a12;border-radius:50%;position:absolute;inset:-28px}.hero-avatar{background:var(--noir2);border:1px solid var(--border-d);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;display:flex;overflow:hidden}.hero-orbit{border:1px dashed #c4783a1f;border-radius:50%;animation:30s linear infinite spin;position:absolute;inset:-56px}.hero-orbit-dot{background:var(--cuivre);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:-4px}.hero-stats{opacity:0;gap:40px;animation:.8s ease-out 1.1s forwards fadeUp;display:flex;position:absolute;bottom:60px;right:56px}.hero-stat-val{font-family:var(--display-font);color:var(--creme);letter-spacing:-.03em;font-size:32px;font-weight:500}.hero-stat-val em{color:var(--cuivre);font-style:normal}.hero-stat-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--creme3);opacity:.5;margin-top:4px;font-size:9px}.hero-avatar-img{object-fit:cover;object-position:center;width:100%;height:100%}.timeline-section{background:var(--noir2)}.timeline{margin-top:0;position:relative}.timeline:before{content:"";background:var(--border-d);width:1px;position:absolute;top:0;bottom:0;left:200px}.timeline-item{grid-template-columns:200px 1fr;gap:0;margin-bottom:0;display:grid;position:relative}.timeline-item:last-child .tl-content{padding-bottom:0}.tl-date{text-align:right;padding:48px 40px 48px 0;position:relative}.tl-date-range{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cuivre);font-size:10px;line-height:1.8}.tl-date-type{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--creme3);opacity:.35;margin-top:4px;font-size:9px}.tl-dot{background:var(--noir2);border:1px solid var(--cuivre);border-radius:50%;width:9px;height:9px;position:absolute;top:56px;right:-5px}.tl-dot--acier{border-color:var(--acier)}.tl-dot--perso{border-color:var(--creme3);border-style:dashed}.tl-content{border-bottom:1px solid var(--border-d);padding:40px 0 40px 48px}.tl-item-last .tl-content{border-bottom:none}.tl-tag{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--border-d);margin-bottom:16px;padding:4px 10px;font-size:9px;display:inline-block}.tl-tag--alt{color:var(--cuivre);border-color:#c4783a4d}.tl-tag--acier{color:var(--acier);border-color:#5b7e964d}.tl-tag--perso{color:var(--creme3);border-color:var(--border-d)}.tl-company{font-family:var(--display-font);letter-spacing:-.02em;color:var(--creme);margin-bottom:4px;font-size:22px;font-weight:500}.tl-role{font-family:var(--display-font);color:var(--creme3);margin-bottom:16px;font-size:15px;font-weight:300}.tl-desc{color:var(--creme3);max-width:580px;margin-bottom:20px;font-size:13px;line-height:1.8}.tl-techs{flex-wrap:wrap;gap:6px;display:flex}.tl-tech{font-family:var(--mono);letter-spacing:.12em;color:var(--creme3);border:1px solid var(--border-d);opacity:.7;background:#f3ede30a;padding:3px 10px;font-size:9px}.tl-tech--cu{color:var(--cuivre2);opacity:1;background:#c4783a0d;border-color:#c4783a33}.tl-tech--ac{color:var(--acier2);opacity:1;background:#5b7e960d;border-color:#5b7e9633}.pipeline-wrapper{scrollbar-width:thin;scrollbar-color:var(--cuivre) #f3ede30d;align-items:stretch;gap:16px;padding-bottom:32px;display:flex;overflow-x:auto}.pipeline-wrapper::-webkit-scrollbar{height:6px}.pipeline-wrapper::-webkit-scrollbar-track{background:#f3ede30d;border-radius:8px}.pipeline-wrapper::-webkit-scrollbar-thumb{background:var(--cuivre);border-radius:8px}.pipeline-step{flex-direction:column;flex:0 0 320px;display:flex}.pipeline-step .matrix-lane{height:100%}.pipeline-connector{color:var(--border-d);flex:0 0 32px;justify-content:center;align-items:center;display:flex}.pipeline-connector svg{width:24px;height:24px;stroke:var(--cuivre);opacity:.6}.tree-scroll-wrapper{scrollbar-width:thin;scrollbar-color:var(--cuivre) #f3ede30d;padding-bottom:40px;overflow-x:auto}.tree-scroll-wrapper::-webkit-scrollbar{height:6px}.tree-scroll-wrapper::-webkit-scrollbar-track{background:#f3ede30d;border-radius:8px}.tree-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--cuivre);border-radius:8px}.tech-tree{align-items:flex-start;min-width:max-content;padding-top:16px;padding-right:56px;display:flex}.tree-column{flex-direction:column;width:160px;display:flex}.tree-header{margin-bottom:16px;padding-bottom:16px;position:relative}.tree-num{font-family:var(--mono);letter-spacing:.2em;color:var(--cuivre);opacity:.7;margin-bottom:4px;font-size:10px}.tree-title{font-family:var(--display-font);color:var(--creme);letter-spacing:-.01em;font-size:15px;font-weight:500}.tree-connector{background:var(--border-d);flex-shrink:0;width:48px;height:1px;margin-top:24px;position:relative}.tree-connector:after{content:"›";color:var(--border-d);font-family:var(--mono);font-size:16px;position:absolute;top:-12px;right:-4px}.tree-nodes{flex-direction:column;gap:8px;padding-left:16px;display:flex;position:relative}.tree-nodes:before{content:"";background:var(--border-d);width:1px;position:absolute;top:-16px;bottom:16px;left:5px}.tree-node{font-family:var(--mono);letter-spacing:.1em;color:var(--creme3);background:var(--noir2);border:1px solid var(--border-d);cursor:default;padding:8px 12px;font-size:10px;transition:all .3s;position:relative}.tree-node:before{content:"";background:var(--border-d);width:11px;height:1px;position:absolute;top:50%;left:-11px}.tree-node:hover{border-color:var(--cuivre);color:var(--cuivre);background:#c4783a0d;transform:translate(4px)}.tree-column.acier .tree-num{color:var(--acier)}.tree-column.acier .tree-node:hover{border-color:var(--acier);color:var(--acier);background:#5b7e960d}.tree-node--main{color:var(--cuivre);background:#c4783a0d;border-color:#c4783a66;font-weight:400}.tree-node--main:hover{border-color:var(--cuivre);background:#c4783a26}.tree-column.acier .tree-node--main{color:var(--acier);background:#5b7e960d;border-color:#5b7e9666}.tree-column.acier .tree-node--main:hover{border-color:var(--acier);background:#5b7e9626}.projects-section{background:var(--noir2)}.projects-grid{grid-template-columns:1fr 1fr;gap:2px;margin-top:0;display:grid}.proj-card{background:var(--noir);border:1px solid var(--border-d);padding:44px;transition:border-color .3s;position:relative;overflow:hidden}.proj-card:hover{border-color:#c4783a4d}.proj-card:before{content:"";background:linear-gradient(to right,var(--cuivre),transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.proj-card:hover:before{opacity:1}.proj-card--full{grid-column:1/-1}.proj-num{font-family:var(--mono);letter-spacing:.25em;color:var(--cuivre);opacity:.5;margin-bottom:20px;font-size:9px}.proj-name{font-family:var(--display-font);letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:500}.proj-tagline{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--cuivre);margin-bottom:16px;font-size:10px}.proj-desc{color:var(--creme3);margin-bottom:24px;font-size:13px;line-height:1.8}.proj-stack{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.proj-tech{font-family:var(--mono);letter-spacing:.1em;border:1px solid var(--border-d);color:var(--creme3);background:#f3ede30a;padding:3px 10px;font-size:9px}.proj-status{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--acier);align-items:center;gap:8px;font-size:9px;display:inline-flex}.proj-status:before{content:"";background:var(--acier);border-radius:50%;width:6px;height:6px}.proj-status--wip:before{background:var(--cuivre);animation:2s infinite pulse;box-shadow:0 0 8px #c4783a80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.proj-status--wip{color:var(--cuivre)}a.proj-card{color:inherit;cursor:pointer;text-decoration:none;display:block}.proj-external-icon{opacity:0;color:var(--cuivre);transition:all .3s;position:absolute;top:44px;right:44px;transform:translate(-10px,10px)}a.proj-card:hover .proj-external-icon{opacity:1;transform:translate(0)}.proj-split-layout{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.sub-projs-container{flex-direction:column;gap:16px;display:flex}.sub-proj{background:var(--noir2);border:1px solid var(--border-d);color:inherit;padding:20px;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.sub-proj:before{content:"";background:var(--cuivre);opacity:0;width:2px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.sub-proj:hover{background:#c4783a0d;border-color:#c4783a66;transform:translate(4px)}.sub-proj:hover:before{opacity:1}.sub-proj-name{font-family:var(--display-font);color:var(--creme);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:16px;font-weight:500;display:flex}.sub-proj-desc{color:var(--creme3);font-size:12px;line-height:1.6}.homelab-diagram{background:var(--noir2);border:1px solid var(--border-d);margin-top:0;padding:56px;position:relative;overflow:hidden}.homelab-diagram:before{content:"INFRASTRUCTURE";font-family:var(--mono);color:#f3ede305;letter-spacing:.2em;pointer-events:none;font-size:60px;font-weight:300;line-height:1;position:absolute;bottom:20px;right:30px}.hl-layer-title{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--creme3);opacity:.5;margin-bottom:16px;font-size:9px}.hl-layer-items{flex-direction:column;gap:6px;display:flex}.hl-item{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--border-d);color:var(--creme3);background:#f3ede308;padding:6px 10px;font-size:10px}.hl-item--cu{color:var(--cuivre2);background:#c4783a0d;border-color:#c4783a26}.hl-item--ac{color:var(--acier2);background:#5b7e960d;border-color:#5b7e9626}.homelab-flow-wrapper{scrollbar-width:thin;scrollbar-color:var(--cuivre) #f3ede30d;align-items:center;padding:20px 0 40px;display:flex;overflow-x:auto}.homelab-flow-wrapper::-webkit-scrollbar{height:6px}.homelab-flow-wrapper::-webkit-scrollbar-track{background:#f3ede30d;border-radius:8px}.homelab-flow-wrapper::-webkit-scrollbar-thumb{background:var(--cuivre);border-radius:8px}.flow-node{background:var(--noir);border:1px solid var(--border-d);flex-shrink:0;min-width:220px;padding:24px;transition:border-color .3s;position:relative}.flow-node:hover{border-color:#c4783a4d}.flow-node:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.flow-node.layer-net:before{background:var(--noir3)}.flow-node.layer-gw:before{background:var(--acier3)}.flow-node.layer-hw:before{background:var(--acier)}.flow-node.layer-k8s:before{background:var(--cuivre3)}.flow-node.layer-gitops:before{background:var(--cuivre)}.flow-arrow{flex-shrink:0;align-items:center;width:60px;height:24px;margin:0 16px;display:flex}.animated-traffic{stroke-dasharray:6 6;animation:1s linear infinite traffic-flow}@keyframes traffic-flow{0%{stroke-dashoffset:12px}to{stroke-dashoffset:0}}.gitops-badge{background:var(--cuivre);color:var(--noir);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:9px;font-weight:600;position:absolute;top:-12px;right:-12px}.about-section{background:var(--noir2)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact-list{flex-direction:column;gap:0;list-style:none;display:flex}.contact-item{border-bottom:1px solid var(--border-d);font-family:var(--mono);letter-spacing:.15em;justify-content:space-between;align-items:center;padding:20px 0;font-size:11px;display:flex}.contact-item:first-child{border-top:1px solid var(--border-d)}.contact-key{color:var(--creme3);opacity:.5;text-transform:uppercase}.contact-val{color:var(--cuivre)}footer{padding:0}.foot{border-top:1px solid var(--border-d);justify-content:space-between;align-items:center;padding:56px 0;display:flex}.foot-brand{align-items:center;gap:12px;display:flex}.foot-wordmark{font-family:var(--display-font);letter-spacing:.15em;text-transform:uppercase;color:var(--creme);font-size:16px;font-weight:600}.foot-copy{font-family:var(--mono);letter-spacing:.15em;color:var(--creme3);opacity:.35;font-size:9px}@media (width<=900px){.container{padding:0 24px}.nav{padding:20px 24px}.hero{grid-template-columns:1fr;min-height:auto;padding:120px 24px 60px}.hero-left{padding-left:0}.hero-right{height:300px}.hero-stats{flex-wrap:wrap;gap:24px;margin-top:40px;position:relative;bottom:auto;right:auto}section{padding:64px 0}.projects-grid,.about-grid,.matrix-grid{grid-template-columns:1fr}.proj-card--full{grid-column:auto}.proj-split-layout{grid-template-columns:1fr;gap:32px}.hl-layers{grid-template-columns:1fr 1fr}.timeline:before{left:140px}.timeline-item{grid-template-columns:140px 1fr}.nav-links{display:none}.lang-switch{border-left:none;margin-left:auto}.pipeline-step{flex:0 0 280px}}