:root{--bg:#080e1a;--bg-2:#0d1525;--bg-card:#111d30;--blue:#1b4fff;--blue-light:#bcd9f5;--blue-glow:#bcd9f51f;--accent:#bcd9f5;--text:#e8edf8;--text-muted:#7a90b8;--border:#bcd9f51f;--font-head:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--radius:20px;--radius-sm:12px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo:cubic-bezier(.87, 0, .13, 1);--spring:cubic-bezier(.175, .885, .32, 1.275);--transition:.5s var(--ease-out-expo)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:100%;position:relative;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.7}#root{width:100%;max-width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:opacity .5s var(--transition), transform .5s var(--transition);transform:translateY(0)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}#page-loader{z-index:99999;background:#080e1a;justify-content:center;align-items:center;transition:opacity .55s,transform .55s;display:flex;position:fixed;inset:0}#page-loader.loader-exit{opacity:0;pointer-events:none;transform:translateY(-20px)}.loader-inner{flex-direction:column;align-items:center;gap:32px;display:flex}.loader-logo{font-family:var(--font-head);color:var(--text);letter-spacing:-.04em;font-size:3.5rem;font-weight:800;animation:.9s ease-in-out infinite alternate loaderPulse}.loader-logo span{color:var(--blue-light)}@keyframes loaderPulse{0%{opacity:.4;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.loader-bar{background:#bcd9f51a;border-radius:2px;width:200px;height:2px;overflow:hidden}.loader-fill{background:linear-gradient(90deg,#1b4fff,#bcd9f5);border-radius:2px;width:0;height:100%;transition:width .1s}.highlight{color:var(--blue-light)}.section{padding:120px 6vw;position:relative}.section-tag{letter-spacing:.25em;text-transform:uppercase;color:var(--blue-light);background:var(--blue-glow);border-radius:100px;align-items:center;gap:12px;width:fit-content;margin-bottom:20px;padding:6px 16px;font-size:.72rem;font-weight:600;display:flex}.section-tag:before{content:"✶";color:var(--blue-light);opacity:.8;display:inline-block}.section-title{font-family:var(--font-head);color:var(--text);letter-spacing:-.01em;word-break:break-word;margin-bottom:32px;font-size:clamp(1.8rem,6vw,3rem);font-weight:800;line-height:1.1}#scroll-progress{background:linear-gradient(90deg, var(--blue), var(--blue-light));z-index:9999;transform-origin:0;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}#cursor{z-index:99998;pointer-events:none;position:fixed;top:0;left:0}.cursor-dot{background:var(--blue-light);border-radius:50%;width:6px;height:6px;position:fixed}.cursor-ring{border:1.5px solid #bcd9f580;border-radius:50%;width:28px;height:28px;transition:transform .1s;position:fixed}#cursor.hovering .cursor-ring{border-color:var(--blue-light)}#cursor.clicking .cursor-dot{transform:scale(2)translate(-25%,-25%)}.card-shine{pointer-events:none;border-radius:inherit;z-index:10;position:absolute;inset:0}.btn-primary{background:var(--blue);color:#fff;font-family:var(--font-body);cursor:pointer;transition:transform .4s var(--spring), background .3s, box-shadow .3s;border:none;border-radius:100px;align-items:center;gap:10px;padding:16px 36px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #1b4fff40}.btn-primary:hover{background:#2d5fff;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 36px #1b4fff59}.btn-primary:active{transform:translateY(-1px)scale(.98)}.btn-ghost{font-family:var(--font-body);border:1.5px solid var(--border);color:var(--text);transition:var(--transition);cursor:pointer;background:#bcd9f508;border-radius:100px;align-items:center;padding:16px 36px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-ghost:hover{border-color:var(--blue-light);background:#bcd9f514;transform:translateY(-4px)}.blob{filter:blur(110px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.blob-1{background:#1b4fff1a;width:550px;height:550px;animation:14s ease-in-out infinite alternate blobFloat;top:-80px;left:-150px}.blob-2{background:#bcd9f50f;width:350px;height:350px;animation:18s ease-in-out infinite alternate-reverse blobFloat;top:200px;right:-80px}@keyframes blobFloat{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(30px,25px)}}.grid-overlay{pointer-events:none;background-image:linear-gradient(#bcd9f506 1px,#0000 1px),linear-gradient(90deg,#bcd9f506 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.fade-in{opacity:0;animation:fadeUp .8s var(--transition) forwards;transform:translateY(30px)}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.delay-4{animation-delay:.6s}.delay-5{animation-delay:.8s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s var(--transition), transform .7s var(--transition);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.15s}.reveal.delay-2{transition-delay:.3s}.navbar{z-index:100;justify-content:space-between;align-items:center;padding:20px 3vw;transition:background .3s,padding .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#080e1ae6;padding:14px 3vw}.logo{font-family:var(--font-head);color:var(--text);flex-shrink:0;font-size:1.4rem;font-weight:800}.logo span{color:var(--blue-light)}.nav-links.desktop-only{align-items:center;gap:24px;display:flex}@media (width<=1100px){.nav-links.desktop-only{display:none}}.nav-links.mobile-menu a{color:var(--text);font-weight:500}.nav-links.mobile-menu a.active{color:var(--blue-light)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text);border-radius:2px;width:24px;height:2px;display:block}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:140px 6vw 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-content{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:80px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--blue-light);align-items:center;gap:12px;margin-bottom:20px;font-size:.78rem;font-weight:500;display:flex}.hero-tag:before{content:"";background:var(--blue-light);width:30px;height:1px;display:block}.hero-title{font-family:var(--font-head);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2.8rem,6vw,5rem);font-weight:800;line-height:1.1}.hero-desc{color:var(--text-muted);max-width:480px;margin-bottom:40px;font-size:1.05rem;line-height:1.8}.hero-cta{flex-wrap:wrap;gap:16px;display:flex}.hero-image{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.image-frame{width:340px;max-width:100%;height:410px;position:relative}.image-frame img{object-fit:cover;border-radius:var(--radius);z-index:1;width:100%;height:100%;position:relative}.photo-placeholder{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.image-border{border-radius:calc(var(--radius) + 8px);z-index:0;border:1px solid #bcd9f540;position:absolute;inset:-16px}.hero-badge{color:var(--text-muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.badge-dot{background:#00e676;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #00e676}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scroll-hint{z-index:1;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:16px;font-size:.75rem;display:flex;position:absolute;bottom:40px;left:6vw}.scroll-line{background:var(--blue-light);opacity:.4;width:40px;height:1px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.4;width:40px}50%{opacity:.8;width:60px}}.voir-tout{text-align:center;margin-top:56px}.cta-section{background:var(--bg-2)}.cta-box{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.projects-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1200px;margin:0 auto;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .6s var(--ease-out-expo), border-color .4s, box-shadow .6s;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;height:100%;display:flex;overflow:hidden}.project-card:hover{border-color:#bcd9f566;transform:translateY(-10px)scale(1.01);box-shadow:0 30px 80px #0006}.project-card.large{grid-column:span 2;grid-template-columns:1fr 1fr;display:grid}.project-img{flex-shrink:0;width:100%;height:260px;overflow:hidden}.project-card.large .project-img{height:100%;min-height:300px}.project-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--transition)}.project-card:hover .project-img img{transform:scale(1.04)}.img-placeholder{width:100%;height:100%;font-family:var(--font-head);color:#bcd9f559;letter-spacing:.05em;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.p1{background:linear-gradient(135deg,#0a1830 0%,#1a3a70 100%)}.p2{background:linear-gradient(135deg,#081525 0%,#0e2d5a 100%)}.p3{background:linear-gradient(135deg,#07111e 0%,#103060 100%)}.p4{background:linear-gradient(135deg,#060e1c 0%,#0c2450 100%)}.project-info{flex-direction:column;flex-grow:1;gap:12px;padding:28px 32px;display:flex}.project-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--blue-light);font-size:.72rem;font-weight:500}.project-info h3{font-family:var(--font-head);color:var(--text);font-size:1.35rem;font-weight:700}.project-info p{color:var(--text-muted);font-size:.9rem;line-height:1.7}.project-link{color:var(--blue-light);transition:var(--transition);align-items:center;gap:8px;margin-top:auto;font-size:.85rem;font-weight:600;display:inline-flex}.project-link:hover{text-shadow:0 0 15px var(--blue-light);gap:14px}.apropos-home{background:var(--bg-2)}.apropos-home-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.apropos-home-stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:32px 24px;transition:border-color .3s,transform .3s}.stat-card:hover{border-color:var(--blue-light);transform:translateY(-4px)}.stat-number{font-family:var(--font-head);color:var(--blue-light);margin-bottom:8px;font-size:2.8rem;font-weight:800;line-height:1;display:block}.stat-plus{color:var(--blue-light);font-size:1.8rem}.stat-label{color:var(--text-muted);letter-spacing:.05em;font-size:.8rem}.apropos-desc{color:var(--text-muted);margin-bottom:16px;font-size:.95rem;line-height:1.8}.contact-home{background:var(--bg)}.contact-home-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.contact-home-links,.contact-links{flex-direction:column;gap:16px;display:flex}.contact-link{color:var(--text-muted);align-items:center;gap:14px;font-size:.9rem;transition:color .3s;display:flex}.contact-link:hover{color:var(--blue-light)}.link-icon{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;color:var(--blue-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;transition:border-color .3s,background .3s;display:flex}.contact-link:hover .link-icon{border-color:var(--blue-light);background:#bcd9f514}.disponibilite{color:var(--text-muted);align-items:center;gap:10px;margin-top:24px;font-size:.85rem;display:flex}.page-hero{background:linear-gradient(to bottom, var(--bg) 0%, var(--bg-2) 100%);align-items:flex-end;min-height:50vh;padding:160px 8vw 80px;display:flex;position:relative;overflow:hidden}.page-hero-content{z-index:1;width:100%;max-width:1400px;position:relative}.page-hero-title{font-family:var(--font-head);letter-spacing:-.04em;text-transform:uppercase;background:linear-gradient(#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:100%;font-size:clamp(2.2rem,9vw,5rem);font-weight:800;line-height:1}.page-hero-desc{color:var(--text-muted);max-width:600px;margin-top:24px;font-size:1.1rem;font-weight:400}.projets-page{background:var(--bg)}.projets-categorie{max-width:1200px;margin:0 auto 40px}.projets-mini-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1200px;margin:0 auto 80px;display:grid}.cv-page{background:var(--bg)}.cv-inner{grid-template-columns:1fr 1fr;gap:120px;max-width:1200px;margin:0 auto;display:grid}.cv-section-title{margin-bottom:40px}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{grid-template-columns:20px 1fr;gap:24px;padding-bottom:48px;display:grid}.timeline-dot{background:var(--blue-light);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.timeline-dot.blue{background:var(--blue)}.timeline-item:not(:last-child) .timeline-dot{box-shadow:0 40px #bcd9f51a}.timeline-content{flex-direction:column;gap:8px;display:flex}.timeline-year{letter-spacing:.12em;text-transform:uppercase;color:var(--blue-light);font-size:.75rem;font-weight:500}.timeline-content h3{font-family:var(--font-head);color:var(--text);flex-wrap:wrap;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.timeline-lieu{color:var(--blue-light);opacity:.7;font-size:.85rem}.timeline-content p{color:var(--text-muted);font-size:.88rem;line-height:1.7}.timeline-bullets{flex-direction:column;gap:4px;padding-left:16px;list-style:outside;display:flex}.timeline-bullets li{color:var(--text-muted);font-size:.88rem}.badge-stage,.badge-civique,.badge-benevole{font-size:.65rem;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-weight:600}.badge-stage{color:var(--blue-light);background:#1b4fff26;border:1px solid #1b4fff4d}.badge-civique{color:#00e676;background:#00e6761a;border:1px solid #00e6764d}.badge-benevole{color:var(--text-muted);border:1px solid var(--border);background:#bcd9f514}.cv-download-cta{text-align:center;border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:16px;max-width:1200px;margin:80px auto 0;padding-top:60px;display:flex}.competences-page{background:var(--bg)}.comp-block{max-width:1200px;margin:0 auto}.logiciels-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.logiciel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:28px 24px;transition:border-color .3s,transform .3s;display:flex}.logiciel-card:hover{border-color:var(--blue-light);transform:translateY(-4px)}.logiciel-icon{width:48px;height:48px;font-family:var(--font-head);color:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.logiciel-card h3{font-family:var(--font-head);color:var(--text);font-size:1rem;font-weight:700}.logiciel-card p{color:var(--text-muted);font-size:.82rem}.ps{background:linear-gradient(135deg,#001e36,#31a8ff)}.ai{background:linear-gradient(135deg,#1a0033,#ff9a00)}.id{background:linear-gradient(135deg,#1a0d00,#f36)}.canva{background:linear-gradient(135deg,#003580,#00c4cc)}.pr{background:linear-gradient(135deg,#00005b,#99f)}.ae{background:linear-gradient(135deg,#00005b,#b396f5)}.an{background:linear-gradient(135deg,#1a0047,#f06)}.wp{background:linear-gradient(135deg,#036,#21759b)}.html{background:linear-gradient(135deg,#0d1225,#e34c26)}.skill-bar{background:#bcd9f51f;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--blue), var(--blue-light));border-radius:2px;height:100%;transition:width 1.1s cubic-bezier(.16,1,.3,1)}.savoir-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.savoir-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:28px 24px;transition:border-color .3s,transform .3s;display:flex}.savoir-card:hover{border-color:var(--blue-light);transform:translateY(-4px)}.savoir-icon{font-size:1.5rem}.savoir-card h3{font-family:var(--font-head);color:var(--text);font-size:1rem;font-weight:700}.savoir-card p{color:var(--text-muted);font-size:.85rem;line-height:1.6}.langues-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.langue-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:20px;padding:24px;transition:border-color .3s,transform .3s;display:flex}.langue-card:hover{border-color:var(--blue-light);transform:translateY(-4px)}.langue-flag img{object-fit:cover;border-radius:4px;width:42px;height:28px;display:block}.langue-info{flex-direction:column;flex:1;gap:8px;display:flex}.langue-info h3{font-family:var(--font-head);color:var(--text);font-size:1rem;font-weight:700}.langue-niveau{color:var(--blue-light);letter-spacing:.05em;font-size:.78rem}.contact-page{background:var(--bg)}.contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;max-width:1200px;margin:0 auto;display:grid}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:24px;padding:40px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--border);color:var(--text);font-family:var(--font-body);resize:vertical;background:#bcd9f50a;border-radius:10px;padding:14px 18px;font-size:.95rem;transition:border-color .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.5}.form-group input:focus,.form-group textarea:focus{border-color:var(--blue-light);background:#bcd9f512;outline:none}.form-success{color:#00e676;text-align:center;font-size:.9rem;display:none}.form-success.show{display:block}.projet-hero-wrap{background:#080e1a;width:100%;height:40vh;position:relative;overflow:hidden}.projet-hero-wrap img{object-fit:cover;filter:brightness(.85);width:100%;height:100%}.projet-hero-overlay{background:linear-gradient(#0000 40%,#080e1af2 100%);position:absolute;inset:0}.projet-hero-title{font-family:var(--font-head);color:#fff;letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(2.5rem,8vw,6rem);font-weight:800;line-height:.9;position:absolute;bottom:48px;left:8vw}.projet-intro{grid-template-columns:1.3fr .7fr;align-items:start;gap:80px;max-width:1400px;margin:0 auto;padding:80px 8vw;display:grid}.projet-intro-left h2{font-family:var(--font-head);color:#fff;letter-spacing:-.02em;margin-bottom:24px;font-size:2rem;font-weight:800}.projet-intro-left p{color:var(--text-muted);font-size:1.1rem;font-weight:400;line-height:1.9}.projet-intro-right{flex-direction:column;gap:20px;padding-top:8px;display:flex}.projet-meta-block{border-bottom:1px solid #bcd9f514;flex-direction:column;gap:4px;padding-bottom:16px;display:flex}.projet-meta-block:last-child{border-bottom:none;padding-bottom:0}.projet-meta-block span{letter-spacing:.15em;text-transform:uppercase;color:var(--blue-light);font-size:.72rem;font-weight:600}.projet-meta-block p{color:var(--text-muted);font-size:1rem}.projet-deliverables{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.deliverable-tag{color:var(--blue-light);background:#bcd9f50f;border:1px solid #bcd9f526;border-radius:100px;padding:8px 18px;font-size:.85rem}.projet-rapports{flex-direction:column;gap:12px;max-width:1100px;margin:0 auto;padding:0 5vw 48px;display:flex}.rapport-label{letter-spacing:.15em;text-transform:uppercase;color:var(--blue-light);margin-bottom:2px;font-size:.78rem;display:block}.rapport-card{background:var(--bg-card);border:1px solid #bcd9f526;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;transition:border-color .3s;display:flex}.rapport-card:hover{border-color:var(--blue-light)}.rapport-annee{letter-spacing:.15em;text-transform:uppercase;color:var(--blue-light);margin-bottom:8px;font-size:.72rem;font-weight:600;display:block}.rapport-info h3{font-family:var(--font-head);color:var(--text);margin-bottom:6px;font-size:1.1rem;font-weight:700}.rapport-info p{color:var(--text-muted);font-size:.88rem}.rapport-btn{background:var(--blue);color:#fff;white-space:nowrap;border-radius:100px;flex-shrink:0;align-items:center;gap:8px;padding:12px 24px;font-size:.88rem;font-weight:500;transition:background .3s,transform .3s;display:inline-flex}.rapport-btn:hover{background:#2d5fff;transform:translateY(-2px)}.mosaic-section{padding:48px 0 16px}.mosaic-header{padding:0 6vw 24px}.mosaic-title{font-family:var(--font-head);color:var(--text);margin-top:6px;font-size:1.25rem;font-weight:700}.mosaic-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:0 6vw;display:grid}.mosaic-item{background:var(--bg-card);cursor:pointer;aspect-ratio:1;border:1px solid #bcd9f51a;border-radius:10px;transition:border-color .3s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .3s;position:relative;overflow:hidden}.mosaic-item.tall{aspect-ratio:2/3}.mosaic-item.wide{aspect-ratio:16/7;grid-column:span 2}.mosaic-item:hover{z-index:2;border-color:#bcd9f566;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 36px #00000073}.mosaic-item img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s,transform .4s;display:block}.mosaic-item img.img-loaded{opacity:1}.mosaic-item:hover img{transform:scale(1.04)}.mosaic-overlay{opacity:0;pointer-events:none;background:#080e1a80;justify-content:center;align-items:center;font-size:1.5rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.mosaic-item:hover .mosaic-overlay{opacity:1}.lightbox{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#050a14fa;place-items:center;width:100vw;height:100vh;transition:opacity .3s;display:grid;position:fixed;top:0;left:0}.lightbox.active{opacity:1;pointer-events:all}.lb-img-wrap{justify-content:center;align-items:center;max-width:90vw;max-height:85vh;display:flex}.lb-img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:82vh;transition:opacity .15s;box-shadow:0 24px 80px #000000b3}.lb-btn{color:var(--text);cursor:pointer;background:#bcd9f514;border:1px solid #bcd9f533;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s,transform .2s;display:flex;position:fixed}.lb-close{border-radius:50%;width:40px;height:40px;top:24px;right:24px}.lb-prev,.lb-next{border-radius:50%;width:48px;height:48px;font-size:1.2rem;top:50%;transform:translateY(-50%)}.lb-prev{left:20px}.lb-next{right:20px}.lb-close:hover{background:#bcd9f52e}.lb-prev:hover,.lb-next:hover{background:#bcd9f526;transform:translateY(-50%)scale(1.1)}.lb-counter{color:#bcd9f580;letter-spacing:.1em;background:#080e1a99;border-radius:100px;padding:6px 16px;font-size:.78rem;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.projet-next{border-top:1px solid #bcd9f514;max-width:1200px;margin:0 auto;padding:80px 6vw}.projet-next>p{letter-spacing:.15em;text-transform:uppercase;color:var(--blue-light);margin-bottom:24px;font-size:.78rem}.projet-next-cards{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.projet-next-card{aspect-ratio:16/9;cursor:pointer;border-radius:16px;display:block;position:relative;overflow:hidden}.projet-next-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.projet-next-card:hover img{transform:scale(1.05)}.projet-next-card-info{color:#fff;font-family:var(--font-head);background:linear-gradient(#0000,#080e1ae6);padding:20px 24px;font-size:1.1rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.site-section{max-width:1200px;margin:40px auto 100px;padding:0 6vw}.site-header{margin-bottom:40px}.site-title{font-family:var(--font-head);color:#fff;margin-bottom:15px;font-size:2rem;font-weight:800}.site-desc{color:var(--text-muted);max-width:800px;margin-bottom:30px;font-size:1.05rem;line-height:1.8}.section-label{letter-spacing:.15em;text-transform:uppercase;max-width:1100px;color:var(--blue-light);align-items:center;gap:12px;margin:40px auto 0;padding:0 5vw;font-size:.78rem;display:flex}.section-label:after{content:"";background:#bcd9f51a;flex:1;height:1px}.projet-img-full{background:#080e1a;justify-content:center;align-items:center;width:100%;padding:8px 5vw;display:flex}.projet-img-full img{object-fit:contain;border-radius:16px;width:100%;max-width:1100px;height:auto;transition:transform .6s;display:block;box-shadow:0 16px 60px #0009}.projet-img-full:hover img{transform:scale(1.01)}.projet-img-grid{grid-template-columns:1fr 1fr;gap:8px;max-width:1116px;margin:0 auto;padding:0 5vw 8px;display:grid}.projet-img-grid .projet-img-full{padding:0}.projet-img-grid .projet-img-full img{border-radius:12px;max-width:100%}.projet-video-wrap{background:#080e1a;justify-content:center;width:100%;padding:8px 5vw;display:flex}.projet-video-wrap iframe{aspect-ratio:16/9;border:none;border-radius:16px;width:100%;max-width:1100px;box-shadow:0 16px 60px #0009}.marquee-wrapper{background:#0d1525;border-top:1px solid #bcd9f51f;border-bottom:1px solid #bcd9f51f;padding:18px 0;overflow:hidden}.marquee-track{gap:80px;width:max-content;animation:24s linear infinite marqueeScroll;display:flex}.marquee-item{font-family:var(--font-head);letter-spacing:.25em;text-transform:uppercase;color:#7a90b8b3;white-space:nowrap;align-items:center;gap:20px;font-size:.78rem;font-weight:600;display:flex}.marquee-item:after{content:"✶";color:var(--blue-light);font-size:.6rem}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}.footer{border-top:1px solid var(--border);background:var(--bg-2);padding:40px 6vw}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.footer-text{color:var(--text-muted);font-size:.82rem}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:.82rem;transition:color .3s}.footer-links a:hover{color:var(--blue-light)}.logo.glitch{animation:.3s steps(2,end) forwards glitch}@keyframes glitch{0%{text-shadow:none}25%{text-shadow:2px 0 var(--blue-light), -2px 0 var(--blue);clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%)}50%{text-shadow:-2px 0 var(--blue-light), 2px 0 var(--blue);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}75%{text-shadow:2px 0 var(--blue);clip-path:polygon(0 10%,100% 10%,100% 30%,0 30%)}to{text-shadow:none;clip-path:none}}.typing-cursor{background:var(--blue-light);vertical-align:middle;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scramble-char{color:var(--blue-light);opacity:.7}body.page-exit{animation:.3s forwards pageExit}body.page-loaded{animation:pageEnter .5s var(--transition) forwards}@keyframes pageExit{to{opacity:0;transform:translateY(-10px)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){:root{--section-padding:60px 6vw}.hamburger{display:flex!important}.hero-content{text-align:center!important;flex-direction:column!important;gap:32px!important;padding-top:40px!important;display:flex!important}.hero-text{order:1}.hero-image{order:2;margin:0 auto}.hero-cta-wrap{order:3;justify-content:center;width:100%;display:flex}.hero-cta{justify-content:center;width:100%}.hero-title{margin-bottom:20px!important;font-size:clamp(2.2rem,10vw,3.8rem)!important;line-height:1!important}.hero-desc{margin:0 auto 30px!important}.hero-badge{margin:15px auto 0!important}.image-frame{aspect-ratio:4/5!important;width:min(260px,75vw)!important;height:auto!important}.cv-inner,.contact-inner,.apropos-home-inner,.contact-home-inner{grid-template-columns:1fr!important;gap:60px!important}.projects-grid,.projets-mini-grid{grid-template-columns:1fr!important;gap:32px!important}.project-card.large{grid-column:span 1!important;grid-template-columns:1fr!important}.project-img,.project-card.large .project-img{height:220px!important}.page-hero{min-height:auto!important;padding:140px 6vw 60px!important}.page-hero-title{font-size:clamp(2rem,12vw,3.8rem)!important}.logiciels-grid{grid-template-columns:1fr!important;gap:16px!important}.logiciel-card{text-align:left!important;align-items:flex-start!important;padding:20px!important}.savoir-grid,.langues-grid{grid-template-columns:1fr!important;gap:16px!important}.projet-hero-title{font-size:clamp(1.8rem,10vw,3rem)!important;bottom:24px!important;left:6vw!important}.projet-intro{grid-template-columns:1fr!important;gap:40px!important;padding:40px 6vw!important}.projet-intro-right{order:-1}.mosaic-grid{grid-template-columns:1fr!important;gap:12px!important}.mosaic-item.wide,.mosaic-item.tall{grid-column:span 1!important}}@media (width<=600px){.section{padding:80px 6vw!important}.hero-cta{flex-direction:column}.btn-primary,.btn-ghost{justify-content:center;width:100%}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:20px}}