:root{--ink:#101b26;--muted:#54616b;--paper:#f6f7f2;--line:#d8ddd5;--lime:#c7f36b;--white:#fff;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary,input{-webkit-tap-highlight-color:transparent}a:hover{text-decoration:underline;text-underline-offset:5px}:focus-visible{outline:3px solid #548a20;outline-offset:5px}button,summary{cursor:pointer}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;padding:12px;background:var(--lime);z-index:10}.skip:focus{top:10px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-size:34px;font-weight:800;letter-spacing:-3px;line-height:1}.brand span{color:#6b8e32}.header nav{display:flex;gap:36px;align-items:center;font-size:14px;font-weight:550}.nav-contact{border:1px solid var(--ink);border-radius:4px;padding:9px 16px}.hero{background:var(--ink);color:var(--paper);padding:77px 5.5% 65px;display:grid;grid-template-columns:1.15fr 1fr;gap:5%;align-items:center}.eyebrow{font:11px var(--mono);letter-spacing:1.6px;line-height:1.8;text-transform:uppercase}.hero .eyebrow{color:var(--lime);margin-bottom:28px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:9px}.hero h1{font-size:clamp(43px,5.3vw,80px);line-height:1.04;letter-spacing:-3.8px;font-weight:550;margin:0 0 28px}em{font-style:normal;color:var(--lime)}.hero-lead{max-width:520px;font-size:18px;line-height:1.65}.hero-description{color:#b8c3ca;max-width:500px;font-size:14px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--lime);color:var(--ink);padding:14px 20px;font-size:14px;font-weight:600;border-radius:3px}.text-link{font-size:14px}.location{margin:34px 0 0;color:#9eafb9;font:11px var(--mono)}.location span{padding:0 12px}.hero-visual{border:1px solid #3c4851;border-radius:7px;background:#15222d;overflow:hidden}.hero-visual svg{width:100%;display:block}.visual-caption,.visual-footer{display:flex;justify-content:space-between;padding:17px 20px;font:9px var(--mono);letter-spacing:1px;color:#c1cbd0}.visual-caption{border-bottom:1px solid #3c4851}.visual-footer{border-top:1px solid #3c4851;color:#afbdc6;font-size:8px}.topic-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:23px 5.5%;background:#e9eddf;border-bottom:1px solid var(--line);font:12px var(--mono)}.topic-strip span:before{content:'↗';margin-right:13px;color:#5c743c}.section{padding:86px 5.5%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:35px}.section-heading>p{max-width:380px;color:var(--muted);font-size:15px;margin-bottom:4px}h2{font-size:clamp(33px,3.6vw,53px);font-weight:500;letter-spacing:-1.9px;line-height:1.12;margin:17px 0 0}h3{font-weight:550;line-height:1.3}p{margin:12px 0}.editorial-note{display:flex;align-items:center;gap:16px;padding:17px 20px;background:#eaf0e2;border:1px solid #d7e1cc;font-size:12px;border-radius:4px;margin:30px 0}.editorial-note p{margin:0;flex:1}.editorial-note a{white-space:nowrap}.note-symbol{border:1px solid #738364;border-radius:50%;width:23px;height:23px;text-align:center;flex-shrink:0}.controls{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:36px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:9px 12px;border-radius:4px;font-size:12px;color:var(--ink)}.filter:hover{background:#e8eddf}.filter.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.filter span{margin-left:7px;color:var(--lime)}.search span{display:block;font-size:11px;margin-bottom:5px;color:var(--muted)}.search input{width:215px;border:1px solid var(--line);background:transparent;border-radius:4px;padding:9px 12px;font-size:12px;color:var(--ink)}.count{font:11px var(--mono);color:var(--muted);margin:18px 0}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.project{background:#fff;border:1px solid var(--line);border-radius:5px;padding:26px;min-width:0}.project-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.serial{font:12px var(--mono);color:#7d8a74}.project-top .eyebrow{font-size:9px;letter-spacing:.7px}.year{margin-left:auto;font:10px var(--mono);color:var(--muted)}.project h3{font-size:24px;letter-spacing:-.6px;max-width:420px;margin:25px 0 12px}.project-intro{color:var(--muted);font-size:14px;min-height:45px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 25px}.tags span{font:10px var(--mono);padding:5px 8px;border:1px solid #dce2d6;border-radius:3px;background:#f6f8f1}details{border-top:1px solid var(--line)}summary{font-size:13px;font-weight:600;padding:16px 0 0;list-style:none;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary span{font-size:19px;line-height:1}details[open]>summary span{transform:rotate(90deg)}.project:has(details[open]){grid-column:1/-1;background:#fff}.case-body{padding-top:20px;font-size:14px;line-height:1.75}.case-body h4{font-size:12px;letter-spacing:.4px;text-transform:uppercase;margin:20px 0 8px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.case-body ul{padding-left:20px;margin-top:8px}.case-body li{padding:3px 0}.case-body p,.case-body li{color:#42515a}.note{font-size:12px!important;color:var(--muted)}.flow{list-style:none;padding:0;display:flex;gap:10px;margin:22px 0;flex-wrap:wrap;counter-reset:flow}.flow li{flex:1;min-width:145px;padding:15px;background:#edf3e6;border:1px solid #d8e2cc;border-radius:4px;font-size:12px;counter-increment:flow}.flow li:before{content:'0' counter(flow) ' / ';display:block;font:10px var(--mono);color:#5b733e;margin-bottom:8px}.source{font:11px var(--mono);color:#626e74!important;border-top:1px solid var(--line);padding-top:18px}.permalink{font-size:12px}.experience-section{background:#eaece5}.timeline-row{display:grid;grid-template-columns:140px 1fr 1fr 30px;gap:25px;padding:25px 0;border-top:1px solid #cdd4c8;align-items:start}.timeline-row h3{margin:0;font-size:21px}.timeline-row p{font-size:13px;color:var(--muted);margin:6px 0}.period{font:11px var(--mono);padding-top:5px}.timeline-row>a{font-size:24px}.education{border-top:1px solid #cdd4c8;display:grid;grid-template-columns:140px 1fr;gap:25px;padding-top:30px;margin-top:10px}.education h3{margin:0;font-size:19px}.education p{font-size:14px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:45px}.skills-grid>div{padding:25px 24px;border-right:1px solid var(--line)}.skills-grid>div:first-child{padding-left:0}.skills-grid>div:last-child{border:0}.skill-num{font:12px var(--mono);color:#657e41}.skills-grid h3{font-size:17px;margin:25px 0 15px}.skills-grid p{font-size:14px}.method-section{background:#e9ede2;display:grid;grid-template-columns:1fr 1.25fr;gap:9%}.method-section>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:370px;margin-top:25px}.method-content>h3{margin:0 0 20px;font-size:18px}.metric-row{display:grid;grid-template-columns:120px 1fr;gap:20px;border-top:1px solid #ccd5c3;padding:18px 0}.metric-row strong{font-size:26px;font-weight:500;letter-spacing:-1px}.metric-row p{font-size:13px;margin:0;color:var(--muted)}.method-content details p{font-size:13px}.contact{background:var(--ink);color:var(--paper)}.contact h2{font-size:clamp(40px,5.7vw,82px);letter-spacing:-3px}.contact .eyebrow{color:var(--lime)}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #43505a;margin-top:45px;padding-top:27px}.email{font-size:clamp(17px,2.5vw,32px);letter-spacing:-.5px}.email span{color:var(--lime);margin-left:15px}footer{display:flex;align-items:center;gap:30px;padding:28px 5.5%;font-size:11px;color:var(--muted)}footer p{margin-right:auto}footer .brand{color:var(--ink)}
@media(min-width:1550px){.hero,.section,.header,.topic-strip,footer{padding-left:max(5.5%,calc((100vw - 1390px)/2));padding-right:max(5.5%,calc((100vw - 1390px)/2))}}
@media(max-width:1000px){.hero{gap:30px}.hero h1{letter-spacing:-2px}.hero-visual{align-self:center}.controls{align-items:stretch;flex-direction:column}.search input{width:100%}.skills-grid{grid-template-columns:1fr 1fr;gap:25px}.skills-grid>div:nth-child(3){padding-left:0}.skills-grid>div:nth-child(2){border:0}.timeline-row{grid-template-columns:110px 1fr 1fr 20px;gap:15px}.project-top .year{margin-left:0}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:auto;min-height:77px;padding:18px 6%;gap:20px}.header nav{gap:15px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}.nav-contact{padding:4px 8px}.hero{grid-template-columns:1fr;padding:48px 6%;gap:40px}.hero h1{font-size:clamp(40px,9.6vw,65px);letter-spacing:-2.2px}.hero-lead{font-size:17px}.hero-visual{max-width:480px;width:100%;margin:auto}.hero-visual svg{max-height:360px}.hero-actions{gap:20px;flex-wrap:wrap}.location{font-size:10px}.topic-strip{padding:20px 6%;font-size:10px;justify-content:flex-start;gap:15px 25px}.section{padding:55px 6%}.section-heading{display:block}.section-heading>p{margin-top:22px;max-width:none}.editorial-note{align-items:flex-start;flex-wrap:wrap;padding:16px}.editorial-note a{margin-left:39px}.projects{grid-template-columns:1fr}.project{padding:22px}.project h3{font-size:23px}.case-grid{grid-template-columns:1fr;gap:0}.flow{flex-direction:column}.timeline-row{grid-template-columns:1fr 28px;gap:8px}.timeline-row .period{grid-column:1/-1}.timeline-row>p{grid-column:1;grid-row:3}.timeline-row>a{grid-column:2;grid-row:2}.education{grid-template-columns:1fr;gap:15px}.skills-grid{gap:20px}.skills-grid>div{padding:20px 14px}.skills-grid h3{font-size:16px}.method-section{grid-template-columns:1fr;gap:35px}.metric-row{grid-template-columns:100px 1fr;gap:15px}.contact h2{letter-spacing:-1.8px}.contact-bottom{align-items:flex-start;flex-direction:column}.email{font-size:clamp(16px,5vw,24px)}footer{flex-wrap:wrap;gap:20px;padding:25px 6%}footer p{width:calc(100% - 70px);margin:0}.hero .eyebrow{font-size:9px}.visual-caption,.visual-footer{padding:14px}.project-intro{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.header,.hero-visual,.controls,.hero-actions,.topic-strip,footer,.contact{display:none!important}body{background:white;color:black;font-size:10pt}.hero{display:block;background:white;color:black;padding:15px 0}.hero h1{font-size:30pt}.hero em{color:black}.hero p,.hero .eyebrow{color:black}.section{padding:20px 0}.projects,.case-grid,.method-section,.skills-grid{display:block}.project{break-inside:avoid;margin:15px 0}.project:has(details[open]){break-inside:auto}.section-heading{display:block}h2{font-size:24pt}.project-intro{min-height:0}.skills-grid>div{border:0;padding:10px 0}.permalink{display:none}}

/* Illustrations documentaires */
.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin:28px 0}.project-figure{margin:0;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#f6f7f2}.project-figure>a{display:flex;justify-content:center;align-items:center;background:#eef0e9;padding:12px;min-height:180px}.project-figure img{display:block;max-width:100%;width:auto;max-height:520px;height:auto;object-fit:contain}.project-figure figcaption{padding:14px 16px;font-size:12px;color:var(--muted)}.project-figure figcaption a{text-decoration:underline}.contact-links{display:flex;gap:24px;flex-wrap:wrap}.availability{color:#c2ced5;margin-top:26px}.contact-bottom{flex-wrap:wrap}.flow li{min-width:160px}

/* Toute la carte fermée active le contrôle natif details/summary. */
.project{position:relative}
.project details:not([open])>summary::after{content:"";position:absolute;inset:0;z-index:1;border-radius:5px;cursor:pointer}
.project:has(details:not([open])):hover{border-color:#81965f}
.project:has(summary:focus-visible){outline:3px solid #548a20;outline-offset:4px}
@media print{.project details>summary::after{display:none}}