:root{--ink:#153a37;--muted:#536863;--paper:#f6f5ef;--accent:#d5eb79;--line:#d5dcd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #367c62;outline-offset:6px}header,main,footer{max-width:1280px;margin:auto}header{padding:30px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:750;letter-spacing:-2px;display:flex;align-items:center;gap:16px}.brand span{font-size:14px;font-weight:500;letter-spacing:0}nav{display:flex;gap:30px;font-size:14px}.nav-contact{font-weight:650}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:100px 48px 90px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 26px}h1{font-size:clamp(40px,4.5vw,62px);letter-spacing:-2.8px;line-height:1.12;font-weight:550;margin:0 0 28px}h1 em{font-family:Georgia,serif;font-weight:400}p{color:var(--muted)}.lead{max-width:580px;font-size:17px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:var(--ink);color:white;padding:15px 23px;border-radius:4px;font-size:14px;font-weight:600}.button:hover{background:#265b51}.text-link{font-size:13px;border-bottom:1px solid var(--line)}.location{font-size:12px;margin-top:35px}.hero-note{background:var(--accent);min-height:390px;padding:28px;transform:rotate(2deg);display:flex;flex-direction:column;justify-content:space-between;position:relative;border-radius:3px}.note-top,.note-bottom{font-size:10px;letter-spacing:1.3px}.hero-note p{color:var(--ink);font-family:Georgia,serif;font-size:27px;line-height:1.3;margin:10px 0 24px}.orbit{border:1px solid #153a3740;border-radius:50%;width:215px;height:160px;margin:25px auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;transform:rotate(-12deg)}.orbit b{font-size:22px}.orbit span{font-size:12px}.expertise{padding:40px 48px 80px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.columns article{border-top:1px solid var(--line);padding-top:18px}.number{font-size:12px}.columns h2{font-size:24px;margin:18px 0 8px}.columns p{font-size:14px;margin:0}.project{background:var(--ink);color:var(--paper);padding:50px 48px 65px;border-radius:8px}.section-head{display:flex;justify-content:space-between;gap:20px}.section-head span{font-size:11px;letter-spacing:1px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}h2{font-size:36px;line-height:1.22;letter-spacing:-1px;font-weight:500}.project h2{font-size:40px}.project p{color:#ccd7cc;font-size:14px}.project .project-intro{font-size:18px}details{margin-top:30px;border-top:1px solid #ffffff35;padding-top:18px}summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between}.project-visual{border:1px solid #ffffff40;padding:30px}.big-stat{font-family:Georgia,serif;font-size:88px;color:var(--accent);line-height:1}.big-stat span{font-family:Segoe UI,Arial,sans-serif;display:block;font-size:14px;color:white;margin-top:10px}.small-label{letter-spacing:1.5px;font-size:10px!important;margin-top:35px}.axes{padding-left:25px;margin:0}.axes li{padding:6px 0;border-bottom:1px solid #ffffff22;font-size:14px}.visual-foot{font-size:11px!important;margin-bottom:0}.journey{padding:100px 48px 60px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.journey h2{margin-top:0}.journey p{font-size:14px}.timeline article{padding:0 0 25px 24px;border-left:1px solid var(--line);position:relative}.timeline article:before{content:'';position:absolute;width:7px;height:7px;background:var(--ink);border-radius:50%;left:-4px;top:8px}.timeline span{font-size:10px;letter-spacing:1px}.timeline h3{font-size:18px;font-weight:600;margin:8px 0}.timeline p{margin:0}.tools{padding:20px 48px 70px}.tools>div{display:flex;flex-wrap:wrap;gap:12px}.tools span{border:1px solid var(--line);padding:8px 18px;border-radius:30px;font-size:13px}.contact{margin:0 0 40px;padding:70px 48px;background:#e9eddf;text-align:center;border-radius:8px}.contact h2{font-size:44px;margin:0 0 20px}.contact>p:not(.eyebrow){max-width:560px;margin:20px auto}.contact .email{display:block;font-size:14px;margin-top:25px;text-decoration:underline}.booking-status{font-size:12px}footer{display:flex;justify-content:space-between;padding:20px 48px 35px;font-size:12px;color:var(--muted)}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:10}@media(max-width:850px){header{padding:22px}.brand span{display:none}nav{gap:18px}.hero{grid-template-columns:1fr;padding:60px 24px;gap:40px}.hero-note{min-height:300px;max-width:450px;width:100%;justify-self:center}.columns{grid-template-columns:1fr;gap:25px}.expertise{padding:20px 24px 50px}.project{margin:0 12px;padding:35px 24px}.project-grid,.journey{grid-template-columns:1fr;gap:35px}.project h2{font-size:32px}.section-head{flex-wrap:wrap;gap:0}.project-visual{margin-top:10px}.journey{padding:60px 24px 30px}.tools{padding:20px 24px 50px}.contact{margin:0 12px 20px;padding:50px 24px}.contact h2{font-size:32px}footer{padding:20px 24px}h1{letter-spacing:-1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Thème demandé par Quentin : inspiré du CV de base, 29 octobre 2026. */
:root{--ink:#243e66;--muted:#495b73;--paper:#edf0f5;--accent:#c6f3ff;--line:#c9d3e1}
body{background:linear-gradient(120deg,#eef1f6ef,#e4eaf3ed),url('theme-cv.svg') center top/1200px auto fixed}
header{border-color:#b7c6db}.brand{color:#36598d}
h1,h2,h3{font-family:'Arial Narrow','Segoe UI',Arial,sans-serif}h1{font-weight:750}h1 em{font-family:inherit;font-style:normal;font-weight:400;color:#486b9c}
.hero-note{background:linear-gradient(150deg,#294b7d66,#456795b3),url('theme-cv.svg') center/cover;color:white;transform:none;border-radius:150px 150px 24px 24px;min-height:420px;border:1px solid #d4f7ff;box-shadow:0 20px 50px #2348751a}
.hero-note p{color:white;font-family:inherit;font-weight:500;font-size:27px}.note-top{text-align:center;margin-top:12px}.note-bottom{color:#d2edff}.orbit{border-color:#bdf2ff99;background:#31517c60;box-shadow:0 0 30px #a4eaff20}.orbit b{color:white}.hero-note .orbit{transform:none}
.button{background:#48689a}.button:hover{background:#2c4f81}.columns article{border-top:2px solid #6585b0}.columns .number{color:#5277aa}
.project{background:linear-gradient(110deg,#294973f5,#3d6094ed),url('theme-cv.svg') center/cover;color:white;border-radius:30px}.project p{color:#e3ecf7}.project-visual{background:#18375655;border-color:#b9eaff66;border-radius:16px}.big-stat{color:#c3f1ff}.axes li{border-color:#c4eaff40}
.contact{background:linear-gradient(120deg,#dae4f2ed,#e8f0f8f2),url('theme-cv.svg') center/cover;border:1px solid #c1d2e6;border-radius:24px}.tools span{background:#f7faff80}.timeline article:before{background:#5275a5}.email{color:#2a517e}
@media(max-width:850px){.hero-note{min-height:360px}.project{border-radius:20px}}

.tools .tool-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tool-groups article{padding:24px;border:1px solid var(--line);border-radius:14px;background:#f7faff80}.tool-groups h3{margin:0 0 8px;font-size:19px;font-weight:600}.tool-groups p{font-size:14px;margin:0 0 18px}.tool-tags{display:flex;flex-wrap:wrap;gap:10px}.tools .tool-tags span{background:#e2ebf7;border-color:#becde1}@media(max-width:600px){.tools .tool-groups{grid-template-columns:1fr}}
