:root{--bg:#101113;--fg:#f2f0ea;--muted:#a3a39e;--accent:#d5fa5b;--line:#333537}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1540px;padding:0 5vw;margin:auto}nav{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700;letter-spacing:-1.3px}.brand span{color:var(--accent)}nav .links{display:flex;gap:35px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}nav a:hover{color:var(--accent)}.right{display:flex;gap:14px;align-items:center}.dot{width:8px;height:8px;border-radius:100%;background:var(--accent);box-shadow:0 0 12px #d5fa5b66}.availability{font-size:12px;color:#cbcfc5}.hero{min-height:660px;height:calc(100svh - 86px);max-height:990px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);padding-top:44px;position:relative;z-index:2}.intro{position:relative;z-index:2;padding-bottom:42px}.intro h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(65px,10.8vw,180px);font-weight:600;letter-spacing:-.095em;line-height:.85;margin:0 0 30px -9px}.intro h1 .outline{color:transparent;-webkit-text-stroke:1px var(--fg)}.intro h1 .asterisk{font-size:.43em;vertical-align:top;color:var(--accent);-webkit-text-stroke:0;margin-left:13px}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro-bottom p{font-size:clamp(16px,1.7vw,23px);line-height:1.45;max-width:490px;margin:0}.scroll{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;white-space:nowrap}.sculpture{position:absolute;right:3%;top:2%;width:min(60vw,850px);height:85%;z-index:1;pointer-events:none;filter:drop-shadow(0 20px 70px #a4c65a22)}.sculpture svg{width:100%;height:100%;animation:float 9s ease-in-out infinite}.sculpture:after{content:'';position:absolute;inset:10%;background:radial-gradient(ellipse,#c9fa5522,transparent 65%);z-index:-1}.ticker{background:var(--accent);color:#161915;overflow:hidden;white-space:nowrap;padding:16px 0;display:flex;font-family:'Space Grotesk';font-size:14px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.ticker span{flex:0 0 auto;animation:move 34s linear infinite}.ticker b{padding:0 30px}.section{padding-top:140px;padding-bottom:130px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:54px}.kicker{color:var(--accent);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.section h2{font:600 clamp(50px,7vw,108px)/.96 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:22px 0 0}.section-sub{color:var(--muted);max-width:275px;line-height:1.6;font-size:14px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 22px}.project{display:block}.cover{position:relative;height:clamp(275px,33vw,530px);overflow:hidden;background:#24252b;display:grid;place-items:center}.project:nth-child(2) .cover{background:#d7d5cd}.project:nth-child(3) .cover{background:#a9c3b9}.project:nth-child(4) .cover{background:#313636}.cover svg{width:78%;height:78%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project:hover .cover svg{transform:scale(1.08) rotate(-3deg)}.cover .num{position:absolute;top:24px;left:26px;font-size:12px;letter-spacing:.12em;color:#fff}.project:nth-child(2) .num,.project:nth-child(3) .num{color:#111}.placeholder{position:absolute;bottom:20px;right:22px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;background:#121414bc;color:#fff;padding:9px 12px}.project-info{display:flex;justify-content:space-between;align-items:start;gap:10px;padding-top:20px}.project-info h3{font:600 clamp(23px,2.7vw,38px) 'Space Grotesk';letter-spacing:-.045em;margin:0 0 7px}.project-info p{color:var(--muted);font-size:13px;margin:0}.arrow{width:44px;height:44px;border:1px solid #535656;border-radius:100%;display:grid;place-items:center;transition:.2s}.project:hover .arrow{background:var(--accent);color:#111;border-color:var(--accent);transform:rotate(45deg)}.about{background:#e8e7df;color:#121313;padding:120px 0}.aboutgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw}.about h2{font:600 clamp(49px,7vw,100px)/.99 'Space Grotesk';letter-spacing:-.075em;margin:20px 0}.about .kicker{color:#60751e}.about p.big{font:500 clamp(24px,3vw,40px)/1.25 'Space Grotesk';letter-spacing:-.04em;margin:8px 0 40px}.about p.small{font-size:15px;line-height:1.8;max-width:510px;color:#525451}.skills{display:flex;flex-wrap:wrap;gap:11px}.skill{border:1px solid #b5b6ad;border-radius:50px;padding:13px 18px;font-size:13px}.path{display:flex;flex-direction:column;gap:0;padding:110px 0}.path-row{display:grid;grid-template-columns:190px 1fr 2fr;padding:31px 0;border-bottom:1px solid #3b3c3c;gap:20px;align-items:center}.path-row:first-of-type{border-top:1px solid #3b3c3c}.path-row small{color:var(--muted)}.path-row strong{font:500 23px 'Space Grotesk';letter-spacing:-.03em}.path-row p{font-size:14px;color:var(--muted);line-height:1.5}.footer{padding:110px 0 35px;background:var(--accent);color:#111}.footer .mini{font-size:13px;text-transform:uppercase;letter-spacing:.14em}.footer h2{font:600 clamp(70px,13vw,190px)/.9 'Space Grotesk';letter-spacing:-.09em;margin:50px 0 70px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #839c3e;padding-top:30px;font-size:13px;gap:25px}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.js .reveal.show{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-22px) rotate(2deg)}}@keyframes move{to{transform:translateX(-50%)}}@media(max-width:800px){nav .links{gap:15px;font-size:11px}.availability{display:none}.hero{height:760px;min-height:620px}.sculpture{top:3%;right:-28%;width:110vw;height:70%;opacity:.85}.intro h1{font-size:clamp(75px,16vw,125px)}.intro-bottom{display:block}.scroll{margin-top:35px}.projects{grid-template-columns:1fr}.cover{height:72vw;max-height:520px}.aboutgrid{grid-template-columns:1fr}.path-row{grid-template-columns:1fr 2fr}.path-row p{grid-column:2}.section{padding:90px 0}.section-head{align-items:start;flex-direction:column}.footer h2{font-size:17vw}}@media(max-width:420px){nav{height:70px}nav .links{gap:12px}.brand{font-size:20px}.hero{height:690px}.intro h1{font-size:18vw;margin-left:-3px}.intro-bottom p{font-size:17px}.sculpture{top:1%;width:130vw;right:-52%}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* SEO/UX: keyboard and motion-friendly */
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.skip-link{position:absolute;left:1rem;top:-6rem;background:var(--accent);color:#111;padding:.8rem 1.2rem;z-index:9999}
.skip-link:focus{top:1rem}
@media(max-width:560px){nav .links{gap:10px;flex-wrap:wrap;justify-content:end}nav .links a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* Direction créative 02 — COLOR PLAY / 2026. Couleurs vives, composition éditoriale,
   contrastes accessibles, styles autonomes et respect de reduced-motion. */
:root {--bg:#111128;--fg:#f9f8ff;--muted:#b5b5d1;--accent:#bdff5a;--line:#3c3a60;--pink:#ff76bb;--blue:#6acbff;--purple:#a88cff;--sun:#ffe17a}
body {background:var(--bg);background-image:radial-gradient(ellipse at 92% 3%,#6847b83a 0%,transparent 31%),radial-gradient(ellipse at 5% 30%,#204c9252 0%,transparent 25%);}
.brand{letter-spacing:-1.6px}.brand span{color:var(--pink)}
nav{position:relative;z-index:7}.links a{transition:color .2s ease}.links a:hover{color:var(--pink)}
.dot{background:var(--accent);box-shadow:0 0 0 4px #bdff5a1c,0 0 17px #bdff5a88}
.hero:before{content:'✦';position:absolute;top:19%;left:5%;color:var(--sun);font-size:clamp(20px,3vw,49px);transform:rotate(10deg);opacity:.8}
.hero:after{content:'';position:absolute;right:14%;top:14%;height:55%;width:41%;border:1px solid #ffffff1c;border-radius:50%;transform:rotate(-30deg);pointer-events:none}
.eyebrow{color:#bcbbe1;letter-spacing:.13em;font-weight:700}
.orbit-label{position:absolute;right:2%;top:17%;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.17em;color:var(--blue);transform:rotate(90deg);transform-origin:right top;z-index:3}
.orbit-label span{color:var(--pink);padding:0 12px}
.intro h1{filter:drop-shadow(0 10px 40px #03020c35)}
.intro h1 .outline{-webkit-text-stroke:2px #cfc8ff;text-shadow:8px 8px 0 #783fd43d}
.intro h1 .asterisk{color:var(--pink);filter:drop-shadow(0 0 14px #ff76bb85)}
.intro-bottom strong{color:#e8d2ff}
.sculpture{filter:drop-shadow(0 20px 70px #ae77ff55)}
.sculpture:after{background:radial-gradient(ellipse,#aa78ff30,transparent 69%)}
.ticker{background:var(--sun);color:#251639;transform:rotate(-.5deg) scale(1.01);box-shadow:0 11px 0 var(--purple)}
.ticker b{color:#b349e6}
.kicker{color:var(--blue);font-weight:700}
.section-head h2{letter-spacing:-.075em}
.section-head h2 span{color:var(--pink)!important}
.projects{gap:62px 24px}
.cover{border-radius:18px;isolation:isolate;border:1px solid #ffffff1e;box-shadow:0 26px 65px #08071b55}
.project:nth-child(1) .cover{background:radial-gradient(circle at 70% 20%,#f390df 0%,#7f6ee1 34%,#302863 85%)}
.project:nth-child(2) .cover{background:radial-gradient(circle at 33% 22%,#fff5b5 0%,#ffbf9f 35%,#ff82ba 100%)}
.project:nth-child(3) .cover{background:linear-gradient(135deg,#42b7d7 0%,#8aeac2 60%,#d5ff9b 100%)}
.project:nth-child(4) .cover{background:radial-gradient(circle at 25% 15%,#a37bff 0%,#6038bd 45%,#26285a 100%)}
.project:nth-child(1) .cover svg{filter:drop-shadow(0 15px 24px #08052b77)}
.project:nth-child(2) .cover svg{filter:drop-shadow(0 22px 25px #5c245c66)}
.project:nth-child(3) .cover svg{filter:drop-shadow(0 20px 20px #15546a66)}
.project:nth-child(4) .cover svg{filter:drop-shadow(0 0 15px #ebc2ff77)}
.cover:after{content:'✳';position:absolute;top:14px;right:22px;font:700 36px 'Space Grotesk';color:#ffffffb8;pointer-events:none}
.cover .num{background:#14133090;backdrop-filter:blur(10px);padding:8px 12px;border-radius:100px;color:white!important;left:18px;top:18px}
.placeholder{right:15px;bottom:16px;border:1px solid #ffffff22;border-radius:7px;max-width:calc(100% - 30px);line-height:1.4}
.project-info h3{font-weight:700}.project-info .arrow{color:var(--sun);border-color:#8d86b5}
.project:hover .arrow{background:var(--pink);border-color:var(--pink);color:#17122a}
.about{background:#dcd7ff;color:#1f1942;position:relative;overflow:hidden}
.about:before{content:'';position:absolute;right:-160px;top:-180px;width:420px;height:420px;border-radius:50%;border:80px solid #b1a2ff55;pointer-events:none}
.about .kicker{color:#6348b2}.about p.small{color:#524c71}
.skill{border:1px solid #7867b9;background:#ffffff60;color:#35265c;font-weight:600}
.skill:nth-child(2n){background:#c2fbfa}.skill:nth-child(3n){background:#fff0ac}
.path-row{transition:background .2s ease,padding .2s ease}.path-row:hover{background:#ffffff09;padding-left:14px;padding-right:14px}
.path-row strong{color:#ece5ff}.path-row small{color:#9ccdfc}
.footer{background:linear-gradient(115deg,#b9ff6b 0%,#79e8db 48%,#99a4ff 100%);color:#19153d}
.footer-bottom{border-color:#3d518d66}
@media(max-width:800px){.orbit-label{display:none}.hero:after{right:-22%;width:100%}.intro h1 .outline{-webkit-text-stroke:1px #d8d4ff}}
@media(max-width:560px){.cover{border-radius:12px}.cover .num{font-size:10px}.placeholder{font-size:9px}.hero:before{top:15%}}

/* Recherche de stage : encart éditorial, sans style promotionnel. */
.stage-note{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #8a85b055;border-bottom:1px solid #8a85b055;padding:17px 0 16px;max-width:940px;scroll-margin-top:28px}
.stage-note-label{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--blue);font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.11em}
.stage-note-indicator{height:8px;width:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #bdff5a20}
.stage-note-info{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 20px;align-items:baseline;text-align:right}
.stage-note-info p{margin:0;font-size:13px;line-height:1.5;color:#e9e6fa}
.stage-note-info strong{font-weight:700;color:#fff}
.stage-note-info .stage-dates{font-family:'Space Grotesk',sans-serif;font-weight:600;color:#f5ddff;white-space:nowrap}
.stage-separator{color:var(--pink);padding:0 5px}.date-pending{font-variant-numeric:tabular-nums;border-bottom:1px dotted #bcb3d5}
@media(max-width:900px){.stage-note{align-items:start;flex-direction:column;gap:12px}.stage-note-info{text-align:left;justify-content:start}.hero{height:auto;min-height:700px}.intro{padding-top:190px}}
@media(max-width:560px){.stage-note{margin-top:21px}.stage-note-label{font-size:10px}.stage-note-info p{font-size:12px}.stage-note-info .stage-dates{white-space:normal}.intro{padding-top:180px}nav .links{gap:8px}nav .links a{font-size:9px}}