:root{--ink:#161616;--paper:#f4f0e8;--cream:#ebe5d9;--acid:#d7ff3f;--purple:#6d55ff;--line:#16161629}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}.wrap{width:min(1180px,100% - 48px);margin:auto}.nav{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:84px;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:12px;font-weight:800;text-decoration:none;display:flex}.brand span{background:var(--ink);color:#fff;border-radius:50%;padding:8px 7px;font-family:DM Mono}.section-nav{z-index:100;-webkit-backdrop-filter:blur(18px)saturate(140%);background:#f4f0e894;border:1px solid #ffffff6b;border-radius:999px;justify-content:center;align-items:center;gap:36px;width:min(700px,92%);padding:14px 28px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #1616161f,0 0 24px #f4f0e859,inset 0 1px #ffffff80}.section-nav a{color:var(--ink);align-items:center;font-size:14px;text-decoration:none;transition:opacity .18s;display:flex;position:relative}.section-nav a:hover{opacity:.55}.nav-dot{opacity:0;background:0 0;border-radius:50%;width:7px;height:7px;transition:background-color .18s,box-shadow .18s,opacity .18s,transform .18s;position:absolute;top:50%;left:-18px;transform:translateY(-50%)scale(0)}.section-nav a.active .nav-dot{opacity:1;background:#55c26e;transform:translateY(-50%)scale(1);box-shadow:0 0 0 4px #55c26e29}.nav a{color:inherit;font-size:16px;text-decoration:none}.navlinks a:hover{opacity:.55}.nav-cta{border-bottom:1px solid;gap:18px;padding:8px 0;display:flex}.hero{min-height:780px;padding-top:82px;position:relative;overflow:hidden}.availability{border:1px solid var(--line);border-radius:30px;align-items:center;gap:8px;padding:9px 14px;font-family:DM Mono;font-size:11px;display:flex;position:absolute;top:38px;right:0}.availability i{background:#55c26e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #55c26e26}.eyebrow{letter-spacing:.18em;margin:0 0 22px;font:500 20px DM Mono}.hero h1,.section h2,.footer-top h2,.education h2{letter-spacing:-.07em;margin:0;font-size:clamp(55px,8.3vw,112px);font-weight:700;line-height:.88}.hero h1 em,.section h2 em,.footer-top h2 em,.education h2 em{color:var(--purple);font-family:Playfair Display;font-weight:600}.hero-bottom{align-items:flex-start;gap:45px;margin-top:48px;display:flex}.hero-bottom>p{width:410px;margin:0;font-size:17px;line-height:1.65}.hero-actions{gap:12px;display:flex}.button{border:1px solid var(--ink);color:inherit;gap:28px;padding:15px 20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{background:var(--ink);color:#fff}.button:hover{transform:translateY(-2px)}.hero-art{height:305px;margin-top:26px;position:relative}.orbit{border:1px solid #16161621;border-radius:50%;position:absolute;top:46%;left:48%;transform:translate(-50%,-50%)}.orbit-one{width:720px;height:220px;transform:translate(-50%,-50%)rotate(-7deg)}.orbit-two{width:510px;height:280px;transform:translate(-50%,-50%)rotate(11deg)}.orbit-three{width:890px;height:190px;transform:translate(-50%,-50%)rotate(5deg)}.terminal{color:#fff;background:#202021;border-radius:10px;width:410px;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)rotate(-2deg);box-shadow:0 22px 60px #00000038}.terminal-top{border-bottom:1px solid #3b3b3b;align-items:center;gap:6px;height:38px;padding:0 12px;display:flex}.terminal-top b{background:#ff6b67;border-radius:50%;width:8px;height:8px}.terminal-top b:nth-child(2){background:#ffd25d}.terminal-top b:nth-child(3){background:#62d77a}.terminal-top span{color:#8f8f8f;margin-left:8px;font:10px DM Mono}.terminal code{padding:24px 30px;font-family:DM Mono;font-size:12px;line-height:2;display:block}.terminal code span{color:var(--acid)}.terminal code i{color:#a8a8a8;font-style:normal}.cursor{animation:1s infinite blink}.sticker{background:var(--purple);border:1px solid;padding:10px 14px;font:700 11px DM Mono;position:absolute;transform:rotate(-8deg)}.sticker-one{top:46%;left:13%}.sticker-two{background:#ff7aa8;top:17%;right:17%;transform:rotate(7deg)}.sticker-three{background:#8bd6ff;bottom:10%;right:8%;transform:rotate(-4deg)}.ticker{background:var(--purple);border-block:1px solid;overflow:hidden}.ticker div{letter-spacing:.1em;white-space:nowrap;width:max-content;padding:13px;font:500 12px DM Mono;animation:25s linear infinite marquee}.section{padding-block:130px}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:65px;display:flex}.section-head h2,.education h2{font-size:clamp(45px,6.5vw,83px)}.section-head>p{color:#5e5b55;max-width:360px;line-height:1.7}.skill-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.skill{border:1px solid var(--line);flex-direction:column;min-height:320px;padding:22px;transition:all .2s;display:flex}.skill:hover{box-shadow:8px 8px 0 var(--ink);transform:translateY(-6px)}.skill>span{font:11px DM Mono}.skill-icon{margin:auto}.icon{border:1px solid;border-radius:50%;place-items:center;width:95px;height:95px;font-size:48px;display:grid}.skill h3{margin:0 0 8px;font-size:18px}.skill p{margin:0;font:11px/1.6 DM Mono}.skill.blue{background:#bddff6}.skill.yellow{background:#f2dc7b}.skill.pink{background:#e8b8dc}.skill.green{background:#b9ddb4}.dark{background:var(--ink);color:#f7f3ea}.section-head.light>p{color:#aaa}.section-head.light em{color:var(--acid)}.timeline{border-top:1px solid #444}.experience{border-bottom:1px solid #444;grid-template-columns:80px 180px 1fr;gap:25px;padding:45px 0;display:grid}.experience-featured{background:linear-gradient(110deg,#d7ff3f12,#6d55ff21,#d7ff3f12) 0 0/220% 100%;border:1px solid #d7ff3fb3;border-radius:18px;margin:18px 0;padding:45px 24px;animation:2.4s ease-in-out infinite stage-highlight;position:relative;overflow:hidden}.experience-featured:before{content:"STAGE RECHERCHÉ";background:var(--acid);color:var(--ink);letter-spacing:.12em;border-radius:999px;padding:7px 10px;font:500 9px DM Mono;position:absolute;top:18px;right:20px}.experience-featured h3{color:var(--acid)}.experience-featured .exp-number,.experience-featured .exp-date{color:#f7f3ea}.exp-number{color:#aaa;font-size:27px}.exp-date{color:#aaa;font:27px DM Mono}.experience h3{margin:0 0 5px;font-size:27px}.experience h4{color:var(--acid);margin:0 0 18px;font-size:13px}.experience p{color:#b9b9b9;max-width:650px;line-height:1.65}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{border:1px solid #555;border-radius:20px;padding:7px 10px;font:10px DM Mono}.project-label{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:16px;display:flex}.project-label span{font:11px DM Mono}.project{grid-template-columns:1fr 1fr;min-height:610px;display:grid}.project-copy{padding:70px 60px 30px 0}.project-year{font:11px DM Mono}.project-copy h2{letter-spacing:-.08em;margin:45px 0;font-size:clamp(70px,9vw,125px);line-height:.78}.project-copy h2 span{color:var(--purple)}.project-copy p{color:#5e5b55;max-width:480px;line-height:1.7}.dark-tags span{border-color:var(--line)}.phone-scene{background:#9d91ff;place-items:center;display:grid;position:relative;overflow:hidden}.blob{background:var(--acid);border-radius:50%;width:480px;height:480px;position:absolute}.phone{z-index:1;background:#111;border-radius:36px;width:245px;height:495px;padding:9px;transform:rotate(5deg);box-shadow:20px 30px 60px #00000040}.phone-screen{background:#f5f1e9;border-radius:29px;height:100%;padding:45px 18px 20px}.notch{z-index:2;background:#111;border-radius:12px;width:85px;height:19px;position:absolute;top:13px;left:80px}.phone-screen small{font:8px DM Mono}.phone-screen h3{margin:16px 0 40px;font-size:28px;line-height:1}.progress{background:#fff;border-radius:12px;padding:14px;font-size:10px}.progress span{float:right}.progress i{background:#ddd;border-radius:5px;height:5px;margin-top:10px;display:block}.progress em{background:var(--purple);border-radius:5px;width:68%;height:100%;display:block}.lesson{background:#d7ff3f;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:14px;font-size:12px;display:flex}.lesson small{margin-top:5px;display:block}.phone button{color:#fff;background:#161616;border:0;border-radius:9px;width:100%;margin-top:90px;padding:14px}.bubble{z-index:2;background:#fff;border:1px solid;border-radius:50%;place-items:center;width:55px;height:55px;font:700 14px DM Mono;display:grid;position:absolute;box-shadow:4px 5px #111}.b1{top:18%;left:12%;transform:rotate(-9deg)}.b2{background:#ff8ab3;top:28%;right:12%}.b3{background:#8bd6ff;bottom:13%;left:16%}.education{background:#ded8ca;padding:120px 0}.education-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.degrees article{border-top:1px solid var(--line);padding:30px 0}.degrees span{font:11px DM Mono}.degrees h3{margin:14px 0 8px;font-size:22px}.degrees p{color:#5e5b55;line-height:1.6}.degrees article:last-child{border-bottom:1px solid var(--line)}footer{background:var(--acid);padding:110px 0 35px}.footer-top{position:relative}.footer-top h2{font-size:clamp(55px,8vw,105px)}.footer-top h2 em{color:var(--purple)}.round-link{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:95px;height:95px;font-size:35px;text-decoration:none;transition:all .2s;display:grid;position:absolute;bottom:0;right:0}.round-link:hover{transform:rotate(45deg)}.footer-links{border-block:1px solid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;margin-top:80px;padding:25px 0;display:grid}.footer-links a,.footer-links span{color:inherit;font:11px DM Mono;text-decoration:none}.footer-bottom{justify-content:space-between;padding-top:28px;font:9px DM Mono;display:flex}.footer-bottom a{color:inherit}@keyframes blink{50%{opacity:0}}@keyframes marquee{to{transform:translate(-30%)}}@keyframes stage-highlight{0%,to{background-position:0%;border-color:#d7ff3f6b;box-shadow:0 0 #d7ff3f00}50%{background-position:100%;border-color:#d7ff3f;box-shadow:0 0 26px #d7ff3f33,inset 0 0 22px #6d55ff1f}}@media (prefers-reduced-motion:reduce){.experience-featured{animation:none}}@media (max-width:800px){.wrap{width:min(100% - 28px,1180px)}.section-nav{justify-content:space-between;gap:0;width:calc(100% - 28px);padding:14px 28px;top:auto;bottom:16px}.section-nav a{justify-content:center;font-size:12px}.nav-dot{top:-8px;left:50%;transform:translate(-50%)scale(0)}.section-nav a.active .nav-dot{transform:translate(-50%)scale(1)}.nav{height:70px}.hero{min-height:780px;padding-top:75px}.availability{top:18px}.hero h1{font-size:54px}.hero-bottom{display:block}.hero-bottom>p{width:auto}.hero-actions{flex-wrap:wrap;margin-top:25px}.hero-art{margin-top:45px}.terminal{width:310px}.orbit-one{width:520px}.sticker-one{left:0}.sticker-two{right:0}.sticker-three{right:1%}.section{padding-block:85px}.section-head{display:block}.section-head>p{margin-top:25px}.skill-grid{grid-template-columns:1fr 1fr}.skill{min-height:260px}.experience{grid-template-columns:45px 1fr}.exp-date,.experience>div:last-child{grid-column:2}.project{grid-template-columns:1fr}.project-copy{padding-right:0}.phone-scene{min-height:560px}.education-grid{grid-template-columns:1fr;gap:55px}.footer-links{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{flex-wrap:wrap;gap:15px}}@media (max-width:500px){.brand{font-size:13px}.nav-cta{font-size:11px!important}.hero h1{font-size:45px}.skill-grid{grid-template-columns:1fr}.experience{gap:8px}.project-copy h2{font-size:74px}.phone-scene{margin-inline:-14px}.footer-top h2{font-size:52px}.round-link{width:70px;height:70px;margin-top:35px;position:static}.footer-links{grid-template-columns:1fr}}.analytics-consent{z-index:1000;color:#111;background:#fff;border:1px solid;border-radius:12px;width:min(420px,100% - 40px);padding:20px;font-size:14px;line-height:1.5;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 35px #0000002e}.analytics-consent p{margin:0}.analytics-consent__actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.analytics-consent button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #111;border-radius:999px;padding:9px 16px;font-weight:700}.analytics-consent button:hover,.analytics-consent button:focus-visible{background:#eee}.analytics-consent .analytics-consent__accept{color:#fff;background:#111}.analytics-consent .analytics-consent__accept:hover,.analytics-consent .analytics-consent__accept:focus-visible{background:#333}
