:root{--bg: #ffffff;--bg2: #f7f7f7;--bg3: #eeeeee;--accent: #000000;--accent2: #000000;--accent3: #000000;--text: #000000;--muted: #666666;--border: rgba(0, 0, 0, .12);--card: rgba(0, 0, 0, .025)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Syne,sans-serif;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.2rem 3rem;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid var(--border)}.nav-logo{font-family:Space Mono,monospace;font-size:.85rem;color:#000;letter-spacing:.05em}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#666;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#000}#hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:7rem 6rem 4rem;gap:4rem;position:relative;overflow:hidden}#hero:after{content:"";position:absolute;top:20%;right:0;width:40vw;height:60vh;background:radial-gradient(ellipse at center,rgba(0,0,0,.05) 0%,transparent 70%);pointer-events:none}.hero-label{font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.2em;color:#000;text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;gap:.6rem}.hero-label:before{content:"";display:block;width:2rem;height:1px;background:#000}.hero-name{font-size:clamp(2.4rem,5vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-bottom:1rem}.hero-name .tag{font-family:Space Mono,monospace;font-size:.45em;color:#000;font-weight:400}.hero-bio{font-size:1rem;line-height:1.8;color:#666;max-width:480px;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;background:#000;color:#fff;font-family:Space Mono,monospace;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-decoration:none;border:none;cursor:pointer;transition:all .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-primary:hover{background:#222;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;background:transparent;color:#000;font-family:Space Mono,monospace;font-size:.78rem;letter-spacing:.05em;text-decoration:none;border:1px solid #000;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#000;color:#fff;border-color:#000}.social-row{display:flex;gap:1.2rem}.social-row a{width:2.2rem;height:2.2rem;display:grid;place-items:center;border:1px solid var(--border);color:#666;font-size:1rem;text-decoration:none;transition:all .2s}.social-row a:hover{border-color:#000;color:#000}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.hero-img-wrap{position:relative;width:340px;height:400px}.hero-img-wrap:before{content:"";position:absolute;inset:-2px;background:#000;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.hero-img-inner{position:absolute;inset:2px;background:#eee;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-img-inner img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.avatar-placeholder{width:100%;height:100%;background:#eee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.avatar-initials{font-size:5rem;font-weight:800;color:#000}.hero-badge{position:absolute;bottom:-1rem;left:-1.5rem;background:#fff;border:1px solid #000;padding:.8rem 1.2rem;font-family:Space Mono,monospace;font-size:.7rem}.hero-badge span{color:#000}.hero-badge2{position:absolute;top:1.5rem;right:-2rem;background:#fff;border:1px solid #000;padding:.8rem 1.2rem;font-family:Space Mono,monospace;font-size:.7rem}.hero-badge2 span{color:#000}section{padding:6rem}.section-label{font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.2em;color:#000;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.section-label:before{content:"";display:block;width:2rem;height:1px;background:#000}.section-title{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;letter-spacing:-.02em;margin-bottom:3rem}#skills{background:#f7f7f7}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;border:1px solid var(--border)}.skill-cell{background:#f7f7f7;padding:1.8rem 1.5rem;border:1px solid var(--border);transition:background .2s;position:relative;overflow:hidden}.skill-cell:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#000;transform:scaleX(0);transform-origin:left;transition:transform .3s}.skill-cell:hover{background:#fff}.skill-cell:hover:after{transform:scaleX(1)}.skill-icon{font-size:1.8rem;margin-bottom:.8rem;display:block}.skill-name{font-weight:700;font-size:.9rem;margin-bottom:.3rem}.skill-level{font-family:Space Mono,monospace;font-size:.65rem;color:#666;letter-spacing:.1em}.skill-bar{margin-top:.8rem;height:2px;background:#ddd}.skill-bar-fill{height:100%;background:#000;transition:width 1s ease}#projects{background:#fff}.projects-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}.project-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.project-card{background:#fafafa;border:1px solid var(--border);overflow:hidden;transition:transform .2s,border-color .2s;position:relative}.project-card:hover{transform:translateY(-4px);border-color:#000}.project-media{aspect-ratio:16/6;background:#eee;overflow:hidden;position:relative}.project-media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:1.5rem;font-weight:500;color:#666;background:linear-gradient(135deg,#eee,#f7f7f7);letter-spacing:.1em;text-align:center}.project-body{padding:1.8rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tag-pill{font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.1em;padding:.25rem .7rem;border:1px solid var(--border);color:#666;text-transform:uppercase}.tag-pill.accent{border-color:#000;color:#000}.project-title{font-size:1.25rem;font-weight:700;margin-bottom:.6rem;display:flex;align-items:center;gap:.8rem}.project-title a{color:#000;font-size:.85rem;text-decoration:none;font-family:Space Mono,monospace;opacity:0;transition:opacity .2s}.project-card:hover .project-title a{opacity:1}.project-desc{font-size:.88rem;line-height:1.7;color:#666}#parcours{background:#f7f7f7}.parcours-bloc{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,#000,transparent)}.timeline-item{position:relative;padding:0 0 3rem 2.5rem}.timeline-dot{position:absolute;left:-2.1rem;top:.3rem;width:.8rem;height:.8rem;border:2px solid #000;background:#f7f7f7;transform:rotate(45deg)}.timeline-period{font-family:Space Mono,monospace;font-size:.68rem;color:#000;letter-spacing:.15em;margin-bottom:.5rem}.timeline-role{font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.timeline-org{font-size:.85rem;color:#666;margin-bottom:.8rem}.timeline-desc{font-size:.88rem;line-height:1.7;color:#666}#temoignages{background:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.testimonial-card{background:#fafafa;border:1px solid var(--border);padding:2rem;position:relative;transition:border-color .2s}.testimonial-card:hover{border-color:#000}.testimonial-card:before{content:'"';position:absolute;top:1rem;right:1.5rem;font-family:Space Mono,monospace;font-size:4rem;color:#eee;line-height:1}.testimonial-avatar{width:3rem;height:3rem;overflow:hidden;margin-bottom:1.2rem;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.testimonial-avatar img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.testimonial-text{font-size:.88rem;line-height:1.8;color:#666;margin-bottom:1.2rem;font-style:italic}.testimonial-author{font-size:.78rem;font-weight:700;letter-spacing:.05em}.testimonial-role{font-family:Space Mono,monospace;font-size:.65rem;color:#666;margin-top:.2rem}#contact{background:#f7f7f7;text-align:center}.contact-inner{max-width:600px;margin:0 auto}.contact-email{font-family:Space Mono,monospace;font-size:1.3rem;color:#000;text-decoration:none;border-bottom:1px solid #000;padding-bottom:.2rem;display:inline-block;margin:2rem 0;transition:color .2s}.contact-email:hover{color:#666}.contact-socials{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.contact-socials a{width:2.8rem;height:2.8rem;display:grid;place-items:center;border:1px solid var(--border);color:#666;font-size:1.1rem;text-decoration:none;transition:all .2s}.contact-socials a:hover{border-color:#000;color:#000}footer{padding:2rem 6rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-family:Space Mono,monospace;font-size:.68rem;color:#666}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor:after{content:"|";animation:blink 1s infinite;color:#000}.fade-up{animation:fadeUp .7s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.35s;opacity:0}.delay-4{animation-delay:.5s;opacity:0}.tech-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:Space Mono,monospace;font-size:.62rem;color:#666;border:1px solid var(--border);padding:.3rem .7rem;margin-bottom:2rem}.tech-badge span{color:#000}#blog{background:#f7f7f7}.blog-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}.yt-channel-link{display:inline-flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.72rem;color:#000;border:1px solid #000;padding:.5rem 1rem;text-decoration:none;transition:all .2s;letter-spacing:.05em}.yt-channel-link:hover{background:#000;color:#fff;border-color:#000}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.video-card{background:#fff;border:1px solid var(--border);overflow:hidden;transition:transform .25s,border-color .25s;cursor:pointer}.video-card:hover{transform:translateY(-5px);border-color:#000}.video-thumb{position:relative;aspect-ratio:16/9;background:#eee;overflow:hidden}.video-thumb iframe{width:100%;height:100%;border:none;display:block}.video-thumb-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;background:linear-gradient(135deg,#eee,#f7f7f7)}.play-btn{width:3.5rem;height:3.5rem;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;transition:transform .2s,background .2s}.video-card:hover .play-btn{transform:scale(1.15);background:#222}.video-body{padding:1.2rem}.video-title{font-size:.9rem;font-weight:700;margin-bottom:.4rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{font-family:Space Mono,monospace;font-size:.62rem;color:#666;display:flex;align-items:center;gap:.5rem}.video-meta .yt-dot{color:#000}.add-video-bar{margin-top:2.5rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.add-video-input{flex:1;min-width:260px;background:#fff;border:1px solid var(--border);color:#000;font-family:Space Mono,monospace;font-size:.75rem;padding:.75rem 1rem;outline:none;transition:border-color .2s}.add-video-input:focus{border-color:#000}.add-video-input::placeholder{color:#999}.add-video-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;background:#000;color:#fff;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;border:none;cursor:pointer;transition:background .2s;letter-spacing:.05em;white-space:nowrap}.add-video-btn:hover{background:#222}.add-video-hint{font-family:Space Mono,monospace;font-size:.62rem;color:#666;margin-top:.5rem}@media (max-width: 900px){nav{padding:1rem 1.5rem}.nav-links{display:none}#hero{grid-template-columns:1fr;padding:6rem 1.5rem 3rem;gap:3rem}.hero-visual{order:-1}section{padding:4rem 1.5rem}.project-grid{grid-template-columns:1fr}.project-card:first-child{grid-column:span 1}.testimonials-grid,.videos-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:1rem;padding:2rem 1.5rem}.hero-badge2{display:none}.parcours-bloc{grid-template-columns:1fr}}