:root{--paper:#eeeff2;--white:#fff;--ink:#20252d;--blue:#243cbb;--muted:#555c69;--line:#c7cbd5;--salmon:#ef9a85;--violet:#dcdaf0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}h1,h2,h3,.brand,.project-mark{font-family:'Bricolage Grotesque',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.wrap{width:min(1300px,88%);margin-inline:auto}header{width:min(1400px,92%);margin:auto;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:40px;line-height:1;font-weight:800;letter-spacing:-2px;color:var(--blue)}.brand-period{color:#c94830}nav{display:flex;align-items:center;gap:29px;font-size:15px}nav a{padding:8px 0}nav a[aria-current]{border-bottom:2px solid var(--blue);color:var(--blue)}.header-school{font-size:13px;line-height:1.2;text-align:right;max-width:100px}.menu{display:none}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:var(--blue);color:white;z-index:30}.skip:focus{top:10px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.055em;line-height:1.04}h2{font-size:clamp(36px,4.5vw,64px);margin-bottom:26px}h3{font-size:30px}p{max-width:70ch}.studio-hero{padding-top:32px;padding-bottom:80px}.hero-meta{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:46px}.hero-grid{display:grid;grid-template-columns:1.1fr .95fr;column-gap:4%;align-items:start;position:relative}.hero-title{padding-top:4px;position:relative;z-index:1}.hero-title h1{font-size:clamp(68px,8.4vw,122px);line-height:.95;letter-spacing:-.075em;color:var(--blue);margin-bottom:30px;font-weight:600}.hero-title p{max-width:365px;font-size:19px;line-height:1.55;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1.5px solid currentColor;padding:13px 19px;font-size:15px;font-weight:600;color:var(--blue);background:transparent;border-radius:30px}.button:hover{background:var(--blue);color:white}.button span{font-size:22px;line-height:1}.material-study{margin:34px 0 0 0;position:relative;grid-column:2;grid-row:1 / span 2}.material-study img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:48% 48% 3px 3px}.material-study figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:12px;font-size:12px;color:var(--muted)}.hero-note{max-width:280px;align-self:end;margin-top:45px;padding-left:45px}.note-label{font-size:13px;display:block;margin-bottom:8px;color:var(--blue)}.hero-note p{font-size:17px;line-height:1.4}.intro-band{background:var(--blue);color:white;padding-block:76px}.intro-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:50px}.section-kicker{font-size:15px;font-weight:500;margin-bottom:25px}.intro-grid h2{max-width:900px}.intro-grid p:not(.section-kicker){max-width:630px;font-size:19px;color:#e0e5ff}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:16px}.intro-band a:hover{color:#fff;text-decoration:underline}.section{padding-block:90px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.section-head h2{margin:0}.section-head p{font-size:16px;color:var(--muted);max-width:350px}.projects{display:flex;flex-direction:column;gap:55px}.project-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-width:0}.project-mark{display:flex;align-items:center;justify-content:center;background:#d9e0d3;min-height:335px;font-size:clamp(65px,7vw,100px);line-height:.89;letter-spacing:-.07em;color:#3c5439;font-weight:500;padding:45px}.project-copy{padding-right:5%;min-width:0}.project-kind{font-size:14px;color:var(--muted);display:block;margin-bottom:18px}.project-copy h3{font-size:clamp(31px,3.3vw,47px);margin-bottom:20px}.project-copy p{font-size:17px;max-width:460px;color:var(--muted)}.tag{font-size:13px;display:block;color:var(--muted);margin-top:24px}.project-action{display:flex;align-items:center;gap:40px;margin-top:25px;font-size:15px;font-weight:600;color:var(--blue)}.project-action b{font-size:25px;font-weight:400}.project-card:hover .project-action{text-decoration:underline}.project-card:hover h3{color:var(--blue)}.j2g{grid-template-columns:1.08fr 1fr;max-width:1040px;align-self:end;gap:70px}.j2g .project-mark{grid-column:2;grid-row:1;background:var(--salmon);color:#752e23;min-height:320px;border-radius:160px 160px 0 0;font-size:120px;letter-spacing:-.075em}.j2g .project-mark span{font-size:75px;align-self:center}.j2g .project-copy{grid-column:1;grid-row:1;padding-left:30px}.crao{width:91%;margin-top:10px;gap:70px}.crao .project-mark{background:var(--violet);color:#494076;font-size:clamp(48px,5vw,72px);min-height:300px;text-align:left;justify-content:start;padding:45px;border-radius:3px 100px 3px 3px}.craft-section{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;padding-block:55px 95px}.craft-heading p:not(.section-kicker){color:var(--muted);max-width:320px}.craft-list{padding-top:30px}.craft-list a{display:block;padding:20px 0;border-bottom:1px solid var(--line);font-family:'Bricolage Grotesque',sans-serif;font-size:36px;line-height:1.1;letter-spacing:-1px}.craft-list a span{display:block;font-family:'DM Sans',sans-serif;font-size:14px;letter-spacing:0;margin-top:12px;color:var(--muted)}.process{padding-block:55px 90px}.process>h2{font-size:38px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:45px}.steps span{color:var(--blue);font-family:'Bricolage Grotesque',sans-serif;font-size:30px}.steps h3{margin-top:18px;margin-bottom:15px;font-size:26px}.steps p{font-size:16px;color:var(--muted)}.callout{background:#dde2f7;padding:55px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;margin-bottom:85px;border-radius:4px 75px 4px 4px}.callout h2{font-size:clamp(37px,4vw,56px);color:var(--blue)}.callout p{max-width:500px}.callout .section-kicker{color:var(--blue)}footer{background:#fff;padding:60px 6% 25px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:55px;max-width:1300px;margin:auto}.footer-top .brand{font-size:65px;display:block;margin-bottom:24px}.footer-top p{font-size:15px;color:var(--muted)}.footer-links{display:flex;flex-direction:column;align-items:start;gap:11px;font-size:15px}.footer-bottom{max-width:1300px;margin:55px auto 0;display:flex;justify-content:space-between;gap:30px;font-size:12px;color:var(--muted)}.footer-support{justify-self:end}.eyebrow{font-size:15px;font-weight:500;color:var(--blue);margin-bottom:25px;letter-spacing:0}.page-intro{padding-block:70px 60px}.page-intro h1{font-size:clamp(52px,6.7vw,92px);max-width:1150px;color:var(--blue);margin-bottom:0;line-height:1.02}.lead{font-size:22px;color:var(--muted);max-width:770px;margin-top:32px;margin-bottom:0}.editorial{display:grid;grid-template-columns:1fr 1.4fr;gap:75px;padding-block:58px}.editorial h2{font-size:42px;max-width:430px}.editorial p{font-size:19px;color:var(--muted)}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.three-col article{padding-top:24px;border-top:2px solid var(--line)}.three-col h3{font-size:31px;line-height:1.1}.three-col p{color:var(--muted)}.discipline-list article{display:grid;grid-template-columns:45px 1fr 1.4fr;gap:35px;padding-block:35px;border-bottom:1px solid var(--line)}.discipline-list article>span{font-size:15px;color:var(--muted)}.discipline-list h2{font-size:42px;margin:0}.discipline-list p{margin:0;color:var(--muted)}.partner-band{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;background:#dce2f7;padding:24px 30px;border-radius:5px;margin-bottom:25px}.partner-band span{font-size:14px}.mycosphaera .partner-band{background:#d9e0d3}.j2g.inner .partner-band{background:#f3cec4}.crao.inner .partner-band{background:var(--violet)}body.inner.j2g,body.inner.crao{width:auto;max-width:none;display:block;margin:0}.skill-tags{display:flex;flex-wrap:wrap;gap:15px}.skill-tags span{padding:13px 22px;background:#fff;border-radius:30px;font-size:16px}.note{color:var(--muted);font-size:14px;margin-top:35px;max-width:760px}.empty{max-width:900px;padding:50px;background:#e0e4ef;border-radius:5px 70px 5px 5px;margin-top:45px}.empty h2{font-size:43px}.empty p{color:var(--muted)}.inner .callout{display:block}.inner .callout h2{margin-bottom:25px}.inner .callout .button{margin-top:10px}.inner .section{padding-top:45px}.inner.collaborations .projects{margin-bottom:60px}@media(min-width:1500px){.hero-title h1{font-size:128px}.hero-note{margin-top:65px}}@media(max-width:1050px){header{gap:20px}nav{gap:18px;font-size:14px}.header-school{display:none}.hero-note{padding-left:15px}.hero-title h1{font-size:9vw}.hero-grid{gap:4%}.hero-title p{font-size:18px}.material-study{margin-top:35px}.project-card,.j2g,.crao{gap:35px}.j2g .project-copy{padding-left:0}.craft-section{gap:45px}.project-mark{min-height:320px}.callout{padding:40px}}@media(max-width:760px){.wrap{width:88%}header{min-height:85px;flex-wrap:wrap;width:88%;gap:10px}.brand{font-size:35px}.menu{display:block;border:1px solid var(--blue);color:var(--blue);background:transparent;border-radius:30px;padding:7px 15px;font:inherit;font-size:14px}nav{display:none;width:100%;padding-block:15px 25px;flex-direction:column;align-items:start;gap:8px;font-size:17px}nav.open{display:flex}.studio-hero{padding-top:20px;padding-bottom:45px}.hero-meta{font-size:12px;gap:18px;align-items:start;margin-bottom:35px}.hero-meta span:last-child{max-width:110px;text-align:right}.hero-grid{grid-template-columns:1fr;gap:0}.hero-title h1{font-size:clamp(67px,16vw,106px);line-height:.96}.hero-title p{font-size:18px;max-width:420px}.material-study{grid-column:1;grid-row:auto;width:85%;justify-self:end;margin-top:40px}.material-study img{max-height:490px}.hero-note{padding:0;margin:24px 0 0;max-width:none;display:flex;gap:30px;align-items:start}.hero-note p{font-size:15px}.note-label{font-size:12px;max-width:100px}.intro-band{padding-block:45px}.intro-grid{grid-template-columns:1fr;gap:0}.intro-grid h2{font-size:39px}.intro-grid p:not(.section-kicker){font-size:17px}.section{padding-block:60px}.section-head{flex-direction:column;align-items:start;gap:12px;margin-bottom:32px}.section-head h2{font-size:43px}.section-head p{max-width:100%}.projects{gap:50px}.project-card,.j2g,.crao{width:100%;max-width:none;display:flex;flex-direction:column;align-items:stretch;gap:24px}.project-mark{min-height:280px;padding:35px;font-size:80px}.j2g .project-mark{min-height:290px;font-size:120px}.crao .project-mark{font-size:60px;min-height:280px}.project-copy{padding:0}.project-copy h3{font-size:34px}.project-kind{margin-bottom:12px}.tag{margin-top:18px}.project-action{margin-top:15px}.craft-section{grid-template-columns:1fr;gap:5px;padding-block:10px 45px}.craft-heading h2{font-size:44px}.craft-list a{font-size:32px}.process{padding-block:35px 55px}.process>h2{font-size:34px}.steps{grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}.steps h3{font-size:24px}.callout{grid-template-columns:1fr;gap:0;padding:30px;border-radius:3px 45px 3px 3px;margin-bottom:55px}.callout h2{font-size:37px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child{grid-column:1/-1}.footer-support{justify-self:start}.footer-bottom{flex-direction:column;gap:15px;margin-top:30px}.page-intro{padding-block:40px}.page-intro h1{font-size:clamp(43px,10vw,66px)}.lead{font-size:19px}.editorial{grid-template-columns:1fr;gap:0;padding-block:30px}.editorial h2{font-size:35px}.editorial p{font-size:17px}.three-col{grid-template-columns:1fr;gap:25px}.three-col h3{font-size:29px}.discipline-list article{grid-template-columns:25px 1fr;gap:15px}.discipline-list h2{font-size:34px}.discipline-list p{grid-column:2}.empty{padding:28px}.empty h2{font-size:33px}.partner-band{padding:20px;gap:10px}.material-study figcaption{font-size:11px;gap:8px}.skill-tags span{font-size:15px}.eyebrow{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Direction issue de l’affiche IMPACTE 2026 : nuit, cyan, lumière ambrée. */
:root{--paper:#05121d;--white:#f5f9fc;--ink:#f5f9fc;--blue:#00c4e5;--muted:#b1c5d3;--line:#284558;--salmon:#d48c58;--violet:#152f46}
body{background:#05121d}h1,h2,h3,.brand,.project-mark{font-family:'DM Sans',sans-serif}h1,h2,h3{letter-spacing:-.045em}header{border-bottom:1px solid var(--line)}.brand{font-size:31px;font-weight:800;letter-spacing:-1px;color:#fff}.brand-a{color:var(--blue)}.header-school{color:var(--muted)}nav a[aria-current]{color:var(--blue)}.hero-meta{color:#b7cbd8}.studio-hero{padding-top:28px}.hero-grid{grid-template-columns:1fr 1fr;gap:6%}.hero-title{padding-top:70px}.poster-overline{text-transform:uppercase;letter-spacing:.32em!important;font-size:22px!important;color:#d1dfe8!important;margin-bottom:10px!important}.hero-title h1{font-size:clamp(59px,7.2vw,102px);font-weight:800;line-height:.95;letter-spacing:-.065em;color:#fff;margin-bottom:35px}.poster-year{font-size:.8em;font-weight:400;letter-spacing:.08em;display:inline-block;margin-top:12px;color:var(--blue)}.hero-title p{font-size:22px;color:#d6e3eb;max-width:415px}.material-study{margin:0;grid-row:1 / span 2}.material-study img{aspect-ratio:2/3;border-radius:0;object-fit:contain;max-height:790px}.material-study figcaption{color:#9ab6c8}.hero-note{padding-left:0;margin-top:40px;border-left:2px solid var(--blue);padding-left:22px}.note-label{color:var(--blue);font-size:17px;font-weight:700;max-width:260px;line-height:1.3}.hero-note p{color:var(--muted);margin-top:15px;letter-spacing:.09em;font-size:14px}.button{border-radius:2px;color:#03141d;background:var(--blue);border-color:var(--blue);font-weight:700}.button:hover{background:#86e9f6;color:#05121d;border-color:#86e9f6}.intro-band{background:#0b2435;border-block:1px solid #1c4659}.intro-grid p:not(.section-kicker){color:#c4d8e5}.section-kicker{color:var(--blue)}.intro-grid h2{color:#fff}.intro-band .text-link{color:var(--blue)}.section-head p{color:var(--muted)}.project-mark{color:#edfaff;background:#0c3440;border-left:3px solid var(--blue);min-height:310px;font-weight:700}.j2g .project-mark{background:#302219;color:#ffc18e;border-radius:0;border-left:3px solid #f4a265}.crao .project-mark{background:#14283f;color:#d0e5ff;border-radius:0;border-left:3px solid #6dabe4}.project-card h3{color:#f4f8fb}.project-card:hover h3{color:var(--blue)}.craft-list a{font-family:'DM Sans',sans-serif}.craft-list a span{color:#a9c1d1}.steps span{color:var(--blue)}.callout{background:#0b2537;border-radius:0;border-left:3px solid var(--blue)}.callout h2{color:white}.callout p{color:#c4d8e5}.callout .section-kicker{color:var(--blue)}footer{background:#020c13;border-top:1px solid #173849}.footer-top .brand{font-size:52px}.footer-top p,.footer-bottom{color:#a8c0d0}.page-intro h1{color:white}.eyebrow{color:var(--blue)}.partner-band{background:#103248;border:1px solid #24516a;border-radius:2px}.mycosphaera .partner-band{background:#10373b}.j2g.inner .partner-band{background:#3a281e;border-color:#765036}.crao.inner .partner-band{background:#152f46}.skill-tags span{background:#102b3e;border:1px solid #28485b;border-radius:3px}.empty{background:#0d2638;border-radius:0;border-left:3px solid var(--blue)}.empty .eyebrow{color:var(--blue)}.three-col article{border-top-color:#29485d}.page-intro{border-bottom:1px solid #193343}.footer-top .brand:hover{color:var(--blue)}.skip{background:var(--blue);color:#04141d}
@media(max-width:1050px){.hero-title{padding-top:25px}.hero-title h1{font-size:7.8vw}.hero-title p{font-size:19px}.hero-note{margin-top:25px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-title{padding-top:0}.hero-title h1{font-size:clamp(56px,14vw,100px)}.hero-title p{font-size:20px}.poster-overline{font-size:18px!important}.material-study{grid-column:1;grid-row:auto;width:100%;max-width:500px;justify-self:center;margin-top:35px}.material-study img{max-height:none;width:100%;aspect-ratio:2/3}.hero-note{display:block;margin-top:28px;padding-left:20px}.hero-note p{font-size:14px}.note-label{font-size:17px;max-width:300px}.project-mark{font-size:76px}.j2g .project-mark{border-radius:0}.crao .project-mark{font-size:57px}.footer-top .brand{font-size:44px}.callout{border-radius:0}.hero-meta{font-size:12px;gap:10px}.hero-meta span:first-child{max-width:180px}}
/* Bandeau animé : image de repli toujours disponible sous la vidéo. */
.video-hero{position:relative;isolation:isolate;min-height:620px;height:min(76vh,850px);background:#05121d url('media/impacte-bandeau.jpg') center/cover;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.video-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,10,18,.94) 0%,rgba(2,10,18,.79) 35%,rgba(2,10,18,.17) 75%),linear-gradient(0deg,rgba(2,10,18,.7),transparent 45%)}.video-content{height:100%;min-height:620px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:65px 90px}.video-content h1{font-size:clamp(60px,7.2vw,108px);font-weight:800;line-height:1;letter-spacing:-.06em;color:#fff;margin:0 0 26px}.video-content h1 span{display:block;font-size:.6em;letter-spacing:.1em;font-weight:400;color:#00c4e5;margin-top:12px}.video-program{font-weight:700;font-size:clamp(21px,2.2vw,30px);line-height:1.2;max-width:470px;color:white;margin-bottom:20px}.video-description{max-width:405px;font-size:19px;color:#e1edf4;margin-bottom:27px}.video-controls{position:absolute;right:6%;bottom:25px;display:flex;align-items:center;gap:12px;max-width:88%}.video-controls button{padding:10px 17px;border:1px solid #b2c7d5;color:#fff;background:#05121de8;border-radius:3px;font:inherit;font-size:14px;cursor:pointer}.video-controls button:hover{border-color:#00c4e5;color:#00c4e5}.video-controls button[hidden]{display:none}.video-controls span{font-size:13px;color:#edf7ff;background:#05121d}.video-caption{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#a8c3d6;padding-block:18px 28px}.video-caption a{text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.video-hero{height:auto;min-height:610px}.video-content{min-height:610px;padding-block:50px 95px}.video-content h1{font-size:clamp(54px,12vw,86px)}.video-description{font-size:17px;max-width:310px}.video-program{font-size:23px;max-width:340px}.video-shade{background:linear-gradient(90deg,rgba(2,10,18,.91),rgba(2,10,18,.48)),linear-gradient(0deg,#05121d66,transparent)}.video-controls{left:6%;right:auto;bottom:22px}.video-caption{flex-wrap:wrap;gap:8px;font-size:12px}}